* { margin: 0; padding: 0; } body { border: 0; background: #F0F2EB; text-align:center; } /* holder */ #holder { margin:0 auto; position:relative; width:990px; padding-top:8px; text-align:left;} /* head */ #hhead { position: relative; width: 100%; height:123px; margin: 0; padding: 0; background: #fff url(/skins/default/pics/bgHeader.jpg) no-repeat 0 0; z-index: 1;} #hhead .logo { position:absolute; top: 62px; left: 20px; width: 351px; height: 39px; } #hhead .logo a { position:absolute; display: block; top: 0; left: 0; width: 351px; height: 39px; z-index: 3; } #hhead .logo img { position:absolute; display: block; top: 0; left: 0; width: 351px; height: 39px; z-index: 0; } #hhead .actionStar { position:absolute; display: block; top: 40px; left: 665px; padding: 0; margin: 0; width: 90px; height: 93px; z-index: 4; } #hhead .scooter { position:absolute; display: block; top:0px; right: 0px; padding: 0; margin: 0; } #hhead #headerText { position:absolute; right:0; color:#797979; margin-right:290px; text-align:right; } #hbody { position: relative; width: 100%; overflow:hidden; background:#fff url(/skins/default/pics/background_balk.gif) repeat-y 0 665px; } /* big button */ a.bigbutton { position:relative; margin:0 4px; display:block; height:13px; float:left; padding: 3px 8px; color:#000; font:bold 11px/13px Arial,sans-serif; background: url(pics/bgButton.jpg) repeat-x 0 0; } a.bigbutton span { position:absolute; width:6px; height:20px; display:block; top:0; z-index:2; background-repeat:no-repeat; } a.bigbutton span.left { left:-3px; } a.bigbutton span.right {left:100%; margin-left:-3px; } a.bigbutton:hover { text-decoration:none; color:#454545; } /* big grey button */ a.bigGreybutton { position:relative; margin:0 4px; display:block; height:13px; float:left; padding: 3px 8px; color:#000; font:bold 11px/13px Arial,sans-serif; background: url(pics/bgGreyButton.jpg) repeat-x 0 0; } a.bigGreybutton span { position:absolute; top:0; z-index:2; width:6px; height:18px; display:block; background-repeat:no-repeat; } a.bigGreybutton span.left { left:-3px; } a.bigGreybutton span.right { left:100%; margin-left:-3px; } a.bigGreybutton:hover { text-decoration:none; color:#454545; } /* body */ /* LeftMenu */ #hbody .leftMenu { position:relative; float:left; display:block; width:184px; background:#DFDFDF; z-index:8; } /*#hbody .tpl { position: relatve; width: 100%; overflow: hidden; margin: 0; padding: 0 0 30px 0; color: #000; }*/ #hbody .tpl { position:relative; float:left; display:block; width:806px; margin: 0; padding: 30px 0; color: #000; } #hbody .tpl #content { position:relative; width:597px; float:left; display:block; margin: 0; padding: 30px 10px 10px 15px; } /* rail */ #hbody .tpl #rail { position:relative; width:184px; float:right; display:block; margin-top:100px; } /* searchBox */ #rail #searchBox { background-color:#000; padding-top:6px; } #rail #searchBox h2 { font-weight:bold; margin: 0 0 0 12px; padding: 0 0 5px 34px; background: url(/skins/default/pics/bgHeaderArrowsWhite.gif) no-repeat 8px 2px; color:#fff; font-size:16px; font-style: italic; border-bottom:solid 1px #fff; width:116px; } #rail #zoekterm { border:solid 1px #8D8D8D; margin:10px 0 10px 12px; width:148px;} /* moreinfo */ #rail #moreinfo { background-color:#F0F2EB; padding: 20px 0 20px 24px; } #rail #moreinfo img.ideal { margin: 0 0 10px 0; } #rail #moreinfo p { width:130px; color:#5C5C5C; line-height:14px; } #rail #moreinfo p a {color:#3E9ED1; } #rail #moreinfo img.avdvisch { margin: 10px 0 10px -4px; } #rail #moreinfo img.avdvischFoto { margin: 10px 0 10px -4px; } /* foot */ #hfoot { position: absolute; width: 100%; height: 23px; clear: both; bottom: 0; left: 0; margin: 0; background: #fff;} #hfoot .hfoot { height: 13px; overflow: hidden; padding: 5px 0; } #hfoot .footNav { position: relative; height: 13px; line-height: 11px; margin: 0; color: #030303; top: 23px; } /* main menu */ #mainMenu {position: absolute; width: 100%; top: 28px; height: 25px; z-index:100; } #mainMenu ul { position: relative; z-index: 60; float: left; width: 968px; height: 25px; list-style: none; } #mainMenu ul.mainMenu li { position: relative; float: left; padding: 0px 5px 0px 4px; display: block; font-size: 14px; font-weight: bold; color: #3b959b; background: url(pics/bgMainMenuDivider.jpg) 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 { float: left; display: block; padding: 0px 5px 0px 4px; height: 25px; width: auto; color: #fff; text-decoration: none; line-height: 25px; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { float: left; display: block; padding: 0px 5px 0px 4px; height: 25px; width: auto; color: #A4E12E; text-decoration: none; line-height: 25px; } /* main menu - ul */ #mainMenu ul.mainMenu li ul { position: absolute; z-index: 50; top: 22px; left: 0px; width: auto; height: auto; z-index: 1000; visibility: hidden;} #mainMenu ul.mainMenu li ul li { float: left; width: 140px; height: 22px; background: url(pics/menu_li.gif) no-repeat 0px 0px; position: relative; font-weight: normal; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:link, #mainMenu ul.mainMenu li ul li a:visited, #mainMenu ul.mainMenu li ul li a:active, #mainMenu ul.mainMenu li ul li a.active { display: block; padding: 0px 8px 0px 6px; width: 140px; height: 22px; font-size: 14px; color: #fff; text-decoration: none; line-height: 22px; background: url(pics/menu_hover.gif) no-repeat 0px 0px; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active, #mainMenu ul.mainMenu li ul li a.mouse, #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; padding: 0px 8px 0px 6px; width: 140px; height: 22px; font-size: 14px; color: #A4E12E; text-decoration: none; line-height: 22px; background: url(pics/menu_hover.gif) no-repeat 0px 0px; } #mainMenu ul.mainMenu li ul li.end { width: 158px; padding: 0px; margin: 0; background-color: #030303; height: 15px; } #mainMenu ul.mainMenu li ul li ul { position: absolute; top: 0px; left: 140px; } /* productmenu */ #hbody .leftMenu { padding-top:10px; } #hbody .leftMenu h3 { font:italic 18px/20px Impact,Charcoal,Arial,Helvetica,sans-serif; text-transform:lowercase; margin: 0 0 0 13px; padding: 5px 0 5px 32px; background:url(/skins/default/pics/bgHeaderArrows.gif) no-repeat 7px 11px; color:#000; border-bottom:solid 1px #000; width:122px; } #hbody .leftMenu ul.productMenu { width:184px; padding:0px 0px 10px 0px; margin-top:10px; list-style:none; } #hbody .leftMenu ul.productMenu li { background: url(/skins/default/pics/bgProductMenu.jpg) no-repeat 0 0; width:auto; background-color:#d2d4cf;} #hbody .leftMenu ul.productMenu li.active {border-top:1px solid #bdbeba; border-left:1px solid #bdbeba; border-right:1px solid #f2f2f1; border-bottom:1px solid #f2f2f1; margin-top:-1px;} #hbody .leftMenu ul.productMenu li a { width:auto; height:19px; padding-top:2px; display:block; border-bottom: solid 0px #C8C8C8; color:#000; padding-left:23px; background: url(/skins/default/pics/bgProductMenuHover.jpg) no-repeat 0px 21px; } #hbody .leftMenu ul.productMenu li a:hover, #hbody .leftMenu ul.productMenu li.lastNode a:hover { text-decoration:none; font-weight:bold; background: url(/skins/default/pics/bgProductMenuHover.jpg) no-repeat 0px 0px; } #hbody .leftMenu ul.productMenu li a.active { text-decoration:none; font-weight:bold; background: url(/skins/default/pics/bgProductMenuActive.jpg) no-repeat 0px 0px; } #hbody .leftMenu ul.productMenu li.lastNode { background:none; } #hbody .leftMenu ul.productMenu li ul { list-style: none; padding: 0; margin: 0; display:none; width:auto;} #hbody .leftMenu ul.productMenu li ul.active { display:block; } #hbody .leftMenu ul.productMenu li ul li { background: #D2D4CF url(/skins/default/pics/bgProductMenuSub.jpg) no-repeat 0 0; height:21px; width:auto;} #hbody .leftMenu ul.productMenu li ul li.mother { background: #D2D4CF url(/skins/default/pics/bgProductMenuSubMother.jpg) no-repeat 0 0; height:21px; width:auto;} #hbody .leftMenu ul.productMenu li ul li.mother a:hover { background: #D2D4CF url(/skins/default/pics/bgProductMenuSubHoverMother.jpg) no-repeat 0 0; height:21px; width:auto;} #hbody .leftMenu ul.productMenu li ul li.active { height:auto; width: auto; border-top:1px solid #7e7f7c; border-left:1px solid #7e7f7c; border-right:1px solid #eeefec; border-bottom:1px solid #eeefec;} #hbody .leftMenu ul.productMenu li ul li a:hover, #hbody .leftMenu ul.productMenu li ul li.lastNode a:hover { text-decoration:none; font-weight:bold; background: url(/skins/default/pics/bgProductMenuSubHover.jpg) no-repeat 0px 0px; width:auto;} #hbody .leftMenu ul.productMenu li ul li.mother a.active, #hbody .leftMenu ul.productMenu li ul li.mother a.active:hover { display:block; background: url(/skins/default/pics/bgProductMenuSubActive.jpg) no-repeat 0px 0px; height:17px;} #hbody .leftMenu ul.productMenu li ul li a.active, #hbody .leftMenu ul.productMenu li ul li a.active:hover { display:block; background: url(/skins/default/pics/bgProductMenuSubSub.jpg) no-repeat 0px 0px; color: #415e07; } #hbody .leftMenu ul.productMenu li ul li.lastNode { background-color: #D2D4CF; } #hbody .leftMenu ul.productMenu li ul li a { padding-left: 35px; } #hbody .leftMenu ul.productMenu li ul li ul li.active {width:180px; margin-bottom:0px;} /*#hbody .leftMenu ul.productMenu li ul li ul.active { border-top:1px solid #7e7f7c; border-left:1px solid #7e7f7c; border-right:1px solid #eeefec; border-bottom:1px solid #eeefec; margin-left:2px;}*/ #hbody .leftMenu ul.productMenu li ul li ul li, #hbody .leftMenu ul.productMenu li ul li ul li.lastNode { background: #D2D4CF url(/skins/default/pics/bgProductMenuSubSub.jpg) no-repeat 0 0; margin-bottom:-1px; } #hbody .leftMenu ul.productMenu li ul li ul li a { padding-left: 50px; display:hidden;} #hbody .leftMenu ul.productMenu li ul li ul li a:hover, #hbody .leftMenu ul.productMenu li ul li.mother ul li a:hover, #hbody .leftMenu ul.productMenu li ul li ul li.lastNode a:hover { text-decoration:none; font-weight:bold; background: url(/skins/default/pics/bgProductMenuSubSub.jpg) no-repeat 0px 0px; margin-bottom:-2px; } #hbody .leftMenu ul.productMenu li ul li ul li.active {border:0;} #hbody .leftMenu ul.productMenu li ul li ul li.active a.active {padding-bottom:1px; background: #D2D4CF url(/skins/default/pics/bgProductMenuSubSub.jpg) no-repeat 0 0; width:130px; color:#415e07;} #hbody .leftMenu ul.productMenu li ul li ul li.active a.active:hover {margin-bottom:0px; background: #D2D4CF url(/skins/default/pics/bgProductMenuSubSub.jpg) no-repeat 0 0; width:130px; color:#415e07;} /* breadcrum */ #breadcrumMenu { position:absolute; top: 0; left: 183px; width: 807px; background: url(/skins/default/pics/bgBreadCrumb.jpg) no-repeat 100% 0; } #breadcrumMenu ul.breadcrumMenu { position:relative; padding: 10px 0 10px 18px; height: 18px; list-style: none; } #breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 5px; height: 11px; background: url(/skins/default/pics/divBreadCrum.gif) no-repeat 100% 5px; } #breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#8e8e8e; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } #breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; } #breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; } #breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#4d4d4d; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; } /* content */ #content h1 { width: 571px; font-weight:bold; padding: 0 0 5px 26px; background: url(/skins/default/pics/bgHeaderArrows.gif) no-repeat 0px 2px; color:#000; font-size:16px; font-style: italic; } #content h2 { width: 557px; font-weight:bold; padding: 5px 0 5px 40px; background: url(/skins/default/pics/bgHeaderSub.gif) no-repeat 0px 2px; color:#fff; font-size:16px; font-style: italic; } #content h2 span { background:#A4E12E url(/skins/default/pics/bgHeaderGreenTriangle.gif) no-repeat right 7px; padding:2px 100px 3px 0px; } /* footer */ #footer { border:solid 0px blue; text-align:center; height: 30px; } #footMenu { background-color:#F0F2EB; margin-top:10px; text-align:center;} #footMenu ul.footMenu { width:990px; text-align:center; height: 13px; overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 0px 0 0; list-style: none; } #footMenu ul.footMenu li { display:inline; border-right: 0px solid #000; text-align: center; } #footMenu ul.footMenu li a { background: url(/skins/default/pics/bgLinkArrows.gif) no-repeat 0px 3px; padding: 0 8px 0 18px; margin: 0; line-height: 13px; text-decoration: none; color: #7E7E7E; font-size: 12px; } * html body #footMenu ul.footMenu a { display: inline; } #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #7E7E7E; font-size: 12px; } /* #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; font-size: 12px; } #footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; font-size: 12px; } */ #footMenu #tnt {position: absolute; bottom: 50px; left: 500px; float: left; height: 26px; width: 300px; } #footMenu #tnt img {float: left; padding-right: 20px; } #footMenu #tnt a {position: relative; top: 6px; float: left; height: 26px; /*width: 300px;*/ font-size: 13px; color: #5f5f5f; padding-right: 8px; text-decoration: underline; background: url(/skins/default/pics/divBreadCrum.gif) no-repeat 100% 3px; } #hbody .tpl #kolom { float: right; width: 164px; padding-left: 24px;}