<!--
body {
	padding:0;
	margin:0;
	color:#333333;
}

a:link, a:visited {color:#000099 }
a:active {color:#FF0000 }

h1, h2, h3, h4, h5 {font-family:Arial, sans-serif, helvetica;}

h1, h2 {text-align:center;}

.omhoog {margin-top:-5px;}  /* Met deze class (als class herkenbaar door de punt voor de naam) een paragraaf of kop omhoog schuiven tov de normale positie */

#main { /*De tabel die alles omvat. By the way: een hekje voor een naam duidt een "id" aan, dat wil zeggen een uniek element dat maar één keer gebruikt mag worden op de pagina. Zou je een tabel "main" vaker op dezelfde pagina willen gebruiken, dan moet je de stijldefinitie als class, dus .main definiëren, want anders gaat het fout. */
	background-color: #FFFFCC;
	width:100%;
	font-family:Verdana, Arial, sans-serif, helvetica;
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:0;
	margin-top:-1px; /* negatieve marge, omdat anders er nog een geel randje boven het groene kopvlak (NVG) zichtbaar is */
}

#main a:link, #main a:visited {color:#000099 }
#main a:active {color:#FF0000 }

#main h2 {padding-top:12px }
#main h3 {margin-bottom:8px }

/* HIERONDER DE STIJLEN VOOR HET NAVIGATIEVENSTER */
#navigatie {
	background-color: forestgreen;
	width:15%;
	vertical-align:top;
	margin:0;
	padding:5px;
	padding-bottom:15px;
	padding-left:10px;
	font-family:Verdana, Arial, sans-serif, helvetica;
	border-right: 2px solid #FFFFCC;
}

#navigatie a:link, #navigatie a:hover, #navigatie a:active, #navigatie a:visited {
	font-weight:bold; text-decoration:underline;
	vertical-align:top;
}

#navigatie a:hover {color:red;}


.navigatiekop {font-size:17px; font-weight:bolder; line-height:22px; margin-bottom:12px; }


#navigatie ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.wr1 {width:10px; height:20px;} /*deze en de volgende definities gebruiken - en hier desgewenst aanpassen door de waarde voor height te wijzigen - als "witregels" tussen de groepen links in het linker menu. Code plaatsen als volgt: <div class="wr1"></div> voor de kleinste witregelafstand, etc. */
.wr2 {width:10px; height:40px;}
.wr3 {width:10px; height:60px;}


/* HIERONDER DE STIJL VOOR DE KOPPEN BOVEN HET TEKSTVENSTER */
#kopvlak, #subkopvlak {
	color:white; background-color:darkgreen;
	width:85%;
	text-align:center;
/*	border-left: 2px solid #FFFFCC; */
}

#kopvlak {margin-top:-12px;}

#kopvlak h3 {
	font-size:22px; line-height:24px;
}

#subkopvlak a, #subkopvlak a:link, #subkopvlak a:active, #subkopvlak a:avisited {text-decoration:underline; color:white;}
#subkopvlak h3 {color:white; text-decoration:underline; font-size:15px; line-height:16px;}

/* HIERONDER DE STIJLEN VOOR HET INHOUDSVENSTER */
.inhoud {
	width:85%;
	vertical-align:top;
	font-family:Verdana, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:0;
	padding:20px;
}

.inhoud a:link, .inhoud a:active, .inhoud a:visited {
	font-weight:bold; text-decoration:underline;
}

.inhoud a:link, .inhoud a:visited, .inhoud a:active { color:#0000FF; }
.inhoud a:hover { color:red; }

-->
