* { margin: 0; padding: 0; border: 0; }
html { overflow-y: scroll; }
body { font-family: Verdana, sans-serif; background-color: #E0E5F8; color: #666666; font-size: 10px; }

#alles { position: relative; }

a.nieuw { text-decoration: line-through !important; }
a.meer { font-size: 0.8em; }

#fotobalken { position: relative; }
#fotobalk, #nieuwefotobalk { height: 15em; width: 100%; background-repeat: no-repeat; }
#fotobalk { }
#nieuwefotobalk { position: absolute; top: 0; left: 0; }

#topmenu { position: absolute; top: 0; left: 0; padding: 0.6em 0 0 7em; white-space: nowrap; font-size: 90%; }
#topmenu ul li { display: inline; line-height: 2em; padding: 0 1.8em; }
#topmenu ul li a { color: #220183; text-decoration: none; font-weight: bold; }
#topmenu ul li a:hover { text-decoration: underline; }

#kop { height: 2em; background-repeat: no-repeat; }

#tussen { background-repeat: repeat-y; overflow: auto; }

#middenenrechts { float: right; width: 64.5%; padding-right: 10%; overflow: auto; }
#midden { float: left; width: 65%; overflow: auto; }
#rechts { float: right; width: 29%; padding-left: 5%; }
#links  { float:  left; margin-left: 9.5%; width: 13%; overflow: auto; }

#middenenrechts ul#kruimels { list-style: none; margin: 0; text-align: right; font-size: 0.8em; color: #000000; margin: -0.2em 0 0.5em; }
#middenenrechts ul#kruimels li { display: inline; margin: 0; padding: 0; }
#middenenrechts ul#kruimels li.nietlaatste:after { content: '\00a0\25bb\00a0'; color: #220183; }
#middenenrechts h1 { font-size: 2.0em; font-weight: normal; margin-bottom: 0.5em; color: #5CA647; clear: left; }
#middenenrechts h2 { font-size: 1.2em; font-weight: bold;   margin-bottom: 0.5em; color: #5CA647; clear: left; }
#middenenrechts #rechts h2 { padding-top: 1em; border-top: 0.2em solid #E0E5F8; }
#middenenrechts h3 { font-size: 1.0em; font-weight: bold;   margin-bottom: 0.5em; clear: left; }
#middenenrechts a { color: #220183; }
#middenenrechts p { margin: 0.5em 0 1.5em; }
#middenenrechts strong { color: #220183; }
#middenenrechts em { color: #5CA647; }
#middenenrechts span.envelop { font-size: 140%; }
#middenenrechts img { width: 100%; }
#middenenrechts img.inregel { clear: left; float: left; margin: 0 2em 1em 0; width: 20%; }
#middenenrechts ul { margin: 0.5em 0 1.5em 2em; }
#middenenrechts ul li { padding-left: 0.5em; margin-bottom: 0.5em; }
#middenenrechts ul li ul { margin-bottom: 0; }
#middenenrechts ul li ul li { margin-bottom: 0; }
#middenenrechts ul li ul li ul { margin-bottom: 0.5em; }
#middenenrechts ul.ruim li { margin-bottom: 0.8em; }
#middenenrechts ul.horizontaal { margin: 0; }
#middenenrechts ul.horizontaal li { display: inline; line-height: 2em; margin: 0 3em 0 0; }
#middenenrechts .uitklapbaar { margin-bottom: 1em; }
#middenenrechts .klikbaar:hover { text-decoration: underline; cursor: pointer; }
#middenenrechts .klikbaar:after { content: '\00a0\25bc'; color: #5CA647; }
#middenenrechts .klikbaar.open:after { content: '\00a0\25b2'; }
#middenenrechts table { border-collapse: collapse; width: 100%; }
#middenenrechts table tr th, #middenenrechts table tr td { padding: 0.2em 0.3em; vertical-align: top; white-space: nowrap; height: 2em; border-bottom: 0.1em solid #E0E5F8; text-align: left; }
#middenenrechts table tr td .extrainfo { display: none; font-size: 80%; white-space: normal; }
#middenenrechts table tr:hover td { background-color: #E0E5F8; }
#middenenrechts table tr td div { padding: 0.5em 0; }
#middenenrechts table tr.ongeldig td { background-color: #FF0000; }
#middenenrechts table tr.verleden td { display: none; }
#middenenrechts table tr.recent td, #middenenrechts table tr.recent td a, #middenenrechts table tr.recent td .klikbaar:after { color: #CCCCCC; }
#middenenrechts table tr.toekomst td { display: none; }
#middenenrechts a.emailadres:before { content: '\2709\00a0'; }
#middenenrechts a.pdf:after { content: '\00a0(PDF)'; }
#middenenrechts span.telefoonnummer:before { content: '\260e\00a0'; }
#middenenrechts .regio { background-color: #2FBF2F; padding: 1em 1em 0.1em; margin: 1em; }
#middenenrechts span.next { font-variant: small-caps; }

#middenenrechts form ul { margin: 0; list-style-type: none; font-weight: normal; }
#middenenrechts form ul li { margin-bottom: 0.2em; padding: 0.2em; border: 0.1em solid #FFFFFF; }
#middenenrechts form strong { display: block; margin-bottom: 0.5em; }
#middenenrechts form label { display: block; }
#middenenrechts form textarea,
#middenenrechts form input.text,
#middenenrechts form select { font-size: 1em; color: #220183; border: 0.1em dotted #220183; width: 31.5em; }
#middenenrechts form textarea { height: 6em; padding: 0.1em 0.2em; display: inline-block; }
#middenenrechts form input.text { padding: 0.1em 0.2em; }
#middenenrechts form input.submit { display: block; font-size: 1em; border: 0.2em solid #CCCCCC; border-color: #CCCCCC #666666 #666666 #CCCCCC; background-color: #220183; color: #FFFFFF; padding: 0.2em 0.3em; cursor: pointer; text-decoration: underline; }
#middenenrechts form select { height: 1.5em; width: 20.5em; }
#middenenrechts form select option { padding: 0.2em 0.2em; }

#middenenrechts ul.personen { list-style-type: none; font-size: 80%; margin: 1em auto; width: 39.5em; overflow: auto; background-color: #E0E5F8; }
#middenenrechts ul.personen li { display: block; float: left; margin: 0; padding: 0.5em; width: 12em; }
#middenenrechts ul.personen li img { display: block; height: 16em; width: 12em; margin: 0.2em; }

#middenenrechts div.fotogalerij { margin: 0 auto 1em; background-color: #E0E5F8; padding: 0.4em; width: 32.4em; }
#middenenrechts div.fotogalerij div.galerij { margin: 0.2em; }
#middenenrechts div.fotogalerij div.galerij img { width: 100%; }
#middenenrechts div.fotogalerij ul.fotos { list-style: none; margin: 0; overflow: auto; }
#middenenrechts div.fotogalerij ul.fotos li { display: block; float: left; margin: 0; padding: 0.15em 0.15em 0 0.2em; }
#middenenrechts div.fotogalerij ul.fotos li img { cursor: pointer; width: 5em; opacity: 0.5; }
#middenenrechts div.fotogalerij ul.fotos li img:hover,
#middenenrechts div.fotogalerij ul.fotos li img.active { opacity: 1.0; }
#middenenrechts div.fotogalerij ul.fotos li img.active { cursor: auto; }

#middenenrechts ul#plattegronden { list-style-type: none; margin: 0; }
#middenenrechts ul#plattegronden li { margin-bottom: 2em; }
#middenenrechts ul#plattegronden li img { width: 50%; display: block; margin-top: 0.5em; }

#middenenrechts ul#actualiteiten { list-style-type: none; margin: 0; border-top: 0.1em dotted #666666; }
#middenenrechts ul#actualiteiten li { clear: left; overflow: auto; border-bottom: 0.1em dotted #666666; padding: 0.5em 0 0; margin: 0; }
#middenenrechts ul#actualiteiten li img { width: 15%; float: left; margin: 0 0.5em 0.5em 0; }

#middenenrechts .googlecalendar { width: 100%; }

#middenenrechts ul#rechts { list-style-type: none; margin: 0; }
#middenenrechts ul#rechts img { width: 100%; }
#middenenrechts ul#rechts img.inregel { clear: left; float: left; margin: 0 1em 0.5em 0; width: 40%; }
#middenenrechts ul#rechts li { padding: 0; margin: 0 0 1em 0; clear: left; }
#middenenrechts ul#rechts li ul { margin: 0.5em 0 1.5em 1em; }
#middenenrechts ul#rechts li ul li { padding: 0; margin: 0.5em 0; }

#middenenrechts ul#rechts li object { display: block; width: 100%; height: 14.5em; }

#middenenrechts ul#rechts li ul.boeken { list-style-type: none; margin: 0; padding-bottom: 1.5em; border-bottom: 0.2em solid #E0E5F8; }
#middenenrechts ul#rechts li ul.boeken li { height: 7em; clear: left; }
#middenenrechts ul#rechts li ul.boeken li ul { list-style-type: none; margin: 0; }
#middenenrechts ul#rechts li ul.boeken li ul li { font-size: 80%; height: auto; clear: none; }
#middenenrechts ul#rechts li ul.boeken li img { width: 30%; float: left; margin: 0 0.5em 0.5em 0; }

#middenenrechts ul#rechts li ul.knoppen { list-style-type: none; margin: 0.5em 0 0; height: 15.5em; }
#middenenrechts ul#rechts li ul.knoppen li { width: 50%; float: left; margin: 0.1em 0; clear: none; }
#middenenrechts ul#rechts li ul.knoppen li img { width: 95%; }

#links h1 { display: none; }
#links ul li { list-style-image: none; list-style-type: none; margin-bottom: 0.5em; line-height: 1em; font-size: 90%; white-space: nowrap; }
#links ul li .kaderboven, #links ul li .kaderonder { background-repeat: no-repeat; height: 1em; }
#links ul li .kadertussen { background-repeat: repeat-y; padding-left: 0.7em; }
#links ul li .kadertussen a { position: relative; top: -0.6em; }
#links ul li a { color: #220183; text-decoration: none; }
#links ul li a:hover { text-decoration: underline; }
#links ul li a.gekozen { color: #5CA647; }
#links ul li a.gekozen:hover { text-decoration: none; cursor: default; }
#links ul li ul li { margin: 0.25em 0.25em 0 1em; padding: 0.1em 0; text-indent: -0.5em; font-size: 95%; white-space: normal; }

#voet { clear: both; height: 4em; background-repeat: no-repeat; text-align: center; padding-top: 4em; font-size: 0.8em; }

@media print {
  body { font-size: 12px !important; }
  #fotobalk, #nieuwefotobalk, #bladeren, #topmenu, #links, #rechts, #voet, #beheer { display: none; }
  #middenenrechts, #midden { float: none; width: auto; overflow: auto; }
  #middenenrechts table tr td .extrainfo { display: block; }
  .uitklapbaar li div { display: block; }
}