html, body { height:100%; } * { margin: 0; padding: 0; } body { border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(pics/background.png) top repeat-x; background-color: #000000; } /* WRAPPERS */ #wrapperOuter { position: relative; width: 100%; height: auto; display: block; background: url(pics/backgroundLogo.png) top left no-repeat; } #wrapperInner { position: relative; width: 963px; height: auto; display: block; overflow: hidden; } /* HEADER */ #wrapperHeader { position: relative; width: 963px; height: 85px; z-index: 200; } #wrapperHeader h1.logo { position: relative; float: right; width: 173px; height: 53px; margin-top: 20px; } #wrapperHeader h1.logo a { width: 173px; height: 53px; display: block; background-image: url(pics/logo.png); } #wrapperHeader h1.logo span { display: none; } /* HEADER -> MAIN MENU */ #mainMenu { position: absolute; width: auto; height: 23px; left: 294px; top: 62px; z-index: 2000; } #mainMenu ul.mainMenu { position: relative; width: auto; height: 23px; display: block; } #mainMenu ul.mainMenu li { position: relative; float: left; width: auto; height: 23px; display: block; text-decoration: none; color: #000; border-right: 1px solid #aaaaaa; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; height: 20px; display: block; padding: 3px 6px 0px 6px; font-size: 14px; color: #000000; background: url(pics/backgroundMMenuNormal.gif); } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active { color: #0072bd; background: none; background-color: #FFFFFF; text-decoration: none; } #mainMenu ul.mainMenu li.firstNode a, #mainMenu ul.mainMenu li.firstNode a:visited { padding-left: 33px; background: url(pics/backgroundMMenuLeftNormal.gif) top left no-repeat; } #mainMenu ul.mainMenu li.firstNode a:hover, #mainMenu ul.mainMenu li.firstNode a.active { padding-left: 33px; background: url(pics/backgroundMMenuLeftActive.gif) top left no-repeat; } #mainMenu ul.mainMenu li.lastNode { border-right: 0px; } #mainMenu ul.mainMenu li.lastNode a { padding-right: 33px; background: url(pics/backgroundMMenuRightNormal.gif) top right no-repeat; } #mainMenu ul.mainMenu li.lastNode a:hover, #mainMenu ul.mainMenu li.lastNode a.active { padding-right: 33px; background: url(pics/backgroundMMenuRightActive.gif) top right no-repeat; } /* HEADER -> MAIN MENU -> SUBMENU */ #mainMenu ul.mainMenu li ul { position: absolute; top: 23px; left: -21px; z-index: 1000; width: 207px; height: auto; padding: 0; padding-left: 25px; background:url(pics/backgroundMSubMenu.gif) top left no-repeat; } #mainMenu ul.mainMenu li ul li { position: relative; width: 178px; height: 22px; padding-left: 8px; background: #FFFFFF; border: 0px; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:visited { position: relative; width: 178px; height: 22px; display: block; padding: 0px; background: #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active { position: relative; width: 176px; height: 22px; display: block; padding: 0px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat; color: #ff2d25; } #mainMenu ul.mainMenu li ul li.firstNode { position: relative; width: 178px; height: 22px; padding: 0px; background: none #FFFFFF; } #mainMenu ul.mainMenu li ul li.firstNode a, #mainMenu ul.mainMenu li ul li.firstNode a:visited { position: relative; width: 178px; height: 22px; padding: 0px; padding-left: 8px; background: none #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li ul li.firstNode a:hover, #mainMenu ul.mainMenu li ul li.firstNode a.active { position: relative; width: 178px; height: 22px; padding-left: 8px; padding-right: 0px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat #FFFFFF; } #mainMenu ul.mainMenu li ul li.lastNode { position: relative; width: 178px; height: 22px; padding: 0px; background: #FFFFFF; } #mainMenu ul.mainMenu li ul li.lastNode a, #mainMenu ul.mainMenu li ul li.lastNode a:visited { position: relative; width: 178px; height: 22px; padding: 0px; padding-left: 8px; background: none #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li ul li.lastNode a:hover, #mainMenu ul.mainMenu li ul li.lastNode a.active { position: relative; width: 178px; height: 22px; padding-left: 8px; padding-right: 0px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat #FFFFFF; } #mainMenu ul.mainMenu li.firstNode ul { position: absolute; top: 23px; left: 1px; z-index: 1; width: 212px; height: auto; padding-left: 25px; background:url(pics/backgroundMSubMenu.gif) top left no-repeat; } #mainMenu ul.mainMenu li.firstNode ul li { position: relative; width: 176px; height: 22px; padding-left: 0px; } #mainMenu ul.mainMenu li.firstNode ul li a, #mainMenu ul.mainMenu li.firstNode ul li a:visited { position: relative; width: 176px; height: 22px; display: block; overflow: hidden; padding: 0; padding-left: 10px; background: none #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li.firstNode ul li a:hover, #mainMenu ul.mainMenu li.firstNode ul li a.active { position: relative; width: 176px; height: 22px; display: block; overflow: hidden; padding: 0px; padding-left: 10px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat #FFFFFF; } #mainMenu ul.mainMenu li.firstNode ul li.lastNode { position: relative; width: 176px; height: 22px; padding: 0px; background: #FFFFFF; } #mainMenu ul.mainMenu li.firstNode ul li.lastNode a, #mainMenu ul.mainMenu li.firstNode ul li.lastNode a:visited { position: relative; width: 176px; height: 22px; padding: 0px; padding-left: 10px; background: none #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li.firstNode ul li.lastNode a:hover, #mainMenu ul.mainMenu li.firstNode ul li.lastNode a.active { position: relative; width: 176px; height: 22px; padding-left: 10px; padding-right: 0px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat #FFFFFF; } #mainMenu ul.mainMenu li.lastNode ul { position: absolute; top: 23px; left: -21px; z-index: 1; width: 207px; height: auto; padding: 0; padding-left: 25px; background:url(pics/backgroundMSubMenu.gif) top left no-repeat; } #mainMenu ul.mainMenu li.lastNode ul li { position: relative; width: 178px; height: 22px; padding-left: 8px; background: #FFFFFF; border: 0px; } #mainMenu ul.mainMenu li.lastNode ul li a, #mainMenu ul.mainMenu li.lastNode ul li a:visited { position: relative; width: 178px; height: 22px; display: block; padding: 0px; background: none #FFFFFF; font-size: 11px; } #mainMenu ul.mainMenu li.lastNode ul li a:hover, #mainMenu ul.mainMenu li.lastNode ul li a.active { position: relative; width: 176px; height: 22px; display: block; padding: 0px; background: url(pics/backgroundMSubMenuActive.gif) top left no-repeat; color: #ff2d25; } /* CONTENT */ #wrapperContent { position: relative; float: left; width: 963px; height: auto; background: url(pics/background.gif) top left repeat-y; } #wrapperContentLeft { position: relative; float: left; width: 233px; height: auto; overflow: hidden; } #wrapperContentRight { position: relative; float: left; width: 730px; height: auto; overflow: hidden; } #wrapperContentRightHeader { position: relative; float: left; width: 730px; height: auto; margin-bottom: 15px; overflow: hidden; } img.nbdlogo { display: none; } /* CONTENT LEFT -> HEADER IMAGE */ #wrapperSearch { position: relative; width: 186px; height: 390px; margin: 102px 0px 170px 28px; background: top left repeat-x; } #wrapperSearch h1 { position: relative; padding-right: 8px; padding-top: 6px; width: 178px; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; text-align: right; } #wrapperSearch h1.searchTitle1 { /*color: #000000;*/ color:#333333; background: url(pics/backgroundSearchTitle1.gif) top right no-repeat; font-weight: bold; } #wrapperSearch h1.searchTitle2 { /*color: #000000;*/ color:#333333; background: url(pics/backgroundSearchTitle2.gif) top right no-repeat; font-weight: bold; } #wrapperSearch h1.searchTitle3 { /*color: #000000;*/ color:#333333; background: url(pics/backgroundSearchTitle3.gif) top right no-repeat; font-weight: bold; } /* CONTENT LEFT -> FORMS ZOEKEN */ #wrapperSearch form { position: relative; float: left; width: 186px; } #wrapperSearch form fieldset { padding-left: 6px; } #wrapperSearch form label { position: relative; float: left; width: 84px; height:12px; display: block; } #wrapperSearch form.searchDirect { height: 206px; color: #000000; } #wrapperSearch form.searchKeerwand { height: 73px; color: #000000; } #wrapperSearch form.searchProject { height: 75px; color: #000000; } #wrapperSearch form select { position: relative; width: 174px; height: 22px; margin-bottom: 1px; } #wrapperSearch form input { margin-top: -1px; padding: 0px; } #wrapperSearch form a.submit, #wrapperSearch form a.submit:visited { position: relative; margin-left: 125px; color: #0072bd; font-size: 12px; text-decoration: none; } #wrapperSearch form a.submit:hover { position: relative; margin-left: 125px; color: #0072bd; font-size: 12px; text-decoration: underline; } /* CONTENT RIGHT -> HEADER -> IMAGE */ .contentRightHeader { position: relative; float: left; width: 710px; height: 125px; margin-top: 9px; margin-left: 12px; border: 0px; background-color:#009966; } #headerImage { position: relative; float: left; width: 710px; height: 125px; margin-top: 9px; margin-left: 12px; display: inline; border: 0px; overflow: hidden; } #wrapperContentRightHeader .print { display: none; } /* CONTENT RIGHT -> HEADER -> BREADCRUM */ ul.breadcrumMenu { position: relative; float: left; width: 593px; height: auto; margin-left: 12px; display: inline; list-style: none; } ul.breadcrumMenu li { position: relative; padding-right: 10px; display: inline; color: #0098d6; background: url(pics/divBreadCrum.gif) right no-repeat; } ul.breadcrumMenu li a, ul.breadcrumMenu li a:visited { text-decoration: underline; color: #0098d6; } ul.breadcrumMenu li a:hover { text-decoration: none; color: #0098d6; } ul.breadcrumMenu li.lastNode { background: none; } /* CONTENT RIGHT -> HEADER -> LANGUAGE */ ul.languageMenu { position: relative; float: left; width: 117px; height: 18px; margin-top: 4px; list-style: none; z-index:1; } ul.languageMenu li { position: relative; float: left; width: 39px; height: 18px; vertical-align: middle; } ul.languageMenu li a, ul.languageMenu li a:visited { position: relative; width: 35px; height: 18px; display: block; background: no-repeat; color: #018fca; text-decoration: none; text-align: right; text-transform: uppercase; } ul.languageMenu li a:hover { text-decoration: underline; } ul.languageMenu #nl a, ul.languageMenu #nl a:visited { background-image: url(pics/languageNL.gif); } ul.languageMenu #fr a { background-image: url(pics/languageFR.gif); } ul.languageMenu #fr a:visited { background-image: url(pics/languageFR.gif); } ul.languageMenu #de a { background-image: url(pics/languageDE.gif); } ul.languageMenu #de a:visited { background-image: url(pics/languageDE.gif); } ul.languageMenu { display: none; } /* CONTENT RIGHT -> CONTENT */ #wrapperContent .content { position: relative; float: left; width: 710px; height: auto; margin-left: 12px; display: inline; color: #595959; } #wrapperContent .content h1 { position: relative; float: left; width: 710px; height:18px; display: block; border-bottom: 1px solid #ffc0bd; font-size: 14px; line-height: 16px; color: #ff2d25; clear: both; } #wrapperContent .content h1 b { position: absolute; width: 17px; height: 18px; bottom: -1px; right: 0px; background-image:url(../../skins/default/pics/backgroundContentTitles.gif) } #wrapperContent .content a, #wrapperContent .content a:visited { text-decoration: none; color: #018fca; } #wrapperContent .content a:hover { text-decoration: underline; color: #018fca; } #wrapperContent .content ul { width: auto; height: auto; display: block; clear: left; margin-left: 16px; list-style: square; color: #595959; } #wrapperContent .content li { color: #595959; } #wrapperContent .content table { clear: left; } /* FOOTER */ #wrapperFooter { position: relative; float: left; width: 963px; height: 34px; } /* FOOTER -> FOOTER MENU */ #wrapperFooter ul.footMenu { position: relative; float: left; display: inline; width: auto; height: auto; margin: 8px 0px 0px 234px; } #wrapperFooter ul.footMenu li { position: relative; width: auto; height: auto; display: inline; padding: 0px 10px 0px 10px; background: url(pics/backgroundMenuFooterSpacer.gif) right no-repeat; } #wrapperFooter ul.footMenu li.firstNode { padding-left: 0px; } #wrapperFooter ul.footMenu li.lastNode { background: none; } #wrapperFooter ul.footMenu li a, #wrapperFooter ul.footMenu li a:visited { font-size: 11px; color: #FFFFFF; line-height: 10px; text-decoration: none; } #wrapperFooter ul.footMenu li a:hover, #wrapperFooter ul.footMenu li a.active { font-size: 11px; color: #FFFFFF; text-decoration: underline; } /* FOOTER -> ADDRESS */ #wrapperFooterAddress { } #wrapperContentLeft address { color: #FFFFFF; text-align: right; font-style: normal;position: relative; left: 85px; width: 130px; height: 181px; z-index: 2; } #wrapperContentLeft address a, #wrapperContentLeft address a:visited { color: #FFFFFF; text-decoration: none; } #wrapperContentLeft address a:hover { color: #FFFFFF; text-decoration: underline; } #wrapperContentLeft .payoff { position: relative; bottom: 60px; right: 20px; width: 123px; height: 29px; float: right; margin-top: 20px; border: 0px; } #wrapperFooter a.bte { float: right; height: 25px; display: block; padding: 4px 34px 0px 0px; color: #FFFFFF; text-decoration: none; vertical-align: middle; background:url(pics/backgroundLogoBTE.gif) top right no-repeat; }