h1 {
	font-family: arial, verdana, Sans-Serif;
	font-size: 28px;
	}
H2 { color:#000 ;
	 font-family: Arial, MS Reference Serif, SansSerif, Serif; 
	font-size: 18px; 
	 }

H3 { color : #000 ;
	font-family: Arial, MS Reference Serif, SansSerif, Serif;
	font-size: 16px; 
	 }
H4 {
	color : #000 ;
	font-family: Arial, MS Reference Serif,  SansSerif, Serif;
	font-size: 13px; 
	 }
H5 {
	color : #000 ;
	font-family: Arial, MS Reference Serif, SansSerif; 
	font-size: 11px; 
	}
H6 { 
	color : #000 ; 
	font-family: Verdana,   Arial, MS Reference Serif, SansSerif; 
	font-size: 10px; 
	}

PRE {
	font-family:Verdana,  Arial, MS Reference Serif, SansSerif, Serif; 
	font-size: 12px; 
	 }

TABLE { 
	color : #000 ;
	font-family:Verdana,  Arial, MS Reference Serif,; 
	font-size: 11px; 
	 }  
ul { 
	color : #000 ;
	font-family:  Arial, MS Reference Serif,Verdana,; 
	font-size: 12px;
	padding:0.5em;
	margin:0.5em  ;
	 }  
li {	
	color : #000 ;
	font-family:  Arial, MS Reference Serif,Verdana,; 
	font-size: 12px;
	}
a {
	color: #336633 ; 
	font-family:  Arial , Verdana, Helvetica, sans-serif,  MS Reference Serif, 
	              SansSerif, Serif; 
	font-size:12px;
	font-weight:600;	
	text-decoration:none;			  
}	

	 
html { height: 101%; } /* geeft Firefox altijd een scrollbar rechts, zodat de breedte niet 
                         verspringt bij wissel tussen pagina's die wel/niet op 1 screen passen. */
body { 
	margin: 0px;
	padding: 0px;
	/*background-image: url("plaatjes/achtergrond.jpg" ); */
	background-attachment: fixed;
	background-color:#ffffff;
	color:#000000;
	font-family: arial, Sans-Serif,verdana, ;
	text-align: center; /* nu column gecentreerd voor IE, maar alles in de body ook gecentreerd */
	width:100%;
	margin: 1px 0px 10px 0px;
	background-image:url("plaatjes/achtergrond.jpg");
	}
#column {
	width: 800px;
	height: auto;
	background-color:#FFFFFF;
	margin-left: auto; 
 	margin-right: auto; /* nu column gecentreerd voor de rest */
	text-align: left;   /* voor allemaal: standaard alles weer links beginnen */
 	
	}

#header { 	
	background-image: url("plaatjes/kopSite.jpg");
	width: 100%; /* hele breedte column pakken */
	height: 114px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: 1px solid #999966; 
	border-right: 1px solid #999966; 
	border-bottom: 0px solid #999966; 
	border-left: 1px solid #999966;
	background-color:#ffffff;
	}

#container {
/*	position: relative;
	top: 200px; */
	width: 100%; /* hele breedte column pakken */
	margin: 0px;
	border-top: 1px solid #999966; 
	border-right: 1px solid #999966; 
	border-bottom: 1px solid #999966; 
	border-left: 1px solid #999966;
	background-color:#ffffff;
	
	}
	
#zijkant-a {
	float: left; /**/
	width: 17%;
	margin: 0 auto 0 1px;
	padding: 0px;
	
	}
#zijkant-r {
	float: right; /**/
	width: 15%;
	margin: 0 auto 0 2px;
	padding: 0px;
	}
#specifiek-b {
	clear: none; 
	margin-left: 18%;
	margin-right:16%;
	padding: 3px;
	border-left:1px solid #999966;
	border-right:1px solid #999966;
	}

#paginatitel{
	margin: 0;
	border: 1px solid #000000;
	text-align: center; 
	background-color: #cccc99;
	color: #402600;
		}

