html, body { width: 100%; }
* { margin: 0; padding: 0; }
body { border: 0; background: #262623; text-align: center; }
/* holder */
#holder { position:relative; width: 858px; margin: 0 auto; padding: 25px 0; text-align: left; background: url(pics/bgHolderTop.gif) no-repeat center 11px; z-index: 0;}
#mainMenu { position:absolute; width: 858px; top: 157px; left: 0; height: 23px; padding:0; line-height: 1px; background: #ffc218 url(pics/bgMainMenu.gif) repeat-y 0 0; z-index:100; }
/* head */
#hhead { position: relative; top: 0; left: 0; width: 100%; height: 132px; padding: 0 0 23px 0; background: #000; z-index: 1; }
#hhead .hhead { position:relative; height: 100%; right: 0; background: #000; }
#hhead .logo { position:absolute; top: 20px; left: 28px; width: 148px; height: 54px; z-index: 50; }
#hhead .logo a { position:absolute; display: block; width: 100%; height: 100%; background: url(pics/vanManen_logo.gif) no-repeat;}
#hhead .logo a span { display: none; }
/* body */
#hbody { position:relative; width: 100%; padding: 0 0 15px 0; overflow: hidden; background: #fff; z-index: 2;}
#hbody b.sht { position: absolute; display: block; height: 14px; width: 100%; background: no-repeat center top; z-index: 3;}
#hbody .hbody { position:relative; width: 100%; min-height: 310px; height: auto; }
* html body #hbody .hbody { height: 310px; }
#hbody .tpl { position:relative; float: right; display: inline; width: 650px; color: #000; }
#hbody .tpl #content { padding: 60px 20px 20px 30px; }
/* breadcrum */
#hbody .tpl .breadcrum ul.breadcrumMenu { position:absolute; top: 0; left: 0; width: 620px; padding: 10px 0 10px 20px; height: 12px; list-style: none;  }
#hbody .tpl .breadcrum 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 .breadcrum ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#hbody .tpl .breadcrum ul.breadcrumMenu li a:hover { text-decoration:underline; }
#hbody .tpl .breadcrum ul.breadcrumMenu li.firstNode { padding-left: 12px;}
#hbody .tpl .breadcrum ul.breadcrumMenu li.lastNode { background:transparent; }
#hbody .tpl .breadcrum ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
#hbody .column { position: relative; float:left; display: inline; left: 0; top: 0; width: 208px; min-height: 200px; }
* html #hbody .tpl .column { height: 200px; }
/* productBox */
.column #subMenu { position: relative; width: 100%; padding: 12px 0; background: #504941; }
.column #subMenu h1 { margin: 2px 0 4px 20px; font: italic 18px/20px Georgia,serif; color:#ffc218; }
.column #subMenu .subMenu { position: relative; padding-left: 36px; color: #fff; /*list-style:none;*/ }
.column #subMenu .subMenu li { position: relative; padding: 4px 0; }
.column #subMenu .subMenu li a { position: relative; width: 100%; display:block; font: 12px/14px Verdana,Arial,Helvetica,serif; color:#fff; }
.column #subMenu .subMenu li a:hover, .column #subMenu .subMenu li a.active { color:#ffc218; text-decoration: none; }
.column #subMenu .productSubMenu { position: relative; padding-left: 36px; color: #fff; /*list-style:none;*/ }
.column #subMenu .productSubMenu li { position: relative; padding: 4px 0; }
.column #subMenu .productSubMenu li a { position: relative; width: 100%; display:block; font: 12px/14px Verdana,Arial,Helvetica,serif; color:#fff; }
.column #subMenu .productSubMenu li a:hover, .column #subMenu .subMenu li a.active { color:#ffc218; text-decoration: none; }
/*.column div.sht { position: relative; height: 13px; width: 100%; margin: 0 0 26px 0; background: url(pics/menuShadow.gif) no-repeat; }
.column div.sht { position: relative; width: 100%; margin: 30px 10px 0; background: url(pics/download_digitale_brochure.gif) no-repeat; }*/
#hbody .column .sht { padding-top: 10px; position: relative; width: 100%;  }
#hbody .column .sht a { position: relative; height: 240px; width: 240px; margin-left: 15px; }

.column .productMenu { position:relative; list-style:none; width: 208px; padding: 12px 0; background:#dcd8cf; }
.column .productMenu li { position:relative; }
.column .productMenu li h1 { position: relative; display: inline; }
.column .productMenu li h1 a, .column .productMenu li h1 a.active { position: relative; display: block; height:14px; padding: 17px 2px 17px 70px; font:italic 14px/14px Georgia,serif; color:#50483e;}
.column .productMenu li h1 a:hover, .column .productMenu li h1 a.active, .column .productMenu li h1 a.active:hover { background:#d0ccc3; color:#000;}
.column .productMenu li h1 a span { position:absolute; left: 20px; top:7px; width: 34px; height: 34px; display: block; z-index: 1; background: #999;  }
.column .productMenu li.kachels h1 a span { background-image:url(pics/haarden.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.schouwen h1 a span { background-image:url(pics/schouwen.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.keukens h1 a span { background-image:url(pics/keukens.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.parket h1 a span { background-image:url(pics/parket.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.tegels h1 a span { background-image:url(pics/vloeren.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.vloeren h1 a span { background-image:url(pics/vloeren.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li.outlet h1 a span { background-image:url(pics/outlet.gif); opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.column .productMenu li h1 a:hover span, .column .productMenu li h1 a.active span, .column .productMenu li h1 a.active:hover span  { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
/*.column .productMenu li ul { display:none; visibility: hidden; }*/
.column .productMenu li ul { background-color:#504941; list-style-type:disc; list-style-position:inside; color:#fff; padding: 5px 0 5px 0; } 
.column .productMenu li ul li { position: relative; padding: 1px 0; margin:0; margin-left:20px; }
.column .productMenu li ul li a { position: relative; display:inline; font: 12px/14px Verdana,Arial,Helvetica,serif; color:#fff;}
.column .productMenu li ul li a:hover, .column .productMenu li ul li a.active { color:#ffc218; text-decoration: none; }




.column .banner { position:relative; display:block; width:162px; margin:20px 0 0 20px; }
/* mail a friend */
.column .actionform { position: relative; margin:30px 10px 0 10px; }
.column .actionform .mailBox { position: relative; padding: 10px; background: #dcd8cf url(pics/mailBoxShadowTop.gif) no-repeat 50% 7px; }
.column .actionform .mailBox h2 { position: absolute; left: 0; top:-14px; width: 178px; padding:4px 0 4px 10px; background: #ffc218; color:#504941; }
* html .column .actionform .mailBox h2 { left: -10px;}
.column .actionform .mailBox dl { position: relative; width:100%; overflow:hidden; margin: 0; list-style:none;}
.column .actionform .mailBox dl dt { position: relative; display: none; }
.column .actionform .mailBox dl dd { position: relative; line-height: 20px; padding: 2px 0;  }
.column .actionform .mailBox dl dd input { width: 164px;  border: 1px solid; padding: 1px;  border: 1px solid #8c8c8c; border-bottom: 1px solid #d6d6ce; border-right: 1px solid #d6d6ce; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; }
.column .actionform dl dd input.btn { margin: 4px 0 0 0; width: auto; padding-left: 6px; padding-right: 6px; float: right; background: #ffc218; color: #000; border: 1px solid #f9f9f9; border-bottom: 1px solid #d6d6ce; border-right: 1px solid #d6d6ce;}
.column .actionform p.error { font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #c00; }
.column .actionform .end { position: relative; height: 10px; background: url(pics/mailBoxShadowBtm.gif) no-repeat 50% 0; }
/* main menu */
#mainMenu ul.mainMenu { position:relative; display:block; height: 19px; margin:0 0 0 12px; list-style:none; padding:4px 0 0 0; }
#mainMenu ul.mainMenu li { position:relative; float: left; display: block; margin: 0; padding: 0 2px 0 1px; height: 19px; background: url(pics/divMainMenu.gif) no-repeat 0 3px; }
#mainMenu ul.mainMenu li.firstNode { background: transparent; }
#mainMenu ul.mainMenu li.lastNode { /*display:none;*/ }
#mainMenu ul.mainMenu li h2 { position:relative; display: inline; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; height: 19px; }
#mainMenu ul.mainMenu li h2 a, #mainMenu ul.mainMenu li h2 a:link, #mainMenu ul.mainMenu li h2 a:active, #mainMenu ul.mainMenu li h2 a:visited { position: relative; float: left; display: block; height: 11px; width: auto; text-decoration: none; padding: 2px 10px 6px; line-height: 11px; color: #474747; }
#mainMenu ul.mainMenu li h2 a:hover, #mainMenu ul.mainMenu li h2 a.active, #mainMenu ul.mainMenu li h2 a.mouse, #mainMenu ul.mainMenu li h2 a.active:link, #mainMenu ul.mainMenu li h2 a.active:visited, #mainMenu ul.mainMenu li h2 a.active:hover, #mainMenu ul.mainMenu li h2 a.active:active { position: relative; display: block; height: 11px; text-decoration: none; padding: 2px 10px; line-height: 11px; background: url(pics/bgMenu-active.gif) repeat-x left center; color: #000; }
#mainMenu ul.mainMenu ul { width: 120px; left: 0; top: 19px; padding: 2px 0; z-index: 100; background: #ffc218 url(pics/bgSubmenuTop.gif) no-repeat; }
#mainMenu ul.mainMenu li ul li { position: relative; height: auto; width: 100%; padding: 1px 0; background: url(pics/bgSubmenuItem.gif) no-repeat; }
#mainMenu ul.mainMenu li ul li.firstNode { background:transparent; }
#mainMenu ul.mainMenu li ul li.lastNode { background: url(pics/bgSubmenuItem.gif) no-repeat; display:block;}
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { display: block; width: 90%; text-decoration: none; padding: 2px 5%; margin: 1px 0; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #474747;}
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #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 { display: block; width: 90%; background: #ffedba; text-decoration: none; padding: 2px 5%; margin: 1px 0; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #000; }
#mainMenu ul.mainMenu ul ul { margin-left: 130px; top: -4px; border-left: 1px solid #f9f9f9; /*display: none; visibility: hidden;*/ }
/* foot menu */
#footMenu { position: relative; width:100%; height: 30px; background: #504941; }
#footMenu b.sht { position: absolute; top: 0; display: block; height: 13px; width: 100%; background: no-repeat center top; z-index:1;}
#footMenu ul.footMenu { position: relative; height: 10px; padding: 8px 0 0 10px; list-style: none; }
#footMenu ul.footMenu li { display: inline; height: 10px; line-height: 10px; border-right: 1px solid #D0CCC3; }
#footMenu ul.footMenu li.lastNode { border:0; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited, #footMenu ul.footMenu li a.active { position: relative; padding: 0 10px; display:inline; text-decoration: none; font: 10px/10px Verdana, Arial, Helvetica, sans-serif; color: #D0CCC3; /*#2b2524;*/ }
#footMenu ul.footMenu li a:hover, #footMenu ul.footMenu li a:active, #footMenu ul.footMenu li a.active, #footMenu ul.footMenu li a.active:visited { text-decoration: underline;}
/* adresBox */
#adresBox { position: relative; width: 100%; height: 70px; padding: 20px 0 7px 0; margin: 0; background: #fff;}
#adresBox b.sht { position: absolute; top: 0; display: block; height: 14px; width: 100%; background: no-repeat center top; z-index:1;}
#adresBox ul { position: relative; height: 70px; }
#adresBox ul li { position: relative; float: left; display: inline; height: 70px; padding: 0 14px 0 20px; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #504941;}
#adresBox ul li.lastNode { float: right; display: inline; padding: 0 20px 0 0; }
#adresBox ul li h3 { position: relative; margin-bottom: 10px; font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #504941; }
#adresBox a { font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #504941; }
/* searchbox */
#searchBox { }
#searchBox div input { position: relative; float: left; display: inline; width:110px; padding: 1px; border: 1px solid #8c8c8c; border-bottom: 1px solid #d6d6ce; border-right: 1px solid #d6d6ce; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; }
#searchBox div a { position: relative; float: left; display: inline; height: 11px; padding: 2px 5px; margin-left:8px; background: #ffc218; color: #000; border: 1px solid #f9f9f9; border-bottom: 1px solid #d6d6ce; border-right: 1px solid #d6d6ce; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; }
/* searchwords */
#searchwords { position: relative; width:100%; padding-top: 15px; color: #939393; font: 9px/9px Verdana, Arial, Helvetica, sans-serif; }
#searchwords b.sht { position: absolute; top: 0; display: block; height: 13px; width: 100%; background: no-repeat center top; z-index:1;}
#searchwords div { position: relative; padding-left: 12px; }
#searchwords .searchMenu { position: relative; display: inline; list-style: none;  }
#searchwords .searchMenu li { display: inline; height: 15px; padding-left: 6px; }
#searchwords .searchMenu li a:link, #searchwords .searchMenu li a:visited, #searchwords .searchMenu li a.active { position: relative; text-decoration: none; font: 9px/9px Verdana, Arial, Helvetica, sans-serif; color: #939393; /*#504941;*/ }