html, body { height:100%; } * { margin: 0; padding: 0; } /* holder */ #holder { position: relative; margin: 0 auto; /*padding: 35px 0px 0px 0px;*/ width: 980px; height: auto; overflow: hidden; text-align: left; z-index: 1; } #holder .holder { position: relative; float: left; display: inline; margin-left: 12px; } /* Holder */ /* body */ #hbody { position: relative; float: left; width: 100%; height: auto; clear: both;} #hbody .tpl {width: 100%; overflow: hidden; margin: 0; /*padding: 0 0 30px 0;*/ color: #000;} #hbody .tpl #content { float: left; width: 632px; margin: 0; padding-right: 10px; } * html body #hbody { height: 100%;} /* head */ #hhead { float: left; position: relative; margin-top: 15px; width: 100%; height: 135px; z-index: 4;} #hhead .beeld { position: relative; width: 100%; height: 135px; overflow: hidden; } #hhead .beeld #beeldwissel { position: absolute; top:0; left:0; width: 980px; height: 135px; } #hhead .beeld #beeldwissel li { position: absolute; left:0; top:0; z-index: 3; } #hhead .beeld #beeldwissel li img { z-index: 3; } #hhead h1.logo { position: absolute; top: -70px; right: 0px; display: block; width: 143px; height: 65px; background: url(pics/logo.jpg); margin: 0px; z-index: 4;} #hhead h1.logo a { display: block; width: 143px; height: 65px; float: left; } #hhead h1.logo a span { display: none; } #hhead .contact { position: absolute; width: 140px; top: 25px; right: 0px; z-index: 4; } #hhead .contact a { color: #000; text-decoration: underline; } /* head */ /* MainMenu */ ul.mainMenu, ul.mainMenu ul { list-style: none; } ul.mainMenu li ul { position: absolute; z-index: 1000; visibility: hidden; } #mainMenu { width: 100%; left: 0; margin-top: 45px; height: 23px; background: #fff; } #mainMenu ul.mainMenu { position: relative; float: left; height: 23px; font: 13px Arial, Verdana, Helvetica, sans-serif; z-index: 100;} #mainMenu ul.mainMenu li { position:relative; float: left; padding-right: 1px; display: block; height: 23px; background: url(pics/divider.gif) no-repeat right center; } #mainMenu ul.mainMenu li.lastNode { background: none; padding:0; } #mainMenu ul.mainMenu li ul { position: absolute; z-index: 1000; width: 220px; left: 0; top:0; margin: 23px 0 0 0; padding:6px 0; border: 0; background: #fff; height: auto;} #mainMenu ul.mainMenu li ul li { float:none; border: 0; padding: 0; margin: 0; width: 100%; height:auto; background:#fff;} #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 23px; width: auto; text-decoration: none; padding: 0 8px; line-height: 23px; color: #3a423a; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; display: block; height: 23px; text-decoration: none; padding: 0 8px; line-height: 23px; color: #54accd;/*background: #999;*/ } #mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { width: 200px; display: block; height: 23px; background: #fff; text-decoration: none; padding: 0 10px; line-height: 23px; color: #000; z-index: 100;} #mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { width: 200px; display: block; height: 23px; text-decoration: none; padding: 0 10px; line-height: 23px; color: #54accd;} #mainMenu ul.mainMenu ul ul { width: 74px; overflow: hidden; left: 74px; z-index: 100; margin: 0; } #mainMenu ul.mainMenu ul ul a, #mainMenu ul.mainMenu ul ul a:visited { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; font-weight: bold; color: #000; color: #54accd; } #mainMenu ul.mainMenu ul ul a:hover, #mainMenu ul.mainMenu ul ul a.active, #mainMenu ul.mainMenu ul ul a.active:visited, #mainMenu ul.mainMenu ul ul a.active:hover, #mainMenu ul.mainMenu ul ul a.active:active { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; color: #a4294a; background: #fff; color: #54accd; } /* generalMenu */ ul.generalMenu, ul.generalMenu ul { margin: 0; padding: 0; list-style: none; } ul.generalMenu li { margin: 0; position: relative; } ul.generalMenu li ul { position: absolute; z-index: 1000; visibility: hidden; } ul.generalMenu li ul li { margin: 0; padding: 0; } /* footMenu */ ul.footMenu, ul.footMenu ul { margin: 0; padding: 0; list-style: none; } ul.footMenu li { margin: 0; position: relative; } ul.footMenu li ul { position: absolute; z-index: 1000; visibility: hidden; } ul.footMenu li ul li { margin: 0; padding: 0; } /* * html body #mainMenu ul.mainMenu ul { width: 90px; } * html body #mainMenu ul.mainMenu ul li a, * html body #mainMenu ul.mainMenu ul li a:link, * html body #mainMenu ul.mainMenu ul li a:active, * html body #mainMenu ul.mainMenu ul li a.active { width: 90px; } */ /* breadcrum */ #hbody .tpl #breadcrumMenu { position: relative; float: left; width: 100%; height: 35px; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu { /*position:absolute;*/ top: 0; left: 0; width: 620px; padding: 10px 0 10px 0px; height: 12px; list-style: none; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu li.firstNode { /*padding-left: 12px;*/} #hbody .tpl #breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; } #hbody .tpl #breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; } /* FOOTER */ #footer { float: left; width: 100%; background: url(pics/footer.jpg) no-repeat 0px 0px; height: 180px; padding-bottom: 20px; } #footer #footMenu { width: 710px; position: absolute; bottom: 0px; } #footer #footMenu ul.footMenu { display: block; margin: 0; padding: 0 10px 0 0; list-style: none; } #footer #footMenu ul.footMenu li { float: left; border-right: 1px solid #949494; text-align: center; } #footer #footMenu ul.footMenu li.lastNode { border: none; } #footer #footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #949494; } * html body #footMenu ul.footMenu a {display: inline; } #footer #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #949494; } /* FOOTER */ /* NEWSBOX */ #hbody #newsBox { float: right; width: 322px; /*background: #fff;*/ line-height: 15px; color: #000; } #hbody #newsBox ul { position:relative; list-style: none; } #hbody #newsBox ul li { position:relative; /*margin: 10px 0;*/ width: 100%; overflow: hidden; float: left; } * html #hbody #newsBox ul li { float: none; } #hbody #newsBox ul li p{ margin-right: 10px; } #hbody #newsBox ul li h3 a { width: 100%; float: left; position:relative; font-size: 12px; font-weight: bold; color:#213129; } #hbody #newsBox ul li h3 span { float: left; width: 100%; } #hbody #newsBox ul h2.other { color: #539cb7; font-size: 12px; padding-top: 10px; float: left;} #hbody #newsBox ul li .more { color: #539cb7; padding-right: 8px; margin-left: 15px; background: url(/skins/default/pics/pijl_blue2.gif) no-repeat scroll right 5px; } #hbody #newsBox ul li.overig .more { margin-left: 0px; color: #989898; background: url(/skins/default/pics/pijl_grijs.gif) no-repeat scroll left 5px; padding-left: 8px; padding-right: 0px;} #hbody #newsBox ul li.newsItem { } /* NEWSBOX */ .medewerker { position: absolute; left: 598px; top: -60px; z-index: 200; width: 200px; height: 195px; } #hbody #newsBox ul li h3 { line-height: 1.5em; } /* BLOKKEN */ #topmenu { float: left; width: 100%; height: 48px; margin-top: 10px; } #topmenu a { color: #fff; } #topmenu h2{ font-size: 18px; color: #fff; float: left; margin-left: 5px; margin-top: 15px; font-weight: normal; } #topmenu .werken{float: left; background: url(/skins/default/pics/bg_menu_default.gif) no-repeat 0 0; width: 320px; height: 48px; margin-left: 10px; overflow: hidden; } #topmenu .diensten{float: left; background: url(/skins/default/pics/bg_menu_default.gif) no-repeat 0 0; width: 320px; height: 48px; margin-left: 10px; overflow: hidden; } #topmenu .over{float: left; background: url(/skins/default/pics/bg_menu_default.gif) no-repeat 0 0; width: 320px; height: 48px;overflow: hidden; } #topmenu .ico { float: left; position: relative; margin-left: 10px; margin-top: 5px; } #topmenu .werken .image { background: url(/skins/default/pics/def_balk_referenties.png) no-repeat 0 0; width: 38px; height: 37px; } #topmenu .diensten .image { background: url(/skins/default/pics/def_balk_diensten.png) no-repeat 0 0; width: 35px; height: 36px; } #topmenu .over .image { background: url(/skins/default/pics/def_balk_profit.png) no-repeat 0 0; width: 36px; height: 36px; } #hhead .contact { position: absolute; width: 140px; top: 12px; right: 0px; z-index: 4; font-weight: bold; } #hhead .contact a { color: #000; text-decoration: underline; } * html #topmenu .werken .image { background: url(/skins/default/pics/def_balk_referenties.gif) no-repeat 0 0;} * html #topmenu .diensten .image { background: url(/skins/default/pics/def_balk_diensten.gif) no-repeat 0 0;} * html #topmenu .over .image { background: url(/skins/default/pics/def_balk_profit.gif) no-repeat 0 0;} .mvo { margin-top: 25px; padding: 15px 20px 15px 20px; float: right; width: 282px; height: 78px; background: url(/skins/default/pics/mvo.gif) no-repeat 0 0; line-height:15px; } .nieuwsbrief { width: 322px; float: right; } .mvo h2 { width: 100%; } .mvo h2 a:hover { text-decoration: hover; } .mvo a.more { color: #539cb7; padding-right: 8px; background: url(/skins/default/pics/pijl_blue2.png) no-repeat scroll right 5px; } .mvo a.more:visited { color: #539cb7; padding-right: 8px; background: url(/skins/default/pics/pijl_blue2.png) no-repeat scroll right 5px; } * html .mvo a.more { background: url(/skins/default/pics/pijl_blue2.gif) no-repeat scroll right 5px; } /* Search Bar */ #searchBox { z-index: 700; position: absolute; right: 10px; top: 111px; height: 22px; width: 133px; background: url(pics/search2.gif) no-repeat 0 0; } #searchBox input { position: relative; width: 110px; float:left; margin: 2px 0px 0px 1px; padding-left:4px; border-width:0; color: #535D55; font-weight: bold; height: 16px; } #searchBox h2 { display: none; } #searchBox a { display: block; float:left; height: 20px; width: 17px; border:0; } a.aanmelden {float: left; padding: 3px 35px 7px 24px; background: url(/skins/default/pics/nieuwsbrief.gif) no-repeat 0 0; margin-top: 10px; color: #fff; font-size: 13px; text-decoration: none; } a.aanmelden span { position: relative; right: 7px; color: #fff;} #newsletterform {float: left; position: relative; background: url(/skins/default/pics/bgForm.gif) repeat-x; } #newsletterform p { position: relative; padding: 8px 0; } #newsletterform div.error { float: left; position: relative; width:200px; margin:5px 0; padding: 8px 8px 8px 36px; color: #f00; border: 1px solid #f00; background:url(/skins/default/pics/icnAlert.gif) no-repeat 6px 8px; } #newsletterform div.error h2 { position: relative; color: #f00; font: bold 14px/16px Verdana, Arial,Helvetica,sans-serif;} #newsletterform div.error p { position: relative; width: auto; margin: 0; padding:1px 0; color: #f00; font: 11px/12px Arial,Helvetica,sans-serif;} #newsletterform input { position: relative; height:13px; width:266px; vertical-align: middle; padding: 2px 7px; margin: 3px 0; background: url(/skins/default/pics/bgFormInput.gif) no-repeat; font: 11px/13px Arial,Helvetica,sans-serif; border:0;} #newsletterform select { vertical-align: middle; padding: 0; margin: 0 0 1px 0; } #newsletterform input.text { color: #666; } #newsletterform input.activetext { color: #000; } #newsletterform table { position: relative; padding:0; margin:10px 0; border-collapse:collapse; } #newsletterform tr, #newsletterform th { margin: 0; padding: 0; font-size: 100%; } #newsletterform td { margin: 0; padding: 5px 0; font-size: 100%; } #newsletterform td { vertical-align: top; font-weight: normal; text-align: left; } #newsletterform td.spacer { padding: 0; height: 4px; line-height: 1px; font-size: 1px; display: block; width: 100%; } #newsletterform td.radio { text-align: right; } #newsletterform .checkbox th, #newsletterform .checkbox td, #newsletterform .checkbox td.smal { padding-top:0px; } #newsletterform a.submit { position: absolute; left: 330px; margin: -20px 0 0 0; padding:3px 0 3px 30px; height:14px; display: block; background:url(/skins/default/pics/verstuur.gif) no-repeat; color: #f59618; text-decoration: none; font:12px/14px Arial,Helvetica,sans-serif; } #newsletterform a.button { height: 15px; width: 80px; height: 15px; position:relative; display:block; float:right; margin:3px 0 0 0; height:13px; padding:2px 0px 2px 0px; text-align: center; background: url(/skins/default/pics/contact_button.png) no-repeat 0 0; font: 11px/13px Arial,Helvetica,sans-serif; color:#fff;} #newsletterform a.button:hover { text-decoration: underline; } #newsletterform span.key { text-decoration: underline; } #newsletterform .checkbox input { width:14px; height:14px; background:transparent; } #newsletterform .checkbox label { padding: 0 8px 0 6px; } #newsletterform tr.checkbox { display: none; } #newsLetter { margin-top: 3px; } #newsLetter p { position: relative; padding: 8px 0; font-size: 12px; font-weight: bold; color: red;} /*#newsletter {display: none; }*/ #searchResultsList { float: left; } #searchResultsList h2 { margin: .6em 0; } #searchResultsList .searchitem { margin: 0 0 1em 0; width: auto; overflow: hidden; } #searchResultsList ul { list-style: none; margin: 0 0 10px 20px; padding: 0;} #searchResultsList ul li { margin: 0; padding: 2px 0;} #searchResultsList ul li .result { border-bottom: 1px dotted #006; background: #ccc; padding: 0 1px; } .searchitem {padding-top: 10px; } #content h1 { position: relative; } a.print { position: absolute; top: 5px; left: 600px; cursor: pointer; }