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

.clear {clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; } form, fieldset, ul{margin:0px; padding:0px; border:0;} h1, h2, h3, h4, h5 { margin:0px; padding:0px 0px 0px 0px; font-size:1.1em;}

#container{ position:relative; width:1000px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y;}
#container #inner{ width:980px; padding:0px 10px 48px 10px; background:url(../images/bg_inner.jpg) no-repeat;}

#container #top{ position:relative; height:126px; }
#container #top #logo{ padding:0px 0px 0px 20px; float:left; }
#container #top h1{ display:block; float:left; margin:0px; padding:68px 0px 0px 0px; width:503px; text-align:right; color:#1a3a6b; font-weight:bold; font-size:2.2em;}

#container #left{ position:relative;float:left; width:231px; padding:0px 0px 0px 15px; }
#container #left #menu{ width:231px; background:url(../images/bg_menu.jpg) no-repeat; margin-bottom:16px;}
#container #left #menu .in{ background:url(../images/bg_menubottom.jpg) no-repeat bottom left; padding:22px 28px 21px 28px;}
#container #left #menu .in ul{ line-height:27px; font-size:1.1em; }
#container #left #menu .in ul li{  }
#container #left #menu .in ul li a{ color:#1a3a6b; }
#container #left #menu .in ul li a:hover{ text-decoration:none; color:#009095; }
#container #left #menu .in ul li a.selected{ text-decoration:none; color:#009095; }

#container #left #categorien{ width:231px; background:url(../images/bg_categorien.jpg) no-repeat; margin-bottom:16px;}
#container #left #categorien .in{ background:url(../images/bg_categorienbottom.jpg) no-repeat bottom left; padding:42px 28px 16px 28px;}
#container #left #categorien .in ul{ line-height:27px; font-size:1.1em; }
#container #left #categorien .in ul li{  }
#container #left #categorien .in ul li a{ color:#ffdeb8; }
#container #left #categorien .in ul li a:hover{ text-decoration:none; color:#f7941e; }
#container #left #categorien .in ul li.selected a{ text-decoration:underline; }
#container #left #categorien .in h3{ display:none; }

#container #left #winkelmand{ width:231px; background:url(../images/bg_winkelmand.jpg) no-repeat; margin-bottom:14px;}
#container #left #winkelmand .in{ font-size:0.95em; color:#07376f; background:url(../images/bg_winkelmandbottom.jpg) no-repeat bottom left; padding:42px 30px 16px 14px;}
#container #left #winkelmand .in a{ color:#ffdeb8; text-decoration:underline;}
#container #left #winkelmand .in h3{ display:none; }
#container #left #winkelmand .in dl{ font-weight:bold; margin:0px; padding:0px 0px 5px 0px; }
#container #left #winkelmand .in dl dt{float:left; width:122px; }
#container #left #winkelmand .in dl dd{text-align:right; }
#container #left #winkelmand .in em{ font-style:normal; display:block; height:16px;}
#container #left #winkelmand .in em a{ display:block; float:right; margin:0px 0px 0px 16px; }


#container #educatie{ width:231px; height:192px; margin-bottom:34px; padding-top:10px; background:url(../images/bg_educatie.jpg) no-repeat bottom; text-indent:-3333px; }
#container #educatie a{ width:231px; height:192px; display:block; }
#container #educatie a:hover{ background:#ffc27a; filter:alpha(opacity=60); opacity:0.6; }
#container #webwinkel{ width:231px; height:112px; margin-bottom:5px; margin-top:7px; background:url(../images/bg_webwinkel.jpg) no-repeat; text-indent:-3333px; }
#container #webwinkel a{ width:231px; height:112px; display:block; }
#container #webwinkel a:hover{ background:#ffc27a; filter:alpha(opacity=60); opacity:0.6; }
#container #gastenboek{ margin-top:56px; padding:56px 17px 15px 8px; background:url(../images/bg_gastenboek.jpg) no-repeat;}
#container #gastenboek h3{ display:none; }
#container #gastenboek p{ padding:6px 0px 0px 12px; margin:0px;}
#container #gastenboek strong a{ color:#5e3b2e; text-decoration:underline;}
#container #gastenboek em{ display:block; font-size:0.95em; font-style:normal; }
#container #gastenboek em a{ display:block; text-align:right; color:#5e3b2e; }
#container #verlaatwebwinkel{ width:231px; height:45px; margin-bottom:15px; background:url(../images/bg_verlaat.jpg) no-repeat; text-indent:-3333px; }
#container #verlaatwebwinkel a{ width:231px; height:45px; display:block; }
#container #verlaatwebwinkel a:hover{ background:#ffc27a; filter:alpha(opacity=60); opacity:0.6; }

