*{
		font-family       : Verdana, Helvetica, Courier New, monospace;
		font-size         : 11px;
		line-height       : 1.3em;
		letter-spacing    : 0px;
		color             : #cccccc;
		text-align        : left;
	}

	body{
	  /*** correctie om te centreren in IE ***/
		text-align        : center;
		margin            : 0px;
		padding           : 0px;
	}
	
	th,td{
		vertical-align    : top;
	}
	th{
		font-weight       : normal;
	}
	
	a{
		text-decoration   : none;
		color             : #ccc;
	}
	a:hover{
		color             : #fff;
		/*font-weight       : bold;*/
	}
	a *{
		cursor            : pointer;
	}
	
	img{
		border-width      : 0px;
	}
	
  /***
	door middel van de onderstaande omvattende divs
	wordt de site gecentreerd. De gecentreerde ruimte
	moet eigenlijk 6 * 120 = 720px zijn, maar om er
	wordt gecentreerd ten opzichte van het venster,
	dus moet er iets meer naar rechts geschoven worden
	(10px) om voor de schuifbalk te compenseren
  ***/  
	#absoluteRuimte{
		position          : absolute;
		top               : 50%;
		left              : 0px;
		width             : 100%;
		margin            : 0px;
		
		text-align        : center;
	}
	
	#relatieveRuimte{
		position          : relative;
	  /***
		-193px is de halve hoogte van de voorpagina, maar
		ter compensatie van mensen waarbij net een deel
		van de voorbeelden van het scherm valt, schuiven 
		we het een stukje extra omhoog
	  ***/
		top               : -203px;  /*-193px;*/
		margin            : 0px auto;
		width             : 730px;
		
	  /*** correctie op de IE-centreercorrectie in body ***/
		text-align        : left;
		
		
	}
	
	#achtergrondplaatje{
		position          : fixed;
		left              : 0px;
		top               : 0px;
		width             : 100%;
		height            : 100%;
		overflow          : hidden;
	}
	
	
	
	
	/*** de transparantie bij het tonen van een nieuwsitem op de voorpagina ***/
	#overlay {
		position          : fixed;
		left              : 0px;
		top               : 0px;
		width             : 100%;
		height            : 100%;
		overflow          : hidden;
		z-index		  : 100;
		
	}

	/*** het nieuwsvenster ***/
	#nieuwsvenster{
		position  	  : absolute;
		bottom		  : 14px;
		left		  : 13px;
		width		  : 360px;
		height		  : 393px;
		background-color  : white;
		z-index		  : 99999;
		margin		  : 0px;
		padding		  : 0px;
	}
	
	
	
	
  /***
	de site is opgesplitst in de volgende vier blokken
  ***/
	#menubalk{
		position          : absolute;
		left              : 130px;
		top               : 0px;
		width             : 480px;
		height            : 43px;
		z-index           : 10;
	}
	
	#menubalk div{
	/*	float             : left;*/
		position          : absolute;
		top               : 0px;
	}
	
	#menubalk div.kolom1{ left              : 0px;   }
	#menubalk div.kolom2{ left              : 120px; }
	#menubalk div.kolom3{ left              : 240px; }
	#menubalk div.kolom4{ left              : 360px; }

	#menubalk img{
		border-width      : 0px;
		width             : 120px;
		height            : 43px;
		margin            : 0px;
	}
	#menubalk img{
		display           : block;
	}
	#menubalk img.pijltje{
		height            : 10px;
	}



  /*--(( linkerkolom ))--*/
  
	#linkerkolom{
		position          : absolute;
		left              : 10px;
		top               : 43px;
		width             : 120px;
	/*	height            : 160px;*/
		overflow          : hidden;
		
		color             : white;
		background-color  : #191919; /*#0d0d0d;*/
		line-height       : 0px;
	}
	
	#linkerkolom .taalicoon{
		display:block;
	}
	#linkerkolom img{
		border-width      : 0px;
	}
	
	#linkerkolom a{
		color             : #888;
		text-decoration   : none;
	}
	#linkerkolom div a:hover{
		color             : white;
		font-weight       : inherit;
	}
	
	#linkerkolom div.tekst{
		font-weight       : normal;
		margin-left       : 6px;
	}
	#linkerkolom .actief{
		color             : white;
	}
	
	#linkerkolom .submenu{
		padding           : 2px 0px 8px 4px;
	}
	#linkerkolom .submenu .kop{
		font-weight       : bold;
	}
	#linkerkolom .submenu .pad{
		margin-left       : 4px;
	}
	#linkerkolom .submenu .pad div{
		overflow          : hidden;
		/*white-space       : nowrap;*/
	}
	
	#linkerkolom div.navigatie{
		font-weight       : bold;
		padding           : 2px 0px 8px 4px;
	}
	
	#linkerkolom .blok{
		height            : 40px;
	}
	
	#linkerkolom .pad p{
		margin            : 0px;
	}
	#linkerkolom .pad ul{
		margin            : 0px;
	}
	#linkerkolom .pad li{
		list-style-type   : none;
		padding-left      : 4px;
	}
	
	.onzichtbaar{
		display           : none;
	}
	
	
	
	
	
	
  /*--(( middenkolom ))--*/
	
	#middenkolom{
		position          : absolute;
		left              : 130px;
		top               : 43px;
		width             : 480px;
		
		color             : white;
		background-color  : black;  /*#0d0d0d;*/
		min-height        : 364px; /*332px;*/
		
		padding           : 17px 17px 43px 17px;
		padding-bottom    : 800px; /*390px;*/
	}
	
	html>body #middenkolom{
		width             : 446px;
	  /* \*/
		display           : table-cell;
	  /* */
	/*	height            : 407px;*/
	}

  /* IE Win/Mac */
	* html #middenkolom{
		\width            : 480px;
	}
	
  /* IE5 Mac, Safari */
	* html>body #middenkolom{
		
	  /* Safari */
		\width            : 480px;
		\height            : auto;
		\wi/*
			ongelooflijk wat voor truuks je uit moet halen
			om een divje overal even breed te krijgen. Dit
			commentaar is enkel en alleen om de breedte op
			IE/Mac op 480 te houden en op IE/Win op 446
		*/dth             : 446px;
		
		
	}
	
	
