#mainMenu { position:absolute; width: 858px; top: 395px; left: 0; height: 23px; background: #ffc218/* url(../../skins/default/pics/bgMainMenu.gif) repeat-y 0 0*/; z-index:100; }
/* head */
#hhead { position: relative; top: 0; left: 0; width: 100%; height: 370px; padding: 0 0 23px 0; background: #000; z-index: 2; }
#hhead .hhead { position:relative; height: 100%; right: 0; background: url(../../pics/sfeer/home_header1.jpg) no-repeat 100% 0; }
#hhead .hhead #gallery { position: absolute; right: 0; width:552px; height:370px; overflow:hidden; list-style: none; }
#hhead .hhead #gallery li { display: inline; }
#hbody { overflow: visible; }
#hbody .hbody { position:relative; width: 100%; min-height: 178px; background: url(../../skins/default/pics/bgHomecontent.gif) repeat-y;}
* html body #hbody .hbody { height: 178px;}
/* products */
#productBox { position: relative; padding: 14px 0 0 20px;}
#productBox .productContent { position:relative; float: left; display: inline; width: 280px; height: 136px; overflow: hidden; }
#productBox .productContent h1 { font: italic 15px/17px Georgia,serif; color:#ffc218; }
#productBox .productContent p { padding: 0; line-height: 15px; color:#fff; }
#productBox .productMenu { position:relative; float: right; display: inline; width: 536px; overflow: hidden; margin:0; list-style:none; padding: 10px 0 0 0; } 
#productBox .productMenu li { position:relative; float: left; display: inline; margin: 0 16px 0 0; padding: 0; height: 120px; width: 90px; background: #fff center top no-repeat; }
#productBox .productMenu li h1 { position: relative; display: inline; }
#productBox .productMenu li h1 a { position: relative; display: block; height:12px; padding: 94px 0 2px 0; font: italic 12px/12px Georgia,serif; text-align: center; color:#50483e;}  
#productBox .productMenu li h1 a:hover  { color:#000; text-decoration:none;}  
#productBox .productMenu li h1 a span { position:absolute; left: 0; top:0; width: 90px; height: 90px; display: block; z-index: 1; background:#EBE1CE;/* #ccc;*/ cursor:pointer; cursor: hand; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#productBox .productMenu li.kachels { background-image:url(../../skins/default/pics/haarden.jpg); }
#productBox .productMenu li.schouwen { background-image:url(../../skins/default/pics/schouwen.jpg); }
#productBox .productMenu li.keukens { background-image:url(../../skins/default/pics/keukens.jpg); }
#productBox .productMenu li.parket { background-image:url(../../skins/default/pics/parket.jpg); }
#productBox .productMenu li.tegels { background-image:url(../../skins/default/pics/tegels.jpg); }
#productBox .productMenu li.vloeren { background-image:url(../../skins/default/pics/tegels.jpg); }
#productBox .productMenu li.outlet { background-image:url(../../skins/default/pics/outlet.jpg); }

#productBox .productMenu li h1 a:hover span { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);} 
#productBox .productMenu li ul { display:none; visibility: hidden; }
/* content */
#hbody .tpl { position:absolute; left:0; bottom: 100%; width: 300px; margin:0 0 23px 0; color: #fff; z-index: 10;}
#hbody .tpl #content { padding: 0 12px 10px 20px; line-height: 15px; }
#hbody .tpl #content h1 { font: italic 15px/17px Georgia,serif; color:#ffc218; }
#hbody .tpl #content a { color: #fff; text-decoration: underline; }
#hbody .gap { position: absolute; top: 100%; left: 0; margin-top:-19px; height: 20px; width: 100%; padding: 0; background: #262623 no-repeat center top;}
/* adresBox */
#adresBox { position: relative; width: 100%; height: 64px; padding: 0 0 22px 0; margin: 0; background: #fff;}
#adresBox b.sht { position: absolute; top: 100%; display: block; height: 13px; margin-top:-15px; width: 100%; background: no-repeat center top; z-index:1;}
/* newsbox */
#hbody #newsBox { position:absolute; left: 0; top: 100%; margin-top: 101px; height: 180px; width: 100%; background: #fff; line-height: 15px; color: #626262; z-index: 5; }
* html #hbody #newsBox { margin-top: 106px; }
#hbody #newsBox .newsonhome { position: relative; float: left; display: inline; width: 244px; height: 146px; padding: 6px 0 0 20px; }
#hbody #newsBox .newsonhome h2 a { position: relative; color:#a17600; margin: 4px 0; font: bold 11px/13px Verdana,Arial,Helvetica,sans-serif;  }
#hbody #newsBox .newsonhome h3 { position: absolute; top: 100%; left: 20px; }
#hbody #newsBox .newsonhome h3 a { color:#a17600; font: bold 11px/13px Verdana,Arial,Helvetica,sans-serif;  }
#hbody #newsBox .newsonhome .date { position: relative; display: block; height: 13px; padding:2px 0; color: #948971;}
#hbody #newsBox .newsonhome .more { position: relative; /*display: block;*/ height: 13px; padding:2px 0; color: #000; }
#hbody #newsBox .banner { position: relative; float: right; display: inline; margin:5px 18px 0 0; border: 0;}
#footMenu { margin-top: 180px; }
* html #footMenu { margin-top: 178px; }
#footMenu b.sht { display: none; background: transparent;}


#panel { position:absolute; top:200px; left:50%; margin-left:-274px; width:536px; padding:6px; z-index:1000; }
#panel #wrapper { position:relative; width:536px; height:346px; top:8px; margin:0; z-index:1;}
#panel #wrapper a.big_link { float: left; width:516px; height:330px; }
#panel #wrapper .bg { position:absolute; top:-6px; left:186px; width:348px; z-index:0;}
#panel #wrapper .content .button { position:absolute; right: 10px; top:10px; width:18px; height:18px; margin:0; padding:0; }
#panel #wrapper .content .button a { position:absolute; display:block; margin:0; padding:0; width:18px; height:18px; background: url(/skins/default/pics/btnPanelClose.gif) no-repeat; }