#container #midle{ float:left; width:490px; }
#container #midle #content .tekst{ padding:30px 14px 0px 18px; }
#container #midle #content .tekst h2{ font-size:1.3em; }
#container #midle #content .tekst h3{ font-size:1.2em; }
#container #midle #content .tekst p{ margin:0px; padding:0px 0px 18px 0px; }
#container #midle #content ul.activiteit{ padding:20px 0px 10px 0px; }
#container #midle #content ul.activiteit li{ display:block; width:490px; height:48px;  }
#container #midle #content ul.activiteit li a{ color:#008e93; text-decoration:none; font-size:1.3em; display:block; width:490px; height:40px; line-height:40px; text-indent:45px; background:url(../images/bg_activiteit.jpg) no-repeat; }
#container #midle #content ul.activiteit li a:hover{ color:#1a3a6b; }
#container #midle #content .uitleg em.terug{ display:block; padding:10px 0px 10px 18px; font-style:normal; font-size:1.1em; }
#container #midle #content .uitleg em.categorie{ display:block; color:#724b37; font-size:1.15em; padding:10px 0px 10px 6px; font-weight:bold; font-style:normal; }
#container #midle #content .uitleg h2{ font-size:1.3em; color:#ffdeb8; text-indent:45px; background:url(../images/bg_titel.jpg) no-repeat; padding:11px 0px 0px 0px; height:23px; }
#container #midle #content .uitleg h2.webshop{ background:url(../images/bg_titel2.jpg) no-repeat;  }
#container #midle #content .uitleg .vak{ padding:13px 13px 18px 13px; margin-bottom:15px; background:url(../images/bg_ronding.jpg) no-repeat bottom #ffdeb8; }
#container #midle #content .uitleg div.webshop{ padding:13px 13px 4px 13px; margin-bottom:15px;}
#container #midle #content .uitleg .vak .fotos{ float:left; width:170px; }
#container #midle #content .uitleg .vak .fotos img{ border:1px solid #008e93; margin-bottom:14px; }
#container #midle #content .uitleg .vak .fotos strong{ display:block; padding:0px 0px 0px 8px; color:#1a3a6b; font-size:1.3em; }
#container #midle #content .uitleg .vak .fotos strong span{ font-size:0.8em; }
#container #midle #content .uitleg .vak .inhoud{ float:right; width:282px; font-size:0.95em; }
#container #midle #content .uitleg .vak p{ position:relative; margin:0px; padding:0px 0px 0px 0px; font-size:0.95em; }
#container #midle #content .uitleg .vak .inhoud p{ font-size:1.0em; }
#container #midle #content .uitleg .vak .inhoud h3{ color:#008e93; font-size:0.95em; }
#container #midle #content .uitleg .vak .inhoud ul{ margin:0px; padding:0px; }
#container #midle #content .uitleg .vak .inhoud ul li a{ color:#5e3b2e; text-decoration:underline; }
#container #midle #content .uitleg .vak .inhoud strong{ display:block; }
#container #midle #content .uitleg em.buttons{ font-style:normal; display:block; height:34px; margin-bottom:-8px;}
#container #midle #content .uitleg em.buttons a{ margin-left:5px; height:34px; line-height:34px; color:#ffdeb8; display:block; float:right; background:url(../images/bg_btn.jpg) no-repeat right; }
#container #midle #content .uitleg em.buttons a span{ cursor:pointer; padding:0px 12px 0px 12px; height:34px; display:block; float:left; background:url(../images/bg_btnspan.jpg) no-repeat left; }
#container #midle #content .uitleg em.buttons a:hover{ text-decoration:none; color:#f7941e; }
#container #midle #content .uitleg .vak .inhoud .prijs{ font-size:1.4em; color:#1a3a6b; font-weight:bold; }
#container #midle #content .uitleg .vak .inhoud em.toevoegen{ line-height:18px; font-size:0.9em; padding-top:10px; padding-bottom:10px; display:block; font-style:normal;}
#container #midle #content .uitleg .vak .inhoud em.toevoegen a{ padding:0px 14px 0px 0px; display:block; text-align:right; background:url(../images/bg_pijl.jpg) no-repeat right;}
#container #midle #content .uitleg .vak .inhoud em.toevoegen a.winkelen{ color:#008e93; }
#container #midle #content .uitleg .vak .inhoud em.toevoegen a.afrekenen{ color:#1a3a6b; background:url(../images/bg_pijl2.jpg) no-repeat right;}
#container #midle #content .uitleg .webshop p{ padding:0px 0px 4px 0px;}

