html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; color:#2c2c2c; font-size:0.75em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) top repeat-x #efefef;}
body a{ text-decoration:none; color:#000066; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#; font-weight:bold;}

.clear {clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; } form, fieldset {margin:0px; padding:0px; border:0;}

#container{ position:relative; height:auto !important; height:100%; min-height:100%; width:1000px; margin:0 auto; overflow:hidden;}

.home{background:url(../images/bg_home.jpg) repeat-y; }
.vervolg{background:url(../images/bg_vervolg.jpg) repeat-y;  }

#container #inner{ position:relative; width:980px; padding:0px 10px 60px 10px; background:url(../images/bg_inner.jpg) no-repeat; }

#container #inner #top{ position:relative; width:907px; height:218px; padding:40px 15px 0px 58px; z-index:100;}
#container #inner #top em{ text-align:right; line-height:22px; display:block; float:right; font-weight:bold; font-size:1.1em; color:#fff;}
#container #inner #top em li{  float:left; margin-top:-10px;margin-right:10px; } 
#container #inner #top em li a{ font-style:normal; color:#FFF; }
#container #inner #top em li a:hover{ font-style:normal; color:#E13439;text-decoration:none; }
#container #inner #top a img{ position:absolute; top:0px; left:58px; float:left; width:161px; height:161px;}
#container #inner #top span{ display:block; position:absolute; left:245px; top:43px; width:334px; height:258px; z-index:1001; background:url(../images/bg_bootonderkant.png) no-repeat;}
#container #inner #top #header_cycle{ width:210px; height:146px; position:absolute; top:101px; right:84px; overflow:hidden;}

#container #inner #left{ position:relative; width:245px; float:left; z-index:50; }
#container #inner #left #menu{ position:relative; width:245px; z-index:50; }
#container #inner #left #menu ul{ margin:0px; padding:0px; border-bottom:1px solid #cac6c6; }
#container #inner #left #menu ul li{ display:block; width:245px;}
#container #inner #left #menu ul li a{ text-indent:48px; line-height:32px; display:block; height:32px; width:245px; background:url(../images/bg_li.jpg) no-repeat; }
#container #inner #left #menu ul li a:hover{ color:#fff; background:url(../images/bg_liover.jpg) no-repeat; color:#fff; text-decoration:none;}
#container #inner #left #menu ul li.first a{ background:url(../images/bg_lifirst.jpg) no-repeat; height:31px;}
#container #inner #left #menu ul li.first a:hover{ background:url(../images/bg_lioverfirst.jpg) no-repeat;}
#container #inner #left #menu ul li.first a.selected{ background:url(../images/bg_lioverfirst.jpg) no-repeat; color:#fff; height:31px; }
#container #inner #left #menu ul li a.selected{ color:#fff; background:url(../images/bg_liover.jpg) no-repeat;}

#container #inner #left .fotos{ position:relative; width:210px; height:196px; padding:0px 0px 0px 15px; background:url(../images/bg_fotos.jpg) no-repeat; margin:18px 0px 0px 8px; }
#container #inner #left .fotos ul{ margin:0px; padding:15px 0px 0px 0px; height:26px; }
#container #inner #left .fotos ul li{ float:left; display:block; padding:0px 6px 0px 0px; }
#container #inner #left .fotos ul li a{ float:left; display:block; line-height:24px; padding:0px 6px 0px 6px; height:25px; background:url(../images/bg_lifotos.jpg) repeat-x; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white;}
#container #inner #left .fotos ul li a:hover{ text-decoration:none; color:#fff; background:url(../images/bg_lifotosover.jpg) repeat-x; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white;}
#container #inner #left .fotos ul li.selected a{ color:#fff; background:url(../images/bg_lifotosover.jpg) repeat-x; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white;}
#container #inner #left .fotos a img{ float:left; border:1px solid white; margin:15px 5px 0px 0px;}
#container #inner #left .fotos em a{ position:absolute; bottom:15px; right:0px; display:block; text-align:right; font-style:normal; color:#fff; padding:0px 16px 0px 0px;}


.home    #inner #midle{ position:relative; width:212px; padding:45px 0px 0px 23px; float:left; z-index:50; }
.vervolg #inner #midle{ position:relative; width:222px; padding:55px 0px 0px 13px; float:right; z-index:50; }
#inner a img.banner{ margin:0px 0px 15px 1px; }
#inner a:hover img.banner{ filter:alpha(opacity=60); opacity:0.6; }
#inner h2.agenda{ margin:0px; padding:0px; display:block; width:202px; height:36px; line-height:36px; font-size:1.3em; color:#fff; background:url(../images/bg_agendatop.jpg) no-repeat; text-indent:14px; }
#inner div.agenda{ width:202px; padding:20px 0px 6px 0px; margin:0px 0px 15px 0px; font-size:1.3em; color:#555555; background:url(../images/bg_agenda.jpg) no-repeat bottom; }
#inner div.agenda dl{ margin:0px; padding:0px 0px 0px 14px; }
#inner div.agenda dl dt{ font-size:0.8em; margin:0px; padding:0px 0px 4px 0px; display:block; }
#inner div.agenda dl dd{ font-weight:bold; margin:0px; padding:0px 0px 20px 0px; display:block; }

#inner div.nieuwsbrief{ width:202px; padding:20px 0px 6px 0px; margin:0px 0px 15px 0px; font-size:1.1em; color:#555555; background:url(../images/bg_agenda.jpg) no-repeat bottom; }
#inner div.nieuwsbrief dl{ margin:0px; padding:0px 0px 0px 14px; }
#inner div.nieuwsbrief dl dt{ font-size:0.9em; margin:0px; padding:0px 0px 0px 0px; display:block; }
#inner div.nieuwsbrief dl dd{ font-weight:bold; margin:0px; padding:0px 0px 8px 0px; display:block; }

.home    #inner #right{ position:relative; width:489px; float:right; z-index:50; }
.home    #inner #right .intro{ width:433px; padding:38px 28px 10px 28px; background:url(../images/bg_intro.jpg) no-repeat bottom #fff; font-size:1.0em;}
.home    #inner #right .intro .h1{ margin:0px; padding:0px 0px 0px 0px; font-size:1.0em; color:#000066; }
/*.home    #inner #right .intro p{ margin:0px; padding:0px 0px 18px 0px;}*/

.home    #inner #right .inschrijven{ line-height:22px; position:relative; width:489px; padding:14px 0px 20px 0px; background:url(../images/bg_inschrijven.jpg) no-repeat #000066; font-size:1.0em;}
.home    #inner #right .inschrijven form{ float:left; width:235px; padding:10px 0px 6px 26px; background:url(../images/bg_formulier.jpg) no-repeat top; }
.home    #inner #right .inschrijven form h2{ margin:0px; padding:0px; font-size:1.2em; color:#fff; }
.home    #inner #right .inschrijven form fieldset{ margin:0px; padding:0px; border:0; }
.home    #inner #right .inschrijven form fieldset select{ width:219px; height:22px; border:1px solid black; margin:0px 0px 10px 0px;}
.home    #inner #right .inschrijven form fieldset .selbutton{ cursor:pointer; position:absolute; right:13px; bottom:17px; display:block; border:0; width:147px; height:39px; text-indent:-3333px; background:url(../images/btn_inschrijven.jpg) no-repeat;}
.home    #inner #right .inschrijven form fieldset .selbutton:hover{filter:alpha(opacity=60); opacity:0.6;}
.home    #inner #right .inschrijven dl{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#fff;}
.home    #inner #right .inschrijven dl dt{ float:left; display:block; margin:0px; padding:0px;}
.home    #inner #right .inschrijven dl dd{ margin:0px; padding:0px;}
.home    #inner #right .inschrijven dl.links{ padding:0px 0px 0px 26px; float:left; display:block; width:235px; }
.home    #inner #right .inschrijven dl.links dt{ width:82px; }
.home    #inner #right .inschrijven dl.rechts{ float:right; display:block; width:212px; }
.home    #inner #right .inschrijven dl.rechts dt{ float:left; width:103px;}
.home    #inner #right .inschrijven dl.rechts dd{ float:right; width:103px;}

.home    #inner #right .contact{ width:179px; float:right; padding:22px 30px 0px 0px;}
.home    #inner #right .contact h2{ font-size:1.1em; color:#000066; margin:0px; padding:0px 0px 8px 0px;}
.home    #inner #right .contact img{ display:block; float:left; border:1px solid #000066; margin:0px 8px 4px 0px;}
.home    #inner #right .contact p{ margin:0px; padding:0px 0px 16px 0px;}
.home    #inner #right .contact p a{ color:#404040; font-weight:normal; text-decoration:none;}

.vervolg #inner #right{ position:relative; width:452px; padding:55px 0px 0px 28px; float:left; z-index:50; }
.vervolg #inner #right_wide{ position:relative; width:674px; padding:55px 0px 0px 28px; float:left; z-index:50; }
.h1{ margin:0px; padding:0px 0px 18px 0px; font-size:1.0em; color:#000066; }

#container #footer{ position:absolute; bottom:0px; width:948px; padding:15px 26px 0px 26px; overflow: block; height:34px; z-index:100; background:url(../images/bg_footer.jpg) repeat-x; }
#container #footer p{ line-height:32px; color:#b3b3b3; float:left; width:500px; display:block; margin:0px; padding:0px; }
#container #footer em a{ float:right; display:block; width:26px; height:26px; background:url(../images/bg_mm.jpg) no-repeat; }



/*EDITOR*/
#editor {
  width:433px;
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;;
	color: #414042;
	line-height:20px;
}

#editor_acc {
  width:610px;
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;
	color: #414042;
	line-height:20px;
}

