/*

Blauw: 0167D5
Oranje: CD7A00
Grijs: BBBBBB

logootje voor de headertekst?
icoontje/silhouet van de reiger voor elke post in het blauw,...

*/

body{font-family:Georgia, Verdana, serif; font-size:13px; background-color:#bbbbbb;}
strong{font-weight:bold;}
em{font-style:italic;}
div.centreer{margin-left:auto; margin-right:auto; text-align:center;}
div.clear{clear:both;}
div#hoofdkader{width:900px; margin:0 auto 0 auto; background:#FFF url("../plaatjes/achtergrond.jpg");}
a:link, a:visited, a:active{color:#CD7A00; text-decoration:underline;}
a:hover{color:#0167D5; text-decoration:underline;}
.metlijn{font-size:2em; text-align:left; color:#000; font-weight:bold; line-height:1.4em; border-bottom:2px solid #0167D5; border-bottom:2px solid #0167D5; padding:6px 0; margin:0 0 16px 0;}




/* Header */
div#header{height:160px; width:100%; background-color:#0167D5; margin:0 0 10px 0; background: url("../plaatjes/header.jpg") no-repeat;}
div#header div#headertekstblok{height:150px; width:330px; float:left;}
div#header div#headertekstblok img#headertekst{margin:34px 0 0 20px;}
div#header div#headerplaatjesblok{height:150px; width:440px; float:right; padding:13px 26px 0 0;}
div#header div#headerplaatjesblok img#headerplaatje{}



/* Contentblok */
div.contentblok{width:680px; float:right;}
div.contentblok div.contentintro{width:610px; height:40px; background:url('../plaatjes/reactieblok.jpg') no-repeat; margin:0 0 0 10px; text-align:center; clear:both;}
div.contentblok div.contentintro div.contentintrotekst{width:540px; padding:13px 10px 6px 30px; color:#FFF;}
div.contentblok div.contentintro div.contentintrotekst a{color:#FFF; text-decoration:none;}
div.contentblok div.contentintro div.contentintrotekst a:hover{color:#FFF; text-decoration:underline;}


div.contentblok div.paginering{text-align:center; margin:20px 0 0 0;}
div.contentblok div.paginering a{padding:2px 3px 2px 3px; text-decoration:none;}
div.contentblok div.paginering a:hover{text-decoration:none; background-color:#0167D5; color:#FFF;}
div.contentblok div.paginering span.actief{background-color:#0167D5; color:#FFF; padding:2px 3px 2px 3px;}
div.contentblok div.paginering .links{padding:2px 18px 2px 6px;}
div.contentblok div.paginering .rechts{padding:2px 6px 2px 18px;}

div.contentblok div.enkeltekstmelding{width:400px; float:right; background-color:#FFF; text-align:center; border:6px solid #0167D5; padding:24px 0 18px 0; margin:20px 110px 20px 0; color:#CD7A00; font-weight:bold; font-size:1.4em;}



div.contentblokcontainer{margin:4px 0 16px 0; width:640px; float:right; border-left:4px solid #CD7A00; background: #FFF url("../plaatjes/contentmiddenrand_rechts.jpg") repeat-y right;}
div.contentblokcontainer div.boven{height:10px; background: url("../plaatjes/rondingrechtsboven.gif") no-repeat right top;}
div.contentblokcontainer div.onder{height:10px; background: url("../plaatjes/rondingrechtsonder.gif") no-repeat right bottom;}
div.contentblokcontainer div.content{width:595px; margin:0 0 0 20px; color:#333; line-height:1.8em; text-align:justify; font-size:1.1em;}



/* Zijbalk */
div#zijbalk{width:200px; float:left; padding-top:20px;}
div#zijbalk div.infoblok{width:230px; margin:0 0 20px 0; border-right:4px solid #CD7A00; background: #FFF url("../plaatjes/contentmiddenrand_links.jpg") repeat-y left;}
div#zijbalk div.infoblok div.boven{height:10px; background: url("../plaatjes/rondinglinksboven.gif") no-repeat left top;}
div#zijbalk div.infoblok div.onder{height:10px; background: url("../plaatjes/rondinglinksonder.gif") no-repeat left bottom;}



div#zijbalk div.infoblok h3{width:160px; font-size:16px; font-weight:bold; margin:4px 0 0 17px;}
div#zijbalk div.infoblok div.content span.kop{font-size:2em; padding:4px 0 0 0;}
div#zijbalk div.infoblok div.content{width:188px; background-color:#BBB; line-height:1.6em; font-size:1em; margin:8px 0 10px 17px; color:#333; padding:8px 0; border-top:2px solid #0167D5; border-bottom:2px solid #0167D5; padding:6px;}
div#zijbalk div.infoblok div.content ul{line-height:1.4em;}
div#zijbalk div.infoblok div.content ul li{list-style:none;}
div#zijbalk div.infoblok div.content ul#twitter_update_list{margin:0; font-style:italic;}
div#zijbalk div.infoblok div.content ul#twitter_update_list li{list-style:none;}
div#zijbalk div.infoblok div.content li img{margin:0 6px 0 0;}
div#zijbalk div.infoblok div.content li a{color:#000; text-decoration:none;}
div#zijbalk div.infoblok div.content li a:hover{color:#CD7A00; text-decoration:none;}
div#zijbalk div.infoblok div.content div.iconcontainer{background-color:#FFF; border:1px solid #000; padding:8px 4px 4px 4px;}
div#zijbalk div.infoblok div.content div.iconcontainer a{padding:2px 9px 2px 8px;}
div#zijbalk div.infoblok div.onder{}



.custom-tip {
	color: #333;
	width: 130px;
	border:2px solid #CD7A00;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	text-align:center;
	padding: 8px 8px 4px;
	background: #BBB;
	border-bottom: 2px solid #0167D5;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	line-height:1.4em;
	background: #FFF;
}





div#zijbalk div.zijbalkiconcontainer{}
div#zijbalk div.zijbalkiconcontainer img{margin:0 8px 0 0; float:left;}
div#zijbalk div.zijbalkiconcontainer span{display:block; padding:14px 0 0 0; float:left; font-size:20px; font-weight:bold;}
div#zijbalk div.zijbalkiconcontainer span a{color:#000; text-decoration:none;}
div#zijbalk div.zijbalkiconcontainer span a:hover{color:#CD7A00; text-decoration:none;}

div#zijbalk div.infoblok div.content div.zoekform{}
div#zijbalk div.infoblok div.content div.zoekform form{}
div#zijbalk div.infoblok div.content div.zoekform form input.zoekveld{width:120px; padding:2px; border:1px solid #0167D5; }
div#zijbalk div.infoblok div.content div.zoekform form input.submit{width:auto; background-color:#0167D5; color:#FFF; cursor:default; padding:2px; margin-left:6px; border:none;}







/* Kalender */
div.kalender{width:150px; color:#FFF;}
div.kalender div.maandnaam{text-align:center;padding:0 0 6px 0;}
div.kalender div.maandnaam a{color:#FFF; text-decoration:none;}
div.kalender div.maandnaam a:hover{color:#FFF; text-decoration:underline;}
div.kalender div.maandnaam a.terug{padding:0 10px 0 0;}
div.kalender div.maandnaam a.vooruit{padding:0 0 0 10px;}
div.kalender table{width:100%; border-collapse: collapse; font-size:0.9em;}
div.kalender table tr{}
div.kalender table tr th{padding:2px; text-align:center;}
div.kalender table tr td{padding:2px; border:1px solid #FFF; text-align:center;}
div.kalender table tr td.actief{color:#882A72; background-color:#FFF;}
div.kalender table tr td.actief a{color:#882A72;}
div.kalender table tr td.vol{color:#882A72; background-color:#e5acd8;}
div.kalender table tr td.vol a{color:#882A72;}
div.kalender table tr td.vol a:hover{background-color:#FFF;color:#882A72;}
div.kalender table tr td.inactief{color:#48113b;}

div.kalender table tr td a{text-decoration:none; color:#FFF; display:block; width:100%;}
div.kalender table tr td a:hover{text-decoration:none; color:#882A72; background-color:#FFF;}






/* Content */
div.content h1{font-size:2em; text-align:left; color:#000; font-weight:bold; line-height:1.4em;}
div.content h1 a{color:#000; text-decoration:none;}
div.content h1 a:hover{color:#0167D5; text-decoration:none;}
div.content img.vogel{margin:0 10px 0 0;}
div.content img.plaatje{float:left; margin:4px 8px 0 0; border: 1px solid #000;}
div.content div.plaatjegrootblok{width:100%; margin:auto; text-align:center;}
div.content div.plaatjegrootblok img.plaatje{float:none; margin:auto;}
div.content div.videoblok{width:100%; margin:0 auto 10px auto; text-align:center;}

div.content div.tekst{border-top:2px solid #0167D5; border-bottom:2px solid #0167D5; padding:20px 0;}

div.content div.datum{font-size:0.9em; color:#0167D5; padding:0 0 6px 0;}
div.content div.infoblok{padding:10px 0 0 0; font-size:0.9em;}
div.content div.info{color:#0167D5;}
div.content div.tags{color:#0167D5;}
div.content div.leesverder{padding:8px 0 0 0;}
div.content div.leesverder a{color:#000; font-weight:bold; text-decoration:none;}
div.content div.leesverder a:hover{color:#0167D5; text-decoration:none;}
div.content div.melding{padding:40px 0 40px 0; text-align:center;}

div.content div.opmerking{margin:6px 0 6px 0; font-style:italic; padding:3px; border:1px solid #999; font-size:0.9em; color:#999;}
div.content div.openklaplinkblok{text-align:center; margin:6px 0 6px 0;}
div.content div.openklaplinkblok a{display:block; width:100%;background-color:#882A72; color:#FFF; text-decoration:none;}
div.content div.openklaplinkblok a:hover{background-color:#48113b; text-decoration:none;}

div.content div.zoekresultaten{margin:10px 0 10px 0;}
div.content div.zoekresultaten ul{}
div.content div.zoekresultaten ul li{}
div.content div.zoekresultaten ul li a{text-decoration:none; display:block; width:100%; padding:2px 2px 2px 4px;color:#0167D5; }
div.content div.zoekresultaten ul li a:hover{text-decoration:none; background-color:#0167D5; color:#FFF;}
div.content div.zoekresultaten ul li span.datum{padding-right:8px;}
div.content div.zoekresultaten ul li span.titel{}
div.content div.zoekresultaten ul li span.inleiding{font-style:italic; display:block; padding:2px 2px 2px 84px; color:#CD7A00;}


div.content div.vorigevolgende{width:587px; color:#FFF; background-color:#0167D5; padding:0 4px; margin:8px 0;}
div.content div.vorigevolgende a{color:#FFF; text-decoration:none;}
div.content div.vorigevolgende a:hover{ text-decoration:underline;}
div.content div.vorigevolgende div.vorige{width:274px; padding:0; margin:0; text-align:left; float:left;}
div.content div.vorigevolgende div.volgende{width:274px; padding:0; margin:0; text-align:right; float:right;}

div#copyright{width:150px; font-size:9px; color:#000; color:#666666; padding:12px 0 0 20px; text-align:center;}



div#pagina_rss{width:150px; font-size:13px; color:#666666; padding:26px 0 60px 30px;}
div#pagina_rss a{color:#666666; text-decoration:none;}
div#pagina_rss a:hover{color:#666666; text-decoration:underline;}



div.reactieblok{width:580px; clear:both;}
div.reactieblok .kop{width:580px;border-bottom:2px solid #0167D5;}
div.reactieblok .kop .kopcontent{width:480px; padding:0 0 6px 0; font-weight:bold; color:#000;}
div.reactieblok .kop .kopcontent a{color:#0167D5; text-decoration:none;}
div.reactieblok .kop .kopcontent a:hover{color:#0167D5; text-decoration:underline;}
div.reactieblok .kop .datum{width:100px; float:right; text-align:right; padding:8px 0 0 0; color:#CD7A00; font-size:0.8em; line-height:1.1em;}



div.reactieform{margin:0 0 0 0;}
div.reactieform h2{font-size:2em; text-align:left; color:#000; font-weight:bold; line-height:1.4em; border-bottom:2px solid #0167D5; padding:6px 0;}
div.reactieform form{margin:20px 0 0 0;}
div.reactieform form label{width: 200px; float:left; clear:left; margin:0 0 6px 0;}
div.reactieform form img.plaatje{width: auto; float:left; margin:0 0 6px 0; border:1px solid #000;}
div.reactieform form input{width: 360px; float:left; margin:0 0 6px 0; padding:2px; border:1px solid #999;}
div.reactieform form input.fout{color:#FFF; background-color:#900;}
div.reactieform form input.tijd{width:40px;}
div.reactieform form input.antispam{margin:8px 0 0 0;}
div.reactieform form input.bestand{width:auto; border:none;}
div.reactieform form textarea{width: 360px; float:left; margin:0 0 6px 0; padding:2px; border:1px solid #999;}
div.reactieform form textarea.fout{color:#FFF; background-color:#900;}
div.reactieform form div.submitblok{clear:both; text-align:center; padding:20px 0 0 0;}
div.reactieform form div.submitblok input{width:auto; float:none; background-color:#0167D5; color:#FFF; cursor:default; border:none; padding:2px 14px 2px 14px;}



/* Forms */
.form_submitknopblok{margin-left:auto; margin-right:auto; text-align:center;}
.form_submitknop{font-size:11px;}
.form_invulveld{font-size:11px;}
.form_invulveldvol{font-size:11px; width:90%;}
.form_tweetekeninvulveld{font-size:11px;width:24px;}
.form_viertekeninvulveld{font-size:11px;width:48px;}



/* Reacties */
#reacties_form{width:80%; margin-left:auto; margin-right:auto; margin-top:20px; }
.reacties_invultabel{width:100%; margin-left:auto; margin-right:auto; margin-top:20px;}
.reacties_invultabel td{padding:2px; font-size:11px;}
.reacties_vraagcel{width:100px;}
div.reacties_uitlegblok{font-size:10px; margin-top:2px;}
.reacties_antwoordcel{}
.reacties_invulveld{font-size:11px; width:90%;}
.reacties_invulveldfout{font-size:11px; width:90%; background-color:#FF0000; color:#FFF;}
div.reacties_meldingsblok{padding:8px; margin-bottom:10px; text-align:center; font-size:13px; font-weight:bold; letter-spacing:4px; background-color:#fac877; border:1px solid #cc872d;}
div.reacties_berichtcontaineroneven{padding:10px 2px 10px 2px;background-color:#fed38c;border-bottom:1px solid #cc872d;}
div.reacties_berichtcontainereven{padding:10px 2px 10px 2px;background-color:#fcdca7;border-bottom:1px solid #cc872d;}
div.reacties_kopblok{}
div.reacties_naamblok{font-weight:bold; margin-bottom:4px;}
div.reacties_datumblok{font-size:10px; font-style:italic; margin-bottom:4px;}
div.reacties_berichtblok{}
div#reacties_schrijfzelfkop{margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; margin-top:10px;}

/* Contact */
.contact_invultabel{width:80%; margin-left:auto; margin-right:auto; margin-top:20px;}
.contact_invultabel td{padding:2px; font-size:11px;}
.contact_vraagcel{width:120px;}
.contact_antwoordcel{}
.contact_invulveld{font-size:11px; width:90%;}
.contact_invulveldfout{font-size:11px; width:90%; background-color:#FF0000; color:#FFF;}
.contact_invulveldklein{font-size:11px; width:60px;}