/* holder */
#holder { position: absolute; top: 0; left: 0; padding-top: 16px; width: 100%; background: url(../../skins/default/pics/bgHolderHome.gif) repeat-x; z-index: 1; }

/* head */
#hhead { position: relative; float: left; width: 948px; height: 347px; overflow: hidden; background: url(../../skins/default/pics/bgHomeHead.jpg) 9px 14px no-repeat; }
#hhead .head { position: relative; float: left; padding: 0px 9px; width: 930px; height: 334px; }
#hhead .head h1.logo a { width: 166px; height: 63px; background: url(../../skins/default/pics/logoHome.gif) top left no-repeat; }

#hhead .head .medewerker { position: relative; float: left; display: inline; margin: 100px 0 0 30px; width: 211px; height: 250px; top: -16px; }

#hhead .head { position: relative; float: left; padding: 0px 9px; width: 930px; height: 334px; }
#hhead .head .headIntro { position: absolute; left: 310px; top: 100px; width: 220px; height: 140px; text-align: left; z-index: 4; }
#hhead .head .headIntro h1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #f04a00; }

/* head - beelwissel */
#hhead .head .beeld { position: relative; float: right; margin: 63px 1px 0px 0px; width: 462px; height: 270px; overflow: hidden; }
#hhead .head .beeld #beeldwissel { position: absolute; top:0; left:0; width: 462px; height: 270px; }
#hhead .head .beeld #beeldwissel li { position: absolute; left: 0; top: 0; z-index: 3;  }
#hhead .head .beeld #beeldwissel li img { z-index: 3; }

/* businessunit menu */
#businessMenu { position: absolute; top: 266px; left: 65px; width: 792px; z-index: 5; }
#businessMenu ul.businessMenu {  list-style: none; }
#businessMenu ul.businessMenu li { position: relative; float: left; width: 264px; height: 147px; }
#businessMenu ul.businessMenu li img.bgBusinessUnit { position: absolute; width: 326px; height: 267px; top: 0; left: 0; z-index: 1; }
#businessMenu ul.businessMenu li a,
#businessMenu ul.businessMenu li a:visited { position: absolute;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-align: left; text-transform: uppercase; background: url(pics/bgBusiness.gif); z-index: 11; }
#businessMenu ul.businessMenu li span { position: absolute; display: block; padding-right: 25px; font-size: 19px; font-weight: normal; text-transform: uppercase; z-index: 10; }
#businessMenu ul.businessMenu li a b,
#businessMenu ul.businessMenu li a:visited b { position: relative; float: left; margin-top: 36px; display: block; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: none; color: #5b5b5d; }
#businessMenu ul.businessMenu li a:hover b { position: relative; float: left; margin-top: 36px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: none; color: #ffffff; }
#businessMenu ul.businessMenu li a b span.more { display: none; }

#businessMenu ul.businessMenu li.node1 { position: absolute; left: 0px; top: 0px; z-index: 10; width: 326px; height: 267px; }
#businessMenu ul.businessMenu li.node1 a,
#businessMenu ul.businessMenu li.node1 a:visited { top: 12px; left: 17px; display: block; padding: 60px 0px 0px 45px; width: 248px; height: 182px; }
#businessMenu ul.businessMenu li.node1 a:hover,
#businessMenu ul.businessMenu li.node1 a.active { text-decoration: none; cursor: pointer; background: url(../../skins/default/pics/bgHomeBusinessBouwstoffen.gif) bottom left no-repeat; }
#businessMenu ul.businessMenu li.node1 span { top: 46px; left: 61px; color: #2d7f9e; background: url(pics/bgBusinessArrBouwstoffen.gif) right no-repeat; }
#businessMenu ul.businessMenu li.node1 a b { width: 224px; height: 107px; background: url(../../skins/default/pics/btnArrowBouwstoffen.gif) bottom right no-repeat; }
#businessMenu ul.businessMenu li.node1 a:hover b { width: 224px; height: 107px; background: url(../../skins/default/pics/btnArrowBouwstoffenHover.gif) bottom right no-repeat; }

#businessMenu ul.businessMenu li.node2 { position: absolute; left: 264px; top: 0px; z-index: 9; width: 322px; height: 269px; }
#businessMenu ul.businessMenu li.node2 img.bgBusinessUnit { position: absolute; width: 322px; height: 264px; top: 0; left: 0; z-index: 1; }
#businessMenu ul.businessMenu li.node2 a,
#businessMenu ul.businessMenu li.node2 a:visited { top: 16px; left: 17px; display: block; padding: 67px 0px 0px 55px; width: 231px; height: 172px; }
#businessMenu ul.businessMenu li.node2 a:hover,
#businessMenu ul.businessMenu li.node2 a.active { text-decoration: none; background: url(../../skins/default/pics/bgHomeBusinessCertification.gif) -1px bottom no-repeat; }
#businessMenu ul.businessMenu li.node2 span { top: 56px; left: 71px; color: #ff9217; background: url(pics/bgBusinessArrCertification.gif) right no-repeat; }
#businessMenu ul.businessMenu li.node2 a b,
#businessMenu ul.businessMenu li.node2 a:visited b { width: 200px; height: 90px; background: url(../../skins/default/pics/btnArrowCertification.gif) bottom right no-repeat; }
#businessMenu ul.businessMenu li.node2 a:hover b { width: 200px; height: 90px; background: url(../../skins/default/pics/btnArrowCertificationHover.gif) bottom right no-repeat; }
#businessMenu ul.businessMenu li.node2 a b span.more { display: none; }

#businessMenu ul.businessMenu li.node3 { position: absolute; left: 520px; top: 0px; z-index: 8; width: 300px; height: 273px; }
#businessMenu ul.businessMenu li.node3 a,
#businessMenu ul.businessMenu li.node3 a:visited { top: 30px; left: 9px; display: block; padding: 65px 0px 0px 65px; width: 215px; height: 156px; }
#businessMenu ul.businessMenu li.node3 a:hover,
#businessMenu ul.businessMenu li.node3 a.active { text-decoration: none; background: url(../../skins/default/pics/bgHomeBusinessLaboratorium.gif) bottom left no-repeat; }
#businessMenu ul.businessMenu li.node3 span { top: 68px; left: 73px; color: #63a101; background: url(pics/bgBusinessArrLaboratorium.gif) right no-repeat; }
#businessMenu ul.businessMenu li.node3 a b,
#businessMenu ul.businessMenu li.node3 a:visited b { width: 190px; height: 80px; background: url(../../skins/default/pics/btnArrowLaboratorium.gif) bottom right no-repeat; }
#businessMenu ul.businessMenu li.node3 a:hover b { width: 190px; height: 80px; background: url(../../skins/default/pics/btnArrowLaboratoriumHover.gif) bottom right no-repeat; }
#businessMenu ul.businessMenu li.node3 a b span.more { display: none; }

#businessMenu ul.businessMenu li ul { display: none;  }