#editor_acc * , #editor * , .accwide_content * , .nieuws_content *{
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;
	color: #414042;
}



#editor ul,#editor_acc ul,.accwide_content ul,.nieuws_content ul{

}
#editor ol,#editor_acc ol,.accwide_content ol,.nieuws_content ol{
  
}
#editor ul li,#editor_acc ul li,.accwide_content ul li,.nieuws_content ul li{
  list-style-type: disc;
}
#editor ol li,#editor_acc ol li,.accwide_content ol li,.nieuws_content ol li{
  list-style-type: decimal;
}

#editor h1,#editor h1 *,#editor_acc h1,#editor_acc h1 *,.accwide_content h1,.accwide_content h1 *,.nieuws_content h1,.nieuws_content h1 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h2,#editor h2 *,#editor_acc h2,#editor_acc h2 *,.accwide_content h2,.accwide_content h2 *,.nieuws_content h2,.nieuws_content h2 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h3,#editor h3 *,#editor_acc h3,#editor_acc h3 *,.accwide_content h3,.accwide_content h3 *,.nieuws_content h3,.nieuws_content h3 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h4,#editor h4 *,#editor_acc h4,#editor_acc h4 *,.accwide_content h4,.accwide_content h4 *,.nieuws_content h4,.nieuws_content h4 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h5,#editor h5 *,#editor_acc h5,#editor_acc h5 *,.accwide_content h5,.accwide_content h5 *,.nieuws_content h5,.nieuws_content h5 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h6,#editor h6 *,#editor_acc h6,#editor_acc h6 *,.accwide_content h6,.accwide_content h6 *,.nieuws_content h6,.nieuws_content h6 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}
/*END EDITOR*/


