html, body { height:100%; } * { margin: 0; padding: 0; } body { border: 0; text-align: center; z-index: 0; background:#282828; } /* holder */ #holder { position: relative; width: 936px; margin: 0 auto; padding:30px 0 20px 0; text-align: left; } /* holder - language menu */ #holder #languageMenu { position: absolute; right:0; top:2px; margin: 6px 22px 0px 0px; display:block; } #holder #languageMenu ul { position:relative; list-style: none; width: auto; height: 17px; text-align:left; } #holder #languageMenu ul li { float:left; display:block; margin-right:10px;} #holder #languageMenu ul li.node2 { background:none; } #holder #languageMenu ul li a { float:left; display:block; height:14px;width:22px; } #holder #languageMenu ul li a span{display:none;} #holder #languageMenu ul li a.active, #holder #languageMenu ul li a:hover { color:#B8B8B8; } #holder img.box { position: absolute; top:230px; left:35px; z-index:20; } /* head */ #hhead { position: relative; margin: 0; padding:0; width: 100%; height: 88px; } #hhead .hhead { position: relative; margin: 0; padding: 0; width: 100%; height: 235px; background: #fff; } #hhead .hhead h1.logo { position: absolute; top: 23px; left: 26px; margin: 0; padding: 0; display: block; width: 189px; height: 52px; background: url(/skins/default/pics/devries.jpg); } #hhead .hhead h1.logo a { display: block; width: 189px; height: 52px; } #hhead .hhead h1.logo a span { display: none; } #hbody { position: relative; width: 100%; background: #fff url(/skins/default/pics/bgContent.jpg) right top repeat-y; z-index:1; } #hbody .hbody { position: relative; width: 100%; height: auto; overflow:hidden; padding: 138px 0 0 0; background: url(/skins/default/pics/bgHeader.jpg) no-repeat; } /* body - rail */ #hbody #rail { position: relative; float: left; padding: 0 0 0 20px; width: 196px; background: url(/skins/default/pics/bgLeft.jpg) left top no-repeat #fff; } #hbody #rail .box { position:relative; width:150px; min-height:100px; padding:52px 13px 0 13px; margin:30px 10px 10px 10px; background: url(/skins/default/pics/bgBoxBody.jpg) 0 100% no-repeat; } #hbody #rail .box h2 { position:absolute; top:-5px; left:0; width:150px; padding:16px 13px 0 13px; color: #a87e32; background: url(/skins/default/pics/bgBoxTop.gif) no-repeat; font: bold 20px/22px Arial, Helvetica, sans-serif; } #hbody #rail .box ul { list-style:none; padding:0; } #hbody #rail .box ul li { width:100%; overflow:hidden; padding:10px 0 ; background: url(/skins/default/pics/divBox.gif) 50% 0 no-repeat; color:#000; line-height:1.2em; } #hbody #rail #login { background: url(/skins/default/pics/bgLoginBoxBody.gif) 0 100% no-repeat; } #hbody #rail #login ul { padding-bottom: 8px; } #hbody #rail #login ul li { padding:2px 0 0 0; background: url(/skins/default/pics/divBox.gif) 50% 0 no-repeat; color:#000; } #hbody #rail #login ul li a { position:relative; display:block; padding:10px 0; background: none; color:#000; } #hbody #rail #login ul li a:hover { background: url(/skins/default/pics/btnLoginMenu.gif) 96% 50% no-repeat; } #hbody #rail #contactblock ul li a { position:relative; float:right; display:block; height:14px; padding:5px 30px 5px 18px; background: url(/skins/default/pics/btnContact.gif) no-repeat; font: bold 12px/14px Arial, Helvetica, sans-serif; color:#a87e32;} #hbody .hbody div.slogan { visibility:hidden; position:relative; display:block; left:20px; top:60px; width:310px; z-index:23; color:#BE873A; font-size:21px; font-weight:bold; } #hbody #rail #promo { position:relative; min-height: 400px; padding:0 0 0 6px; margin-top:-36px; background: none; } #hbody #rail #promo li { background:none; padding:2px 0; } #hbody #rail #promo li h2 { position:relative; margin:0; padding:2px 0; background:none; font: bold 24px/26px Arial, Helvetica, sans-serif; color:#333; } #hbody #rail #promo li.intro { font: bold 12px/14px Arial, Helvetica, sans-serif; color:#a87e32; } #hbody #rail #promo li a { color:#a87e32; } #hbody #rail #promo img.sw { position: relative; } /* hbody */ #hbody .hbody .tpl { position: relative; float: left; padding: 0px 10px 27px 26px; width: 423px; min-height: 286px; } #hbody .hbody .tpl #content { color:#000; } #content { border-top:solid 1px #d7b789; margin-top:30px; padding-top:20px; } #content h1 { position:relative; text-align:left; display:block; padding: 4px 0 0 0 ; margin:0px; color:#000; margin-bottom:30px; font-size:22px; } #content h2.tab { z-index:2; margin:-37px 0 0 0; padding:5px 15px 0 2px; display:block; background: #fff url(/skins/default/pics/bgTab.gif) right no-repeat; float:left; height:12px; font: bold 10px/12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#BD873A; } #content h2 { color: #000; } /* body - newsbox */ #hbody .hbody #newsBox { position: relative; float: right; width: 208px; padding:0 16px; background: #E8E8E8; } #hbody .hbody #newsBox span.slogan1 { background: #E8E8E8; color:#C2C2C0; font-size:24px; display:inline; font-weight:bold; } #hbody .hbody #newsBox span.slogan2 { background: #E8E8E8; color:#C2C2C0; font-size:24px; display:block; font-weight:bold; margin-left:32px; } #hbody .hbody #newsBox span.slogan3 { background: #E8E8E8; color:#C2C2C0; font-size:16px; display:block; margin: 20px 0 0 0; width:180px; } /*#hbody .hbody #newsBox img.newsBull { position: absolute; top: -4px; left: 4px; z-index: 1; }*/ #hbody .hbody #newsBox .newsBox { position: relative; padding: 20px 0 0 0; margin-top:40px; border-top: solid 1px #BC863A; } #hbody .hbody #newsBox .newsBox h2.tab { z-index:2; margin:-37px 0 0 0; padding:5px 15px 0 2px; display:block; background: url(/skins/default/pics/bgTabNews.gif) right no-repeat; float:left; height:12px; font: bold 10px/12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#BD873A; } #hbody .hbody #newsBox .newsBox ul { list-style: none; } #hbody .hbody #newsBox .newsBox ul li { padding-bottom: 18px; color: #000; border-bottom:solid 1px #BC863A; margin-bottom:20px;} #hbody .hbody #newsBox .newsBox ul li span { color:#868686; font-size:11px; } #hbody .hbody #newsBox .newsBox ul li h2 a, #hbody .hbody #newsBox .newsBox ul li h2 a:visited { font: bold 16px/18px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; } #hbody .hbody #newsBox .newsBox ul li h2 span { font-size: 12px; color:#BC863A; } #hbody .hbody #newsBox .newsBox ul li h3 { margin:3px 0 5px 0; } #hbody .hbody #newsBox .newsBox ul li h3 a, #hbody .hbody #newsBox .newsBox ul li h3 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #000; } #hbody .hbody #newsBox .newsBox ul li h3 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; color: #000; } #hbody .hbody #newsBox .newsBox ul li h3 span { display: none; } #hbody .hbody #newsBox .newsBox ul li a.more, #hbody .hbody #newsBox .newsBox ul li a.more:hover { display:block; height:14px; padding:2px 0; font: 12px/14px Arial, Helvetica, sans-serif; color: #818181; display:block; } #hbody .hbody #newsBox .newsBox ul li.last { border-bottom:0; } #hbody .hbody #newsBox .newsBox ul li.last a { color:#BC863A; text-align:right; display:block; font-weight:normal; } #hbody .hbody #newsBox .newsBox ul li.archive { display: none; } /* body - footer */ #holder #footer { position: relative; /*bottom: -120px;left: 10px; width: 661px;*/ height: 14px; padding:6px 0; } #holder #footer ul { position: relative; float: left; display:block; padding-left: 10px; width: 651px; height: 14px; line-height: 14px; margin-top:6px; } #holder #footer ul li { display: inline; height: 14px; line-height: 14px; padding-right:1px; background: url(/skins/default/pics/divMenu.gif) 100% 2px no-repeat; } #holder #footer ul li.lastNode { background:none; } #holder #footer ul li a, #holder #footer ul li a:visited { padding: 0px 12px; font: 12px/14px Arial, Helvetica, sans-serif; color: #848A94; } #holder #extra_footer { position: relative; /*bottom: 12px; left: 0px; width: 1000px;*/ height: 130px; } #holder #extra_footer a, #holder #extra_footer a:hover { color:#fff; } #holder #extra_footer div.referenties { width:936px; height:100px; display:block; background: #fff url(pics/bgReferenties.jpg) 220px 20px no-repeat;} #holder #extra_footer div.referenties span { font-family:Arial, Helvetica, sans-serif; color:#966520; font-size:14px; display:block; width:120px; top:35px; left: 30px; position:relative; } #holder #extra_footer div.referenties a, #holder #extra_footer div.referenties a:hover { position:relative; display:block; left:30px; top:-10px; padding-top:45px; width:900px; height:30px; color: #BCBCBC; } #holder #extra_footer div.extra_footer { font-family: Arial, Helvetica, sans-serif; width:916px; height:26px; background-color:#BD873A; display:block; position:absolute; color:#fff; font-weight:bold; font-size:13px; padding:6px 0px 0px 20px; } /* main menu */ #mainMenu { position:absolute; right:10px; top:60px; width:700px; padding: 0; height: 24px; z-index: 90; margin:0px; padding:0; } #mainMenu ul.mainMenu { position: relative; float: right; height: 12px; z-index: 3; list-style:none; } #mainMenu ul.mainMenu li { position: relative; float: left; display: inline; margin: 0 3px; padding: 0; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position:relative; padding: 5px 8px; margin:0; display: block; height:16px; font: 14px/16px Arial, Helvetica, sans-serif; color: #956C32; text-decoration: none; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.mouse { position:relative; padding: 5px 8px; background: #E8E8E8 url(/skins/default/pics/bgMainmenuRight.jpg) top right no-repeat; display: block; height:16px; font: 14px/16px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } #mainMenu ul.mainMenu li a:hover b, #mainMenu ul.mainMenu li a.active:hover b, #mainMenu ul.mainMenu li a.mouse b { z-index:2; width:6px; height:6px; display:block; position:absolute; left:0; top:0; background: url(pics/bgMainmenuLeft.jpg) top right no-repeat; } #mainMenu ul.mainMenu li ul { position: absolute; visibility:hidden; top: 0; left: 0; width: 144px; margin-top:24px; background: #E8E8E8; z-index: 100; list-style:none; } #mainMenu ul.mainMenu li ul li { position: relative; float: none; display:block; width: 124px; height: auto; background: url(pics/bgSubmenuSeparator.jpg) bottom left repeat-x; margin:0px 0px 3px 10px; padding-bottom:7px; } #mainMenu ul.mainMenu li ul li.firstNode { padding-top: 10px; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:visited { display: block; width:100%; height:auto; padding: 3px 0; font: 12px/14px Arial, Helvetica, sans-serif; background: none; color:#333; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active, #mainMenu ul.mainMenu li ul li a.active:visited, #mainMenu ul.mainMenu li ul li a.active:hover, #mainMenu ul.mainMenu li ul li a.active:active { display: block; width:100%; height:auto; padding: 3px 0; font: 12px/14px Arial, Helvetica, sans-serif; background: none; color: #6F4E20; } #mainMenu ul.mainMenu li ul li.lastNode { padding-bottom: 10px; background: none; margin-bottom:2px; padding-bottom:2px; } * html #hbody .hbody .tpl { height: 286px; }