body {margin: 0px; padding: 0px;}
body,td,body td {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px;}

#uitlijnTabel {width: 100%; height: 100%;}
#celTopLinks {width: 50%; background: #000000; vertical-align: bottom;}
#celTopRechts {width: 50%; vertical-align: bottom;}
#celMenu {width: 50%; height: 25px; background: #000000; text-align: right;}

#rijMidden td {}
#celMiddenLinks {width: 50%; height: 350px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #000000; text-align: right;}
#celMiddenRechts {width: 50%; height: 350px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: left;}

#celBottomLinks {width: 50%; vertical-align:top; text-align:right; background:#000000; color:#fff;}
#celBottomRechts {width: 50%; vertical-align: top;}

#tekstVlakScroll {width: 100%; height: 100%; overflow: auto; color: #ffffff; line-height: 21px;}
#tekstVlakScroll .margeVlak {width: 425px; padding: 20px 0px 20px 25px;}


#shaduwVlakTop {width: 100%; height: 30px; background: url(../pix/schaduwverloop_top.png) bottom repeat-x; vertical-align: bottom;}
#shaduwVlakBottom {width: 100%; height: 70px; background: url(../pix/schaduwverloop_bottom.png) top repeat-x;}



#logo {float: right; margin: 0px 200px 10px 0px;}
#paginaTitel {opacity: 0.6; filter:alpha(opacity=60); margin-left: 23px;}
.deurbeleid #paginaTitel {opacity: 0.6; filter:alpha(opacity=60); margin-left: 23px; margin-top: 15px;}
.basis #paginaTitel {opacity: 0.6; filter:alpha(opacity=60); margin-left: 23px; margin-top: 15px;}
.wie #paginaTitel {opacity: 0.6; filter:alpha(opacity=60); margin-left: 23px; margin-top: 15px;}
.contact #paginaTitel {opacity: 0.7; filter:alpha(opacity=70); margin-left: 23px; margin-top: 15px;}


/* achtergronden rechts per menu-item */

/*basis*/
body.basis #celTopRechts, body.basis #celBottomRechts {background: #259B36 url(../pix/agrond_behang_groen.jpg) fixed;}
body.basis #celMiddenRechts {background: #003612 url(../pix/agrond_behang_groen_d.jpg) fixed;}
body.basis #tekstVlakScroll {scrollbar-track-color: #013C0D; scrollbar-face-color: #013C0D; scrollbar-base-color: #013C0D; scrollbar-arrow-color: #28A445; scrollbar-3dlight-color: #013C0D; scrollbar-darkshadow-color: #013C0D; scrollbar-highlight-color: #28A445; scrollbar-shadow-color: #28A445;}

.basis #shaduwVlakTop {width: 100%; height: 45px; background: url(../pix/groenschaduwverloop_top.png) bottom repeat-x; behavior: url(../includes/iepngfix.htc);}
.basis #shaduwVlakBottom {width: 100%; height: 70px; background: url(../pix/groenschaduwverloop_bottom.png) top repeat-x; behavior: url(../includes/iepngfix.htc);}

/*deurbeleid*/
body.deurbeleid #celTopRechts, body.deurbeleid #celBottomRechts {background: #510102 url(../pix/agrond_behang_roodtegels.jpg) fixed;}
body.deurbeleid #celMiddenRechts {background: #510102 url(../pix/agrond_behang_roodtegels_d.jpg) fixed;}
body.deurbeleid #tekstVlakScroll {scrollbar-track-color: #510102; scrollbar-face-color: #510102; scrollbar-base-color: #510102; scrollbar-arrow-color: #B61028; scrollbar-3dlight-color: #510102; scrollbar-darkshadow-color: #510102; scrollbar-highlight-color: #B61028; scrollbar-shadow-color: #B61028;}

.deurbeleid #shaduwVlakTop {width: 100%; height: 45px; background: url(../pix/roodschaduwverloop_top.png) bottom repeat-x; behavior: url(../includes/iepngfix.htc);}
.deurbeleid #shaduwVlakBottom {width: 100%; height: 70px; background: url(../pix/roodschaduwverloop_bottom.png) top repeat-x; behavior: url(../includes/iepngfix.htc);}

/*wie*/
body.wie #celTopRechts, body.wie #celBottomRechts {background: #003366 url(../pix/agrond_behang_blauwstreep.jpg) fixed;}
body.wie #celMiddenRechts {background: #003366 url(../pix/agrond_behang_blauwstreep_d.jpg) fixed;}
body.wie #tekstVlakScroll {scrollbar-track-color: #002576; scrollbar-face-color: #002576; scrollbar-base-color: #002576; scrollbar-arrow-color: #2672B6; scrollbar-3dlight-color: #002576; scrollbar-darkshadow-color: #002576; scrollbar-highlight-color: #2672B6; scrollbar-shadow-color: #2672B6;}

.wie #shaduwVlakTop {width: 100%; height: 45px; background: url(../pix/blauwschaduwverloop_top.png) bottom repeat-x; behavior: url(../includes/iepngfix.htc);}
.wie #shaduwVlakBottom {width: 100%; height: 70px; background: url(../pix/blauwschaduwverloop_bottom.png) top repeat-x; behavior: url(../includes/iepngfix.htc);}

