body,td,th {
	font-family: Century Gothic, Arial;
	font-size: 13px;
	color: #FFFFFF;
}
a {
	font-family: Century Gothic, Arial;
	font-size: 13px;
	color: #FFFFFF;
}
a:visited {
	color: #007000;
}
a:hover {
	color: #003399;
}
a:active {
	color: #669999;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#tekstIndex {
 font-size: 24px;
	font-weight: 500;
	text-align:center;
	padding:15px;
	}

h2 {
	font-size: 20px;
	font-weight: bold;
}
h1 {font-size: 24px;
	font-weight:500;
	}
h5{font-size: 10px;}
p {
	margin:10px;
	font-size:14px;
	}
#column {
	width: 689px;
	
 	margin-left: auto; 
 	margin-right: auto; /* nu column gecentreerd voor de rest */
	text-align: left;   /* voor allemaal: standaard alles weer links beginnen */
	background-color: #ffffff   ;

	height:550px; /* voor IE */
	}

#header { 	 
	background-color:  #ffffff ;
	width: 100%; /* hele breedte column pakken */
	height: 119px;
	margin-top: 0px;
	margin-bottom:0px;
	/*border-top: 1px solid #999; 
	border-right: 1px solid #333; 
	border-bottom: 1px solid #333; 
	border-left: 1px solid #999;*/
	}
#kop1 {
	background-color:#ffffff;
	width:146px;
	height:117px;
	float:left;
	margin:2px;
	
	
	}
#kop2 {
	background-color:#007000;
	width: 539px;
	height:55px;
	margin-left:146px;
	margin-top: 2px;
	margin-right:2px;

	}
#kop3 {
	background-color:#002480;
	width:539px;
	height:60px;
	margin-left:146px;
	margin-top:2px;
	margin-right:2px;
	
	} 
#container {
width:689px;
height:441px;
}
table { 	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
}	
#menuL {
	float: left; /**/
	/*\width: 153px
w\idth: 148px;*/
    width:150px;
	margin: 0px auto 0 0px;
	padding: 0px;
	background-color: #F2A61F;
	height:462px;
	margin-top: 1px;
	margin-left:2px;
	/*display: inline;*/

	}
#menuLExpo{
	float: left; /**/
	/*\width: 153px
w\idth: 148px;*/
    width:148px;
	margin: 0px auto 0 0px;
	padding: 0px;
	background-color: #Ffffff;
	/*height:500px;*/
	margin-top: 2px;
	display: inline;
	color:#000000;

	}
	#menuLExpo a {
	color:#000000;
	}
#inhoudBasis {
	margin-left:150px;
	margin-top: 2px;
	margin-right:3px;
	background-color: #FFffff ;
	background-image:url(Images2/algemeenachtergrond.jpg);
	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
	font-size: 14px;
	height:463px;
	/*display: inline;*/

	/*	border:1px solid #000000; */
	}
#inhoud2 {
	margin-left:150px;
	margin-top: 2px;
	margin-right:0px;
	background-color: #FFffff ;
	color:#ffffff;
	background-image: url(Images2/labyrint2.jpg);
	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
	font-size: 14px;
	height:463px;
	text-align:center;
	/*	border:1px solid #000000; */
	}
	#inhoud2 a {color:#FFFFFF;}
	#inhoud3 {
	margin-left:150px;
	margin-top: 2px;
	margin-right:2px;
	background-color: #FFffff ;
	color:#000000;
	/*background-image: url(Images2/labyrint2.jpg);*/
	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
	font-size: 14px;
	height:453px;
	text-align:center;
	/*	border:1px solid #000000; */
	}
	#inhoud3 table {color:#000000;
			font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";}
	
	#rabo a, a:linked, a;hover{
	text-decoration:none;
	
	}
	#rabo{
	text-align:center;
	margin-top:228px;
	}
	#rabo image {
	border:0px;
	}
	#vsb a{
	text-decoration:none;
	}
	#vsb{
	text-align:center;
	}
	#pExpo {
	color:#000000;
	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
	font-size: 14px;
	text-align:center;
	}
	#inhoudExpo {
	margin-left:150px;
	margin-top: 2px;
	margin-right:2px;
	background-color: #FFffff ;
	color:#660099;
	font-family: "Futura Bk", Arial,  Verdana, "Comic Sans MS";
	font-size: 14px;
	height:500px;
	/*	border:1px solid #000000; */
	}
#menuExpositie {
font-size:9px;
/*font-weight:bold;*/
font:Arial, Helvetica, sans-serif;
line-height:25px;
margin-left:5px;
}
#menuExpositie a{
text-decoration:none;
color:#000000;
font:Arial, Helvetica, sans-serif;
}


	#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: 142px; /* breedte van de knoppen */
	font-family:Century Gothic  ;
	
	}

#nav a {
	display: block; 
	width: 142px; /* breedte van de knoppen */
	color: #006633; 
	text-decoration: none;
	font-family: Century Gothic,"Times New Roman", Times, serif,  Arial,Verdana, ;
	font-size:13px;
	
	}

#nav li { /* all list items */
	float: left; 
	width: 142px; /* breedte van de knoppen */
	background: #F2A61F; /* achtegrondkleur van de knoppen in ruststand */
	font-weight: bold; 
	line-height: 1.6em; /* deze bepaalt de hoogte van de knoppen! */
	padding: 0 2px 0 2px;
	/* 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: 1px solid #006633; 
	/*border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;*/
	font-family: Century Gothic,"Times New Roman", Times, serif,  Arial,Verdana, ;
	}

#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: #F2A61F;; 
	padding-top: 1px; /* 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: #F2A61F;; /* 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: 133px; /* 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: 8px;
	
	}

* 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:    #006633;
	font-family:Century Gothic,"Times New Roman", Times, serif,  Arial,Verdana, ;
	font-size:13px;
	}

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



  
/*
      <!--
      a.nav:link   { font-family: Century gothic,Arial,San Serif; font-size: 13px; text-decoration: none }
      a.nav:visited { font-family: Century gothic,Arial,San Serif; font-size: 13px; text-decoration: none }
      a.nav:active { font-family: Century gothic,Arial,San Serif; font-size: 13px; text-decoration: none }
      a.nav:hover  { font-family: Century gothic,Arial,San Serif; font-size: 13px; text-decoration: none; color: #ffffff }
      .HEADING     { cursor: hand; font-family: Century gothic,Arial,San Serif; font-size: 13px; color: #002480; 
       background-color: #F2A61F; font-weight: none; 
       border: 0 solid #66CCFF }
      .LINKSOFF    { display: none; font-family: Century gothic,Arial,San Serif; font-size: 13px; color: #002480 }
      .LINKSON     { display: inline; font-family: Century gothic,Arial,San Serif; font-size: 13px; color: #002480 }
a:link {
	color: #FFFFFF;
}

 #coolmenu{
border: 0px solid black;
width: 140px;
background-color: #F2A61F;
margin-top:20px;
margin-left:2px;
}

#coolmenu a{
font: 12px Century Gothic;
padding: 2px;

padding-left: 4px;
display: block;

color: #002480;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{
width: auto;
}

#coolmenu a:hover{
background-color: #007000;
color: #FFFFFF;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}
*/