html, body { width: 100%; }
body { margin: 0; padding: 0; border: 0; background: #c7e1f4 url(pics/bgBody.jpg) repeat-x 0 0; text-align: center; }
* { margin: 0; padding: 0; }
/* holder */
#holder { position: relative; margin: 0 auto; padding: 6px 0 0 0; width: 984px; text-align: left; }
#hhead { position: relative; width: 100%; height: 150px; margin: 0; padding: 21px 0 0 0; background: #186ba7; z-index: 1;}
#hbody { position: relative; padding: 12px; background: #fff; height: 100%; }
* html body #hbody { height: 100%;}
#hfoot { position: relative; width: 100%; height: 23px; margin: 0; background: #9ac9ec;}
#hhead .hhead { position: relative; height: 100%; background: #deedf9 url(pics/bgHeader.jpg) no-repeat -5px 100%;  z-index: 0;}
#hbody .hbody { position: relative; margin: 0 0 12px 0; min-height: 340px; width: 100%; overflow: hidden; height: auto; background: url(pics/bgContent.gif) repeat-y 0 0; }
* html body #hbody .hbody { height: 100%; }
/* head */
#hhead .search { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 35px; text-align: center; background: url(pics/bgSearch2.gif) no-repeat -4px 100%; z-index: 50;}
* html body #hhead .search { bottom: -1px; }
#hhead .search div { position: relative; margin: 0 auto; padding: 17px 0 0 0; width: 300px; height: 17px; overflow: hidden; }
#hhead .search div input { position: relative; float: left; height: 13px; width: 200px; line-height: 13px; padding: 1px; margin: 0 20px; border: 1px solid #7db5de; border-right-color: #1469a7; border-bottom-color: #1469a7;}
#hhead .search div a { position: relative; float: left; display: block; height: 13px; padding: 1px 4px; font: bold 11px/13px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #ceffff; border-right-color: #1469a7; border-bottom-color: #1469a7; background: #7db5de; text-decoration: none;} 
/* body */
#hbody .tpl { position:relative; width:591px; height: auto; margin: 0 184px; padding: 0; color: #000; }
* html #hbody .tpl { height: 5%; }
#breadcrumb { position:relative; width:100%; height:20px; margin:0; padding:0; background: url(../../skins/default/pics/bgDoubleStipple.gif) no-repeat 0 2px; }
#hbody .tpl #content { position: relative; margin: 0; padding: 0; height: 100%; }
/** html #breadcrumb, * html #sfeerBeeld, * html #content { margin-right:-3px; }*/
#hbody .tpl #content h1 { position:relative; width:590px; height: 18px; margin: 6px 0; padding-top: 4px; padding-left: 1px; background: url(../../skins/default/pics/bgDoubleStipple.gif) no-repeat 0 0; font: 11px/14px Arial, Verdana, sans-serif; vertical-align: middle; }
#hbody .tpl #bottomContent { position:relative; width:100%; height:6px; background: url(../../skins/default/pics/bgBottomContent.gif) no-repeat left bottom;  }
/* linker kolom */
#hbody .column { position: relative; width: 171px; height: auto; }
#hbody #columnMenu { float: left; margin-left: -184px; }
/** html #hbody #columnMenu { float: left; margin-left: -173px; }*/
#hbody #columnMenu ul.newsonhome { list-style: none; margin: 10px 5px;}  
#hbody #columnMenu ul.newsonhome li { margin-bottom: 10px; height: 175px; background: url(pics/stipHorz-wit.gif) repeat-x left bottom; }  
#hbody #columnMenu ul.newsonhome h2 { height: 23px; padding: 0 6px; color: #fff; font: bold 100%/23px Arial, Helvetica, sans-serif; background: #ffa200; }
#hbody #columnMenu ul.newsonhome p { padding-left: 6px; line-height: 140%; margin-bottom: 0;}
#hbody #columnMenu ul.newsonhome a { color: #000; float: right; display: inline; text-transform: lowercase; }
#hbody #columnMenu div.applicationonhome { position:relative; margin: 10px 5px; }  
#hbody #columnMenu div.applicationonhome h2 { height: 23px; padding: 0 6px; color: #fff; font: bold 100%/23px Arial, Helvetica, sans-serif; background: #ffa200; }
#hbody #columnMenu div.applicationonhome div { position: relative; width: 157px; overflow: hidden; padding: 2px 2px 5px 2px; margin: 0 0 8px 0; background: url(pics/stipHorz-wit.gif) repeat-x 0 100%; }  
#hbody #columnMenu div.applicationonhome p { padding-left: 6px; line-height: 140%; margin-bottom: 0; }
#hbody #columnMenu div.applicationonhome a { color: #000; float: right; display: inline; text-transform: lowercase; }
/* rechter kolom */
#hbody #columnService { float: right; margin-right: -185px; padding: 0 0 10px 0; top: 0; }
* html #hbody #columnService { right: -15px; }
#hbody #columnMenu form { margin:0; padding:0; }
/* loginBox */
#columnService .loginBox { position:relative; width:161px; height:auto; top:5px; left:5px; }
#columnService .loginBox input { position:relative; width: 151px; margin: 1px; padding: 1px; }
#columnService .loginBox a { float:right; margin: 2px 2px 4px 0; width:70px; height:20px; text-align:center; background:#005c9c; border:1px #78b1dc solid; border-width:1px 0 0 1px; color:#fff; font:bold 11px/20px Arial,sans-serif; }
#columnService .loginBox a:hover { text-decoration:none; } 
#columnService .loginBox div { width:auto; overflow:hidden; }
#columnService .loginBox p { clear:both; margin:2px; }
/* adsl checkbox */
#adslBox { position: relative; width:161px; background:#ffa200; margin: 0 0 0 5px;  } 
#adslBox h2 { position: relative; width:157px; height:11px; font:bold 11px/11px Arial, sans-serif; margin:0 2px; padding: 4px 0; color:#fff; background:#ffa200; }
#adslBox div { position: relative; padding: 2px; width: 157px; overflow:hidden; } 
#adslBox label { position: relative; padding: 4px 0 0 0; float:left; font: 11px/11px Arial, sans-serif; color:#005c9d; }
#adslBox label.col1, #adslBox div.janee label.col1 { width: 56px; margin: 0 0 4px 2px; text-align:right; } 
#adslBox input.text { position:relative; float: right; width: 80px; margin: 1px; padding: 1px; }
#adslBox div.janee { position: relative; margin: 0; padding: 0; width: 100%; overflow: hidden; clear:both; }
#adslBox div.janee label { position:relative; float:left; height:18px; display: block; margin: 0 5px 0 0; padding-right:18px; font:11px/18px Arial, sans-serif; text-align:right; }
#adslBox div.janee input { position:absolute; top: 3px; right: 0; margin: 0; padding: 0; height: 18px; }
#adslBox a#check { float:right; margin: 0 2px 4px 0; width: 70px; height:19px; background:#005c9c; border:1px #78b1dc solid; border-width:1px 0 0 1px; color:#fff; text-align:center; text-decoration:none; font:bold 11px/19px Arial,sans-serif; }
/* divider */
#columnService .columDivider { position:relative; clear:both; width:171px; height:17px; background: url(pics/rColumDivider.gif) no-repeat 0 8px;  }
/* newsletter */
#newsletterBox { position:relative; width:161px; background:#ffa200; margin: 0 0 0 5px; }
#newsletterBox h2 { position:relative; height:11px; font: bold 11px/11px Arial, sans-serif; margin:0 2px; padding: 4px 0; color:#fff; background:#ffa200; }
#newsletterBox div { padding: 2px; width: 157px; overflow: hidden; } 
#newsletterBox p { padding: 2px; margin: 0; }
#newsletterBox input.text { position:relative; width: 147px; margin: 1px; padding: 1px; }
#newsletterBox div.choiseBox { position:relative; width:100%; overflow: hidden; margin: 0 0 4px 0; padding: 0; clear:both; /*border-bottom: 1px dotted #fff;*/}
#newsletterBox div.choiseBox label { position:relative; float:right; height:18px; width: 54px; display:block; margin: 0 8px 0 0; font:11px/18px Arial, sans-serif; text-align: left; }
#newsletterBox div.choiseBox input { position:absolute; top: 1px; right: 0; margin: 0; padding: 0; height: 18px; }
#newsletterBox a { float:left; margin: 0 4px 0 2px; width:70px; height:19px; background:#005c9c; border:1px #78b1dc solid; border-width:1px 0 0 1px; color:#fff; text-align:center; text-decoration:none; font:bold 11px/19px Arial,sans-serif; }
#newsletterBox a.btnOptOut { float:right; margin: 0 2px 0 0; }
/* foot */
#hfoot .hfoot { position: relative; height: 13px; overflow: hidden; padding: 5px 0 5px 20px; }
#hfoot .footNav { position: relative; height: 13px; line-height: 11px; margin: 0; color: #000;}

/* zakelijk menu */
#businessMenu { position: absolute; top:0; right:50%; margin: 0; height: 146px; width: 50%; background: url(pics/bgMenus.gif) no-repeat 100% 100%; text-align: right; color: #858e95; z-index: 2;}
#businessMenu, #businessMenu h1, #businessMenu a { color: #858e95; }
#businessMenu h1 { text-transform: uppercase; padding: 4px 8px 0 0; margin: 0 2px 0 0; background: url(pics/tab_business.gif) no-repeat top right; font: bold 17px/17px Arial, Helvetica, sans-serif; height: 17px; } 
#businessMenu ul.businessMenu { position: absolute; right:8px; width:150px; margin: 4px 0; text-transform: none; text-align: right; }
#businessMenu ul.businessMenu li { position:relative; float:left; display:block; line-height:17px; width:143px; margin:0; padding:0;  font-size:1px; background:transparent; }
#businessMenu ul.businessMenu li a, #businessMenu ul.businessMenu li a:link, #businessMenu ul.businessMenu li a:active, #businessMenu ul.businessMenu li a:visited { position: relative; float:right; display:block; width:130px; padding: 0 5px; font: bold 11px/15px Arial, Helvetica, sans-serif; text-decoration:none; /*background:transparent;*/ }
#businessMenu ul.businessMenu li a.active, #businessMenu ul.businessMenu li a.mouse, #businessMenu ul.businessMenu li a.active:link, #businessMenu ul.businessMenu li a.active:visited, #businessMenu ul.businessMenu li a.active:hover, #businessMenu ul.businessMenu li a:hover { color: #1167a6; background: #fff; }
/* 2 */
#businessMenu ul.businessMenu li ul { position:absolute; top:0; right:143px; z-index:100; margin:0; padding:0 0 0 2px; border:0; background: transparent; }
* html #businessMenu ul.businessMenu li ul { right: 142px; }
#businessMenu ul.businessMenu li ul li { position:relative; float:right; display:block; line-height:17px; width:143px; border:0; padding:0; margin:0; background: transparent; }
#businessMenu ul.businessMenu li ul li a, #businessMenu ul.businessMenu li ul li a:link, #businessMenu ul.businessMenu li ul li a:visited, #businessMenu ul.businessMenu li ul li a:active, #businessMenu ul.businessMenu li ul li a.active { position:relative; float:right; display:block; width:130px; /*background: transparent;*/ text-decoration: none; padding: 0 3px 0 7px; color: #000;}
#businessMenu ul.businessMenu li ul li a:hover, #businessMenu ul.businessMenu li ul li a.active, #businessMenu ul.businessMenu li ul li a.mouse, #businessMenu ul.businessMenu li ul li a.active:link, #businessMenu ul.businessMenu li ul li a.active:visited, #businessMenu ul.businessMenu li ul li a.active:hover, #businessMenu ul.businessMenu li ul li a.active:active { background: #fff; color: #1167a6;}
/* 3 */
#businessMenu ul.businessMenu ul li ul { position:absolute; top:0; right:143px; padding:2px 2px 2px 2px;  background:#fff; border:1px #9099a1 solid; border-width:0 1px 1px 0; } 
* html #businessMenu ul.businessMenu ul li ul { right:142px; }
#businessMenu ul.businessMenu ul li ul li { position:relative; float:right; display:block; width:143px; line-height:17px; border:0; padding:0; margin:0;  background:#fff; } 
#businessMenu.active, #businessMenu.active h1, #businessMenu.active a { color:#000; }
#businessMenu ul.businessMenu ul ul li a, #businessMenu ul.businessMenu ul ul li a:link, #businessMenu ul.businessMenu ul ul li a:visited, #businessMenu ul.businessMenu ul ul li a:active, #businessMenu ul.businessMenu ul ul li a.active { position:relative; float:right; display:block; width:130px;  /*background:transparent;*/ text-decoration:none; padding:0 3px 0 7px; color:#000;}
#businessMenu ul.businessMenu ul ul li a:hover, #businessMenu ul.businessMenu ul ul li a.active:link, #businessMenu ul.businessMenu ul ul li a.active:visited, #businessMenu ul.businessMenu ul ul li a.active:hover, #businessMenu ul.businessMenu ul ul li a.active:active, #businessMenu ul.businessMenu ul ul li a.mouse { background:#dfedf8; color:#1167a6; }
/* private menu */
#privateMenu { position: absolute; top: 0; left: 50%; margin:0; height:146px; width:50%; background: url(pics/bgMenus.gif) no-repeat 0 100%; text-align: left; color: #858e95; z-index:100; }
#privateMenu, #privateMenu h1, #privateMenu a { color: #858e95; }
#privateMenu h1 { text-transform: uppercase; padding: 4px 0 0 8px; margin: 0 0 0 2px ; background: url(pics/tab_private.gif) no-repeat top left; font: bold 17px/17px Arial, Helvetica, sans-serif; height: 17px; } 
#privateMenu ul.privateMenu { position: absolute; left: 8px; width:150px; margin: 4px 0; text-transform: none; text-align: left; }
#privateMenu ul.privateMenu li { position:relative; float:left; display:block; width:143px; line-height: 17px; margin:0; padding:0; font-size: 1px; background: transparent; }
#privateMenu ul.privateMenu li a, #privateMenu ul.privateMenu li a:link, #privateMenu ul.privateMenu li a:active, #privateMenu ul.privateMenu li a:visited { position:relative; float:left; display:block; width:130px; padding:0 5px; font:bold 11px/15px Arial, Helvetica, sans-serif; text-decoration:none;}
#privateMenu ul.privateMenu li a:hover, #privateMenu ul.privateMenu li a.active, #privateMenu ul.privateMenu li a.mouse, #privateMenu ul.privateMenu li a.active:link, #privateMenu ul.privateMenu li a.active:visited, #privateMenu ul.privateMenu li a.active:hover, #privateMenu ul.privateMenu li a.active:active { color: #1167a6; background: #fff; }
/* 2 */
#privateMenu ul.privateMenu li ul { position:absolute; top: 0; left: 143px; z-index: 100; margin: 0; padding: 0 2px 0 0; border: 0; background: transparent; }
* html #privateMenu ul.privateMenu li ul { left: 142px; }
#privateMenu ul.privateMenu li ul li { position:relative; border: 0; padding: 0; margin: 0; width:143px; line-height: 17px; background: transparent; }
#privateMenu ul.privateMenu li ul li a, #privateMenu ul.privateMenu li ul li a:link, #privateMenu ul.privateMenu li ul li a:visited, #privateMenu ul.privateMenu li ul li a:active, #privateMenu ul.privateMenu li ul li a.active { position:relative; width: 130px; display: block;/* background: transparent;*/ text-decoration: none; padding: 0 7px 0 3px; }
#privateMenu ul.privateMenu li ul li a:hover, #privateMenu ul.privateMenu li ul li a.active, #privateMenu ul.privateMenu li ul li a.mouse, #privateMenu ul.privateMenu li ul li a.active:link, #privateMenu ul.privateMenu li ul li a.active:visited, #privateMenu ul.privateMenu li ul li a.active:hover, #privateMenu ul.privateMenu li ul li a.active:active { background: #fff; color: #1167a6;}
/* 3 */
#privateMenu ul.privateMenu ul li ul { position:absolute; top:0; left:143px; padding:2px 0 2px 2px; background:#fff; border:1px #9099a1 solid; border-width:0 0 1px 1px; z-index: 100;} 
* html #privateMenu ul.privateMenu ul li ul { left:142px; }
#privateMenu ul.privateMenu ul li ul li { position:relative; width:143px; line-height:17px; border:0; padding:0; margin:0; background:#fff; } 
#privateMenu.active, #privateMenu.active h1, #privateMenu.active a { color: #000; }
#privateMenu ul.privateMenu ul ul li a, #privateMenu ul.privateMenu ul ul li a:link, #privateMenu ul.privateMenu ul ul li a:visited, #privateMenu ul.privateMenu ul ul li a:active, #privateMenu ul.privateMenu ul ul li a.active { position:relative; width:130px; display: block; /*background: transparent;*/ text-decoration: none; padding: 0 7px 0 3px; }
#privateMenu ul.privateMenu ul ul li a:hover, #privateMenu ul.privateMenu ul ul li a.active:link, #privateMenu ul.privateMenu ul ul li a.active:visited, #privateMenu ul.privateMenu ul ul li a.active:hover, #privateMenu ul.privateMenu ul ul li a.active:active, #privateMenu ul.privateMenu ul ul li a.mouse { background: #dfedf8; color: #1167a6; }

/* openingstijden */
#openingstijden { display: none; visibility: none; }
#logoEnAdres { position:absolute; width:161px; height: 46px; top:32px; right:11px; margin: 0; padding: 86px 0 0 11px; background: transparent /*#eff6fc*/ url(pics/logoVanEssen_blue.gif) no-repeat 6px -2px; color:#005c9c; font: 11px/12px Arial, sans-serif; z-index: 1;}
/* footer */
#footMenu ul.footMenu { display: inline; position: relative; height: 13px; overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 0; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #000; text-align: center; }
#footMenu ul.footMenu li.lastNode { border: 0; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #000; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #000; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline; color:#005b9c;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }
/* breadcrumb */
#breadcrumb ul.breadcrumMenu { font:11px/27px arial,verdana,serif; background:red;}
#breadcrumb ul.breadcrumMenu li { position:relative; float:left; list-style:none; line-height:27px; padding-right:19px; background: url(pics/divider.gif) no-repeat bottom right;  }
#breadcrumb ul.breadcrumMenu li a { position:relative; float:left; color:#91c4ea; text-decoration:underline; }
#breadcrumb ul.breadcrumMenu li.lastNode { background:transparent; }
#breadcrumb ul.breadcrumMenu li.lastNode span { color:#1268a6; }