#container #right{ float:right; width:231px; margin-top:-126px; }
#container #right #naw{ width:231px; height:151px; background:url(../images/bg_naw.jpg) no-repeat; }
#container #right #naw p{ display:none; }
#container #right #snelkeuze{ color:#ffdeb8; width:215px; background:url(../images/bg_snelkeuze.jpg) no-repeat; margin-bottom:15px; }
#container #right #snelkeuze .in{ padding:50px 20px 16px 43px; background:url(../images/bg_snelkeuzebottom.jpg) no-repeat bottom; }
#container #right #snelkeuze .in h3{ display:none; }
#container #right #snelkeuze .in ul{ line-height:27px; }
#container #right #snelkeuze .in ul li{ font-size:1.4em; }
#container #right #snelkeuze .in ul li a{ color:#ffdeb8; }
#container #right #snelkeuze .in ul li a:hover{ text-decoration:none; color:#f7941e; }

#container #right #arrangementen{ color:#ffdeb8; width:215px; background:url(../images/bg_arrangement.jpg) no-repeat; margin-bottom:5px; }
#container #right #arrangementen .in{ font-size:1.1em; padding:50px 20px 10px 17px; background:url(../images/bg_arrangementbottom.jpg) no-repeat bottom left; }
#container #right #arrangementen .in h3{ display:none; }
#container #right #arrangementen .in h4{ font-size:1.2em; padding:0px 0px 5px 0px; }
#container #right #arrangementen .in dl{ position:relative; margin:0px; padding:0px 0px 5px 0px; font-weight:bold; }
#container #right #arrangementen .in dl dt{ float:left; color:#ffa840; }
#container #right #arrangementen .in dl dd{ font-size:0.95em; }
#container #right #arrangementen .in em{  display:block; float:left; font-size:1.3em; font-style:normal; }
#container #right #arrangementen .in em a{ display:block; float:left; text-decoration:underline; font-style:normal; color:#f7941e; }
#container #right #arrangementen .in strong{ padding:23px 0px 7px 0px; color:#1a3a6b; display:block; font-size:1.05em; float:right; margin-right:-10px; width:82px; }
#container #right #arrangementen .in strong span{ font-weight:normal; font-size:0.75em; }

#container #right #uitgelicht{ color:#ffdeb8; width:215px; background:url(../images/bg_product.jpg) no-repeat; margin-bottom:5px; }
#container #right #uitgelicht .in{ font-size:1.1em; padding:50px 22px 16px 22px; background:url(../images/bg_categorienbottom.jpg) no-repeat bottom left; }
#container #right #uitgelicht .in h3{ display:none; }
#container #right #uitgelicht .in h4{ font-size:1.0em; padding:0px 0px 10px 0px; }
#container #right #uitgelicht .in h4 a{ color:#ffdeb8; }
#container #right #uitgelicht .in img{ border:1px solid #ffdeb8; }
#container #right #uitgelicht .in strong{ display:block; padding:7px 0px 5px 0px; font-size:1.2em; }
#container #right #uitgelicht .in em{ display:block; text-align:right; font-style:normal; }
#container #right #uitgelicht .in em a{ color:#f7941e; }

#container #right #agenda{ color:#ffdeb8; width:215px; background:url(../images/bg_beschikbaar.jpg) no-repeat; margin-bottom:10px; }
#container #right #agenda .in{ font-size:1.1em; padding:52px 0px 15px 15px; background:url(../images/bg_snelkeuzebottom.jpg) no-repeat bottom left; }
#container #right #agenda .in h3{ display:none; }

