<!--
/* ================ LOGISCHE LAYOUT ===================*/
body { margin:0; padding:0; width:97%;}

.meta, .afz, .tijd, .am, .website, .plaats, .land, .referer, .titel, .tekst, .auteur {display:block;}

.meta { margin-bottom: 30px; width:70%; padding:1%;}
.titel { margin-bottom:20px; }
.auteur { margin-top:20px; }
.toelichting {margin-top:20px}

.tekst { margin-bottom: 50px; margin-left:48px; width:90%; }

.scheid { margin-top:60px; display:block; }

.up, .down {width:11px; height:11px; border:0 }
.pijlLijn {display:inline; width:40%; margin-left:45px; color:rgb(51, 51, 153); margin-bottom:-10px; margin-top:-19px;}
.down {margin-top:-10px}

.zoekform {display:inline }
.button {font-size:12px; vertical-align:middle; }
.zoekveld {width:100px; font-size:12px; vertical-align:middle; }
.markzoek {color:rgb(51, 51, 153); background-color:navajowhite }
.foutmelding {color:red; font-weight:bold; font-family:Arial,Helvetica,Univers, Sans-serif; font-size:11px; line-height:15px;}

#disclaimer { position:relative; clear:both; font-size: xx-small; background:lightyellow; color:lightslategray; padding:10px; line-height:16px; margin-top:12px; margin-right:15px;}

/* ================ TBV FORMULIER===================*/
fieldset{
	display: block;
	width: 90%;
	margin: 50px 0 3em 0;
	padding: 0 0 1em 1em;
	background-color:#fff;
}

label{
	width: 30%;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 0.2em;
}

input{
	width: 50%;
}
input.submit {width:90px}
textarea{
	width:50%;
	height:100px;
	margin-bottom:5px;
}
.rij{
	display: block;
	clear: both;
	padding-top: 2px;
	margin:0;

}
/* ================ VANAF HIER TBV OPMAAK ===================*/

body {background-color: rgb(255, 255, 204); color: rgb(51, 51, 153);
	background-image: url('nabkgnd.jpg'); font-family:
	'Trebuchet MS', Arial, Helvetica; font-size: 18px; line-height:26px;
}

a:link, a:visited, a:active {color: maroon; text-decoration:none;}
a:hover {text-decoration:underline;}

.meldtabel {
	 width:170px;
	 background-color:lightyellow;
	 font-size:11pt;
	 color:teal;
	 border: 1px solid orange;
	 margin:0;
	 padding:0;
}
.meldtabel td {border: 1px solid orange;}

#formulier {
	width:80%;
	padding:1%;
	margin:0;

}

hr { width:40%; text-align:left; color: rgb(51, 51, 153); margin-bottom:10px; display:inline}