.input{border: 1px solid Black;background: #FFFFFF;width:  250px;}
.input_nb{border: 1px solid Black;background: #FFFFFF;width:  165px;}
.textarea{border: 1px solid Black;background: #FFFFFF;width:  250px;height:  100px;}
.error{border: 1px solid red;background: #FFCCCC;}
.button{ border: 1px solid Black;background: #010066;color:white;}

.fotoalbum_item { margin-left:13px;margin-bottom:10px;float:left;width:208px; }
.fotoalbum_img { border:1px solid #a9a9a9;margin-right:8px; }

.nieuws_normal{   background:url('../images/balk01.jpg');padding-top:8px;padding-left:26px;height:22px;color:white;width:424px;border: 1px solid black; }
.nieuws_selected{ background:url('../images/balk02.jpg');padding-top:8px;padding-left:26px;height:22px;color:white;width:424px;border: 1px solid black; }
.nieuws_reserveren{ background:url('../images/balk_geenpijl_01.jpg');padding-top:8px;padding-left:14px;height:22px;color:white;width:436px;border: 1px solid black; }
.nieuws_link{     padding-left:8px;}
.nieuws_inner{    display:none;width:450px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;background:white; }
.nieuws_inner_2{  width:450px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;background:white; }
.nieuws_padding{  padding:8px; }
.nieuws_content{  width:418px;/*width:390px;*/ }
.nieuws_titel{    float:left;}
.nieuws_datum{    float:right;padding-right:8px;}


.nieuws_content dl{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#fff;}
.nieuws_content dl dt{ float:left; display:block; margin:0px; padding:0px;}
.nieuws_content dl dd{ margin:0px; padding:0px;}
.nieuws_content dl.links{ padding:0px 0px 0px 0px; float:left; display:block; width:200px; }
.nieuws_content dl.links dt{ width:82px; }
.nieuws_content dl.rechts{ float:right; display:block; width:212px; }
.nieuws_content dl.rechts dt{ float:left; width:103px;}
.nieuws_content dl.rechts dd{ float:right; width:103px;}

#afvaart_div dl{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#000;}
#afvaart_div dl dt{ float:left; display:block; margin:0px; padding:0px;}
#afvaart_div dl dd{ margin:0px; padding:0px;}
#afvaart_div dl.links{ padding:0px 0px 0px 0px; float:left; display:block; width:250px; }
#afvaart_div dl.links dt{ float:left;width:120px; }
#afvaart_div dl.links dd{ float:right;width:120px; }
#afvaart_div dl.rechts{ float:right; display:block; width:212px; }
#afvaart_div dl.rechts dt{ float:left; width:103px;}
#afvaart_div dl.rechts dd{ float:right; width:103px;}
