/* HTML Tag Redefinition */
html, body { }
body {/* customize_background */ background: #fff url(img/bg_top.jpg) no-repeat center top; /* customize_background */ text-align: center; padding: 0px; margin: 37px 0px 0px 0px; }
img {border: 0px}
a { cursor:pointer; outline: none}


#container {
	background: url(img/bg_bottom.jpg) repeat-x center bottom; z-index: 2;
	
}

#page{ width:1005px; margin:auto; text-align:left }
#page #headerSpacer{ height:0px }
#page #header{ background: url(img/bg_header.jpg) no-repeat; height: 161px; margin: 0px 0px 0px 0px;  } 

#page .klanten { font-size:11px; }

#page #header #headerNav{
	clear: both;
	background: url(img/bg_headerNav.gif) repeat-x;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#page  #header ul.nav-header{ list-style:none; padding:0px 0px 0px 0px; margin:0px; overflow:visible; width: 1001px; }
#page  #header ul.nav-header li { margin: 0px; padding: 0px; float: left;}
#page  ul.nav-header a{ 	padding:10px 48px 15px 48px;  color:#fff; font-size:12px; background: url(img/bg_menu_bullet.gif) no-repeat 30px 17px; letter-spacing: 2px; display: block }
#page  #header ul.nav-header li a { text-decoration:none; color:#fff }
#page  #header ul.nav-header li a:hover{ text-decoration:none; color:#000 }
#page  #header ul.nav-header li a.first{ padding-left: 35px; padding-right: 48px; background: url(img/bg_menu_bullet.gif) no-repeat 17px 17px;  }
#page  #header ul.nav-header a.nav-selected{  color:#000;  }
/*#page  #header  a.home{ background: url(img/bg_menu_home.gif) no-repeat left 4px;padding-left: 35px; padding-right: 48px; }
#page  #header  a.diensten{ background: url(img/bg_menu_diensten.gif) no-repeat 7px 4px; }
#page  #header  a.producten { background: url(img/bg_menu_producten.gif) no-repeat 7px 4px; }
#page  #header  a.referenties{ background: url(img/bg_menu_referenties.gif) no-repeat 7px 4px; }
#page  #header  a.contact{ background: url(img/bg_menu_contact.gif) no-repeat 7px 4px; }*/


#page #header #header-area{ text-align: left; padding: 16px 0px 0px 13px; position:relative }
#page #header #header-area h1 { padding: 0px; margin: 0px; width: 911px; float: left; height: 95px;}
#page #header #header-area h1#home{ margin: 0px 0px 6px 0px;}
#page #header #header-area #header-area-inside{ background:url(img/action_onder.jpg) no-repeat right top;}
#page #header #header-area #header-area-inside img { display: block}

#page #header #logo #header-area{ color:#fff; font-size:22px;  }
#page #header #logo #header-area a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}

#page #header #header-area ul.top{ position: absolute; top: 7px; right: 20px; text-decoration: none; font-size: 10px; background: url(img/sitemap_icon.gif) no-repeat right}
#page #header #header-area ul.top li { float: left; list-style: none}
#page #header #header-area ul.top li a { padding: 0px 6px; text-decoration: none}
#page #header #header-area ul.top li a:hover { text-decoration: underline}
#page #header #header-area ul.top li a.sitemap { padding: 0px 20px 0px 8px;}
#page #header #header-area ul.top li a.sitemap:hover{background: url(img/sitemap_icon_o.gif) no-repeat right}
	
	
#page #central{ background: #fff; padding: 0px 2px;}

#page #central ul{ list-style:none; padding: 0px; margin-left: 20px; }
#page #central ul li{ background:url(img/bullet.gif) no-repeat  left 5px; padding-left: 17px; }

#page #content {background: url(img/bg_content_bgTop.jpg) no-repeat; position: relative }
#page #content p {  margin: 0px;}
#page #central h1 { font-size: 16px; color: #009ee0; letter-spacing: 2px; padding:0px 0px 12px 0px; margin: 0px;}
#page #central h2 { font-size: 16px; color: #009ee0; letter-spacing: 2px; padding:0px 0px 12px 0px; margin: 0px;}


#page .home_blok { padding: 10px 0px; }
#page .home_blok .home_blok_top { clear: both; height: 33px;}
#page .home_blok .home_blok_top  h1 { width: 80%; float: left; height: 22px; }
#page .home_blok .home_blok_top a { float: right; background:url(img/meer_pijl.gif) no-repeat right 3px; height: 27px; font-size: 10px; text-decoration: none; padding: 6px 36px 0px 0px }
#page .home_blok .home_blok_top a:hover { float: right; background:url(img/meer_pijl_o.gif) no-repeat right 3px;  }

#page .home_blok .home_blok_content {	border-top: 1px solid #b5b5b5;	border-bottom: 1px solid #b5b5b5;	padding: 1px 0px; clear: both; height: 257px; }
#page .home_blok .home_blok_content .hdiensten {background: #fafafa; width: 334px; height: 257px; display: block; float: left; }
#page #central .home_blok .home_blok_content .hdiensten ul { background:url(img/bg_hdiensten.gif) no-repeat; margin-top: 20px; margin-left: 15px; height: 212px; padding: 3px; list-style: none;}
#page #central .home_blok .home_blok_content .hdiensten ul li { background: url(img/bg_hdiensten_item.gif) no-repeat; padding: 8px 4px 16px 30px}

