* { margin: 0; padding: 0; border: 0; }
html { height: 100%; margin-bottom: 0.1px; } /* forceer verticale schuifbalk */
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #000; }
ul li, ol li { margin-left: 1em; line-height: 1.5em; }

#header { margin: 1em; padding: 1em; height: 6.5em; background-color: #ddd; }

.logo { position: relative; font-size: 0.7em; }
.logoupperleft   { position: absolute; width: 3em; height: 6em; left: 19.0em; top: 0.0em; background-color: #000; }
.logobottomright { position: absolute; width: 3em; height: 6em; left: 22.2em; top: 3.2em; background-color: #000; }
.logoupperright  { position: absolute; width: 6em; height: 3em; left: 22.2em; top: 0.0em; background-color: #f60; }
.logobottomleft  { position: absolute; width: 6em; height: 3em; left: 16.0em; top: 6.2em; background-color: #f60; }
.logoleft { position: absolute; display: block; text-decoration: none; color: #000; }
.logoright { position: absolute; }

.logonl { width: 30em; height: 6.5em; margin: auto; }
.logonl .logoleft { font-size: 2em; left: 2em; top: 1em; }
.logonl .logoright { font-size: 2.5em; left: 10.7em; top: 2em; font-weight: bold; }

.logocom { width: 36em; height: 6.5em; margin: 0 auto 0.8em; }
.logocom .logoleft { font-size: 2.5em; left: 1.2em; top: 0.8em; font-weight: bold; }
.logocom .logoright { font-size: 2em; left: 13em; top: 2em; font-weight: normal; }

#page { padding: 0.5em 1em 0; }

#sidebar { position: absolute; width: 14em; border-right: 1px solid #ddd; }
#sidebar li.widget { font-size: 0.9em; }
#sidebar li { list-style-image: none; list-style-type: none; margin: 0 0 1em; clear: left; line-height: 1.2em; }
#sidebar li li { margin: 0; }
#sidebar li li li { margin-left: 1em; }
#sidebar { color: #666; white-space: nowrap; }
#sidebar a { color: #666; }
#sidebar .age { font-size: 0.6em; }
#sidebar .pdf { margin-left: 0.5em; }

#content { margin-left: 15em; }

.entry .colofon { float: left; width: 15em; padding: 0.5em 0.5em 0.5em 1em; margin: 0 1em 0.5em 0; background-color: #fc9; line-height: 1.2em; }
.entry .colofon ul { margin-top: 0; margin-bottom: 0; }
.entry .colofon li { padding: 0.2em; line-height: 1.2em; }
.entry .colofon li li { list-style-type: square; padding: 0; margin: 0 0 0 1em; }
.entry .colofon img { width: 12em; }
.entry .colofon a { color: #009; }

.tussenstuk { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 0.5em; margin-bottom: 1em; line-height: 2em; font-weight: bold; }
.tussenzin { font-style: italic; }

.waarschuwing { font-style: italic; color: #f60; }

h1, h2, h3, h1 a, h2 a, h3 a { color: #f60; }
h1 { font-size: 2.5em; margin-bottom: 1em; }
h2, h3 { font-size: 2em; font-weight: bold; margin-bottom: 0.2em; }
h4, h5, h6 { font-size: 1.5em; font-weight: normal; }

#tekst { font-size: 2em; font-weight: bold; color: #f60; }
.datum { white-space: nowrap; }

.postmetadata .categorie, .postmetadata .titel { font-size: 2em; font-weight: bold; }
.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active { text-decoration: none; color: #f60; }
#header .postmetadata { float: right; }

.post { clear: right; }

.admin a:link, .admin a:visited, .admin a:active { color: #999; }
.admin li { list-style-image: none; list-style-type: none; margin: 0; }

.entry { margin: 0.5em 0 1em; }
ul.compact { margin-top: -0.8em; margin-bottom: 0.8em; }
ul.compact li { margin-bottom: 0.1em; }
.entry p { line-height: 1.5em; margin: 0.2em 0 0.8em 0; }
.entry li { margin: 0 0 0.3em 1em; }
.entry ol { margin-top: -0.8em; }
.entry ol li { margin: 0 0 0 1.5em; }
.entry a { font-weight: bold; color: #f60; }
.entry a.bs { font-weight: normal; }
strong.extra { text-decoration: underline; }

.text { border: 1px solid #999; padding: 0.1em; font: inherit; font-weight: bold; color: #f60; }
select { border: 1px solid #999; font: inherit; color: #f60; }
option { padding: 0 0.2em; }
.submit { border: 2px outset #666; padding: 0.2em; font: inherit; font-weight: bold; background-color: #f60; color: #fff; }
.naam { width: 20em; }
.bedrag { width: 4em; }
.adres { width: 40em; }
.saldo { font-weight: bold; }

.alignright { float: right; }
.alignleft { float: left; }

.links { float: left; }
.midden { margin: 0 auto; }
.rechts { float: right; margin: 0 0 1em 1em; clear: right; }
.links, .midden, .rechts { width: 50%; }
.links img, .midden img, .rechts img { width: 100%; height: 100%; margin-bottom: 0.2em; }

.fotoblok { clear: right; }
.fotoblok .rechts { margin: 0; }
.foto { font-size: 0.8em; font-style: italic; background-color: #fff; }
.foto img { display: block; height: auto; }

.break { clear: both; }
.navigation { clear: right; }

#rekeningoverzicht { border-collapse: collapse; margin: 0 0 2em; line-height: 1em; }
#rekeningoverzicht th { text-align: left; border: 0; background-color: #fff; }
#rekeningoverzicht th, #rekeningoverzicht td { white-space: nowrap; text-align: right; vertical-align: bottom; border: 1px solid #ddd; padding: 0.2em; }

.akte p { margin: 0; }
.akte ol, .akte ul { margin: 0 0 0 1.5em; }
.akte li { margin: 0; }
.akte ol.letter { list-style-type: lower-alpha; }

.single .nieuwsbrief .postmetadata { float: right; margin-top: -1.5em; }
.single .nieuwsbrief .postmetadata .datum { display: none; }
.single .nieuwsbrief .postmetadata .categorie,
.single .nieuwsbrief .postmetadata .titel { font-size: 1.5em; }
.nieuwsbrief .links, .nieuwsbrief .midden, .nieuwsbrief .rechts { width: 25%; }

.uitnodiging div.fotostrip           { width: 99%; white-space: nowrap; overflow: hidden; background-color: #000; }
html>body .uitnodiging div.fotostrip { width: 100%; } /* niet voor ie, want in ie verschuift anders de strip tot onder de sidebar */
.uitnodiging div.fotostrip img.filmrol { display: block; clear: left; height: 1em; }
.uitnodiging div.fotostrip ul        { width: 2000px; }
.uitnodiging div.fotostrip ul li     { float: left; list-style-type: none; margin: 0; line-height: 0; }
.uitnodiging div.fotostrip ul li img { width: 5em; padding: 0 0.5em; }
.uitnodiging p { text-align: center; margin: 0.5em 0; font-size: large; }
.uitnodiging p.ondertekening { text-align: right; }

.visitekaartjezelf { border: 1px solid black; width: 185mm; height: 110mm; padding: 10mm; font-size: 6mm; position: relative; margin-bottom: 10mm; }
.visitekaartjezelf .logonl { font-size: 6mm; margin-left: -67mm; }
.visitekaartjezelf .adoklein { position: absolute; top: 22mm; left: 54mm; font-size: 25mm; font-weight: bold; text-transform: uppercase; color: #666; }
.visitekaartjezelf .missie { position: absolute; top: 54mm; left: 10mm; line-height: 8mm; font-size: 6.0mm; font-style: italic; }
.visitekaartjezelf img.zuidamerika { position: absolute; height: 56mm; top: 64mm; left: 140mm; }
.visitekaartjezelf div.bolivia { position: absolute; top: 86mm; }
.visitekaartjezelf div.nederland { position: absolute; top: 106mm; }
.visitekaartjezelf .adres { font-style: italic; }

.briefhoofdzelf { padding: 10mm; font-size: 6mm; position: relative; margin-bottom: 10mm; }
.briefhoofdzelf .logonl { font-size: 6mm; margin-left: -67mm; }
.briefhoofdzelf .vriendenvan { position: absolute; top: 7mm; left: 67mm; font-size: 15.5mm; font-weight: bold; text-transform: uppercase; color: #f95; }
.briefhoofdzelf .adoklein { position: absolute; top: 22mm; left: 54mm; font-size: 25mm; font-weight: bold; text-transform: uppercase; color: #666; }

.contactgegevens li { list-style-image: none; list-style-type: none; margin-left: 0; }

.oproep .antwoordstrook { width: 50%; line-height: 1.5em; }
.oproep .antwoordstrook .adres { width: 20em; }

.maandtotalen { width: 100%; }

blockquote { margin-left: 2em; }

.oranje { color: #f60; font-style: italic; }
div.oranje { border-top: 0.1em solid #f60; border-bottom: 0.1em solid #f60; padding: 1em; margin-bottom: 1em; }

#footer { margin: 0 1em; clear: both; text-align: center; background-color: #ddd; color: #999; padding: 0.5em; }

@media screen {
  .print { display: none; }
}

@media print {
  body { font-size: 9.8pt; }
  a, .entry a, .entry .colofon a { font-weight: normal; text-decoration: none; color: #000; }
  .postmetadata .categorie a { font-weight: bold !important; font-size: 0.8em; }
  .postmetadata .titel { font-weight: bold !important; font-size: 1.2em !important; }
  a[rel~=email], a[rel~=url] { text-decoration: underline !important; }
  #header { margin-top: 0; }
  #sidebar, #footer, .admin, .submit, .waarschuwing, .navigation, .screen, .postmetadata .pdf { display: none; }
  #content { border-left: 0; margin-left: 0; padding-left: 0; }
  .text { border: 0; padding: 0; border-bottom: 1px solid #999; margin-bottom: -0.3em; font: inherit; }
  .pagebreak { page-break-before: always; }
  
  .nieuwsbrief .links, .nieuwsbrief .midden, .nieuwsbrief .rechts { width: 30%; }

  .uitnodiging a { text-decoration: none; }
  .uitnodiging.single .postmetadata, .uitnodiging #header { display: none; }
  .uitnodiging p { font-size: 14pt; line-height: 1.2em; }

  .visitekaartje.single .postmetadata, .visitekaartje #header { display: none; }
  .visitekaartjezelf { border: 0; }

  .oproep #header { display: none; }
  .oproep.single .postmetadata, .visitekaartje #header { display: none; }

  #kolommen, #rekeningoverzicht, #afgerond { display: none; }
}