* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
body {background: #515151 url(/skins/default/pics/bg_body.jpg) repeat-x 0 0;; text-align:center; }
/* holder */
/* holder */
#holder { position: relative; margin: 0 auto; margin-top:62px; width: 990px; text-align: left; z-index:1; background: url(/skins/default/pics/holderbg.jpg) repeat-y; }
/* head */
#header { position: relative; width: 100%; height: 310px; background: url(/skins/default/pics/headerTop.jpg) no-repeat; z-index:2;}
.portal #header { height: 280px; }
.huisenhaard #header .logo { width: 295px; height: 56px; top: 55px; }
#header .logo { position:absolute; top: 22px; left: 35px; width: 195px; height: 75px; }
#header .logo span { display:none; }
#header .logo a { position:relative; display: block; width: 100%; height: 100%; background: #eee url(/skins/default/pics/logo.jpg) no-repeat;}
.huisenhaard #header .logo a { background-image: url(/skins/default/pics/vanmanenkachels.jpg); }
#header #headImage { position:absolute; top:135px; left:40px; width: 885px; height: 150px; overflow: hidden;}


/* body */
#body { position: relative; padding:0px 50px 25px 38px; z-index:1; background: url(/skins/default/pics/footerbg.jpg) no-repeat bottom left;}
#body .tpl { position: relative; width: 880px; overflow: hidden; color: #000; padding-bottom: 25px; }
/* content */
#content { position: relative; float:left; display:inline; width: 659px; }
.portal #content { width: 425px; min-height:400px; }
* html .portal #content { height:400px; }
#rail { position: relative; float:left; display:inline; padding:0 0 90px 0; margin-right:16px; z-index:2; width: 205px;}

#rail_right { width: 220px; float: right; }
.portal #rail_right { }
#rail_right h3 { font: bold 13px/15px Arial, Helvetica, sans-serif; margin: 0px;}
#rail_right .banner { margin-bottom: 20px; display: block; }
#rail_right #openingstijden li { list-style: none; margin-bottom: 20px; }
#rail address { font:11px/13px Arial;margin-top:100px; color:#000; display:block; width:165px; height:80px; padding:30px 20px 20px 20px; overflow:hidden; background: url(/skins/default/pics/sprite.png) -171px -34px;}

#rail address span.head { font: 13px/15px Arial; color:#000; }
#rail address span { float: left; display: block; width: 100%;}
#rail address a, 
#rail address a:visited { color: #000; } 
/* sub menu box */
#rail #subMenuBox { width:165px; margin-top: 68px; }
#subMenuBox ul.subMenu { position: relative; list-style:none; margin:0; width:165px; }
#subMenuBox ul.subMenu li { position: relative; margin: 0; padding: 0;  background: url(/skins/default/pics/sprite.png) no-repeat 0 100%;}
#subMenuBox ul.subMenu li.lastNode { background: none; }
#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 { text-transform: uppercase; position: relative; display:block; padding: 5px 10px 5px 10px; text-decoration: none; font: bold 12px/14px Arial,Helvetica,sans-serif;  }

.kachels #subMenuBox ul.subMenu li a { color: #ec2a30; }
.keukens #subMenuBox ul.subMenu li a {color: #00baa2; }
.badkamers #subMenuBox ul.subMenu li a {  color: #0071c8; }
.parketvloeren #subMenuBox ul.subMenu li a { color: #ed8700; }

#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 { background: url(/skins/default/pics/sprite.png) no-repeat 0 -371px;  }
#subMenuBox ul.subMenu li ul { display:none; }
/* newsBox */
#newsBox ul { position: relative; list-style:none; }
#newsBox ul li { width:100%; overflow:hidden;padding-right:0; line-height: normal; margin-bottom: 10px; }
.portal #newsBox ul li { margin-bottom: 0px; }
#newsBox ul li h3 { margin-top: 4px; font: bold 12px/16px Arial,Helvetica,sans-serif; }
#newsBox ul li .thumb { float:left; margin: 4px 4px 2px 0; }

#newsBox ul li a { color: #000000; background: url(/skins/default/pics/sprite.png) no-repeat 0 -374px; padding-left: 17px; float: left; }
#newsBox ul li a span { float: left; font-weight: normal; width: 100%; }
#newsBox ul li a.more { display:block; width:130px; height:18px; float:right; text-align:right; padding-right: 26px; color: #626262; background: url(/skins/default/pics/arrGeel1.gif) no-repeat 100% 0; }
#newsBox ul li a.more:hover { background: url(/skins/default/pics/arrGrijs1.gif) no-repeat 100% 0; }

/* main menu */
#mainMenu { position: absolute; top:5px; right: 69px; height: 33px; padding:0; z-index:2; }
#mainMenu span.left { background: url(/skins/default/pics/sprite.png) no-repeat 0 0; width: 3px; height: 32px; position: absolute; left: -3px; top: 0px; }
#mainMenu ul.mainMenu { background: url(/skins/default/pics/sprite.png) no-repeat right 0; position:relative; float: left; display:block; list-style:none; }
#mainMenu ul.mainMenu li { position:relative; float: left; display:block; margin: 0; }
#mainMenu ul.mainMenu li.firstNode { background:transparent; }
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; width: auto; text-decoration: none; padding: 9px 10px 9px 10px; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000;}
#mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { color: #515151; }

