body { color: black; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Verdana; background-color: #fff; background-image: url(../_img/background.gif); background-repeat: repeat; text-align: center   }

p, td { font-size: 12px; line-height: 18px; margin-top: 3px   }

h1  { color: #085d4a; font-weight: bold; font-size: 16px; line-height: 24px; }
h2  { font-weight: bold; font-size: 14px ; line-height: 21px; }
h3  { color: #085d4a; font-weight: bold; font-size: 12px; line-height: 18px; }
h4 { color: black; font-weight: bold; font-size: 11px ; line-height: 17px; }

.klein { font-size: 11px; line-height: 16px; }

.kleingroen { font-size: 11px; line-height: 16px; color: #085d4a;  }

.verplicht { background-color: #ffc; padding: 3px; border: solid 1px #085d4a; }
.nietverplicht { padding: 3px; border: solid 1px #085d4a; }

/* CSS knoppen */
.clear {
	overflow: hidden;
	width: 100%;
}
a.button {
    background: transparent url('/_img/bg_button_a.gif') no-repeat scroll top right;
    color: #085d4a;
    display: block;
    float: left;
    height: 24px;
    margin-right: 0px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: transparent url('/_img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}
.breadcrumb { font-size: 10px; }
.lijntjerondfoto { border: solid 1px black }
a:visited, a:link  { color: black; }
a:hover, a:active   { color: #c00; }
.links_onzichtbaar a { text-decoration: none; }
.links_onzichtbaar a:hover { color: black; text-decoration: none; }
input, select, textarea { font-size: 10px; }

fieldset { padding: 5px; border: solid 1px #aaa }
legend { color: #063; font-size: 13px; font-weight: bold; padding-right: 3px; padding-bottom: 2px; padding-left: 3px  }
.sublegend { font-size: 12px; font-weight: normal; }

.kader_start  { width: 217px ; height: 190px; }
.kader_start_top { background-image: url(../_img/kader_start_top.gif); height: 25px; background-repeat: no-repeat; }
.kader_start_top a { width: 217px; height: 25px; display: block }
.kader_start_top a span {display: none}
.kader_start_middle { background-image: url(../_img/kader_start_middle.gif); background-repeat: repeat-y; height: 153px; }
.kader_start_bottom { background-image: url(../_img/kader_start_bottom.gif); background-repeat: no-repeat; height: 10px; }

#post_it { background-image: url(../_img/post-it_briefjes.gif); background-repeat: no-repeat; position:relative; left:0; top:0; width:229px; height:192px; z-index:1 }

/* schaduw op background */
#left { background-image: url(../_img/schaduw_op_background.gif); background-repeat: repeat-x; background-position: 0 108px; position: absolute; top: 0px; left: 0px; height: 122px; width:100%; z-index: 1; }

#container  { text-align: left; margin: 0 auto; padding: 0 20px; position: relative; width: 740px ; z-index: 2; }
#header { position: relative; top: 0px; left: 0px; width: 740px; height: 122px; z-index: 2; }

/* buttons */
#b_foto { position:absolute; left:0px; top:0px; width:163px; height:108px; z-index:1 }

#b_logo_eco-bouwpools { background-image: url(../_img/logo_eco-bouwpools.gif); background-repeat: no-repeat; position:absolute; left:197px; top:22px; width:386px; height:69px; z-index:1 }
#b_logo_eco-bouwpools a { width:386px; height:69px; display: block; background-color: transparent;}
#b_logo_eco-bouwpools a span { display: none; }

#txt_vibe_website { background-image: url(../_img/txt_vibe_website.gif); background-repeat: no-repeat; position:absolute; left:614px; top:28px; width:126px; height:26px; z-index:1;  }

#b_contact { background-image: url(../_img/b_contact.gif); background-repeat: no-repeat; position:absolute; left:614px; top:59px; width:56px; height:13px; z-index:1; }
#b_contact a {width:56px; height:13px; display: block;}
#b_contact a:hover{ background-image: url(../_img/b_contact_f2.gif); background-repeat: no-repeat;}
#b_contact a span { display: none; }

#b_sitemap { background-image: url(../_img/b_sitemap.gif); background-repeat: no-repeat; position:absolute; left:678px; top:59px; width:62px; height:13px; z-index:1; }
#b_sitemap a {width:62px; height:13px; display: block;}
#b_sitemap a:hover{ background-image: url(../_img/b_sitemap_f2.gif); background-repeat: no-repeat;}
#b_sitemap a span { display: none; }

#naar_boven  { background: url(../_img/icon_naar_boven.gif) no-repeat; position: relative; top: 3px; width: 15px; height: 15px ; float: right; margin-top: 30px; margin-right: 0; margin-left: 0; padding: 0; }
#naar_boven a { width: 15px; height: 15px; display: block }
#naar_boven a:hover { background: url(../_img/icon_naar_boven_f2.gif) no-repeat }
#naar_boven a span {display: none}

#toon_alle { background: url(../_img/b_toon_alle.gif) no-repeat; float: right; width: 57px; height: 10px }
#toon_alle a { width: 57px; height: 10px; display: block }
#toon_alle a:hover { background: url(../_img/b_toon_alle_f2.gif) no-repeat }
#toon_alle a span {display: none}

/* container voor menu en tekstveld */
#con_content { position: relative; top: 0px; left: 0px; width: 740px; background-color: #ffffff; overflow: hidden }

#schaduw_header { background-color: white; background-image: url(../_img/schaduw_op_wit.gif); background-repeat: repeat-x; position:absolute; left:0px; top:108px; width:740px; height:14px; z-index:1  }

/* verticale menu */
#menu { font-size: 12px; position: relative; top: 10px; left: 12px; z-index: 2; margin-top:-6px ; }
#menu ul  { list-style-type: none; margin: 0px; padding: 0px }
#menu ul li { text-align: left; text-indent: 0px; float: none }

#menu ul li a  { color: #085d4a; font-size: 12px; font-weight: bold; line-height: 32px; background-image: url(../_img/button_background.gif); background-repeat: no-repeat; text-decoration: none; display: block; width: 144px; height: 34px; margin-top: 6px; padding-left: 10px; }
#menu ul li a:hover, #menu ul li a.actief { color: #ffffff; background-image: url(../_img/button_background_f2.gif); background-repeat: no-repeat;}
#menu ul ul { list-style-type: none }
#menu ul ul li { font-size: 12px; text-align: left; text-indent: 0; float: none;}
#menu ul ul li a  { color: black; font-weight: normal; line-height: 16px; background-image: none; text-decoration: none; height: 18px; display: block; margin-bottom: 0; margin-top: 4px; }
#menu ul ul li a:hover, #menu ul ul li a.actief { color: black; background-image: none; text-decoration: underline; }

/* tekstvlak */
#tekst { text-align: left; padding-left:30px; padding-right:20px; padding-top:10px; padding-bottom:30px; }

#partnersscroll { position: relative; top: 0px; left: 0px; height:77px; width:740px; }

/* container voor knoppen onderaan startpagina */
#footer{ position: relative; top: 0px; left: 0px; height:73px; width:740px}

#b_vibe { background-image: url(../_img/logo_vibe.gif); background-repeat: no-repeat; position:absolute; left:-15px; top:22px; width:76px; height:53px; z-index:1 }
#b_vibe a { width:76px; height:53px; display: block; background-color: transparent;}
#b_vibe a span { display: none; }

#b_natureplus { background-image: url(../_img/logo_natureplus.gif); background-repeat: no-repeat; position:absolute; left:86px; top:22px; width:47px; height:53px; z-index:1 }
#b_natureplus a { width:47px; height:53px; display: block; background-color: transparent;}
#b_natureplus a span { display: none; }

#b_capem { background-image: url(../_img/partnerlogos/partner-capem.png); background-repeat: no-repeat; position:absolute; left:160px; top:22px; width:288px; height:50px; z-index:1 }
#b_capem a { width:288px; height:50px; display: block; background-color: transparent;}
#b_capem a span { display: none; }

#b_vlaams { background-image: url(../_img/logo_vlaamse_overheid.gif); background-repeat: no-repeat; position:absolute; right:0px; top:22px; width:159px; height:51px; z-index:1 }
#b_vlaams a { width:159px; height:51px; display: block; background-color: transparent;}
#b_vlaams a span { display: none; }

#b_footer{ position: absolute; top: 40px; left: 283px; height:14px; width: 174px}

#footer_print{ display:none; }

/* post-it briefjes voor Prikbord */
.post-it  { width: 242px ; }
.post-it_top { background-image: url(../_img/post-it_top.gif); background-repeat: no-repeat; height: 10px; }
.post-it_middle { background-image: url(../_img/post-it_middle.gif); background-repeat: repeat-y; }
.post-it_bottom { background-image: url(../_img/post-it_bottom.gif); background-repeat: no-repeat; height: 10px; }