/*contact*/
body.contact #celTopRechts, body.contact #celBottomRechts {background: #5C5704 url(../pix/agrond_behang_geel.gif) fixed;}
body.contact #celMiddenRechts {background: #5C5704 url(../pix/agrond_behang_geel_d.gif) fixed;}
body.contact #tekstVlakScroll {scrollbar-track-color: #625702; scrollbar-face-color: #625702; scrollbar-base-color: #625702; scrollbar-arrow-color: #B7B028; scrollbar-3dlight-color: #625702; scrollbar-darkshadow-color: #625702; scrollbar-highlight-color: #B7B028; scrollbar-shadow-color: #B7B028;}

.contact #shaduwVlakTop {width: 100%; height: 45px; background: url(../pix/geelschaduwverloop_top.png) bottom repeat-x; behavior: url(../includes/iepngfix.htc);}
.contact #shaduwVlakBottom {width: 100%; height: 70px; background: url(../pix/geelschaduwverloop_bottom.png) top repeat-x; behavior: url(../includes/iepngfix.htc);}


/* KLACHTformulier */
#formulierVlak {width: 440px; background: #932F37; margin-left: -25px;}
#formulierVlak h2 {margin-left: 20px;}
#formulierTabel {margin-left: 20px;}
#formulierTabel td {color: #ffffff; font-size: 12px;}
#formulierTabel td.kolomLinks {width: 160px; height: 26px; text-align: right; padding-right: 15px; font-size: 11px;}
/*#formulierTabel td.kolomRechts {width: 215px; height: 22px;}*/
#formulierTabel .invoerveld {width: 192px; height: 17px; font-size: 11px; border: 0px; padding-left: 3px; background: #D9CBCB;}
#formulierTabel .invoerveld:focus {background: #ffffff;}
#formulierTabel textarea {width: 370px; height: 80px; border: 0px; padding-left: 3px; font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; background: #D9CBCB;}
#formulierTabel textarea:focus {background: #ffffff;}
#formulierTabel .button {width: 370px; height: 28px; background: #3FAD48; font-weight: bold; color: #ffffff; cursor: pointer; border-color: #3FAD48; margin-top: 25px;}
#formulierTabel .button:hover {background: #246529; border-color: #246529;}


/* LINKEN */
a:link.hfdmenuLink,a:visited.hfdmenuLink,a:active.hfdmenuLink {height: 24px; padding: 4px 30px 4px 3px; color: #898989; font-weight: bold; text-transform: uppercase; text-decoration: none;}
a:hover.hfdmenuLink {color: #ffffff;}
a.hfdmenuLinkSelected {height: 24px; padding: 4px 30px 4px 3px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #DB5522;}

/* uitklapmenu */
.submenuVlak {position: absolute; visibility: hidden; border: 1px solid #000000;  font: normal 11px verdana,arial,helvetica,sans-serif; line-height: 18px; z-index: 100; background-color: #000000; width: 225px; text-align: left; opacity: 0.8; filter:alpha(opacity=80); text-transform: uppercase; margin-top: 1px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

.submenuVlak a {width: 100%; display: block; border-bottom: 1px solid #252525; padding: 1px 0; text-indent: 5px; text-decoration: none; font-weight: bold; color: #898989;}
.submenuVlak a:hover {color: #ffffff;}


/* LINKEN PER KLEUR IN SCROLL-VLAK */

body.deurbeleid #tekstVlakScroll a {color: #FFB8BE; text-decoration: none;}
body.deurbeleid #tekstVlakScroll a:hover {color: #FFB8BE; text-decoration: underline;}

body.wie #tekstVlakScroll a {color: #AFDAFF; text-decoration: none;}
body.wie #tekstVlakScroll a:hover {color: #AFDAFF; text-decoration: underline;}

body.contact #tekstVlakScroll a {color: #FFFA83; text-decoration: none;}
body.contact #tekstVlakScroll a:hover {color: #FFFA83; text-decoration: underline;}



/* KADERS */
table.kaderTabel {display: block; width: 450px; height: 75px; margin-left: -25px; margin-bottom: 25px;}
table.kaderTabel td.celTekst {width: 335px; color: #ffffff; padding-left: 25px; vertical-align: middle;}
table.kaderTabel td.celAfb {width: 75px; vertical-align: middle;}
/*kleuren per sectie*/
body.deurbeleid table.kaderTabel {background: #932F37;}
body.wie table.kaderTabel {background: #0B3694;}

body.basis table.kaderTabel {width: 340px; margin: 0px 0px 20px 0px;}
body.basis table.kaderTabel td.celLeeg {width: 119px;}
body.basis table.kaderTabel td.celLabel {width: 221px; height: 20px; background: url(../pix/kadertabel_label.gif) right top no-repeat; text-align: right; font-weight: bold; color: #01431D; padding-right: 10px;}
body.basis table.kaderTabel td.celContent {width: 340px; background: #A0D9B2; color: #000000; font-size: 11px; padding: 10px 10px 10px 15px;}

#homepagebanner {margin-left: 0px; margin-bottom: 40px; margin-top: 0px;}
h2 {font-size: 18px; letter-spacing: 1px;}
h3 {font-size: 13px; margin-bottom: 5px;}
small {font-size: 90%; line-height: 16px;}
.disclaimer {font-size: 90%; line-height: 16px;}
.credits {font-size: 90%; line-height: 16px;}
.grootteAanduiding {font-size: 85%;}

/* PNG-fix voor IE6 */
/*#shaduwVlakTop, #shaduwVlakBottom { behavior: url(../includes/iepngfix.htc); } */




.iconsSocialSites {display:block; float:right; margin-right:320px; margin-top:10px;}
.iconsSocialSites img {margin-right:20px; border:none; width:22px; height:22px;}