html, body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003;
margin: 0;
padding: 0;
text-align: center;
background: #666;
line-height: 150%;
}
#container, #header, #flashheader, #left, #spacer, #content, #right, #footer {
margin: 0;
padding: 0;
text-align: left;
}
#container { width: 890px; margin: 0px auto; background: url(../img/template/bg_container.jpg) repeat-y 0 0;}
#header { width: 880px; height: 130px; margin: 0px 5px; position: relative;}
#topnav { position: absolute; left: 225px; top: 0px; width: 655px; background: url(../img/template/bg_topnav_ul_li.jpg) repeat-x 0 0;}
#flashheader { position: absolute; left: 225px; top: 65px; width: 655px; height: 300px; background-color: #333333;}
#left { width: 224px; margin: 0px 0px 0px 5px; float: left;}
#left { display: inline;} /* Noodzakelijk om extra margin in IE te voorkomen */
#spacer { width: 5px; height: 500px; float: left;} /* Bedoeld om een minimale hoogte van de site te garanderen */
#content { width: 430px; margin: 235px 10px 15px 10px; float: left;}
#right { width: 200px; margin: 235px 0px 0px 0px; float: left;}
#footer { width: 890px; height: 30px; clear: both; background: url(../img/template/bg_footer.jpg) no-repeat 0 0;}
#footer { position: relative;} /* Noodzakelijk om elementen in de footer absoluut te kunnen positioneren */
.cleardiv { clear: both; height: 1px; line-height: 1px; font-size: 1px;} /* Multifunctioneel inzetbare cleardiv */
#header .logo img { margin: 0; padding: 0; border: 0; float: left; display: inline;}
/* 30-10-2009: Template zonder rechterkolom */
#techdata #container {background: url(../img/template/bg_container_techdata.jpg) repeat-y 0 0;}
#techdata #content { width: 630px;}
/* Typografie Styles */
h1, h2, h3 { font-weight: bold; margin: 0; padding: 0;}
p, a { font-weight: normal; margin: 0; padding: 0;}
#content h1 { font-size: 13px; color: #E4232F; margin: 15px 0px;}
#content h2 { font-size: 12px; color: #E4232F; margin: 10px 0px;}
#content h3 { font-size: 11px; color: #333; margin: 5px 0px;}
#content p { font-size: 11px; margin: 7px 0px 3px 0px;}
#content a { color: #E4232F; text-decoration: none; }
#content a:hover { text-decoration: underline;}
#content img { border: 0px none;}
#content img.left { float: left; padding: 5px; margin: 5px; border: 1px solid #ccc;}
#content img.right { float: right; padding: 5px; margin: 5px; border: 1px solid #ccc;}
#content ul { font-size: 11px; color: #000; margin: 5px 0 0 30px; line-height: 140%; list-style-type:square; }
#content ul li { font-size: 11px; color: #000; line-height: 140%; }
#content p.breadcrumbs { color: #000; font-size: 11px; margin-top: 12px;}
#content .breadcrumbs a { color: #D41819;}
#content .breadcrumbs span { color: #333; padding: 0px 5px;}
#left h1 { font-size: 11px; line-height: 25px; height: 25px; padding-left: 8px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #6686A9; color: #fff; text-transform: uppercase;}
#left p { margin: 8px; color: #fff;}
a.nieuwsbutton { margin: 0; padding: 5px 10px; display: block; color: #000; font-size: 10px; text-decoration: none; }
a.nieuwsbutton:hover { background-color: #E1E1E1; text-decoration: none; }
a.nieuwsbutton .nieuwsdatum { text-align: right; color: #f00; font-weight: bold;}
a.nieuwsbutton h3 { font-size: 11px; font-weight: bold; color: #033; margin: 5px 0px 8px 0;}
a.nieuwsbutton p { line-height: 160%;}
a.websteen { position: absolute; bottom: -15px; left: 55px; font-size: 10px; color: #ccc; height: 25px;}
/* Einde Typografie Styles */
/* Nieuwsitem(s) styles */
#nieuwsitem { border-top: 1px solid #ccc; position: relative; }
#nieuwsitem h3 { margin: 4px 0 2px 0; font-size: 12px; color: #333;}
#nieuwsitem p { font-size: 11px; line-height: 150%; margin: 3px 0 0 0; padding: 0;}
#nieuwsitem .nieuwsdatum { position: absolute; top: 5px; right: 5px; margin: 0; padding: 0; font-size: 10px; color: #999999;}
/* Portfolioitem(s) styles */
#portfolioitem { border-top: 1px solid #ccc; position: relative; }
#portfolioitem h3 { margin: 4px 0 2px 0; font-size: 12px; color: #333;}
#portfolioitem p { font-size: 11px; line-height: 150%; margin: 3px 0 0 0; padding: 0;}
#portfolioitem .portfoliodatum { position: absolute; top: 5px; right: 5px; margin: 0; padding: 0; font-size: 10px; color: #999999;}
/* Topnavigatie styles */
#topnav ul { margin: 0px; padding: 0px;}
#topnav ul li { margin: 0px; padding: 0px; list-style: none; display: inline;}
#topnav ul li a { float: left; width: 79px; height: 40px; margin: 0px; padding: 25px 0 0 0; text-align: center; border-left: 1px solid #fff; text-decoration: none; color: #666; font-size: 11px; text-transform: uppercase;}
#topnav ul li a:hover { background: url(../img/template/bg_topnav_ul_li_hover.jpg) no-repeat 0 50%; font-weight: bold;}
#topnav ul li a.home { width: 75px;}
#topnav ul li a.aanbiedingen { width: 100px;}
#topnav ul li a.login { width: 75px;}
#topnav ul li a.aanbiedingen:hover { background: #fff url(../img/template/bg_topnav_ul_li_hover_aanbiedingen.jpg) no-repeat;}
/* Hoofdnavigatie styles */
#nav { margin: 20px 5px; padding: 0px; width: 215px; border-top: 1px solid #999; }
#nav ul { list-style-type: none; margin: 0; padding: 0;}
#nav a { display: block; color: #fff; text-decoration: none; border-bottom: 1px solid #999;}
#nav a:hover { background-color: #6686A9;}
#nav .active { background-color: #6686A9;}
#nav ul li a { width: 215px; height: 24px; line-height: 24px; text-indent: 10px; font-size: 11px; font-weight: bold;}
#nav ul li ul li a { width: 215px; height: 22px; line-height: 22px; text-indent: 20px; font-size: 11px; font-weight: normal;}
#nav ul li ul li ul li a { width: 215px; height: 20px; line-height: 20px; text-indent: 30px; font-size: 11px; font-weight: normal;}