.mstheme     { separator-image: url(anarule.gif); list-image-1: url('anabull1.gif');
               list-image-2: url('anabull2.gif'); list-image-3:
               url('anabull3.gif'); nav-banner-image: url(anabnr2.gif);
               navbutton-horiz-normal: url(nahbs.gif);
               navbutton-horiz-hovered: url(nahbh.gif);
               navbutton-horiz-pushed: url(nahbp.gif); navbutton-vert-normal:
               url(navbs.gif); navbutton-vert-hovered: url(navbh.gif);
               navbutton-vert-pushed: url(navbp.gif); navbutton-home-normal:
               url(nahomes.gif); navbutton-home-hovered: url(nahomeh.gif);
               navbutton-home-pushed: url(nahomep.gif);
               navbutton-next-normal: url(nanexts.gif);
               navbutton-next-hovered: url(nanexth.gif);
               navbutton-next-pushed: url(nanextp.gif);
               navbutton-prev-normal: url(naprevs.gif);
               navbutton-prev-hovered: url(naprevh.gif);
               navbutton-prev-pushed: url(naprevp.gif); navbutton-up-normal:
               url(naups.gif); navbutton-up-hovered: url(nauph.gif);
               navbutton-up-pushed: url(naupp.gif) }
ul           { color: rgb(51, 51, 153); 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') }
a:link       { color: rgb(153, 0, 51) }
a:active     { color: rgb(255, 102, 0) }
a:visited    { color: rgb(0, 102, 51) }
a:hover    { color: darkred; font-weight: bold; }
a.nieuwlink:link {color: orange; text-decoration:none;}
a.nieuwlink:visited {color: orange; text-decoration:none;}
a.nieuwlink:active {color: orange; text-decoration:none;}
a.nieuwlink:hover {color: orange; text-decoration:none;}
a.blauw:link {color: blue; text-decoration:none;}
a.blauw:visited {color: blue; text-decoration:none;}
a.blauw:active {color: blue; text-decoration:none;}
a.blauw:hover {color: blue; text-decoration:none;}
body         { background-color: rgb(255, 255, 204); color: rgb(51, 51, 153);
               background-image: url('nabkgnd.jpg'); font-family:
               'Trebuchet MS', Arial, Helvetica;
               margin: 0 0 0 8px; }

blockquote         { color: rgb(51, 51, 153); }
.ti	{color:teal;font-style:italic;}
table        { table-border-color-light: rgb(51, 153, 102); table-border-color-dark:
               rgb(0, 102, 51) }
h1           { color: rgb(51, 51, 153) }
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) }
button       { background-color: rgb(51, 51, 153); color: rgb(255, 255, 255) }
button       { font-size: 8pt; font-style: bold; font-family: Arial, Helvetica;
               border-style: solid; border-width: 1pt }
h1           { vertical-align: none; font-weight: bold; font-size: 24pt; 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 }
label        { font-style: bold; font-family: Arial, Helvetica; font-size: 8pt }
label, .mstheme-label { font-size: 8pt; font-family: Arial, Helvetica; font-style: bold }
table        { font-family: 'Trebuchet MS', Arial, Helvetica; font-style: normal }
.green       {font-style: italic; color: green;}


body { 
	margin: 0;
	padding: 0;
}

img  {
	border:none; position:relative; /*position relative schijnt een bug bij loaden van images in IE te voorkomen, die anders soms niet correct geladen worden */
}

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

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

#citaatbox {
	width:168px;
	height:119px; /*essentieel om de ruimte voor de citaatboxen op constante hoogte te houden, en daarmee dus ook de formulieren*/
}

.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; }