ul           { color: #008080; list-style-image: url('anabull1.gif') }
ul  li         { color: #008080; list-style-image: url('anabull1.gif') }
ul ul        { color: rgb(51, 51, 153); list-style-image: url('anabull2.gif') }
ul ul ul     { color: rgb(51, 51, 153); list-style-image: url('anabull3.gif') }
h1 {color:#060; font-weight: bold; font-size: 24pt; font-family:Arial, Helvetica; margin-bottom:0}
h2           { color: rgb(0, 153, 0) }
h3           { color: rgb(153, 102, 0) }
h4           { color: rgb(51, 51, 153) }
h5           { color: rgb(0, 102, 51) }
h6           { color: rgb(153, 102, 0) }
h1           { font-weight: bold; font-size: 20pt; font-family:
               Arial, Helvetica; text-align: none }
h2           { font-family: Arial, Helvetica; font-size: 18pt; text-align: none;
               font-weight: bold; vertical-align: none }
h3           { font-family: Arial, Helvetica; text-align: none; font-size: 14pt;
               vertical-align: none; font-weight: bold }
h4           { font-weight: bold; font-size: 12pt; vertical-align: none; text-align: none;
               font-family: Arial, Helvetica }
h5           { font-size: 10pt; text-align: none; font-weight: bold; font-family:
               Arial, Helvetica; vertical-align: none }
h6           { text-align: none; vertical-align: none; font-family: Arial, Helvetica;
               font-size: 8pt; font-weight: bold }

.tekst { color: #800080;}

.afz, .tijd, .toelichting, .am, .website, .referer, .plaats, .land {color: rgb(51, 51, 153); font-weight:bold;  }
.afz em, .tijd em, .toelichting em, .am em, .website em, .plaats em, .land em, .referer em { font-style:normal; color:teal; }

.titel, .auteur { color: rgb(51, 51, 153); }

.toel_inh {color:teal}

.mark { color:red; font-weight:bold; }
.markact {
	text-align:center; color:blue; background-color:yellow; font-weight:bold;
}
.zoekscript {color:white; font-size:xx-small;}

/* ******************************* DIVS ****************************************/

.boekthumb_klein { /* voor inhoudsopgave van boekenpagina's */
	width:50px;
	float:left;
	margin:4px 6px 1px 0;
}

#wrapper {
	width: 99%;
	min-width:400px;
	/* Allways good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */ 
	margin: 0 0 0 0;
	padding: 0;
	z-index:300;
}

#outer { /* verdeelt wrapper in 3 cols */ 
	margin: 0 172px 0 0;  /* right column width */
	width: auto; /* bij 100% springt content naar rechts */ 
}

#inner { /* zit in outer en bevat diverse divs tbv alle content in alle cols */  /* OP MAC OVERBODIG */ 
    margin: 0; 
	width: 100%; /* afh van outer die staat op auto */
}

/* DIVS IN INNER */ 

.left { /* Bevat de left kol*/ /* WERKT NIET ALS ID!!! */ 
	width: 2px;/* left column width */
	margin: 0 0 0 -2px;/* negative left column width */
	padding: 0;
	height: 448px; /* tbv alle andere browsers dan IE: achtergrond linker menu geheel weergeven */ 
	/* deze hoogte beīnvloed de positie van de Google ads */
	overflow: visible; /* zodat als er meer content is dan height 392px de cel meegeeft in hoogte */
	float: left;
	position: relative;
	z-index:20; /*nodig voor treemenu-script */
}

#outer {
	margin-left:2px;  /* left column width */
}

#center { /* container voor centrale tekstkolom */
	margin: 0;
	padding: 0;
	float: left;
	width: 99%;
	min-width:110px;
	overflow:hidden;
}

#incenter { /* bevat hoofd(tekst)content */
	margin:16px 30px 0 18px;
	padding:0;
}

.kolommen { /* Om incenter tekst in twee kolommen te verdelen*/
	width:100%;
	clear:both;
	margin-top:15px;
}
.kolomlinks {
	float:left;
	width:45%;
	padding-right:4%;
}
.kolomrechts {
	float:left;
	width:45%;
	padding-left:4%;
}

.kolom3a, .kolom3b, .kolom3c {
	float:left;
	width:32%;
}

/* -----einde in center */ 

.right { /* bevat rechter kolom; WERKT NIET ALS ID!!! */ 
	width: 170px; /* right column width */
	margin: 15px -170px 0 0;  /* _negative_ right column width plaatst right 171px rechts buiten inner*/
 /*	margin: -20px -171px 0 0; _negative_ right column width plaatst right 171px rechts buiten inner*/
	/* Door deze waarde 1 px groter te maken dan de eerste, werd de vervelende verspringing van de derde kolom in Opera opgeheven!*/
	/* negatieve topmargin van 102px plaatst de rechterkolom helemaal tegen de bovenrand van het scherm, om een bug van verspringen in Mac-IE te voorkomen. Vervolgen wordt de inhoud van right met .rightBegin omlaag gedrukt naar de juiste beginpositie */
	float: right;  /* Zorgt dat right aansluit bij de andere 2 kols */
 	position: relative;  /* noodzakelijk voor zichtbaarheid kolom */
	padding: 0;
	z-index:20; /*om te zorgen dat de citaatbox over de horizontale subs heen gaat; werkt niet in Opera*/
}

.clear { /* plaatst Google ads onder de andere kolommen bij klein venster */
    clear: both;
    height:1px;
}

/* EINDE DIVS IN INNER */

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
-->