body { margin: 0; padding: 0; background-color: #D4DFF7; color: #000; }
body, td { font: x-small Trebuchet MS, x-small Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; }








#bladspiegel {background: white; margin: 100px 90px 30px 90px;}

b.rtop, b.rbottom{display:block;background: #D4DFF7}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: white}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px;height: 3px}

/*
b.titeltop {display:block; background: #D4DFF7; }
b.titelbottom {display:block; background: white; }
b.titeltop b {display:block;height: 1px;
    overflow: hidden; background: #3A5D87; }
b.titelbottom b {display:block; height: 1px;
    overflow: hidden; background: #3A5D87; }
b.titel1{margin: 0 5px}
b.titel2{margin: 0 3px}
b.titel3{margin: 0 2px}
b.titeltop b.titel4, b.titelbottom b.titel4 {margin: 0 1px;height: 3px}
*/



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


#content { margin: 0px 50px 0 130px; vertical-align: top; padding-top: 110px; padding-left: 20px; border-left: 2px dotted #B2B9AC; }

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; color:#3A5D87;  padding-bottom: 10px; border-left: 0; }

#content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color:#6A6D67;  padding-top: 0px; padding-bottom: 25px; } 
#content h3 { font-size: 1.1em; color:black; font-style: solid; padding-bottom: 15px;}
#content h4 { font-size: 1.0em; color:#5E6169; font-style: normal; padding-bottom: 5px;}



#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: 1cm; }

#content a { text-decoration:underline; }
#content a:visited { color:#6A7564; text-decoration:underline; }
#content a:hover { color:#997866; text-decoration:underline; }

#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; font-size: 1.1em;}


/* 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; }





/* hyperlinks, em, strong, default settings form, img  etc. */
a:link { color: #819AA1; 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; }









/* ==== Breadcrumb ==== */
#breadcrumb { font: x-small verdana; font-size: 0.7em; position: absolute; top: 190px; right: 195px; vertical-align: top; text-align: left; height: auto; padding: 0 0 225px 0; 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-wrap1 {
clear:both;
margin:0 0 10px;
padding:15px 0 0;
}
#footer-wrap2 {
background:#445566  no-repeat left top;
color:#ffffff;
}

*/

/*
#footer { center; bottom; position: absolute; z-index: 1; background-color: #3A5D87; right: 220px; left: 220px; margin: -20px 0 0 0; }
*/

#footer { bottom; background-color: #3A5D87; margin: 0 0 0 0; height: 2em; }

#footer p { color: white; font-size: 0.90em; padding-left: 220px;}
#footer a { color: white; text-decoration: underline;}

/*
b.footertop {display:block; background: white; }
b.footerbottom {display:block; background: #D4DFF7; }
b.footertop b {display:block;height: 1px;
    overflow: hidden; background: #3A5D87; }
b.footerbottom b {display:block; height: 1px;
    overflow: hidden; background: #3A5D87; }
b.footer1{margin: 0 5px}
b.footer2{margin: 0 3px}
b.footer3{margin: 0 2px}
b.footertop b.footer4, b.footerbottom b.footer4 {margin: 0 1px; height: 3px}
*/

/* ===== Hoofding titel == */

.hoofding-midden h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color:white;  padding-top: 0px; padding-left: 20px; }
.hoofding-midden h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px	; color:white; padding-left: 20px; }
.hoofding-midden { position: absolute; top: 60px; right: 195px; left: 195px; background: #3A5D87 url("beeld/dead_sea_2.jpg") right bottom ; z-index: 1; height: 120px; }