#inhoud {
clear: none; 
	margin-left: 18%;
	margin-right:16%;
	padding: 5px;
	margin-top: 1px;
	background-color: #FFF;
	font-family:  arial,verdana, Sans-Serif;
	font-size: 12px;
	text-align:left;
	border-left:1px solid #999966;
	border-right:1px solid #999966;
	}

#footer {
	clear: both;
	border: 1px solid #999;
	background-color:#ffcc00;
	color:#995C00;
	font-family:  Arial, Verdana,Helvetica, sans-serif ;
	font-size: small;
	padding: 1px;
	margin: 2px 0 2px 0;
	text-align: center;
	}

#bottom {
	margin:0;
	padding: 2px;
	color:#999;
	font-size: small;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, ;
	}
#footer a {
	color:#fdfddf;
	font-size: small;
	}
p {
	font-family:   Arial,Verdana, Helvetica, sans-serif  , MS Reference Serif, 
	              SansSerif, Serif; 
	font-size:12px;
	padding:3px;
	}
	#vakantie {
	text-align:center;
	}
#nav {
	position: relative;
	z-index: 10;
		}

#nav, #nav ul { /* all lists */
/* 	background: #c0c0c0;	*** tijdelijk aan te zetten om te zien waar je zit */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 125px; /* breedte van de knoppen */
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	
	}

#nav a {
	display: block; 
	width: 125px; /* breedte van de knoppen */
	color: #000000; 
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:11px;
	
	}

#nav li { /* all list items */
	float: left; 
	width: 125px; /* breedte van de knoppen */
	background-color: #ffcc33; /* achtegrondkleur van de knoppen in ruststand */
	font-weight: bold; 
	line-height: 1.5em; /* deze bepaalt de hoogte van de knoppen! */
	padding: 0 1px 0 1px;
	/* nu wat lege verticale tussenruimte tussen de items: voor verandering van de 
	   muisaanwijzer bij hoveren, zodat je ziet dat je naar een volgende knop gaat.  */
	margin-bottom: 2px; 
	/* nu de randjes per item om er echte knoppen van te maken */
	border-top: 1px solid #993300; 
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-left: 1px solid #993300;
	font:Verdana, Arial, Helvetica, sans-serif; 
	}

#nav li ul { /* block of second-level lists */
	position: absolute;
	/*	using left instead of display to hide menus because "display: none"
		isn't read by screen readers */
	left: -999em; 
	/*	nu hier nog de achtergrondkleur van pagina opnemen, zodat niet iets van de 
		content te zien is tussen de onder elkaar staande knoppen van het submenu: */
	background: #fff; 
	padding-top: 2px; /* geeft een paginakleurig randje boven de bovenste subitem-knoppen,
						    waardoor de knoppen los van de content komen (wordt vervolgd!). */
	
	}

#nav li ul li { /* second-level list-items */
			/* om sub-items op hetzelfde letterformaat te krijgen als hoofdmenu */
	background: #ff6600; /* iets afwijkend kleurtje sub-item knoppen */
	
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* eerst moeten de submenu-knoppen op gelijke hoogte van het bijbehorende menu-item komen;
	   proefondervindelijk: */	   
	margin-top: -1.67em; 
	left: 128px; /* en naar rechts zodat een spleetje van 2px tussen de knoppen ontstaat. */
	/* nu plaatsen we met "padding" een strookje van die 2px met bg-kleur aan de linkerkant, 
	   zodat de 2px afstand tussen menu en submenu "gevuld" wordt met een deel van het submenu,
	   en de muis niet in het spleetje kan terechtkomen waardoor het submenu niet meer te zien 
	   zou zijn als je van een knop van het menu naar het submenu muist. */
	padding-left: 2px;
	/* en ook nog wat padding rechts (proefondervindelijk) voor wat speelruimte tov de content: */
	padding-right: 17px;
	
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correctie verkeerde maatvoering */
	padding-right: 5px;
	}

#nav a:hover { /* tekstkleur wisselen bij hover */
	color: #fdfddf;
	font:Verdana, Arial, Helvetica, sans-serif;
	background: #ff6600;
	}

#nav li:hover, #nav li.sfHover { /* bg-kleur van knoppen wisselen bij hover */
	background: #ff6600;
	}