html, body { font: 12px/14px Arial,Helvetica,sans-serif; }
* { margin: 0; padding:0; }
body { border: 0; padding: 0px; background: #fff url(/skins/default/pics/bgBody.jpg) repeat-x 0 0; text-align:center; }
/* holder */
#holder { position: relative; width: 990px; margin: 0 auto; text-align:left; }
#holder .shdw { position:absolute; width:6px; height:803px; top:50px; }
#holder .left { left:2px; }
#holder .right { right:1px; }
/* Language Selector */
div.topSpacer { display:block;height:35px; width:10px; }
ul.languageMenu { position:relative; display: block; padding: 11px 0px 0px 770px; height: 24px; list-style:none; }
ul.languageMenu li { position:relative; height: 20px; width: 10px; float: left; display: block; padding: 2px 12px 0px 2px; }
ul.languageMenu li a span { display: none; }
ul.languageMenu li a { position:relative; float:left; display: block; height: 20px; width: 20px; }
ul.languageMenu li a.active { background: url(/skins/default/pics/langFlagActive.gif) no-repeat 0 0; }
ul.languageMenu li a img { width:20px; height: 14px; border: 0px; }
/* Header */
#header { position: relative; width:100%; padding-top:133px; background: url(/skins/default/pics/bgHeader.jpg) no-repeat 0 0; z-index: 2; }
#header #bgBlueBar { position: relative; height: 13px; width: 975px; margin-left:8px; background: url(/skins/default/pics/bgBlueRow.jpg) no-repeat 0 0; }
#header #bgBlueBar div.contact { color: #fff; position: absolute; left: 38px; top: 8px; }
#header #bgBlueBar div.contact h1 { font-size: 13px; padding: 0px; margin: 0px; margin-bottom: 6px; color: #fff; }
#header #bgBlueBar div.contact p a { line-height:20px; color: #fff; }
#header #bgBlueBar div.introText { position: absolute; left: 350px; width: 450px; top: 8px; line-height:100%; font-size:90%; color: #fff; }
#header #bgBlueBar div.introText h1 { font-size: 16px; padding: 0px; margin: 0px; margin-bottom:8px; color: #fff; }
#header #bgBlueBar div.introText p a { color: #fff; text-decoration:underline; }
#header #bgBlueBar img { position: absolute; left: 773px; top: -54px; }
#header #logo { position: absolute; left: 40px; top: 29px; height: 72px; width: 283px; overflow:hidden; }
#header #logo a { display:block; height: 72px; }
/* Search Bar */
#searchBox { position: absolute; left: 784px; top: 16px; height: 22px; width: 182px; background: url(pics/bgSearch.jpg) no-repeat 0 0; }
#searchBox input { position: relative; width: 158px; float:left; margin: 2px 0px 0px 1px; padding-left:4px; border-width:0; color: #535D55; font-weight: bold; }
#searchBox h2 { display: none; }
#searchBox a { display: block; float:left; height: 20px; width: 17px; border:0; }
/* General menu */
#generalMenu { position:absolute; left:0; top:136px; height:30px; z-index:100; }
#generalMenu ul.generalMenu { position: relative; display: block; height:30px; list-style: none; margin-left:30px; }
#generalMenu ul.generalMenu li { position:relative; height: 30px; float: left; display:block; padding-right:2px; background: url(/skins/default/pics/generalMenuDivider.jpg) no-repeat 100% 50%; }
#generalMenu ul.generalMenu li.lastNode { background: none; }
#generalMenu ul.generalMenu li a { position:relative; float:left; padding: 7px 10px 7px 12px; height: 16px; display:block; color:#000; text-decoration:none; font: 13px/16px Arial,Helvetica,sans-serif; }
#generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.mouse { color: #0094D3; }
#generalMenu ul.generalMenu ul { position:absolute; width:150px; top:0; left:0; margin-top:30px; padding-bottom:6px; visibility:hidden; list-style:none; background: #fff; }
#generalMenu ul.generalMenu ul li { position:relative; width:100%; float:none; display:inline; height:auto; min-height:16px; padding:0; margin:0; }
* html #generalMenu ul.generalMenu ul li { height: 16px; }
#generalMenu ul.generalMenu ul li a { position:relative; float:none; color: #000; text-decoration: none; font: 13px/16px Arial,Helvetica,sans-serif; padding: 3px 10px 3px 12px; margin:0; min-height: 16px; height:auto; display:block; background: #fff; }
* html #generalMenu ul.generalMenu ul li a { height: 16px; }
#generalMenu ul.generalMenu ul li a:hover, #generalMenu ul.generalMenu ul li a.active, #generalMenu ul.generalMenu ul li a.mouse { color: #0094D3; }
/* Main menu */
ul.mainMenu { position: absolute; top: 146px; left: 8px; list-style:none; }
ul.mainMenu li { position:relative; float: left; display:block; }
ul.mainMenu li a,
ul.mainMenu li.node1 a,
ul.mainMenu li.node2 a,
ul.mainMenu li.node3 a,
ul.mainMenu li.node4 a {text-decoration: none; }
ul.mainMenu li a span { font-size: 16px; font-weight: bold; line-height: 18px; color: #fff; padding-left:50px; padding-top: 8px; position: absolute; display: block; top: 110px; width: 180px; }
ul.mainMenu li ul { visibility: hidden; }
/* ####### node1 ########## */
ul.mainMenu li.node1 { display: block; width: 258px; height: 181px; background-color: #0094D3; }
ul.mainMenu li.node1 a { display: block; width: 258px; height: 164px; background: url(/skins/default/pics/MainMenuElektro.jpg) no-repeat 0 0; border-bottom:1px solid #33A9DC; }
ul.mainMenu li.node1 a:hover, ul.mainMenu li.node1 a.mouse { background: url(/skins/default/pics/MainMenuElektroActive.jpg) no-repeat 0 0; }
ul.mainMenu li.node1 a span { position:relative; display:block; padding-left: 70px; background: url(/skins/default/pics/MenuBlockBlue.gif) no-repeat 30px 10px; height: 40px; }
ul.mainMenu li.node1 ul { width: 233px; background-color: #0094D3; border-top: solid 1px #33A9DC; padding: 10px 0px 10px 25px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style:none; }
ul.mainMenu li.node1 ul li { float:none; display: block; height: auto; }
ul.mainMenu li.node1 ul li a { position:relative; float:none; width: 216px; display: block; height: auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal;}
ul.mainMenu li.node1 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node1 ul li a:hover { background: #33A9DC; color: #fff; }
/* ####### Grafiet ########## */
ul.mainMenu li.node2 { display: block; width:230px; height: 181px; background-color: #C14E2D; }
ul.mainMenu li.node2 a { display: block; width: 230px; height: 164px; background: url(/skins/default/pics/MainMenuGrafiet.jpg) no-repeat 0 0; border-bottom: 1px solid #CD7157; }
ul.mainMenu li.node2 a:hover, ul.mainMenu li.node2 a.mouse { background: url(/skins/default/pics/MainMenuGrafietActive.jpg) no-repeat 0 0; }
ul.mainMenu li.node2 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockBrown.gif) no-repeat 15px 10px; height: 40px; width: 175px; }
ul.mainMenu li.node2 ul { width: 231px; background-color: #C14E2D; border-top: solid 1px #CD7157; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style: none; }
ul.mainMenu li.node2 ul li { float:none; display: block; height: auto; }
ul.mainMenu li.node2 ul li a { position:relative; float:none; width: 215px; display: block; height:auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node2 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node2 ul li a:hover { background: #CD7157; color:#fff; }
/* ####### Reiniging ########## */
ul.mainMenu li.node3 { display: block; width: 231px; height:181px; background-color: #009D30; }
ul.mainMenu li.node3 a { display: block; width: 231px; height:164px; background: url(/skins/default/pics/MainMenuReiniging.jpg) no-repeat 0 0; border-bottom: 1px solid #33B159; }
ul.mainMenu li.node3 a:hover, ul.mainMenu li.node3 a.mouse { background: url(/skins/default/pics/MainMenuReinigingActive.jpg) no-repeat 0 0; }
ul.mainMenu li.node3 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockGreen.gif) no-repeat 15px 10px; height: 40px; }
ul.mainMenu li.node3 ul { width: 231px; background-color: #009D30; border-top: solid 1px #33B159; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style: none; }
ul.mainMenu li.node3 ul li { float:none; display: block; height: auto; }
ul.mainMenu li.node3 ul li a { position:relative; float:none; width: 214px; display: block; height:auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node3 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node3 ul li a:hover { background: #33B159; color: #fff; }
/* ####### Staal ########## */
ul.mainMenu li.node4 { display: block; width: 256px; height: 181px; background-color: #F29400; }
ul.mainMenu li.node4 a { display: block; width: 256px; height: 164px; background: url(/skins/default/pics/MainMenuStaal.jpg) no-repeat 0 0; border-bottom: 1px solid #F5A933; }
ul.mainMenu li.node4 a:hover, ul.mainMenu li.node4 a.mouse { background: url(/skins/default/pics/MainMenuStaalActive.jpg) no-repeat 0 0; }
ul.mainMenu li.node4 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockOrange.gif) no-repeat 15px 10px; height: 40px; width: 200px; }
ul.mainMenu li.node4 ul { width: 256px; background-color:#F29400; border-top: solid 1px #F5A933; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style:none; }
ul.mainMenu li.node4 ul li { float:none; display: block; height: auto; }
ul.mainMenu li.node4 ul li a { position:relative; float:none; width: 215px; display: block; height:auto; background: none; color: #000; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node4 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu li.node4 ul li a:hover { background: #F5A933; color: #fff; }
ul.mainMenu li.lastNode { background: none; }
ul.mainMenu a:hover { color: #1E3365; }
ul.mainMenu li a.active { color: #1E3365; }
* html ul.mainMenu li.node1 ul, * html ul.mainMenu li.node2 ul, * html ul.mainMenu li.node3 ul, * html ul.mainMenu li.node4 ul { height:160px; }
/* Under menu decoration */
#underMenu { position: absolute; display: block; top: 310px; left: 8px; display: none; float: left; width: 100%; height: 16px; }
#underMenu div.node1 { background-color:#0094D3; width:258px; height:16px; display: block; border-top: solid 1px #33A9DC; float: left; }
#underMenu div.node2 { background-color:#009D30; width:258px; height:16px; display: block; border-top: solid 1px #33B159; float: left; }
#underMenu div.node3 { background-color:#009D30; width:228px; height:16px; display: block; border-top: solid 1px #33B159; float: left; }
#underMenu div.node4 { background-color:#009D30; width:258px; height:16px; display: block; border-top: solid 1px #33B159; float: left; }
/* Left Side bar */
#leftSideBar { float: left; width: 236px; }
#leftSideBar h2 { width: 216px; float: left; background-color: #50A12A; padding: 4px 0px 4px 20px; margin-bottom: 6px; color: #fff; font-size: 16px; }
/* Content */
#bodyWrapper { position: relative; width: 975px; margin: 0 7px 0 8px; /*background: #fff url(/skins/default/pics/bgContent.jpg) repeat-x 0 0; */ }
#contentWrapper { position: relative; width: 953px; overflow:hidden; margin:0; padding: 210px 10px 10px 10px; /*display: inline; float: left;*/ border-left: solid 1px #dddfdd; border-right:solid 1px #dddfdd; background-color: #fff; }
div.leftBar { position: relative; width: 186px; float: left; display:inline; padding-left: 14px; }
/* Webshop box */
#webshopBox {margin-bottom: 20px; display: block; height: 85px; width: 165px; background: url(/skins/default/pics/bg_Webshop.jpg) repeat-x 0 0; text-decoration: none; }
#webshopBox p {line-height:19px; display: block; font-size: 16px; padding: 6px 0px 0px 12px; color: #fff; }
#webshopBox p span { font-size: 17px; font-weight: bold; }
#webshopBox div { display: block; margin: 3px 0px 0px 12px; text-decoration: underline; color: #fff; }
#webshopBox div img{ margin-left: 10px; }
/* Login box */
div.loginBox { position: relative; height: 120px; width: 165px; margin-bottom: 20px; background: url(/skins/default/pics/bgLogin.jpg) no-repeat 0 0; }
div.loginBox h2 { font-size: 17px; padding: 8px 0px 0px 14px; color: #fff; }
div.loginBox input.text { width: 139px; height: 20px; margin: 6px 0px 0px 14px; border-width: 0px; background: url(/skins/default/pics/bgLoginInputText.jpg) no-repeat 0 0; }
div.loginBox input{ width: 139px; height: 20px; margin: 8px 0px 0px 14px; border-width: 0px; background: url(/skins/default/pics/bgLoginInputText.jpg) no-repeat 0 0; }
div.loginBox input.submit { color: #00457D; width: 66px; height: 20px; margin: 6px 0px 8px 87px; border-width: 0px; background: url(/skins/default/pics/bgLoginInputSubmit.jpg) no-repeat 0 0; }
div.loginBox form div a { color: #00457D; width: 66px; height: 20px; margin: 8px 0px 8px 87px; border-width:0; background: url(/skins/default/pics/bgLoginInputSubmit.jpg) no-repeat 0 0; display: block; color: #0094D3; text-decoration:none; padding: 3px 0 0 16px; }
div.loginBox p { position: relative; width: 148px; margin-left:10px; display: block; padding: 2px; color:#fff; }
div.loginBox p a { color:#fff; }
div.loginBox p.error { position: absolute; top:4px; margin-left:6px;color: #ff0000; background-color: #fff; border: solid 1px #ff0000; z-index: 10; opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.8; }
/* CMS box */
#cmsBox {line-height:18px; margin-bottom:26px; display: block; height: 119px; width: 165px; background: url(/skins/default/pics/bg_CMS.jpg) repeat-x 0 0; text-decoration:none; }
#cmsBox p { line-height:19px; display: block; font-size: 17px; font-weight: bold; padding: 6px 0px 0px 12px; color: #fff; }
#cmsBox div { display: block; margin: 16px 0px 0px 12px; text-decoration: underline; color: #fff; }
#cmsBox div img { margin-left: 10px }
/* Contact box */
#contactBox { color: #00457D; margin-bottom:30px;}
#contactBox h2 { font-size: 17px; margin-bottom: 10px; }
#contactBox a{ text-decoration: none; color: #00457D; }
#contactBox a.email { text-decoration: underline; }
/* Breadcrumb */
ul.breadcrumMenu { width: 700px; height: 26px; display: block; border-top: 1px solid #DDDFDD; list-style:none; }
ul.breadcrumMenu li { float: left; background: url(/skins/default/pics/bgBreadcrumbDivider.jpg) no-repeat right 4px; }
ul.breadcrumMenu li a { float: left; display: block; padding: 0px 7px 0px 10px; margin-right: 8px; color: #00457D; text-decoration: none; background: none; }
ul.breadcrumMenu li.lastNode { background: none; padding: 0 10px; }
ul.breadcrumMenu li.firstNode { margin-left:-10px; }
/* Content Right */
div.rightBar { float: right; width: 700px; padding-right:30px; }
div.rightBar h1 { color: #000; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
div.rightBar h2 { color: #000; font-size: 13px; font-weight: bold; margin: 0 0 2px 0; padding: 0; }
div.rightBar p { color: #535D55; margin-bottom: 20px; }
div.rightBar a { padding-left: 10px; color: #7B84BD; background: url(/skins/default/pics/bgLinkBullet.jpg) no-repeat 0 5px; }
/* Footer */
#footer { position: relative; width: 975px; margin: 0 7px 10px 8px; background: #fff url(/skins/default/pics/bgFooter.jpg) no-repeat 0 0; }
#footer ul.footMenu { position: relative; height: 18px; padding: 4px 0 0 12px; margin: 0 0 0 8px; list-style: none; color: #fff; }
#footer ul.footMenu li { position: relative; display: inline; float:left; padding-right: 1px; background: url(/skins/default/pics/bgFooterDivider.jpg) no-repeat 1px right; }
#footer ul.footMenu li.lastNode { background: none; }
#footer ul.footMenu li a { position: relative; display: inline; float:none; padding:0 10px; color: #fff; text-decoration:none; font: 12px/14px Arial ,Helvetica, sans-serif; }
/* vacatures */
#vacatureBox { position:relative; border-left:solid 1px #DFE1E0; border-right:solid 1px #DFE1E0; width:163px; margin-bottom:5px; }
#vacatureBox span { position:absolute; left:-1px; top:100%; width:165px; height:6px; display:block; margin-top:-6px; border:0; background: url(/skins/default/pics/bgVacatureBottom.jpg) no-repeat top; z-index:1;}
#vacatureBox h2 {position:absolute;color:#00457D;font-size:17px;background:url(/skins/default/pics/bgVacatureTop.jpg) no-repeat 0 0;width:166px;margin-left:-1px;padding:10px 0px 5px 12px;border:solid 0px red;}
#vacatureBox ul { padding-top:36px; width:135px; margin-left:12px; list-style:none;}
#vacatureBox div.content { }
#vacatureBox ul li {border-bottom:solid 1px #DFE1E0;margin:0px 0px 10px 0px;padding-bottom:10px;color:#535D55;font-weight:normal;}
#vacatureBox ul li.lastNode {border-bottom:solid 0px #DFE1E0;}
#vacatureBox ul li a.more{color:#0094D3; display:block; width:100px; margin:5px 0px 5px 0px;}
#vacatureBox ul li h3 {margin-bottom:5px;}
#vacatureBox ul li h3 a{color:#535D55; font-size:14px; font-weight:bold;}
div.vacatures h3 {color:#535D55 !important;font-weight:bold !important;background:none;margin:16px 0px 5px 0px;}
div.vacatures ul li a {background:none;}
div.vacatures ul li a:hover {color:#00457D !important;font-weight:bold !important;}
div.vacatures ul li {list-style:none;margin-bottom:4px;}
#vacature {margin-top:50px;}
#vacature h2 {color:#535D55 !important;font-size:56px;margin-top:20px;}
#vacature div.react a {color:#0094D3 !important; background:none !important;}
/* searchresult */
#searchresult ul { list-style:none; margin:0; }
#searchresult h2 { padding: .6em 0; margin-bottom:.725em; border-bottom: 1px dotted #727272; }
#searchresult .searchitem { margin: 0 0 1em 0; width: auto; overflow: hidden; }
#searchresult a.more { display:block; height:23px; }
div.news ul {margin:0px;}
div.news ul li {margin-bottom:12px;}
div.news ul li h2 a {color: #0094D3 !important;padding-left:0px !important;}
div.news ul li h2 span {margin-left:10px !important;font-weight:normal !important; font-size:10px !important;}
div.news ul li a {margin-bottom:10px;color:#0094D3 !important;background:none;}
div.searchitem h3 {color: #0094D3 !important; padding-left:0px !important;}
div.searchitem div.more a {padding:0px;color:#0094D3 !important;background:none;}
/* Main menu */
#mainMenu ul.mainMenu2 { position: absolute; top: 146px; left: 8px; list-style:none; }
#mainMenu ul.mainMenu2 li { position:relative; float: left; display:block; }
#mainMenu ul.mainMenu2 li a,
#mainMenu ul.mainMenu2 li.node1 a,
#mainMenu ul.mainMenu2 li.node2 a,
#mainMenu ul.mainMenu2 li.node3 a,
#mainMenu ul.mainMenu2 li.node4 a {text-decoration: none; }
#mainMenu ul.mainMenu2 li a span { font-size: 16px; font-weight: bold; line-height: 18px; color: #fff; padding-left:50px; padding-top: 8px; position: absolute; display: block; top: 110px; width: 180px; }
#mainMenu ul.mainMenu2 u li ul { visibility: hidden; }
/* ####### node1 ########## */
ul.mainMenu2 li.node1 { display: block; width: 258px; height: 181px; background-color: #0094D3; }
ul.mainMenu2 li.node1 a { display: block; width: 258px; height: 164px; background: url(/skins/default/pics/MainMenuElektro.jpg) no-repeat 0 0; border-bottom:1px solid #33A9DC; }
ul.mainMenu2 li.node1 a:hover, ul.mainMenu li.node1 a.mouse { background: url(/skins/default/pics/MainMenuElektroActive.jpg) no-repeat 0 0; }
ul.mainMenu2 li.node1 a span { position:relative; display:block; padding-left: 70px; background: url(/skins/default/pics/MenuBlockBlue.gif) no-repeat 30px 10px; height: 40px; }
ul.mainMenu2 li.node1 ul { width: 233px; background-color: #0094D3; border-top: solid 1px #33A9DC; padding: 10px 0px 10px 25px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style:none; }
ul.mainMenu2 li.node1 ul li { float:none; display: block; height: auto; }
ul.mainMenu2 li.node1 ul li a { position:relative; float:none; width: 216px; display: block; height: auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal;}
ul.mainMenu2 li.node1 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node1 ul li a:hover { background: #33A9DC; color: #fff; }
/* ####### Grafiet ########## */
ul.mainMenu2 li.node2 { display: block; width:230px; height: 181px; background-color: #C14E2D; }
ul.mainMenu2 li.node2 a { display: block; width: 230px; height: 164px; background: url(/skins/default/pics/MainMenuGrafiet.jpg) no-repeat 0 0; border-bottom: 1px solid #CD7157; }
ul.mainMenu2 li.node2 a:hover, ul.mainMenu2 li.node2 a.mouse { background: url(/skins/default/pics/MainMenuGrafietActive.jpg) no-repeat 0 0; }
ul.mainMenu2 li.node2 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockBrown.gif) no-repeat 15px 10px; height: 40px; width: 175px; }
ul.mainMenu2 li.node2 ul { width: 231px; background-color: #C14E2D; border-top: solid 1px #CD7157; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style: none; }
ul.mainMenu2 li.node2 ul li { float:none; display: block; height: auto; }
ul.mainMenu2 li.node2 ul li a { position:relative; float:none; width: 215px; display: block; height:auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node2 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node2 ul li a:hover { background: #CD7157; color:#fff; }
/* ####### Reiniging ########## */
ul.mainMenu2 li.node3 { display: block; width: 231px; height:181px; background-color: #009D30; }
ul.mainMenu2 li.node3 a { display: block; width: 231px; height:164px; background: url(/skins/default/pics/MainMenuReiniging.jpg) no-repeat 0 0; border-bottom: 1px solid #33B159; }
ul.mainMenu2 li.node3 a:hover, ul.mainMenu2 li.node3 a.mouse { background: url(/skins/default/pics/MainMenuReinigingActive.jpg) no-repeat 0 0; }
ul.mainMenu2 li.node3 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockGreen.gif) no-repeat 15px 10px; height: 40px; }
ul.mainMenu2 li.node3 ul { width: 231px; background-color: #009D30; border-top: solid 1px #33B159; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style: none; }
ul.mainMenu2 li.node3 ul li { float:none; display: block; height: auto; }
ul.mainMenu2 li.node3 ul li a { position:relative; float:none; width: 175px; display: block; height:auto; background: none; color: #fff; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node3 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node3 ul li a:hover { background: #33B159; color: #fff; }
/* ####### Staal ########## */
ul.mainMenu2 li.node4 { display: block; width: 256px; height: 181px; background-color: #F29400; }
ul.mainMenu2 li.node4 a { display: block; width: 256px; height: 164px; background: url(/skins/default/pics/MainMenuStaal.jpg) no-repeat 0 0; border-bottom: 1px solid #F5A933; }
ul.mainMenu2 li.node4 a:hover, ul.mainMenu2 li.node4 a.mouse { background: url(/skins/default/pics/MainMenuStaalActive.jpg) no-repeat 0 0; }
ul.mainMenu2 li.node4 a span { position:relative; display:block; background: url(/skins/default/pics/MenuBlockOrange.gif) no-repeat 15px 10px; height: 40px; width: 200px; }
ul.mainMenu2 li.node4 ul { width: 256px; background-color:#F29400; border-top: solid 1px #F5A933; padding: 10px 0px 10px 0px; position: absolute; top: 164px; left: 0px; z-index: 10; display: block; list-style:none; }
ul.mainMenu2 li.node4 ul li { float:none; display: block; height: auto; }
ul.mainMenu2 li.node4 ul li a { position:relative; float:none; width: 215px; display: block; height:auto; background: none; color: #000; padding: 1px 0px 1px 16px; border: 0; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node4 ul li a span { float: none; height: auto; display: inline; top:0; padding:0; margin:0; color: #fff; background: none; font-size: 12px; font-weight: normal; }
ul.mainMenu2 li.node4 ul li a:hover { background: #F5A933; color: #fff; }
ul.mainMenu2 li.lastNode { background: none; }
ul.mainMenu2 a:hover { color: #1E3365; }
ul.mainMenu2 li a.active { color: #1E3365; }
* html ul.mainMenu2 li.node1 ul, * html ul.mainMenu2 li.node2 ul, * html ul.mainMenu2 li.node3 ul, * html ul.mainMenu2 li.node4 ul { height:160px; }