/* TOP ELEMENT STIJLEN */
	body {
		background-color: #cccccc;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		line-height: 18px;
	}
    	
	H1 {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #5F7A16;
		line-height: 18px;
		margin-bottom: 3px;
	}
	
	H2 {
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #373737; 
		line-height: 18px;
		margin-bottom: 2px;
	}
	
	H3 {
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #CC3300; 
		line-height: 18px;
		margin-bottom: 2px;
	}
	
	A {
		color: #3a3a3a;
	}
	
	A:hover {
		color: #990000;
	}
	

	/* DIV STIJLEN, bevat de 'layout' van de gehele site */
	/* Omringende div, deze bevat de gehele pagina */
	#container{
		position: absolute;			/* Absolute, omdat het de buitenste is */
		width: 950px;				/* Breedte content gebied*/
									/* 950 omdat er ruimte moet blijven voor scrollbar bij 1024x768, */
									/* wanneer deze aangepast wordt moeten er ook andere waardes aangepast worden, herkenbaar aan *container-width* */
		left: -475px;				/* Samen met margin-left: positioneert in het midden *//*container-width*/
		margin-left: 50%;	
		top: 10px;					/* Ruimte aan de bovenkant */
		background-color: #eeeeee;	/* Achtergrondkleur hoofd gebied*/
		border-width: 0px;			
		border-style: solid;		
	    border-color: #7e7e7e;		/* Kleur van de rand om het hoofdgebied */
	}
	
	/* Creert ruimte voor afbeeldingen */
	#header{
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		clear: both;		/* Eist dat er geen andere elementen aan beide zijden van deze div zitten*/
		top: 10px;			/* verschuiving van positie tov #container  */
		left: 20px;			/* 					"						*/
		height: 145px;		/* Moet iets groter zijn dan de max. hoogte van de grootste afbeelding */
	}
	
	/* plaats het hoofdmenu */
	#hoofdmenu {
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		clear: both;		/* Eist dat er geen andere elementen aan beide zijden van deze div zitten*/
		top: -28px;			/* verschuiving van positie tov #header  */
		left: 175px;			/* 					"					 */
		width: 100%;		/* benut alle ruimte IE heeft dit nodig! */
	}
	
	/* is een container voor alles wat onder het hoofdmenu zit */
	#main{
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		clear: both;		/* Eist dat er geen andere elementen aan beide zijden van deze div zitten*/
		top: 10px;			/* verschuiving van positie tov #hoofdmenu  */
		left: 0px;			/* 					"						*/
		width: 100%;		/* benut alle ruimte IE heeft dit nodig! */
	}
	/* is de linker zijde van main, voor het sub-menu en de afbeelding links */
	#left-side{
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		top: 0px;			/* verschuiving van positie tov #main  */
		left: 40px;			/* 					"				   */
		width: 165px;		/* Breedte van het menu gebied */
	}
	/* is de rechter zijde van main, voor het sub-menu en de afbeelding links */
	#right-side{
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		top: 0px;			/* verschuiving van positie tov #main  */
		left: 720px;			/* 					"				   */
		width: 175px;		/* Breedte van het menu gebied */
	}
	/* bevat het sub-menu */
	#sub-menu {
		position: relative;	
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		top: -5px;			/* verschuiving van positie tov #left_side  */
		left: -5px;          /* 					"						*/
		height: 450px;		/* Hangt samen met het te printen logo */
	}
	
	/* bevat de ruimte voor de content, hoofd gedeelte zeg maar */
	#content {
		position: relative;	
		background-color: #ffffff;
		float: left;		/* Relatieve positionering geeft 'drijvende' elementen, deze: links */
		top: -25px;			/* verschuiving van positie tov #container  */
		left: 10px;         /* 					"						*/
		width: 560px;		/* Is de breedte 950 - sub menu 165 - marge van 10px - rechtermarge van 25px*//*container-width*/
	}

	
	
	/* AFBEELDINGEN */
	#afbeelding_logo{
		position:relative; 
		
		float: left;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
	#afbeelding_header_2{
		position:relative; 
		float: left; 
		top: 20px;
		left: 25 px;
		
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
	
	#afbeelding_header_3{
		position:relative; 
		float: left;
		top: 20px;
		left: 45 px;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
	
	#afbeelding_header_4{
		position:relative; 
		float: left;
		top: 20px;
		left: 65 px;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
	#afbeelding_left_1 {
		position:absolute; 
		left: 30px; 
		top: 300px;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
		#afbeelding_left_2 {
		position:absolute; 
		left: -20px; 
		top: 200px;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	}
	#afbeelding_right_1 {
		position:absolute; 
		left: 720px; 
		top: -40px;
		/*background-color: #FFFFFF;*/ /* Achtergrondkleur van de afbeelding */
	
	}
	/* MENU ONDERDELEN */
	/* Standaard menu layout, kopieer deze en wijzig voor sub-menu onderdelen met andere layout (en wijzig de verwijzing in constanten.asp) */
	.main-navigation, .main-navigation-hover, .main-navigation-active{
		height: 19px;
		width:  112px;										/* Breedte van de menu items */								
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    	font-size: 11px;
		letter-spacing: 1px;
    	text-decoration: none;

    	border-color: #cccccc;		/* Rand om het menu */
    	border-style: solid;    	
    	border-top-width:    1px;    	
    	border-left-width:   0px;		
    	border-bottom-width: 1px;
    	border-right-width:  0px;
		
      	text-align: center;	/* Zet de tekst in het midden van de cell */
    	cursor:pointer;		/* Laat een handje zien als je over de cell beweegt */
    }

    /* Standaard menu kleuren */
    .main-navigation {
       	background-color: #A6CE39; 
       	color: #000000;				/* Letter kleur */
    }
    /* OnMouseOver menu kleuren */
	.main-navigation-hover {
    	background-color: #5F7A16; 
    	color: #FFFFFF;				/* Letter kleur */
    }
    /* Menu kleuren van de geopende pagina */
    .main-navigation-active {
    	background-color: #5F7A16; 
    	color: #FFFFFF;				/* Letter kleur */
    }
    
    
	.sub-navigation, .sub-navigation-hover, .sub-navigation-active{
		height: 19px;
		width:  110px;										/* Breedte van de menu items */								
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    	font-size: 11px;
		letter-spacing: 1px;
    	text-decoration: none;

    	border-color: #cccccc;		/* Rand om het menu */
    	border-style: solid;    	
    	border-top-width:    1px;    	
    	border-left-width:   0px;		
    	border-bottom-width: 1px;
    	border-right-width:  0px;
		
      	text-align: left;	/* Zet de tekst links in de cell */
    	cursor:pointer;		/* Laat een handje zien als je over de cell beweegt */
    }

    /* Standaard menu kleuren */
    .sub-navigation {
       	background-color: #bbbbbb;
       	color: #000000;				/* Letter kleur */
    }
    /* OnMouseOver menu kleuren */
	.sub-navigation-hover {
    	background-color: #555555;
    	color: #ffffff;				/* Letter kleur */
    }
    /* Menu kleuren van de geopende pagina */
    .sub-navigation-active {
    	background-color: #555555; 
    	color: #ffffff;				/* Letter kleur */
    }
    
    
    /* OVERIGE STIJLEN */	
    
    /* Stijl voor de content weergave */
    .normaal {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 12px;
		line-height: 18px;
	}
    
	.topbalk {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		line-height: 14px;
	}	
	
	.tabelheader {
		background-color: #4a4a4a;
		color: #ffffff;
		font-size: 12px;
		line-height: 13px;
	}
	.tabel1 {
		background-color: #d1d1d1;
		font-size: 11px;
		line-height: 14px;
	}
	.tabelcontent {
		
		font-size: 12px;
		line-height: 18px;
	}
		
	.tabel2 {
		background-color: #f5f5f5;
		font-size: 11px;
		line-height: 14px;
	}
	
	.tabel3 {
		background-color: #f5deb3;
		font-size: 11px;
		line-height: 14px;
	}
		
	.tabel4 {
		background-color: #ffefd5;
		font-size: 11px;
		line-height: 14px;
	}
	
	.tabel-rij-lijn {
		background-color: #4a4a4a;
		font-size: 2px;
		line-height: 2px;
	}
	
	.tabel-rij-workshops {
		background-color: #FF6600;
		font-size: 11px;
		font-weight: bold;
		color: #4a4a4a;
		line-height: 14px;
	}
	
	.tussenkop {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		color: #ff0000; 
	}
	
	.zwarelink {
		color: #cc3333;
		font-weight: bold;
		}
	
	.zwarelink:hover {
		color: #ff3300;
		font-weight: bold;
		}
	
	.button{
		background-color: #FF6600;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 10px;
		color: #fcfcfc;
	}
	
	/* EINDE CSS */