body{
 margin: 0;
 padding: 0;
 background-image: url(../images/achtergrond.gif);
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/* header */
#header{  height: 130px; width: 920px; margin: 0 auto 0 auto;}
.logo{ margin: 8px 0 0 21px; float: left;}
#headerLogin{ float: right; width: 600px; text-align: right; font-size: 12px; margin: 5px 10px 0 0; padding: 0;}
#headerLogin a{ color: #000; text-decoration: none;} 
#headerLogin a:hover{ text-decoration: underline;} 
#headerZoeken{ float: right; margin: 65px 10px 0 0; padding: 0; height: 30px;}
.divInputZoeken{ float: left; margin: 0 5px 0 0;}
.divButtonZoeken{ float: left; * margin: 1px 0 0 0;}
.inputZoeken{ padding: 0px; height: 23px; width: 200px; border: 1px solid #8a2003;}
.buttenZoeken{ background-color: #8a2003; border: 1px solid #8a2003; color: #fff; width: 90px; height: 23px; padding: 0;}

/* menu */
#menu{ height: 39px; width: 920px; margin: 0 auto 0 auto;} 
#menu ul { margin: 0 0 0 13px; padding: 0;}
#menu li{ display: inline; text-transform: uppercase; list-style: none; float: left; height:15px; border-right: 1px solid #a75842; padding:12px;}

#menu li:hover{ background-color: #a75842; }
#menu a{ color: #fff; text-decoration: none;}


/* inhoud site */
#container{
 clear: both;
 background-color: #fff;
 width: 920px;
 min-height: 400px;
 border: 1px solid #e7e6e6;
 border-top: 0px;
 margin: 0 auto 0 auto;
 padding: 0 0 10px 0;
 overflow: hidden;
}

#content{
 width: 650px;
 margin: 0 0 0 10px;
 float: left;
 border-right: 1px solid #e4ccc5; 
 line-height: 160%;
}
#contentRotator{ width: 650px; height: 230px;}
#contentTekstvak{
 background-color: #fff;
 background-image: url(../images/achtergrond_tekstvak.gif);
 background-repeat: repeat-x;
 width: 640px;
 min-height: 450px;
 border-top: 1px solid #e4ccc5;
 padding: 0 0 10px 10px;
 text-align: justify;
}
#contentTekstvak H1{
 margin: 31px 0 10px 0;
 font-size: 20px;
}
#contentTekstvak H2{
 margin: 31px 0 0 0;
 font-size: 16px;
 color: #000;
 text-decoration: none;
}
#contentTekstvak a{
 color: #8a2003;
}
#contentTekstvak p{
 margin: 0 10px 10px 0;
 padding: 0 10px 0 0;
}
.linkAgenda{
 text-decoration: none;
 color: #000;
}
#contentImageSpace{ float: right; background-color: #fff; padding: 0 0 10px 10px; border-left: 1px solid #e2c7c0; border-bottom: 1px solid #e2c7c0; margin: 0 0 0 10px;}
.contentImageSpace2{ float: left; background-color: #fff; padding: 10px; border: 1px solid #e2c7c0; margin: 20px 0 0 10px;}
#contentImageSpaceHome{ float: right; background-color: #fff; padding: 10px; border: 1px solid #e2c7c0; margin: 0 10px 0 10px;}
#contentImageSpace img{  border-left: 1px solid #8a2003; border-bottom: 1px solid #8a2003;}
.contentImageSpace2 img{  border: 1px solid #8a2003;}

/* sub - sidebar */
#sub{ width: 250px; float: left; padding: 0px; margin: 0px;}
#sub h1{ font-size: 14px; margin: 6px 0 6px 10px;}
#sub ul{ list-style: none; margin: 0px; padding: 0px; font-size: 13px;}
#sub li{ border-bottom: 1px solid #e4ccc5; padding: 12px 10px; margin: 0;}
/*#sub li:hover{ background-color:#e4ccc5; }*/
.laatste{ border: none;}
#sub a{ text-decoration: none; color: #000;}
#sub a:hover{ border-bottom: 1px solid #000;}
#subNieuws{ background-image: url(../images/achtergrond_sub.gif);
 background-repeat: no-repeat;
 width: 100%;
 height: 230px;
 margin: 0px;
 padding: 0px;
 float: left;
}
#subAgenda{
 background-image: url(../images/achtergrond_sub.gif);
 background-repeat: no-repeat;
 width: 100%;
 height: 231px;
 margin: 0px;
 padding: 0px;
 float: left;
}

/* onderdelen op homepage */
#onderdelen{ width: 100%; height: 160px; margin: 0 0 0 10px;} 
#onderdelen H1{ font-size: 14px; color: #fff; margin: 7px 0 7px 10px;}
#onderdelenKinderen{ background: url(../images/achtergrond_kinderen.jpg) no-repeat; width:300px; height: 160px; float: left; border-right: 1px solid #e4ccc5;}
#onderdelenJongeren{ background: url(../images/achtergrond_jongeren.jpg) no-repeat;; width:299px; height: 160px; float: left; border-right: 1px solid #e4ccc5;}
#onderdelenActiviteiten{ background: url(../images/achtergrond_activiteiten.jpg) no-repeat; width:299px; height: 160px; float: left;}

/* footer */
#footer{ width: 920px; margin: 20px auto 5px auto; text-align: center; color: #9f9f9f; font-size: 10px; padding: 0; overflow: hidden;}
#footer a{ color: #9f9f9f; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}

/* Contactformulier */
.tekstvak { width: 50%; border: 1px solid #8a2003; font-family: Arial, Helvetica, sans-serif;}
.tekstbox { width: 90%; border: 1px solid #8a2003; font-family: Arial, Helvetica, sans-serif;}
.tekstvakSmall { width: 25%; border: 1px solid #8a2003; font-family: Arial, Helvetica, sans-serif;}
table{ margin-top: 25px;}
table td{ height: 30px; }