#bladspiegel {
margin: 0 100px 40px 20px; padding: 20px 0 0 0; z-index: 1}







.hoofding_links { position: absolute; top: 25px; left: 25px; z-index: 3; background-color: white; }
.hoofding_rechts  { position: absolute; top: 35px;   background-color: #AB1709; z-index: 1; width: 100%; text-align: right;  font-size: 1.2em; color: white; font-weight: bold; height: 55px;  }
.hoofding_rechts_2  { position: absolute; top: 90px; right: 0px; width: 100%;  background-color: #F0D167; z-index: 1; text-align:right;  font-size: 1.2em; color: white; font-weight: bold; height: 10px; width: 100%; }
.banner  { position: absolute; top: 15px; right: 0; ; z-index: 4;  text-align:right; vertical-align: center; font-size: 1.2em; color: white; font-weight: bold; height: 100px; }
.hoofding_links2 { position: absolute; top: 30px; width: 220px; height: 110px; z-index: 2; background-color: white; }

body { margin:0; padding: 0; background-color: #fff; color: #000; }
body, td { font-family: georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 11pt }
html>body, html>body
td { font-size: 11pt }







/* hyperlinks, em, strong, default settings form, img  etc. */
a:link { color: #AB1709; text-decoration:none;}
a:visited { color:#3A5D87; }
a:hover { color: #69C;}
a:active { color: #819AA1; }
em { font-weight: bold; font-style: italic; }
strong { font-weight: bold;}
form{ margin:0;}

/* add class = right/left to img when you want to align it to the right/left */
img.left { float: left; margin: 10px 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }
/* hides divs - when no css is applied, divs are shown */
.hidden { display: none; }
/* list lay-outs */
ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol.i { list-style-type: lower-roman; }
ol.II { list-style-type: upper-roman; }
ol.a { list-style-type: lower-alpha; }
ol.AA { list-style-type: upper-alpha; }




/* ==== Content ==== */


#content {  margin: 150px 40px 0 200px; vertical-align: top; padding-top: 0; padding-left: 20px; border-left: 2px dotted #D1CBB5; }

#content h1 { font-family: Trebuchet MS; font-size: 1.8em; color:#3A5D87; line-height: 1em; margin-bottom: 10px;} 
#content h2 { font-family: Trebuchet MS; font-size: 1.4em; color:#008000; line-height: 1.5em; padding-bottom: 25px; } 
#content h3 { font-size: 1.0em; color:#5E6169; font-style: oblique; padding-bottom: 15px; padding-top: 20px; }


#content h2, #content h3 { margin-bottom: 2px; margin-top:1.4em; }
#content p { margin-top: 0; text-indent: 0cm; }
#content p:first-line { margin-top: 0; text-indent: 0cm; }
#content a { text-decoration:underline; }
#content a:visited { color:#5E6169;}
#content a:hover { color:#C3999B; }

#content img {margin-left: 15px; margin-top: 0px; margin-bottom: 10px; border: 1px; border-style: solid; border-color: #DECB7D; }

#lijst p {margin-top: 0; text-indent: 0cm; }

/* voor de eerste alinea */

#content-first p:first-line { margin-top: 0;  }
#content-first p:first-letter {font-size: 700%; float: left; position: absolute; margin-top: 0;  color: #000000; font-family: georgia; }
/* #content-first p:first-line { margin-top: 0; font-variant: small-caps; }*/



/* uitgelicht citaat */

#uitgelicht { position: absolute; top: 200px; font-family: Times; margin: 10px; padding: 10px; width: 180px; border-top: 1px solid black; border-bottom: 1px solid black; font-size: 1.6em; color:#507750; float: right;  right: 10px; text-align: right; }



/* ==== Breadcrumb ==== */
#breadcrumb { position: absolute; top: 135px; right: 0px; vertical-align: top; text-align: left; height: auto; padding: 0 80px 0 0; font-size: 0.8em; font-family: verdana ; color: #3A5D87; z-index:30; }
#breadcrumb a { color: #A4ACB0; text-decoration: none; }
#breadcrumb a:visited { color: #5E6169; }
#breadcrumb a:hover { color: #C3999B; }
.br-act {color: #000;}



/* ====== Footer ==== */

#footer { margin: 40px 20px 0 220px; padding-top: 6px; padding-bottom:20px; border-top: 1px solid #3A5D87; font-size: 0.7em; clear:both; font-family: verdana; }
#footer a {text-decoration:none; }