#page .home_blok .home_blok_content .hvisual { float: left;}
#page .visual_blok {border-top: 1px solid #b5b5b5;	border-bottom: 1px solid #b5b5b5;	padding: 1px 0px; clear: both; height: 177px; margin-top: 28px; margin-bottom: 10px;}
#page .visual_blok .vvisual { }

#page .home_blok .hactueel { background: url(img/bg_hactueel.gif) repeat-x; height: 169px;}
#page .home_blok .actueel {  padding: 18px; width: 630px; float: left }
#page .home_blok .actueel img{ float: left; }
#page .home_blok .actueel p { margin: 0px; line-height: 16px; }
#page .home_blok .actueel p.bericht { margin-bottom: 7px; }
#page .home_blok .actueel .datum{ font-size: 9px;}
#page .home_blok .actueel .kop{ font-weight: bold;margin: 4px 0px 6px 0px;}

#page .home_blok .contact {  float: left; padding: 36px 10px 18px 119px; width: 192px; background:url(img/bg_contact.jpg) no-repeat 2px 16px; height: 124px; }
#page #central .home_blok .contact ul { padding: 0px 0px 0px 20px; list-style:none; margin: 6px 0px 0px 0px; line-height: 24px;}
#page #central .home_blok .contact li { background: none; padding-left: 2px;}

#page .content_blok {padding: 10px 0px; display:table; }
#page .content_blok p{
	margin: 0px;
	text-align: left;
}


#page .content_blok .eenkolom {padding: 0px 10px; float: left; width: 317px;   }
#page .content_blok .eenkolombreed {padding: 0px 10px; float: left; width: 100%;   }
#page .content_blok .tweekolom {padding: 10px 13px 0px 5px; float: left; width: 632px;   }

#page .content_blok .tweekoloms {padding: 0px 20px 0px 10px; width: 639px; background:url(img/bg_tweelokoms.gif) repeat-y 661px top;   }

#page .content_blok .driekoloms {padding: 0px 8px;   }
#page .content_blok .driekoloms .driekoloms1, .driekoloms2, .driekoloms3 { width: 317px; float: left;  }
#page .content_blok .driekoloms .driekoloms1 { margin-right: 8px}
#page .content_blok .driekoloms .driekoloms10, .driekoloms2, .driekoloms3 { width: 317px; float: left;  }
#page .content_blok .driekoloms .driekoloms10 { margin-right: 8px}
#page .content_blok .driekoloms .driekoloms2 { margin-left: 8px; margin-right: 8px; }
#page .content_blok .driekoloms .driekoloms3 { margin-left: 8px; }

#page .content_blok .driekoloms .driekoloms1  .blokMidden { height: 200px;}
#page .content_blok .driekoloms .driekoloms10 .blokMidden { height: 250px;}
#page .content_blok .driekoloms .driekoloms2  .blokMidden { height: 625px;}
#page .content_blok .driekoloms .driekoloms3  .blokMidden { height: 525px;}

.verbinden { background: url(img/bg_verbinden.gif) no-repeat; width: 308px; height: 48px; padding: 8px 15px;}
a.bt_connect { background:url(img/bt_connect.gif) no-repeat; text-decoration: none; color:#FFF;  margin-top: 4px;}
a.bt_connect:hover { background:url(img/bt_connect_o.gif) no-repeat; color:#FFF }

.stippel { background:url(img/bg_hordiv.gif) repeat-x left 4px; border: none; border: 0px solid #fff; height: 10px;}
.stippel2 { background:url(img/bg_hordiv.gif) repeat-x left 10px; border: none; border: 0px solid #fff; height: 20px;}

#page .content_blok .blok {background:url(img/blok_tussen.gif) no-repeat left; }
#page .content_blok .blokTop { background:url(img/blok_top.jpg) no-repeat; height: 10px;}
#page .content_blok .blokBottom { background:url(img/blok_onder.jpg) no-repeat bottom left; }
#page .content_blok .blokMidden { padding: 0px 10px 15px 10px;}


#page .footerBlok { width: 305px; padding: 0px 15px 0px 13px; display: block; float: left; color: #FFF; font-size: 10px;}
#page .footerBlokLast { width: 305px; padding: 0px 0px 0px 12px; display: block; float: left; color: #FFF; font-size: 10px;}


#page .footerBlok p { margin: 0px;}
#page .footerBlok a { color:#FFF}
#page .footerBlok a:hover { color:#000}

#page  #footerNav{   height: 300px; margin: 20px 0px 0px 0px;   }
#page  #footerNavInline {   background: url(img/bg_foot.jpg) repeat-y; height: 175px;}
#page  ul.nav-footer{ list-style:none; padding:0px; margin:0px; width: 310px; float: left }
#page  ul.nav-footer li { margin: 0px; padding: 0px;}
#page  ul.nav-footer a{ 	line-height: 18px; color:#fff; font-size:10px; }
#page  ul.nav-footer li a { text-decoration:none; color:#fff }
#page  ul.nav-footer li a:hover{ text-decoration:none; color:#000 }
#page  ul.nav-footer li.first{ }
#page  ul.nav-footer a.nav-selected{ color:#fff  }

#page ul.lmenu li a { text-decoration:none; color: #009ee0 }
#page ul.lmenu li a:hover { text-decoration:none; color: #000000 }
#page li.selected { color: #000000; font-weight: bold }

#page #footer{ background:url(img/bg_footer.gif) no-repeat; height: 18px; clear:both; color:#999; font-size:10px; position: relative; widows: 993px; }