* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
body {text-align:center; background: #fff;}
/* holder */ #holder { position: relative; margin: 0 auto; width: 900px; height: 728px; padding: 20px 62px; text-align: left; z-index:1; }
/* head */ .logo { position:absolute; bottom: 0px; left: 0px; width: 172px; height: 49px; z-index: 10; margin: 0px; }
.logo span { display:none; }
.logo a { position:relative; display: block; width: 100%; height: 49px; background: #fff url(/skins/default/pics/logo.gif) no-repeat;}
.transparant { filter: alpha(opacity = 60); opacity: 0.6; }
/* body */ #body { position: absolute; width: 414px; height: 300px; z-index:1; padding-top: 52px; right: 34px; }
#body .tpl { color: #000; height: 346px; position: relative; width: 388px; padding-left: 12px; }
/* content */ #content { font-weight: bold; /*width: 472px; height: 300px;*/}
#transparent_content { position: absolute; width: 374px; height: 321px; background: url(/skins/default/pics/bg_content.png) no-repeat 0 0; top: 72px; right:74px; }
* html #transparent_content { background: url(/skins/default/pics/bg_content.gif) no-repeat 0 0; }
#transparent_volgmenu { position: absolute; width: 474px; height: 27px; top: 20px; right: 62px; background: #fff; }
#driehoek_onder { position: absolute; bottom: 0px; right: 0px; height: 235px; width: 1024px; background: no-repeat 0 0; width: 101px; height: 98px; }
#rail { }
/* sub menu box */ #rail #subMenuBox { border:1px solid; border-width:0 1px; width:180px; }
#subMenuBox ul.subMenu { position: relative; list-style:none; margin:0; width:180px; }
#subMenuBox ul.subMenu li { position: relative; margin: 0; padding: 0; background: transparent; }
#subMenuBox ul.subMenu li a, #subMenuBox ul.subMenu li a:active, #subMenuBox ul.subMenu li a:visited, #subMenuBox ul.subMenu li a.active, #subMenuBox ul.subMenu li a.mouse { position: relative; width:180px; display:block; padding: 5px 0 5px 10px; text-decoration: none; color: #767676; font: 12px/14px Arial,Helvetica,sans-serif; }
#subMenuBox ul.subMenu li a:hover, #subMenuBox ul.subMenu li a.mouse, #subMenuBox ul.subMenu li a.active, #subMenuBox ul.subMenu li a.active:visited, #subMenuBox ul.subMenu li a.active:hover, #subMenuBox ul.subMenu li a.active:active { color: #373737; }
#subMenuBox ul.subMenu li ul { display:none; }
#subMenuBox ul.subMenu li.mother a.active { color: #000; background: #ccc; }
#subMenuBox ul.subMenu li ul.active { display:block; margin-bottom: 4px; list-style:none; }
#subMenuBox ul.subMenu li ul.active li.lastNode { padding-bottom:4px; background:#ccc; }
#subMenuBox ul.subMenu li ul.active li a, #subMenuBox ul.subMenu li ul.active li a:active, #subMenuBox ul.subMenu li ul.active li a:visited, #subMenuBox ul.subMenu li ul.active li a.active, #subMenuBox ul.subMenu li ul.active li a.mouse { position: relative; width:164px; display:block; padding: 5px 0 5px 16px; text-decoration: none; color: #767676; font: 12px/14px Arial,Helvetica,sans-serif; }
#subMenuBox ul.subMenu li ul.active li a:hover, #subMenuBox ul.subMenu li ul.active li a.mouse, #subMenuBox ul.subMenu li ul.active li a.active, #subMenuBox ul.subMenu li ul.active li a.active:visited, #subMenuBox ul.subMenu li ul.active li a.active:hover, #subMenuBox ul.subMenu li ul.active li a.active:active { background: #eee; color: #373737; }
/* main menu */ #mainMenu { position: absolute; bottom:0px; left: 62px; height: 750px; width: 329px; padding:0; z-index:2; background: no-repeat 0 bottom transparent;}
img.paal {position: absolute; bottom: 10px; left: 0px; z-index: 0; }
#mainMenu ul.mainMenu { position:relative; display:block; list-style:none; z-index: 3; }
#mainMenu ul.mainMenu li { width: 155px; height: 55px; display: block; position: absolute; z-index: 10; }
#mainMenu ul.mainMenu li ul { display: none; }
#mainMenu ul.mainMenu li a { display: block; width: 100%; height: 100%; z-index: 30; background: url(/skins/default/pics/x.gif) no-repeat 0 0; }
#mainMenu ul.mainMenu li a span { display: none; }
/*#mainMenu ul.mainMenu li.node1 { display: none; }*/ #mainMenu ul.mainMenu li.node1 { height: 65px; left: 0; top: 55px; }
#mainMenu ul.mainMenu li.node2 { height: 58px; left: 182px; top: 55px; }
#mainMenu ul.mainMenu li.node3 { height: 46px; left: 0; top: 135px; }
#mainMenu ul.mainMenu li.node4 { height: 66px; left: 182px; top: 115px; }
#mainMenu ul.mainMenu li.node5 { height: 60px; left: 0; top: 183px; }
#mainMenu ul.mainMenu li.node6 { height: 67px; left: 186px; top: 183px; }
#mainMenu ul.mainMenu li.node7 { height: 65px; left: 0; top: 246px; }
#mainMenu ul.mainMenu li.node8 { height: 65px; left: 186px; top: 252px; }
#mainMenu ul.mainMenu li.node9 { height: 72px; left: 0; top: 315px; }
#mainMenu ul.mainMenu li.node10 { height: 58px; left: 186px; top: 320px; }
#mainMenu ul.mainMenu li.node11 { height: 50px; left: 0; top: 389px; }
#mainMenu ul.mainMenu li.node12 { height: 57px; left: 186px; top: 381px; }
#mainMenu ul.mainMenu li.node13 { height: 62px; left: 0; top: 443px; }
#mainMenu ul.mainMenu li.node14 { height: 60px; left: 186px; top: 442px; }
#mainMenu ul.mainMenu li.node15 { height: 57px; left: 0; top: 506px; }
#mainMenu ul.mainMenu li.node16 { height: 57px; left: 186px; top: 508px; }
#mainMenu ul.mainMenu li.node17 { height: 68px; left: 0; top: 565px; }
#mainMenu ul.mainMenu li.node18 { height: 58px; left: 186px; top: 566px; }
#mainMenu ul.mainMenu li.node19 { height: 58px; left: 186px; top: 628px; }
/* footer */ #footer { z-index:4; position: absolute; width: 923px; clear: both; bottom:0px; left: 0px; border-top:0; background: #fff; height: 51px; }
#footMenu ul.footMenu { position: relative; padding-left:220px; list-style: none; }
#footMenu ul.footMenu li { position:relative; float: left; display: inline; /*height: 29px;*/ padding-right: 2px; padding-top: 12px; }
#footMenu ul.footMenu li.copy { }
#footMenu ul.footMenu li.prijsvraag a { background: none; cursor: pointer; }
#footMenu ul.footMenu li.copy span { font-size: 11px; position:relative; float: left; display: inline; padding: 8px 7px 7px 7px; margin: 0; background: none; text-decoration: none; color: #77787b; }
#footMenu ul.footMenu li a { font-size: 11px; position:relative; float: left; display: inline; padding: 8px 7px 7px 7px; margin: 0; background: url(/skins/default/pics/footer_divider.gif) no-repeat 100% center; text-decoration: none; color: #323232; }
#footMenu ul.footMenu li.lastNode a { }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #77787b; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; color:#000; }
/* generalMenu */ #generalMenu { z-index: 3; width: 374px; height: 35px; position: absolute; right: 74px; top: 0px; background: url(/skins/default/pics/bg_generalmenu.png) no-repeat 0 0; }
* html #generalMenu { background: url(/skins/default/pics/bg_generalmenu.gif) no-repeat 0 0; }
#generalMenu ul.generalmenu { position: relative; height: 29px; list-style: none; padding-left: 10px; }
#generalMenu ul.generalmenu li { position:relative; float: left; display: inline; height: 29px; padding-top: 10px; }
#generalMenu ul.generalmenu li ul { display: none; }
#generalMenu ul.generalmenu li a { display: block; padding: 0px 4px; color: #6d6e71; text-transform: uppercase; font-weight: bold; font-size: 11px; }
#generalMenu ul.generalmenu li.lastNode a { padding: 0 0 0 4px; }
#generalMenu ul.generalmenu li.active a, #generalMenu ul.generalmenu li a:hover { color: #000; }
#generalMenu ul li span { position: absolute; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; left: 15px; }
#generalMenu ul li span.image {left: 0px; display: block; width: 100%; height: 100%; background: top center; }
/* volgeMenu */ #volgMenu { position: absolute; right: 0px; bottom: 6px; width: 365px; z-index: 10; background: no-repeat 0 0 transparent; }
#volgMenu h2 { display: inline; margin: 0px; padding-left: 12px; padding-top: 5px; float: left; }
#volgMenu ul.volgMenu { list-style: none; float: left; }
#volgMenu ul.volgMenu li { float: left; }
#volgMenu ul.volgMenu li a { float: left; }
#volgMenu ul.volgMenu li.node1 a { height: 27px; width: 71px; padding-right: 10px; }
#volgMenu ul.volgMenu li.node2 a { height: 27px; width: 72px; padding-right: 10px; }
#volgMenu ul.volgMenu li.node3 a { height: 27px; width: 47px; padding-right: 5px; }
#volgMenu ul.volgMenu li span { display: none; }
#volgMenu ul.volgMenu li span.image { display: block; width: 100%; height: 100%; background: no-repeat top center;}
.scroll-pane { overflow: auto; height: 318px; width: 350px; padding-bottom: 4px; }
.twtr-widget { padding-left: 60px; }
#prijsvraag { text-align: left; position: relative; margin: 0 auto; width: 349px; background: #fff; padding: 20px 13px; }
#prijsvraag h2 { font: bold 18px/22px Arial; }
#prijsvraag span.red { margin: 0 0 1em; float: left; }
#prijsvraag span.red, #prijsvraag span.red h2 { color: #fe0000; }
#prijsvraag p { font: 12px/15px Arial; }
#prijsvraag a { color: #fe0000; }
#prijsvraag a.underline { text-decoration: underline; }
#prijsvraag a.button { font: bold 14px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: white; position: relative; padding: 3px 5px; background: url(/skins/default/pics/send_button.gif) no-repeat 100% 0;}
#prijsvraag a.button b { position: absolute; left: 0px; top: 0px; width: 5px; height: 22px; background: url(/skins/default/pics/send_button_left.gif) no-repeat 0 0;}
#prijsvraag span.example { padding-left: 5px; }
#prijsvraag span.required { color: #fe0000; }
#prijsvraag span.voorwaarden { float: left; padding-left: 25px; background: url(/skins/default/pics/info_voorwaarden.gif) no-repeat 0 0; }
#prijsvraag b.required { background: url(/skins/default/pics/required.gif) no-repeat center center; width: 10px; height: 10px; float: left; }
#prijsvraag .button { float: right; }
#prijsvraag .fieldset { width: 100%; overflow:hidden; padding-bottom: 38px; }
#prijsvraag .fieldset label { position:relative; padding: 2px 4px 2px 0; line-height:15px; color:#000; }
#prijsvraag .fieldset textarea { position:relative; width: 318px; border: 1px solid black; padding:2px 3px; margin: 0; }
#prijsvraag .fieldset input, #prijsvraag .fieldset select { position:relative; width: 252px; border: 1px solid black; padding:2px 3px; margin: 0; }
#prijsvraag .fieldset select { width: 273px; }
#prijsvraag textarea { overflow: auto; border: 1px solid #000; float: left; height: 75px; display: inline; width: 325px; }
#prijsvraag .fieldset input.text { display: inline; float: left; border-color: black; font: 11px/13px Arial, Helvetica, sans-serif; color:#666; }
#prijsvraag .fieldset input#zipcode { width: 42px; }
#prijsvraag .fieldset input.activetext { font: 11px/13px Arial, Helvetica, sans-serif; color:#111; }
#prijsvraag input.image { position:absolute; width:1px; height:1px; border:0 none; }
#prijsvraag .fieldset .error { border:1px solid #c00; padding: 6px 10px; color:#c00; margin-bottom:8px; }
#prijsvraag .fieldset .error p { margin: 2px 0; }
#submenu { position: absolute; left: 62px; height: 748px; width: 272px; }
#submenu ul.subMenu { display: block; list-style: none outside none; position: relative; z-index: 3; }
#submenu ul.subMenu li { width: 150px; height: 65px; display: block; position: absolute; z-index: 10; }
#submenu ul.subMenu li a { display: block; width: 100%; height: 100%; z-index: 30; background: url(/skins/default/pics/x.gif) no-repeat 0 0; }
#submenu ul.subMenu li a span { display: none; }
#submenu ul.subMenu li.node1 { height: 65px; left: 0; top: 45px; }
#submenu ul.subMenu li.node2 { height: 58px; left: 182px; top: 48px; }
#submenu ul.subMenu li.node3 { height: 46px; left: 0; top: 128px; }
#submenu ul.subMenu li.node4 { height: 66px; left: 182px; top: 108px; }
#submenu ul.subMenu li.node5 { height: 65px; left: 0; top: 176px; }
#submenu ul.subMenu li.node6 { height: 67px; left: 186px; top: 183px; }
#submenu ul.subMenu li.node7 { height: 65px; left: 0; top: 246px; }
#submenu ul.subMenu li.node8 { height: 65px; left: 186px; top: 252px; }
ul.deel { list-style: none; padding-top: 15px; }
ul.deel li { float: left; margin-right: 15px; display: inline; }