#mainMenu ul.mainMenu ul { position:absolute; visibility: hidden; width: 160px; height:auto; left: 0; top: 32px; padding: 2px 0 0 0; z-index: 1000;  background: #d9d9db; background: -moz-linear-gradient(top, #fdfefe, #d9d9db); background: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#d9d9db)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfefe, endColorstr=#d9d9db); list-style:none; border-bottom: 1px solid #9F9F9F; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
#mainMenu ul.mainMenu li.lastNode ul { left:auto; right:0px; }
#mainMenu ul.mainMenu li ul li { position: relative; float:none; width:158px; height: auto; padding: 1px 2px; margin:0; background: none; }
#mainMenu ul.mainMenu li ul li.firstNode { background: none; padding-top: 2px; }
#mainMenu ul.mainMenu li ul li.lastNode { padding-bottom:2px; }
#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 { position: relative; float:none; display: block; width:144px; height:auto; text-decoration: none; padding: 4px 6px; margin: 0; background: transparent; }
#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 { position: relative; display: block; width:144px; height:auto; background: none; text-decoration: none; padding: 4px 6px; margin: 0; border:0px; color: #515151; }
#mainMenu ul.mainMenu ul ul { margin-left: 150px; padding-top: 0; top: 5px; /*display: none; visibility: hidden;*/ }
#mainMenu ul.mainMenu li.lastNode ul { left: -88px;}
/* breadcrum */
#breadcrumMenu { width: 650px; float: left;}
#breadcrumMenu ul { margin:0; }
#breadcrumMenu ul.breadcrumMenu { width: 100%; padding: 10px 0; height: 12px; list-style: none; }
#breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: none;  }
#breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left:0;}
#breadcrumMenu ul.breadcrumMenu li.lastNode { background: transparent;}
#breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
/* footer */
#footer { overflow: hidden;}
#footMenu { position: relative; height: 29px; margin:0 0 20px; padding-left:2px; list-style: none; background: #fff; border:1px solid #9f9f9f; }
#footMenu span.copy { float: left; padding: 8px 9px 7px; color: #727272; font: 12px/14px Arial,Helvetica,sans-serif; }
#footMenu ul.footMenu li { position:relative; float: left; display: inline; height: 29px; padding-right: 2px;  background: url(/skins/default/pics/footerMenu_div.gif) no-repeat 0 center;}
#footMenu ul.footMenu li a { position:relative; float: left; display: inline; padding: 8px 9px 7px 9px; margin: 0; font: 12px/14px Arial,Helvetica,sans-serif; text-decoration: none; color: #727272; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #727272; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active,
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { color:#000; text-decoration: none; }

#footer ul.volgMenu { float: right; padding-top: 4px; }
.volgMenu li { float: left; list-style: none; padding-right: 10px; }
.volgMenu li a { width: 18px; height: 20px; display: block;}
.volgMenu li.node2 a { }
.volgMenu li.node3 a {  }
.volgMenu li.node4 a { }
.volgMenu li a span { display: none; }

/* searchwords */
#footer .box { position:relative; padding:4px 16px; }
#footer .box .searchMenu { position: relative; display: inline; list-style: none; width:100%; }
#footer .box span { position: relative; padding-left: 4px; color: #8f8f8f; }
#footer .box span a { position: relative; text-decoration: none; font: 11px/11px Arial, Helvetica, sans-serif; color: #8f8f8f; cursor: text; }
#footer .box .searchMenu li { display: inline; height: 15px; color:#8f8f8f;}
#footer .box .searchMenu li a:link, #footer .searchMenu li a:visited, #footer .searchMenu li a.active { position: relative; text-decoration: none; font: 11px/11px Arial, Helvetica, sans-serif; color: #8f8f8f; cursor: text; }

/* siteMenu */
#footMenu { float: left; width:898px; }
#productenMenu { display: block; position: relative; float: left; padding-bottom: 25px; }
#productenMenu ul { width: 200px; float: left; list-style: none; padding-right: 25px; }
#productenMenu ul h3 a,
#productenMenu ul h3 a:visited { font: 18px/20px arial, helvetica, sans-sefif; }
#productenMenu h3.node2 a { color: #F09800; }
#productenMenu h3.node3 a {color: #EC2A30; }
#productenMenu h3.node4 a { color: #00BAA2; }
#productenMenu h3.node5 a { color: #0071C8; }
#productenMenu ul li a,
#productenMenu ul a:visited li { color: #727272; font-size: 11px; }
.portal #productenMenu ul ul { display: none; }

#newsBox {  border-bottom: 1px solid #9f9f9f; margin-bottom:40px; }
#newsBox .top { position: relative; width: 100%; padding-bottom: 20px; background: #d9d9db; background: -moz-linear-gradient(top, #ffffff, #FDFEFE); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FDFEFE)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#FDFEFE); }
#newsBox .top span { position: absolute; width: 1px; height: 100%;     background: #9F9F9F; background: -moz-linear-gradient(top, #ffffff, #9f9f9f); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9f9f9f)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#9f9f9f);}
#newsBox span.left { left: 0px; top: 0px; }
#newsBox span.right { right: 0px; top: 0px; }
#newsBox ul { padding: 0 15px 15px 15px; border-left: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; background: #d9d9db; background: -moz-linear-gradient(top, #fdfefe, #d9d9db); background: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#d9d9db)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfefe, endColorstr=#d9d9db); }
#newsBox h2 { padding-left: 15px;  font: 24px/30px Arial,Helvetica,sans-serif;}
.portal #newsBox h2 { padding-left: 30px; }

#beeldwissel { list-style: none; }
#rightsiteMenu {  margin: 0 auto 0; height: 62px;  position: absolute; top:-62px; left: 0px; text-align: left; width: 990px; z-index: 1; }
#rightsiteMenu a, 
#rightsiteMenu a:visited  { text-decoration: none; margin-right: 10px; display: block; color: white; font: 15px/22px arial, helvetica; padding: 13px 20px 7px 10px; background: url(/skins/default/pics/topSideMenu.png) no-repeat 100% 4px; }
#rightsiteMenu li.node2 a, 
#rightsiteMenu li.node2 a:visited { background-position: 100% -93px; }
#rightsiteMenu li.node2 span.left { background-position: 0 -93px; }
#rightsiteMenu li.node3 a, 
#rightsiteMenu li.node3 a:visited { background-position: 100% -42px; }
#rightsiteMenu li.node3 span.left { background-position: 0 -42px; }
#rightsiteMenu li.node1 a, 
#rightsiteMenu li.node1 a:visited { background-position: 100% -200px; }
#rightsiteMenu li.node1 span.left { background-position: 0 -200px; }
#rightsiteMenu li.node4 a, 
#rightsiteMenu li.node4 a:visited { background-position: 100% -141px; }
#rightsiteMenu li.node4 span.left { background-position: 0 -141px; }
#rightsiteMenu li.node5 a, 
#rightsiteMenu li.node5 a:visited { background-position: 100% -248px; }
#rightsiteMenu li.node5 span.left { background-position: 0 -248px; }
#rightsiteMenu span.left { position: absolute; left: -10px; top: 0px; width: 10px; height: 42px; background: url(/skins/default/pics/topSideMenu.png) no-repeat 0 4px; }
#rightsiteMenu ul { display: block; position: relative; margin-left: 155px;}
#rightsiteMenu li { float: left; list-style: none; float: left; position: relative; }

.keukens #rightsiteMenu li.node3 a, 
.keukens #rightsiteMenu li.node3 a:visited { background-position: 100% 4px; }
.keukens #rightsiteMenu li.node3 span.left { background-position: 0 4px; }
.badkamers #rightsiteMenu li.node1 a, 
.badkamers #rightsiteMenu li.node1 a:visited { background-position: 100% 4px; }
.badkamers #rightsiteMenu li.node1 span.left { background-position: 0 4px; }
.parketvloeren #rightsiteMenu li.node4 a, 
.parketvloeren #rightsiteMenu li.node4 a:visited { background-position: 100% 4px; }
.parketvloeren #rightsiteMenu li.node4 span.left { background-position: 0 4px; }
.portal #rightsiteMenu li.node5 a, 
.portal #rightsiteMenu li.node5 a:visited { background-position: 100% 4px; }
.portal #rightsiteMenu li.node5 span.left { background-position: 0 4px; }

#productMenu { position: absolute; z-index: 2; top: 272px; left: 38px; width: 880px; background: url(/skins/default/pics/bg_productenmenu.gif) repeat-x 0 40px;}
#productMenu ul { list-style: none; }
#productMenu ul li { float: left; position: relative; padding-top: 13px; }
#productMenu ul li.mouse { padding-top: 0px; }
#productMenu ul li a { text-transform: uppercase; text-decoration: none; font: bold 12px/22px Arial, helvetica, sans-serif; color: #000; padding: 3px 9px; display: block;}
#productMenu ul li.mouse a { border-top: 1px solid #A2A2A2; border-left: 1px solid #A2A2A2; border-right: 1px solid #A2A2A2; overflow: hidden; background: #fff; padding: 15px 8px; }
#productMenu ul li.mouse ul {  border-bottom: 1px solid #A2A2A2; border-left: 1px solid #A2A2A2; border-right: 1px solid #A2A2A2; }
#productMenu ul li.mouse li a { border: 0px; padding: 6px 0px; margin: 0px 7px; border-bottom: 1px solid #A2A2A2; color: #A2A2A2; line-height: 16px; }

#productMenu ul li.mouse li.firstNode a { border-top: 1px solid #A2A2A2; }
.kachels #productMenu ul li.mouse li.firstNode a  { border-top:1px solid #ec2a30; }
.keukens #productMenu ul li.mouse li.firstNode a { border-top: 1px solid #00baa2; }
.badkamers #productMenu ul li.mouse li.firstNode a  { border-top: 1px solid #0071c8; }
.parketvloeren #productMenu ul li.mouse li.firstNode a { border-top: 1px solid #ed8700; }

#productMenu ul li.mouse li.lastNode a { border-bottom: 0px; } 
#productMenu ul ul { position: absolute; background: #fff; visibility: hidden; }
#productMenu ul ul li { padding-top: 0px; width: 100%;}
#productMenu ul ul li.hover { background: #eaeaea;}
#productMenu ul ul li.hover a { background: #eaeaea; }

h3.siteName { position: absolute; z-index: 2; right: 70px; top: 65px; font: 30px/32px Arial, helvetica, sans-serif; }
.kachels h3.siteName  { color: #ec2a30; }
.keukens h3.siteName  {color: #00baa2; }
.badkamers h3.siteName  {  color: #0071c8; }
.parketvloeren h3.siteName  { color: #ed8700; }

.badkamers span.bg {
    background: url("/skins/default/pics/BIB_logo.png") no-repeat scroll 0 0 transparent;
    height: 75px;
    position: absolute;
    right: 200px;
    top: 44px;
    width: 161px;
    z-index: 2;
}