* { margin: 0; padding: 0; } html, body { height :100%; } body { border: 0; height:auto; background:#5F5F5F url(pics/bgBody.jpg) repeat-x 0 0; text-align: center; } /* holder */ #holder { position:relative; margin: 0 auto; width: 920px; height: auto; } #holder img.shadow { position: absolute; top:48px; left:0px; width:10px; height:644px; } #holder img.shdwright { left:100%; margin-left:-10px; } #holder .holder { position: relative; width: 898px; margin:0 11px 20px 11px; height: auto; overflow: hidden; text-align: left; background: url(/skins/default/pics/bgHolder.jpg) repeat-x 0 100px; } #holder #hhead { position: relative; margin-top: 40px; width: 898px; height: 163px;} #holder #hhead .hhead { position: relative; width: 898px; height: 163px; z-index: 0; } #holder #hhead .hhead h1.logo { position: absolute; top: 9px; left: 347px; } #holder #hhead .hhead h1.logo span { display: none; } #holder #hhead .hhead h1.logoXdis { position: absolute; top: 20px; right: 26px; } #holder #hhead .hhead h1.logoXdis span { display: none; } #holder #hhead .hhead h2 { position: absolute; top: 84px; left: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #FFFFFF; } #holder #hhead .hhead h3 { position: absolute; top: 99px; left: 512px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #FFFFFF; } #holder #hhead .hhead #hheadImage { position: absolute; top: 0px; right: 0; width: 305px; height: 176px; z-index: 0; } #holder #hhead #loginBox { position: absolute; top: 98px; left:580px; width:340px; min-height:40px; overflow:hidden; background:none; } #holder #hhead #loginBox #user { float:left; display:block; width:125px; height:13px; border:0; padding:3px 6px; margin:0; background: transparent url(/skins/default/pics/bgLoginField.gif) no-repeat; color:#000; font: 11px/13px Arial, Helvetica, sans-serif; opacity: 0.6; -moz-opacity:0.6; filter:alpha(opacity=60); } #holder #hhead #loginBox #passwd { float:left; display:none; width:123px; height:13px; border:0; padding:3px 6px; margin:0; background: transparent url(/skins/default/pics/bgLoginField.gif) no-repeat; color:#000; font: 11px/13px Arial, Helvetica, sans-serif; opacity: 0.6; -moz-opacity:0.6; filter:alpha(opacity=60); } #pass-temp { float:left; display:none; width:123px; height:13px; border:0; padding:3px 6px; margin:0; background: transparent url(/skins/default/pics/bgLoginField.gif) no-repeat; color:#000; font: 11px/13px Arial, Helvetica, sans-serif; opacity: 0.6; -moz-opacity:0.6; filter:alpha(opacity=60);} #holder #hhead #loginFields { width:100%; overflow:hidden; } #holder #hhead #loginBox #loginresult { color:white; margin:1px 0 0 4px; } #holder #hhead #loginBox #loginresult a { position:relative; display:inline; height:14px; padding:2px 2px 2px 10px; color:#fff; text-decoration:underline; text-align:right;} #holder #hhead #loginBox #loginFields span { float:right; padding-right:8px;color:white; } #holder #hhead #loginBox #loginFields a { position:relative;float:left; display:inline; height:14px; line-height:14px; padding:3px 2px; color:#fff; text-decoration:underline; text-align:right;} #holder #hhead #loginBox #loginFields .pass, #holder #hhead #loginBox #loginresult .pass { display:block; clear:both; float:left; height:11px; padding:1px 2px; font: 10px/11px Arial, Helvetica, sans-serif; } /* main menu */ #mainMenu { position: absolute; top: 12px; left: 20px; width: 900px; height: 17px; text-align: center; } #mainMenu ul.mainMenu { width: auto; margin: 0 auto; height: 17px; } #mainMenu ul.mainMenu li { float: left; display: inline; height: 17px; background: url(/skins/default/pics/divMainMenu.gif) right no-repeat; } #mainMenu ul.mainMenu li.lastNode { background: none; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; padding: 0px 13px 0px 13px; display: block; height: 14px; width: auto; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; text-decoration: none; color: #EAEAEA; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; float: left; padding: 0px 13px 0px 13px; display: block; height: 14px; width: auto; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; } #mainMenu ul.mainMenu li a.active span { font-weight: bold; } #mainMenu ul.mainMenu li ul { display: none; } /* sub menu */ #holder .holder #subMenu { position: absolute; left: 0px; top: 173px; width: auto; height: 31px; z-index:100; } #holder .holder #subMenu ul { position: relative; margin-left: 20px; list-style: none; width: auto; height: 31px; background: url(/skins/default/pics/bgSubMenuMain.gif) repeat-x 0 6px; } #holder .holder #subMenu ul li { position: relative; float: left; display: block; width: auto; padding-left: 5px; height: 31px; margin:0 1px; } #holder .holder #subMenu ul li a, #holder .holder #subMenu ul li a:visited { position:relative; display: block; padding: 6px 10px 4px 5px; height: 21px; font: 13px/15px Arial, Helvetica, sans-serif; text-decoration: none; color: #BBBBBB; white-space: nowrap; background: url(/skins/default/pics/bgSubMenu.gif) top right no-repeat; } #holder .holder #subMenu ul li a:hover, #holder .holder #subMenu ul li a.active, #holder .holder #subMenu ul li a.active:link, #holder .holder #subMenu ul li a.active:visited, #holder .holder #subMenu ul li a.active:hover, #holder .holder #subMenu ul li a.active:active { display: block; padding: 6px 10px 4px 5px; height: 21px; font: 13px/15px Arial, Helvetica, sans-serif; text-decoration: none; color: #EAEAEA; white-space: nowrap; background: url(/skins/default/pics/bgSubMenuHover.gif) top right no-repeat; } #holder .holder #subMenu ul li a b, #holder .holder #subMenu ul li a:visited b { position: absolute; top: 0; left: -5px; width: 5px; height: 31px; display:block; background: url(/skins/default/pics/bgSubMenu.gif); } #holder .holder #subMenu ul li a:hover b, #holder .holder #subMenu ul li a.active b, #holder .holder #subMenu ul li a.active:link b, #holder .holder #subMenu ul li a.active:visited b, #holder .holder #subMenu ul li a.active:hover b, #holder .holder #subMenu ul li a.active:active b { position: absolute; top: 0; left: -5px; width: 5px; height: 31px; display:block; background: url(/skins/default/pics/bgSubMenuHover.gif); } #holder .holder #subMenu ul li ul { display: none; } * html #holder .holder #subMenu ul li { width: 10%; } /* liScroll style declarations */ #holder .holder #hhead .hhead .tickercontainer { border:solid 0px red; position: absolute; left:0; bottom:4px; width: 100%; height: 27px; margin: 0; padding: 0; overflow: hidden; } #holder .holder #hhead .hhead .tickercontainer .mask { position: relative; padding:0; top: 8px; margin:0 10px 0 20px; width: 862px; overflow: hidden; } #holder .holder #hhead .hhead ul.newsticker { position: relative; width:auto; left: 862px; list-style-type: none; margin: 0; padding: 0; } #holder .holder #hhead .hhead ul.newsticker li { float: left; margin: 0; padding: 0; font: bold 11px Arial, Helvetica, sans-serif; white-space:nowrap; } #holder .holder #hhead .hhead ul.newsticker a { white-space: nowrap; padding: 0; color: #A7A7A7; font: bold 11px Arial, Helvetica, sans-serif; margin: 0; text-decoration:underline; } #holder .holder #hhead .hhead ul.newsticker span { margin: 0 16px 0 0; color: #A7A7A7;} #holder .holder #hhead .hhead #xDisticker { visibility:hidden; } /* tpl left sub sub menu */ #hbody { position: relative; margin: 0 15px 20px 15px; min-height: 360px; } #hbody .hbody { position: relative; width:868px; overflow:hidden; padding: 0; background: url(/skins/default/pics/bgTpl.gif) repeat-y 0 0; } #hbody .hbody .tplLeft { position: relative; float: left; display:block; padding:0 0 0 17px; width: 185px; } #hbody .hbody .tplLeft #subSubMenu { position: relative; padding: 0; margin:0; width: 185px; height: auto; } #hbody .hbody .tplLeft #subSubMenu h2 { padding: 0px 0px 9px 11px; font: 19px/21px Arial, Helvetica, sans-serif; color: #a7a7a7; text-align: left; } #hbody .hbody .tplLeft #subSubMenu ul { position: relative; margin: 0; padding: 0px 0px 39px 0px; width: 185px; height: auto; list-style: none; border-top: 1px solid #606060; } #hbody .hbody .tplLeft #subSubMenu ul li { position: relative; margin: 0; padding:0; width: 185px; height: auto; text-align: left; border-bottom: 1px solid #606060; } #hbody .hbody .tplLeft #subSubMenu ul li a, #hbody .hbody .tpl #subSubMenu ul li a:visited { position: relative; margin: 0; padding: 0px 10px 0px 10px; display: block; width: 165px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 29px; color: #a7a7a7; text-align: left; text-decoration: none; } #hbody .hbody .tplLeft #subSubMenu ul li a:hover, #hbody .hbody .tpl #subSubMenu ul li a.active, #hbody .hbody .tpl #subSubMenu ul li a.active:link, #hbody .hbody .tpl #subSubMenu ul li a.active:visited, #hbody .hbody .tpl #subSubMenu ul li a.active:hover, #hbody .hbody .tplLeft #subSubMenu ul li a.active:active { position: relative; margin: 0; padding: 0px 10px 0px 10px; display: block; width: 165px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 29px; color: #fff; text-align: left; text-decoration: none;} #hbody .hbody .tplLeft #newsBox { position: relative; padding: 0; margin:0; width: 185px; height: auto; } #hbody .hbody .tplLeft #newsBox .newsBox { position:relative; margin:0; width: 185px; list-style: none; } #hbody .hbody .tplLeft #newsBox .newsBox li { padding: 6px 0px; text-align: left; line-height: normal; border-top:1px solid #606060; } #hbody .hbody .tplLeft #newsBox .newsBox li.category { border-top:0; padding: 3px 0px; } #hbody .hbody .tplLeft #newsBox .newsBox li.category h2 { color:#a7a7a7; font-weight:normal; } #hbody .hbody .tplLeft #newsBox .newsBox li h3 a, #hbody .hbody .tplLeft #newsBox .newsBox ul li h3 a:visited, #hbody .hbody .tplLeft #newsBox .newsBox li h3 a:hover { font: bold 14px/15px Arial, Helvetica, sans-serif; color: #FF8E00; } #hbody .hbody .tplLeft #newsBox .newsBox li a.more, #hbody .hbody .tplLeft #newsBox .newsBox li a.more:visited { height: 14px; padding:3px; display: block; font: 12px/14px Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; color: #fff; } /* tpl */ #hbody .hbody .tpl { position: relative; display:inline; float: left; width: 644px; overflow: hidden; margin: 0 0 0 1px; padding: 20px 0 30px 0; color: #ADADAD; background: url(/skins/default/pics/bgContent.jpg) no-repeat 0 0; /*border-bottom:1px solid #151515;*/ } #hbody .hbody .tpl #content { margin: 0px 10px 0px 0px; padding: 10px 10px 0 18px; background-color:#8d8d8d; float:right; width:380px; color:#000; } #hbody .hbody .tpl #content a { color:#fff; } #hbody .hbody .tpl #content h1 { color:#D3D3D3; margin-bottom:30px; } #hbody .hbody .tpl #content h2 { color:#000; } #hbody .hbody .tpl #content .intro { font-weight: bold; } /* tpl right */ #hbody .hbody .tplRight { position: relative; float: right; display:inline; width: 216px; margin:0; } #hbody .hbody .tplRight a.news { font-size:19px; color:#fff; font-weight:normal; display:block; padding:20px 40px 5px 20px;width:140px;height:30px; } #hbody .hbody .tplRight a.news:hover { text-decoration:none; } #hbody .hbody .tplRight .banner { position: relative; padding-left:5px; } /* tpl right - newsbox */ #hbody .hbody .tplRight #newsBox { position: relative; float: right; margin-right: 14px; width: 185px; } #hbody .hbody .tplRight #newsBox .newsBox { margin-bottom: 45px; border-bottom: 1px solid #d0e6f2; } #hbody .hbody .tplRight #newsBox .newsBox h2 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; text-align: left; color: #a7a7a7; } #hbody .hbody .tplRight #newsBox .newsBox ul { width: 185px; list-style: none; } #hbody .hbody .tplRight #newsBox .newsBox ul li { padding: 6px 0px 6px 0px; text-align: left; line-height: normal; border-top: 1px solid #d0e6f2; } #hbody .hbody .tplRight #newsBox .newsBox ul li h3 { } #hbody .hbody .tplRight #newsBox .newsBox ul li h3 a, #hbody .hbody .tplRight #newsBox .newsBox ul li h3 a:visited, #hbody .hbody .tplRight #newsBox .newsBox ul li h3 a:hover { font: bold 13px Arial, Helvetica, sans-serif; color: #463031; } #hbody .hbody .tplRight #newsBox .newsBox ul li span.date { } #hbody .hbody .tplRight #newsBox .newsBox ul li a.more, #hbody .hbody .tplRight #newsBox .newsBox ul li a.more:visited { height: 13px; padding:3px; display: block; font: 11px/13px Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; color: #1682bc; } #hbody .hbody .tplRight #newsBox .newsBox ul li a.more:hover { text-decoration: underline;} #hbody .hbody .tplRight #newsBox .newsBox ul li.last { } #hbody .hbody .tplRight #newsBox .newsBox ul li.last a, #hbody .hbody .tplRight #newsBox .newsBox ul li.last a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; text-decoration: none; color: #a7a7a7; } #hbody .hbody .tplRight #newsBox .newsBox ul li.last a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; text-decoration: underline; color: #a7a7a7; } #hbody .hbody .tplRight #newsBox .newsBox ul li.archive { display: none; } /* tpl left brochure box #hbody .hbody #brochureBox { position: relative; float: left; padding: 14px 5px 0px 5px; margin: 0px 0px 28px 7px; width: 193px; background: url(pics/brochure.jpg) no-repeat; } #hbody .hbody #brochureBox .brochureContent {width: 193px;} #hbody .hbody #brochureBox .brochureBox { padding: 0px; /*10px 6px 10px; width: 173px; min-height: 231px; min-height: 140px; color: #ffffff; } * html #hbody .hbody #brochureBox .brochureBox { height:140px; } #hbody .hbody #brochureBox .brochureBox img.preview { position: absolute; top: 26px; left: 86px; } #hbody .hbody #brochureBox .brochureBox h2 { padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #ffffff; line-height: normal; } #hbody .hbody #brochureBox .brochureBox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: normal; } #hobdy .hbody #brochureBox .brochureBox div.from_error { padding-top: 24px; } #hbody .hbody #brochureBox .brochureBox p.intro { padding-left:10px; width: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; line-height: normal; } #hbody .hbody #brochureBox .brochureBox p.error { margin:0; padding:0; color: #f8b222; width: 160px; } #hbody .hbody #brochureBox .brochureBox p.footer { border-top: 1px solid #cedde8; padding-top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #463031; line-height: normal; } #hbody .hbody #brochureBox .brochureBox form { padding: 0px 10px 6px 10px; width: 173px; } #hbody .hbody #brochureBox .brochureBox form input { width: 160px; height: 19px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #brochureBox .brochureBox form input.formCheckbox { width: auto; height:auto; border: none; } #hbody .hbody #brochureBox .brochureBox form label { line-height: 100%; } #hbody .hbody #brochureBox .brochureBox form input.error { border-color:#c00; background: #fcc; } #hbody .hbody #brochureBox .brochureBox form input.submit { margin: 5px 0px 0px 84px; padding: 0px; width: 84px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #1682bc; border: none; } #hbody .hbody #brochureBox .brochureBox .required { display: none; font-size: 9px; line-height: normal; } /* tpl - newsletter box #hbody .hbody #newsletterBox { position: relative; float: left; padding: 14px 5px 0px 5px; margin: 0px 0px 28px 7px; width: 193px; background: url(pics/nieuwsbrief.jpg) no-repeat; } #hbody .hbody #newsletterBox .newsletterBox { padding: 0px; /*10px 6px 10px; width: 173px; min-height: 200px; min-height:140px; width: 193px; background: #fbc258 url(/skins/default/pics/bgNewsletterBoxEnd.gif) no-repeat 0 100%;} * html #hbody .hbody #newsletterBox .newsletterBox { height:140px; } #hbody .hbody #newsletterBox .newsletterBox img.preview { position: absolute; top: 30px; left: 112px; } #hbody .hbody #newsletterBox .newsletterBox h2 { padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #463031; line-height: normal; } #hbody .hbody #newsletterBox .newsletterBox p { margin: 0; width: 92px; font: 12px/120% Arial, Helvetica, sans-serif; color: #463031; } #hbody .hbody #newsletterBox .newsletterBox p.intro { padding-left:10px; font-weight:bold; } #hbody .hbody #newsletterBox .newsletterBox p.error { margin: 6px 0; width: 160px; color: #c01e46; } #hbody .hbody #newsletterBox .newsletterBox p.footer { border-top: 1px solid #fef1d9; padding-top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #463031; line-height: normal; } #hbody .hbody #newsletterBox .newsletterBox p.succes { padding-left:10px; margin-top: 20px; padding-bottom:10px; width: 160px; font-weight: normal; color: #463031; } #hbody .hbody #newsletterBox .newsletterBox form { padding: 26px 10px 6px 10px; width: 173px; background: url(/skins/default/pics/bgNewsletterBox2.gif) no-repeat 0 100% ;} #hbody .hbody #newsletterBox .newsletterBox form input { width: 163px; height: 19px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #newsletterBox .newsletterBox form input.error { border-color:#c00; background: #fcc; } #hbody .hbody #newsletterBox .newsletterBox form input.submit { margin: 5px 0px 0px 87px; padding: 0px; width: 84px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #1682bc; background: url(pics/bgBoxButton.gif); border: none; } /* tpl - contact box */ #hbody .hbody #contactBox { position: relative; margin: 0px 0px 0px 7px; width: 203px;background: url(/skins/default/pics/bgBoxContact.jpg) repeat-y 0 100px; } #hbody .hbody #contactBox .content { background: url(/pics/banners/contact.jpg) no-repeat; width: 193px; padding: 14px 5px 0px 2px;} #hbody .hbody #contactBox .box { padding: 0px; min-height:80px; width: 193px; background: none; color: #ffffff; } * html #hbody .hbody #contactBox .box { height:140px; } #hbody .hbody #contactBox .box img.preview { position: absolute; top: 37px; left: 79px; z-index:1; } #hbody .hbody #contactBox .box h2 { padding-left:16px; padding-top:6px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; line-height: normal; } #hbody .hbody #contactBox .box p { margin: 0; width: 92px; font: 12px/120% Arial, Helvetica, sans-serif; color: #dff; } #hbody .hbody #contactBox .box p.intro { padding-left:14px; padding-top:6px; font-weight:bold; z-index:2;} #hbody .hbody #contactBox .box p.error { margin:0; padding:0; width: 160px; color: #660000; } #hbody .hbody #contactBox .box p.footer { border-top: 1px solid #cedde8; padding-top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #463031; line-height: normal; } #hbody .hbody #contactBox .box p.succes { padding-left:10px; padding-bottom:8px; margin-top: 20px; width: 170px; font-weight: normal; color: #fff; } #hbody .hbody #contactBox .box form { padding: 36px 10px 6px 10px; width: 173px; background: url(/skins/default/pics/bgContactBox2.gif) no-repeat 0 100% ;} #hbody .hbody #contactBox .box form input { width: 163px; height: 19px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #contactBox .box form input.formCheckbox { width: auto; height:auto; border: none; } #hbody .hbody #contactBox .box form textarea { width: 163px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #contactBox .box form input.error { border-color:#c00; background: #fcc; } #hbody .hbody #contactBox .box form input.submit { margin: 0px 0px 0px 87px; padding: 0px; width: 90px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background: url(pics/bgContactBoxButton.gif) no-repeat 0px 10px; border: none; } #hbody .hbody #contactBox .box .required { display: none; font-size: 9px; line-height: normal; } /* tpl - brochure box */ #hbody .hbody #brochureBox { position: relative; margin: 30px 0px 0px 7px; width: 203px;background: url(/skins/default/pics/bgBoxContact.jpg) repeat-y 0 100px; } #hbody .hbody #brochureBox .brochureContent { background: url(/pics/banners/brochure.jpg) no-repeat; width: 193px; padding: 14px 5px 0px 2px;} #hbody .hbody #brochureBox .brochureBox { padding: 0px; min-height:80px; width: 193px; background: none; color: #ffffff; } * html #hbody .hbody #brochureBox .brochureBox { height:140px; } #hbody .hbody #brochureBox .brochureBox img.preview { position: absolute; top: 37px; left: 79px; z-index:1; } #hbody .hbody #brochureBox .brochureBox h2 { padding-left:16px; padding-top:6px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; line-height: normal; } #hbody .hbody #brochureBox .brochureBox p { margin: 0; width: 92px; font: 12px/120% Arial, Helvetica, sans-serif; color: #dff; } #hbody .hbody #brochureBox .brochureBox p.intro { padding-left:14px; padding-top:6px; font-weight:bold; z-index:2;} #hbody .hbody #brochureBox .brochureBox p.error { margin:0; padding:0; width: 160px; color: #660000; } #hbody .hbody #brochureBox .brochureBox p.footer { border-top: 1px solid #cedde8; padding-top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #463031; line-height: normal; } #hbody .hbody #brochureBox .brochureBox p.succes { padding-left:10px; padding-bottom:8px; margin-top: 20px; width: 170px; font-weight: normal; color: #fff; } #hbody .hbody #brochureBox .brochureBox form { padding: 36px 10px 6px 10px; width: 173px; background: url(/skins/default/pics/bgContactBox2.gif) no-repeat 0 100% ;} #hbody .hbody #brochureBox .brochureBox form input { width: 163px; height: 19px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #brochureBox .brochureBox form input.formCheckbox { width: auto; height:auto; border: none; } #hbody .hbody #brochureBox .brochureBox form textarea { width: 163px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #brochureBox .brochureBox form input.error { border-color:#c00; background: #fcc; } #hbody .hbody #brochureBox .brochureBox form input.submit { margin: 0px 0px 0px 87px; padding: 0px; width: 90px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background: url(pics/bgContactBoxButton.gif) no-repeat 0px 10px; border: none; } #hbody .hbody #brochureBox .brochureBox .required { display: none; font-size: 9px; line-height: normal; } /* tpl - newsletter box */ #hbody .hbody #newsletterBox { position: relative; margin: 30px 0px 0px 7px; width: 203px;background: url(/skins/default/pics/bgBoxContact.jpg) repeat-y 0 100px; } #hbody .hbody #newsletterBox .newsletterBox { background: url(/pics/banners/nieuwsbrief.jpg) no-repeat; width: 193px; padding: 14px 5px 0px 2px; min-height:80px; } /*#hbody .hbody #newsletterBox .newsletterBox { padding: 0px; min-height:80px; width: 193px; background: none; color: #ffffff; }*/ * html #hbody .hbody #newsletterBox .newsletterBox { height:140px; } #hbody .hbody #newsletterBox .newsletterBox img.preview { position: absolute; top: 37px; left: 79px; z-index:1; } #hbody .hbody #newsletterBox .newsletterBox h2 { padding-left:16px; padding-top:6px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; line-height: normal; } #hbody .hbody #newsletterBox .newsletterBox p { margin: 0; width: 96px; font: 12px/120% Arial, Helvetica, sans-serif; color: #dff; } #hbody .hbody #newsletterBox .newsletterBox p.intro { padding-left:14px; padding-top:6px; font-weight:bold; z-index:2;} #hbody .hbody #newsletterBox .newsletterBox p.error { margin:0; padding:0; width: 160px; color: #660000; } #hbody .hbody #newsletterBox .newsletterBox p.footer { border-top: 1px solid #cedde8; padding-top: 2px; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #463031; line-height: normal; } #hbody .hbody #newsletterBox .newsletterBox p.succes { padding-left:10px; padding-bottom:8px; margin-top: 20px; width: 170px; font-weight: normal; color: #fff; } #hbody .hbody #newsletterBox .newsletterBox form { padding: 36px 10px 6px 10px; width: 173px; background: url(/skins/default/pics/bgContactBox2.gif) no-repeat 0 100% ;} #hbody .hbody #newsletterBox .newsletterBox form input { width: 163px; height: 19px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #newsletterBox .newsletterBox form input.formCheckbox { width: auto; height:auto; border: none; } #hbody .hbody #newsletterBox .newsletterBox form textarea { width: 163px; margin-bottom: 4px; padding-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #999999; border: 1px inset #c9c9c9; } #hbody .hbody #newsletterBox .newsletterBox form input.error { border-color:#c00; background: #fcc; } #hbody .hbody #newsletterBox .newsletterBox form input.submit { margin: 0px 0px 0px 87px; padding: 0px; width: 90px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background: url(pics/bgContactBoxButton.gif) no-repeat 0px 10px; border: none; } #hbody .hbody #newsletterBox .newsletterBox .required { display: none; font-size: 9px; line-height: normal; } /* footer */ #footer { position: relative; clear: both; width: 900px; height: 32px; background: url(pics/bgFooter.jpg) repeat-x; } #footer .footer { position: relative; float: left; margin-top: 1px; padding-left: 20px; height: 26px;} #footer .footer #footMenu { position: relative; float: left; padding-right: 20px; width: 860px; height: 26px; } #footer .footer #footMenu ul.footMenu { position: relative; height: 26px; font: 11px Arial, Verdana, Helvetica, sans-serif; list-style: none; /*background: url(pics/bgFootMenu.gif) repeat-x;*/ } #footer .footer #footMenu ul.footMenu li { float: left; padding: 0px 9px 0px 9px; height: 26px; line-height: 26px; background: url(/skins/default/pics/divFootMenu.gif) right no-repeat; } #footer .footer #footMenu ul.footMenu li.firstNode { padding-left: 0px; } #footer .footer #footMenu ul.footMenu li.lastNode { background: none; } #footer .footer #footMenu ul.footMenu li a, #footer .footer #footMenu ul.footMenu li a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; } #footer .footer #footMenu ul.footMenu li a:hover, #footer .footer #footMenu ul.footMenu li a:active, #footer .footer #footMenu ul.footMenu li a.active, #footer .footer #footMenu ul.footMenu li a:visited.active { text-decoration: underline;} #footer #copyright { position: absolute; right: 20px; bottom: 9px; color: #666666; } #panel { display:none; } .search div { height:22px; width:184px; background: transparent url(/skins/default/pics/search_news_bg.png) no-repeat; } .zoekterm { background: transparent; border:0; padding-left:5px; color:#afafaf; width:155px; } .zoekterm_submit { padding-top:3px; } .searchitem { padding-bottom:25px; }