#container #midleright{ float:left; width:717px; }
#container #midleright #nieuws{ margin-bottom:20px; position:relative; float:left; width:232px; padding:34px 0px 0px 0px; background:url(../images/bg_nieuws.jpg) no-repeat; }
#container #midleright #nieuws .in{ padding:16px 30px 10px 16px; background:url(../images/bg_nieuwsbottom.jpg) no-repeat bottom; }
#container #midleright #nieuws .in h3{ display:none; }
#container #midleright #nieuws .in .nieuwsitem{ padding:0px 0px 10px 0px; }
#container #midleright #nieuws .in .nieuwsitem h4{ color:#f7941e; font-size:0.95em; padding-bottom:5px; }
#container #midleright #nieuws .in .nieuwsitem h4 a{ color:#f7941e; }
#container #midleright #nieuws .in .nieuwsitem .leftitem{ float:left; width:65px; }
#container #midleright #nieuws .in .nieuwsitem .leftitem img{ border:1px solid #efd2b3; }
#container #midleright #nieuws .in .nieuwsitem .rightitem{ float:left; padding:0px 0px 0px 8px; width:110px; color:#ffdeb8; font-size:0.85em;}
#container #midleright #nieuws .in .nieuwsitem .rightitem p{ margin:0px; padding:0px; }
#container #midleright #nieuws .in .nieuwsitem .rightitem a{ color:#ffdeb8; font-weight:normal; }

#container #midleright #welkom{ width:474px; float:right; }
#container #midleright #welkom h2{ padding:8px 0px 15px 0px;  }
#container #midleright #welkom p{ margin:0px; padding:0px 0px 15px 0px; }

#container #midleright #activiteiten{ margin-bottom:20px; position:relative; float:left; width:485px; height:166px; padding:34px 0px 0px 0px; background:url(../images/bg_activiteiten.jpg) no-repeat; }
#container #midleright #activiteiten h3{ top:0px; left:0px; position:absolute; text-indent:-3333px; width:171px; height:49px; background:url(../images/bg_aktiviteiten.png) no-repeat; z-index:10; }
#container #midleright #activiteiten a{ display:block; color:#ffdeb8; float:left; padding:0px 16px 0px 42px;}
#container #midleright #activiteiten a img{ border:1px solid #ffdeb8; }
#container #midleright #activiteiten a span{ display:block; padding:4px 0px 0px 10px;}
#container #midleright #activiteiten a:hover{ color:#f7941e; text-decoration:none;}

#container #midleright #openingstijden{ margin-bottom:20px; float:right; width:174px; font-size:0.95em; height:165px; padding:35px 14px 0px 28px; color:#ffdeb8; background:url(../images/bg_openingstijden.jpg) no-repeat;}
#container #midleright #openingstijden h3{display:none;}
#container #midleright #openingstijden strong{ color:#f7941e; font-size:1.4em; font-weight:normal; display:block; text-align:right;height:5px; } 
#container #midleright #openingstijden a{ color:#f7941e;} 
#container #midleright #openingstijden dl{ margin:0px; padding:0px 0px 10px 0px; width:174px; }
#container #midleright #openingstijden dl dt{ float:left; width:72px; margin:0px; padding:0px; }
#container #midleright #openingstijden dl dd{ margin:0px; padding:0px; }
#container #midleright #openingstijden p{ margin:0px; padding:0px; }

#container #fotos{ margin-left:15px; width:949px; background:url(../images/bg_fotos.jpg) no-repeat #ffdeb8; }
#container #fotos .in{ padding:12px 0px 12px 0px; background:url(../images/bg_fotosbottom.jpg) no-repeat bottom; }
#container #fotos .in ul li{ display:block; float:left; padding:0px 3px 0px 12px; }
#container #fotos .in ul li img{ width:141px; height:106px; }

#container #bottom{ position:absolute; bottom:0px; left:25px; width:955px; height:46px; }
#container #bottom ul { padding-top:16px; font-size:0.95em; }
#container #bottom ul li{ float:left; display:block; }
#container #bottom ul li a{ float:left; display:block; color:#b67c36; font-weight:normal; padding:0px 4px 0px 4px; border-right:1px solid #b67c36; line-height:13px;}
#container #bottom ul li.last a{ border:0px; }
#container #bottom ul li.mm{ float:right; margin-top:-5px; }
#container #bottom ul li.mm a{ float:right; text-indent:-3333px; border:0px; width:25px; height:24px; background:url(../images/bg_mm.jpg) no-repeat; }


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

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

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



#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 #5e3b2e;background: #FFFFFF;width:  275px;}
.input_small{border: 1px solid #5e3b2e;background: #FFFFFF;width:  135px;}
.input_nb{border: 1px solid #5e3b2e;background: #FFFFFF;width:  275px;}
.textarea{border: 1px solid #5e3b2e;background: #FFFFFF;width:  275px;height:  180px;}
.error{border: 1px solid red;background: #FFCCCC;}
.button{ border: 1px solid #5e3b2e;background: #009095;color:white;}