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







.hoofding_links { position: absolute; top: 10; left: 0; z-index: 2; }
.hoofding_rechts  { position: absolute; top: 30px; right: 0; background-color: #A03C17; 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: 85px; right: 0; background-color: #F0D167; z-index: 1; width:100%; text-align:right;  font-size: 1.2em; color: white; font-weight: bold; height: 10px; }
.banner  { position: absolute; top: 15px; right: 0; ; z-index: 3; width:100%; text-align:right; vertical-align: center; font-size: 1.2em; color: white; font-weight: bold; height: 100px; }



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






/* hyperlinks, em, strong, default settings form, img  etc. */
a:link { color: #A03C17; text-decoration:none;}
a:visited { color:#5E6169; }
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 20px 0 200px; vertical-align: top; padding-top: 0; padding-left: 20px; border-left: 2px dotted #D1CBB5; }

#content h1 { font-size: 1.6em; color:#3A5D87; line-height: 1.2em; margin-bottom: 20px;} 
#content h2 { font-size: 1.3em; color:#507750; line-height: 2em; 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; font-variant: small-caps; }
#content-first p:first-letter {font-size: 400%; float: left; position: relative; color: #000000; font-family: sabon,garamond,serif;}


/* 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: 130px; right: 0px; vertical-align: top; text-align: left; height: auto; padding: 0 80px 0 0; font-size: 0.85em; 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.85em; clear:both; }
#footer a {text-decoration:none; }