html, body { height:100%; } * { margin: 0; padding: 0; } body { background: #f0f0f0; text-align: center; } /* holder */ #holder { position: relative; margin: 0 auto; padding: 0; width: 906px; overflow: hidden; text-align: left; } #holder img { position: relative; float: left; } #holder .holder { position: relative; float: left; width: 900px; } /* HEAD */ #hhead { position: relative; width: 900px; height: 220px; margin: 0; padding: 0; } #hhead #breadcrumMenu { position: relative; float: left; width: 900px; height: 23px; overflow: hidden; } #hhead #breadcrumMenu ul { position: relative; float: left; margin-left: 27px; height: 23px; list-style: none; } #hhead #breadcrumMenu ul li { position: relative; float: left; padding: 0px 8px 0px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #7b7c7b; line-height: 23px; background: url(pics/divBreadCrum.gif) left no-repeat; } #hhead #breadcrumMenu ul li a, #hhead #breadcrumMenu ul li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #7b7c7b; text-decoration: none; } #hhead #breadcrumMenu ul li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #7b7c7b; text-decoration: underline; } #hhead #breadcrumMenu ul li.firstNode { padding-left: 0px; background: none; } #hhead .hhead { position: relative; float: left; width: 900px; height: 197px; margin: 0; padding: 0; background: #FFF url(pics/bgHHead.gif) no-repeat; } #hhead .hhead .hheadInline { width: 848px; height: 150px; margin: 30px 0px 0px 30px; background:url(pics/bgMainMenu.gif) top left no-repeat; } #hhead .hhead .hheadInline h1 { position: relative; float: left; margin: 53px 0px 0px 0px; width: 287px; height: 97px; background: url(pics/bgLogo.gif) top left; } #hhead .hhead .hheadInline h1 a { display: block; margin: 49px 0px 0px 27px; width: 230px; height: 37px; background: url(pics/logo.jpg); } #hhead .hhead .hheadInline h1 a span { display: none; } #mainMenu { position: absolute; top: 137px; right: 26px; width: 561px; height: 86px; z-index: 7; } #mainMenu ul.mainMenu { position: relative; float: left; padding: 44px 0px 0px 40px; width: 521px; height: 22px; } #mainMenu ul.mainMenu li { position: relative; float: left; padding: 0px 9px 8px 9px; height: 14px; line-height: 14px; background: url(pics/divMainmenu.gif) top right no-repeat; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 14px; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; text-transform: uppercase; line-height: 14px; color: #fff; } #mainMenu ul.mainMenu li a:hover { position: relative; float: left; display: block; height: 14px; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; text-transform: uppercase; line-height: 14px; color: #fff; } #mainMenu ul.mainMenu li.firstNode { padding-left: 0px; } #mainMenu ul.mainMenu li.lastNode { background: none; } #mainMenu ul.mainMenu li ul { position: absolute; left: 0px; width: 114px; height: auto; top: 22px; z-index: } #mainMenu ul.mainMenu li ul li { position: relative; float: left; padding: 0; height: auto; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:visited { position: relative; float: left; display: block; padding: 2px 9px 2px 9px; width: 100px; color: #000000; text-decoration: none; background: #e0e0e0; } #mainMenu ul.mainMenu li ul li a:hover { position: relative; float: left; display: block; padding: 2px 9px 2px 9px; width: 100px; color: #000000; text-decoration: underline; background: #e0e0e0; } #mainMenu ul.mainMenu li ul li.firstNode a, #mainMenu ul.mainMenu li ul li.firstNode a:visited { padding: 12px 9px 2px 9px; } #mainMenu ul.mainMenu li ul li.lastNode { padding: 0px 0px 10px 0px; background: url(pics/bgSubmenu.gif) bottom no-repeat; } /* body */ #hbody { position: relative; float: left; width: 900px; background: #FFFFFF; } #hbody .hbody { width: 900px; min-height: 460px; background: #FFFFFF; } #hbody .hbody .tplHeader { position: relative; float: left; padding: 0px 26px 22px 26px; width: 848px; min-height: 437px; background: url(pics/bgTplHeader.gif) bottom repeat-x #FFF;} #hbody .hbody .tpl { position: relative; clear: both; padding: 0px 44px 0px 44px; width: 812px; } #hbody .hbody .tpl #tplLeft { position: relative; float: left; padding-bottom: 20px; display: inline; width: 228px; } #hbody .hbody .tpl #tplLeft #generalMenu { position: relative; width: 228px; margin-bottom: 28px; } #hbody .hbody .tpl #tplLeft #generalMenu ul { position: relative; width: 228px; list-style: none; } #hbody .hbody .tpl #tplLeft #generalMenu ul li { position: relative; width: 228px; height: 35px; background: url(pics/bgProductMenuItem.gif) repeat-x; } #hbody .hbody .tpl #tplLeft #generalMenu ul li.header { position: relative; padding-left: 18px; width: 210px; height: 20px; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background: url(pics/bgHeaderSmall.jpg) repeat-x; } #hbody .hbody .tpl #tplLeft #generalMenu ul li a, #hbody .hbody .tpl #tplLeft #generalMenu ul li a:visited { display: block; padding-left: 18px; width: 210px; height: 35px; line-height: 35px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background: url(pics/arrow.gif) 194px 10px no-repeat; } #hbody .hbody .tpl #tplLeft #newsBox { position: relative; float: left; width: 228px; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox h2 { position: relative; float: left; display: block; width: 210px; height: 20px; padding-left: 18px; line-height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background: url(pics/bgHeaderSmallNews.jpg) #FFFFFF; } /*#hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder { position: relative; float: left; width: 228px; min-height: 240px; background: url(pics/bgContentSmallNews.jpg) 100% no-repeat; }*/ #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder { position: relative; float: left; width: 228px; min-height: 240px; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul { list-style: none; padding: 20px 0px 10px 18px; width: 100px; } /*#hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li { position: relative; width: 100px; min-height: 130px; padding-bottom: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: normal; }*/ #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li { position: relative; width: 100px; min-height: 130px; padding-bottom: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a, #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; color: #000000; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a.more, #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a.more:visited { position: absolute; left: 0px; bottom: 0px; width: 125px; height: 16px; font-size: 10px; font-weight: normal; color: #4f6898; line-height: 16px; text-decoration: none; background: url(pics/arrow.gif) right no-repeat; } #hbody .hbody .tpl #tplLeft #newsBox .newsBox .newsholder ul li a.more:hover { position: absolute; left: 0px; bottom: 0px; width: 125px; height: 16px; font-size: 10px; font-weight: normal; color: #4f6898; line-height: 16px; text-decoration: underline; background: url(pics/arrow.gif) right no-repeat; } #hbody .hbody .tpl #tplSpacer { position: relative; float: left; padding: 30px 30px 0px 30px; width: 1px; } #hbody .hbody .tpl #tplContent { position: relative; float: left; padding-bottom: 150px; width: 523px; min-height: 284px; } #hbody .hbody .tpl #tplContent h1 { position: relative; float: left; padding-left: 20px; width: 503px; height: 20px; line-height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background: url(pics/bgHeaderMedium.jpg); } #hbody .hbody .tpl #tplContent .content { position: relative; float: left; padding: 0px 20px 0px 20px; width: 483px; } #hbody .hbody .tpl #tplContent .tplFooter { position: absolute; left:0; bottom: 10px; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter { position: relative; float: left; padding: 0px 0px 0px 0px; width: 523px; height: 110px; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .block { position: relative; float: left; margin-left: 9px; width: 168px; height: 109px; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .block h1 { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: none; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .block a, #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .block a:visited { display: block; padding: 10px; width: 148px; height: 89px; color: #000000; text-decoration: none; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .block a:hover { display: block; padding: 10px; width: 148px; height: 89px; color: #000000; text-decoration: none; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .nieuws { background: url(pics/bgTplFooterNieuws.gif); margin-left: 0px; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .nieuws a span.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #74b320; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .klimaat { background: url(pics/bgTplFooterKlimaat.gif); } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .klimaat a span.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0e4f67; } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .download { background: url(pics/bgTplFooterDownload.gif); } #hbody .hbody .tpl #tplContent .tplFooter #tplContentFooter .download a span.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; } /* footer */ #footer { position: relative; float: left; width: 900px; height: 24px; overflow: hidden; background: url(pics/bgFooter.jpg); text-align: center; font-size: 10px;} /* add by Hank zondag: 14-feb-2010 */ #footer span {font-size: 10px;} /*--*/ #footer ul.footMenu { position: relative; margin: 0 auto; padding-top: 6px; width: 370px; border: 0px solid red; height: 12px; line-height: 12px; } #footer ul.footMenu li { position: relative; float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #fff; } #footer ul.footMenu li a, #footer ul.footMenu li a:visited { line-height: 12px; text-decoration: none; color: #fff;} #footer ul.footMenu li a:hover, #footer ul.footMenu li a:active, #footer ul.footMenu li a.active, #footer ul.footMenu li a:visited.active { text-decoration: underline;} #footer ul.footMenu li.firstNode { padding-left: 0px; } #footer ul.footMenu li.lastNode { padding-right: 0px; border: 0px; } /* IE 6 */ * html #hhead .hhead h1 { display: inline; } * html #hbody .hbody .tpl #newsBox .newsBox .newsholder { height: 240px; } * html #hbody .hbody .tplHeader { height: 437px; }