/* Start of CMSMS style sheet 'layout' */
/* Bronto Media - Author: Loaie Hamo */

body {
font-family: 'Arial', verdana;
margin: 0;
padding: 0;
background: #231D1D url(images/layout/black-bg.jpg) top center repeat-x scroll;
text-align: left;
color: #666;
line-height: 16px;
cursor: default;
}

p {
margin-top: 0; 
margin-bottom: 0;
padding-bottom: 15px;
}

h1 {
font: normal 20px arial;
color: #fff;
vertical-align: top;
margin-top: 0px;
margin-bottom: 20px;
padding: 0;
}

#maincontainer {
width: 1000px;
height:100%;
display: block;
margin-left: auto;
margin-right: auto;
}

#top {
width: 1000px;
height: 60px;
padding: 20px 0 0 20px;
/* background: url(images/layout/topbar.png) top left no-repeat; */
margin-top: 47px;
margin-left: auto;
margin-right: auto;
cursor: default;
}

#logo {
float: left;
width: 225px; 
height: 86px;
margin: -20px 15px 0 0; 
left: 0; top: 0;
vertical-align: top;
display: block; 
background: transparent url(images/layout/hdrlogo.png) top left no-repeat; 
text-indent: -10000px;
border: 0; 
position: relative; 
cursor: default;
}

.rounded-top {
float: left;
width: 100%;
margin-top: 25px; 
margin-bottom: 0;
height: 15px;
}

.rounded-topleft{ 
float: left;
width: 15px;
}

.rounded-topmiddle {
float:left;
width: 970px;
height: 15px;
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
background-color: #fff;
}

.rounded-topright{ 
float: right;
width: 15px;
}

.portfoliorounded-top {
float: left;
width: 100%;
margin-top: 0; 
margin-bottom: 0;
height: 15px;
}

.portfoliorounded-topleft{ 
float: left;
width: 15px;
}

.portfoliorounded-topmiddle {
float:left;
width: 920px;
height: 15px;
background-color: #000;
}

.portfoliorounded-topright{ 
float: right;
width: 15px;
}

.rounded-bottom {
float: left;
width: 100%;
margin-top: 0; 
margin-bottom: 0;
height: 15px;
}

.rounded-bottomleft{ 
float: left;
width: 15px;
}

.rounded-bottommiddle {
float: left;
width: 970px;
height: 15px;
filter:alpha(opacity=10);
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
background-color: #fff;
}

.rounded-bottomright{ 
float: right;
width:15px;
}

.portfoliorounded-bottom {
float: left;
width: 100%;
margin-bottom: 10px;
height: 15px;
}

.portfoliorounded-bottomleft{ 
float: left;
width: 15px;
}

.portfoliorounded-bottommiddle {
float:left;
width: 920px;
height: 15px;
background-color: #000;
}

.portfoliorounded-bottomright{ 
float: right;
width: 15px;
}

#content {
float: left;
width: 95%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 10px 25px 0 25px;
font: normal 8.6pt arial;
line-height: 16pt;
color: #fff;
background: transparent url(images/layout/contentbg.png) top left repeat;
}

#content strong {
font-weight: strong;
}

.left {
float: left;
width: 440px;
height: auto; 
margin: 0;
padding: 0;
border: 0;
}

.right {
float: right;
width: 440px;
height: auto;
margin: 0;
padding: 0;
border: 0;
} 

#header {
float: left;
width: 1000px;
height: auto;
margin-top: 25px;
margin-bottom: 0;
margin-left: auto; 
margin-right: auto;
background: transparent;
background-color: none;
padding: 0;
cursor: default; 
}

#header .left {
float: left;
width: 400px;
padding-left: 25px;
padding-right: 10px;
padding-top: 10px;
}

#header .right {
float: right;
width: 520px;
padding-right: 25px;
}

.intro {
font-family: 'Georgia', Trebuchet MS, Arial;
color: #666;
}

.introtext {
font-family: 'Arial', Trebuchet MS;
font-style: italic;
font-size: 16px;
line-height: 25px;
color: #ccc;
}

.intro .small {
font-size: 15px;
line-height: 20px;
}

.intro .medium {
font-size: 25px;
line-height: 30px;
}

.intro .large {
font-size: 23px;
line-height: 30px;
color: #999;
}

#bottom {
float: left;
width: 950px;
height: auto;
display: block;
position: relative;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
padding: 0 25px 0 25px;
font: normal 8.6pt arial;
line-height:16pt;
background: transparent url(images/layout/contentbg.png) top left repeat;
}

#footer {
width: 950px;
display: inline;
font: normal 8.6pt arial;
line-height:16pt;
background-color: #fff;
}

#footer a:link, #footer a:visited {
color: #ccc;
border-bottom: none;
text-decoration: underline;
}

#footer a:hover, #footer a:active {
color: #999;
border-bottom: none;
text-decoration: underline;
}

#footerleft { 
float: left;      
padding-top: 10px; padding-bottom: 10px;
text-align: left;
vertical-align: top;
color: #999;
}

#footerright {    
float: right;   
padding-top: 10px; padding-bottom: 10px;
text-align: right;
vertical-align: top;
color: #999;
}

.sitelinks {
float: left;
width: 100%; height: auto;
border: none; 
font: normal 8.6pt arial;
line-height: 16pt;
color: #666;
margin: 10px auto 20px auto;
}

.sitelinks a:link {
color: #999; 
border-bottom: none;
}

.sitelinks a:visited {
color: #999; 
border-bottom: none;
}

.sitelinks a:hover, .sitelinksContent a:active {
color: #ccc; 
border-bottom: none;
}

.darkline {
float: left;
border: 0;
width: 100%;
color: #666;
background-color: #666;
height: 1px;
}

.space {
float: left;
height: 25px;  
}

/* Standaard link */
a:link {
color: #fff; 
text-decoration: underline;
}
a:visited {
color: #fff; 
text-decoration: underline;
}
a:hover {
color: #ccc; 
text-decoration: none;
}
a:active {
color: #fff;
text-decoration: none;
}
/* End of 'layout' */