@charset "utf-8";
/* CSS Document */

/* -----------------------  Algemene stijlen ----------------------- */
* {margin: 0;padding: 0;}
HTML {height: 100%;} 
Body {font-family:Verdana, Geneva, sans-serif;font-size:100%;height:auto; background:url(/images/background.gif) repeat;/*background-color:#DCF6FF;*/}
p {font-size: 0.8em;}
a {text-decoration:none;color: #009DDF;}
a:hover{text-decoration:underline;color: #009DDF;}
img {border: none;}

H1 {color: #009DDF;font-size: 1.1em;margin-top: 5px;background:url(/images/button_klein.png) no-repeat;padding-left: 30px;background-position:center left;}
H2 {color: #009DDF;font-size: 0.9em;margin-top: 5px;}

/* ----------------------- Main Div's for general layout borders ----------------------- */ 
#wrapper {width:900px;height:100%;position:relative;left:50%;top:10px;margin:0 0 0 -450px;background-color:White;}
#left_corner_top{background:url(/images/corner_left_top.png) no-repeat top left;height:8px;width:8px;position:absolute;top:0;left:0;}
#right_corner_top{background:url(/images/corner_right_top.png) no-repeat top right;height:8px;width:8px;position:absolute;top:0;right:0;}
#left_corner_bottom{background:url(/images/corner_left_bottom.png) no-repeat bottom left;height:8px;width:8px;position:absolute;bottom:0px;left:0;margin-bottom:0px;}
#right_corner_bottom{background:url(/images/corner_right_bottom.png) no-repeat bottom right;height:8px;width:8px;position:absolute;bottom:0px;right:0;margin-bottom:0px;}

#border_top{background:url(/images/kader_top.png) repeat-x top;height:8px;width:884px;position:absolute;top:0;left:8px;}
#border_bottom{background:url(/images/kader_bottom.png) repeat-x bottom;height:8px;width:884px;position:absolute;bottom:0px;left:8px;margin-bottom:0px;}
#border_left{background:url(/images/kader_left.png) repeat-y top;height:98%;width:8px;position:absolute;top:8px;left:0px;}
#border_right{background:url(/images/kader_right.png) repeat-y top;height:98%;width:8px;position:absolute;top:8px;right:0px;}

#zomeractie_banner {background:url(/images/zomeractie-banner.png) no-repeat;position:absolute;right:-40px;top:30px;width:360px;height:200px; z-index:250;}
/* ----------------------- Header van de pagina ----------------------- */
#header {position:relative;height:240px;width:800px;top:0;left:75px;}
#header_logo {background:url(/images/BSS_new_logo.png) no-repeat;width:400px;height:228px;position:relative;top:20px;left:10px;}
#header_logo_link {width:400px;height:228px;position:absolute;top:20px;left:10px;}
#header_toolbar {width:150px;height:20px;position:absolute;top:20px;left:500px;border:solid 1px red;}
#header_slogan {background:url(/images/slogan.png) no-repeat;width:315px;height:25px;position:relative;top:0px;left:450px;}

/* -------------------------- Toolbar -------------------------- */
#dotCMS-toolbar li.dotCMS-btn a{}
#dotCMS-toolbar li.dotCMS-btn a:hover{}
#dotCMS-toolbar{width:150px;height:20px;position:absolute;top:20px;left:500px;}
#dotCMS-toolbar img{border:none;}
#dotCMS-toolbar ul{margin:0;padding:0;float:right;margin:3px;}
#dotCMS-toolbar ul li{display:block;float:left;list-style:none;margin:0 8px 0 0;padding:0;background-image:url(/images/bttn_toolbar.png);background-repeat:no-repeat;}
#dotCMS-toolbar ul li a{display:block;text-decoration:none;}
#dotCMS-toolbar ul li a:hover{background-color:#eee;color:#2E7FAD;}

/* ---------------------- rotating Image ---------------------- */
#rotating_image{background:url(/images/bss_image_001.gif) no-repeat;width:729px;height:89px;position:relative;left:85px;top:73px;}

/* ---------------------- menu nav ---------------------- */
#menucontainer{width:602px;position:relative;height:28px;left:298px;top:-40px;}
#menunav{font-size:0.7em;font-weight:bold;}
#menunav ul{display:inline-block;text-align:center;}
#menunav ul li{background:url(/images/menutab.png) no-repeat;padding:4px 0 0 0;width:86px;height:22px;display:inline-block;float:left;}
#menunav ul li a{text-decoration:none;color:#009DDF;}
#menunav ul li a:hover{font-weight:bold;color:Black;}
#menunav ul li.active a{color:Black;text-decoration:none;}
#menunav #zomeractie a{color:red;}

#submenunav{width:602px;position:relative;right:87px;top:88px;font-size:0.7em;font-weight:bold;}
#submenunav ul{display:inline-block;text-align:center;float: right;}
#submenunav ul li{background:url(/images/submenutab.png) no-repeat;padding:4px 0 0 0;width:110px;height:22px;display:inline-block;float:left;}
#submenunav ul li a{text-decoration:none;color:#009DDF;}
#submenunav ul li a:hover{font-weight:bold;color:Black;}
#submenunav ul li.active a{color:Black;text-decoration:none;}

/* -----------------------  Content Homepage -----------------------  */
#content_main_container {position:relative;width:730px;top:390px;left:50%;margin-left:-365px;}
#content_text {position:relative;width:728px;height:90%;overflow:hidden;top:70px;left:50%;margin:0 0 0 -364px;padding:0 0 40px 0;}
#content_text li  {font-size:0.8em;list-style:circle;margin-left:20px}

/* -----------------------  Diensten Tabel -----------------------  */
.diensten_table tr {vertical-align:top;}
.diensten_table li  {font-size:0.8em;list-style:circle;margin-left:20px}

/* ---------------------- Footer ---------------------- */
#footer {position:relative;width:730px;height:20px;bottom:10px;left:50%;margin:50px 0 0 -365px;border-top: Solid 1px #009DDF;border-bottom: Solid 1px #009DDF;}
#footer_text{font-size:0.6em;font-weight:bold;color:#009DDF;text-align:center;padding-top:3px;}