/*--(( opmaak teksten ))--*/

	#middenkolom h1{ /*kop*/
		font-size         : 100%;
		font-weight       : bold;
		text-transform    : uppercase;
		margin            : 0px 0px 2.6em 0px;
	}
	#middenkolom h2{ /*subkop*/
		font-size         : 100%;
		font-weight       : bold;
		margin            : 1.3em 0px 0px 0px;
	}
	#middenkolom h3{ /*bijschrift*/
		font-size         : 100%;
		font-weight       : normal;
		text-transform    : uppercase;
		margin            : 0px 0px 2.6em 0px;
	}
	#middenkolom h4{ /*index kop*/
		font-size         : 100%;
		font-weight       : bold;
		margin            : 0px;
	}
	#middenkolom h5{ /*index tekst*/
		font-size         : 100%;
		font-weight       : normal;
		margin            : 0px;
	}
	
	#middenkolom p{
		margin-top        : 0px;
	}
	
	#middenkolom.raster1x1 a{
		text-decoration   : underline;
	}
	




  /*--(( raster 1x1 ))--*/

	.raster1x1{
		padding           : 17px 0px 17px 17px;
		width             : 440px;
		overflow          : hidden;
	}
	/*
	.raster1x1 a{
		display           : block;
		width             : 446px;
		float             : left;
		margin-right      : 10px;
	}
	*/
	.raster1x1 .rij{
		position          : relative;
		left              : 0px;
		top               : 0px;
	}
	
	.raster1x1-kolom1{
		position          : absolute;
		left              : 0px;
	}



 /*--(( raster 4x4 ))--*/

	.raster4x4{
		padding           : 17px 0px 17px 17px;
		width             : 440px;
		overflow          : visible;
	}
	.raster4x4 a{
		display           : block;
		width             : 104px;
		float             : left;
		margin-right      : 10px;
	}
	.raster4x4 .rij{
		position          : relative;
		left              : 0px;
		top               : 0px;
		height            : 144px;
	}
	.raster4x4 img{
		max-width         : 104px;
	}
	
	
	.raster4x4-kolom1{
		position          : absolute;
		left              : 0px;
	}
	.raster4x4-kolom2{
		position          : absolute;
		left              : 114px;
	}
	.raster4x4-kolom3{
		position          : absolute;
		left              : 228px;
	}
	.raster4x4-kolom4{
		position          : absolute;
		left              : 342px;
	}
	.raster4x4 .bijschrift{
		height            : 2.6em;
		width             : 104px;
		overflow          : hidden;
	}
	.raster4x4 .plaatje{
	/*	width             : 104px;*/
	/*	height            : 104px;*/
	}
	
	
	
	#middenkolom .beeld{
		width             : 446px;
	/*	height            : 446px;*/
	}
	
	#middenkolom .caroussel{
	/*	float             : right;*/
	}
	#middenkolom .caroussel a{
		display           : inline !important;
	/*	font-weight       : bold;*/
		text-decoration   : none;
	}
	
	
	
	
	#rechterkolom-1{
		position          : absolute;
		left              : 600px;
		top               : 43px;
		width             : 130px;
		
		z-index           : 20;
	}
	#rechterkolom-2{
		position          : absolute;
		left              : 600px;
		top               : 288px;
		width             : 130px;
		
		z-index           : 20;
	}


	
	
	
	#rechterkolom-1 img,
	#rechterkolom-2 img{
		border-width      : 0px;
		width             : 120px;
		height            : 43px;
		margin            : 0px;
	}
	#rechterkolom-1 div,
	#rechterkolom-2 div{
		height            : 43px;
		overflow          : hidden;
	}
	#rechterkolom-1 img.pijltje,
	#rechterkolom-2 img.pijltje{
		width             : 10px;
	}