body 
	{
		background: #339999;
		font-family: arial, sans-serif;
		font-size: 1em;
	}


table tr 
	{
		vertical-align: top;
	}


/* pagina koptitel */


h1.titel 
	{
		font-family: "Comic Sans MS", AucoinExtBol, "Antigoni Med", Antigoni, Verdana, "Arial Black", arial, sans-serif;
		font-weight: bold;
		font-size: 300%;
		color: #ffffff;
		background: url(afbeeldingen/titel.jpg) repeat;
		margin: 10px 0px 0px 50px;
		text-transform: uppercase;
		text-indent: 1em;
		letter-spacing: 10pt;
		padding: 5px;
	}


	
h2.titel 
	{
		font-family: Vianta, "Monotype Corsiva", arial;
		margin: -30px 10% 20px 0;
		font-size: 250%;
		font-weight: bold;
		text-align: right;
		color: #000000;
	}
	

	img.titel 
	{
		float: left;
		margin: 0;
		padding:0;
		border: none;		
	}






/*hoofdmenu rechtsboven */

div.hoofdmenu 
	{
		float: right;
		margin: 0 20px 0px 0;
	}

ul.hmenu 
	{
		background: #94CFCC;
		margin: 0px;
	}

li.hmenu 
	{
		float: left;
		border-style: none solid none none; 
		border-width: 3px; 
		border-color: #663366;
		padding: 0 5px 0 5px;
		list-style-type: none;
		margin: 0px;
	}

li.hmenu1 
	{
		float: left;
		border-style: none solid none solid; 
		border-width: 3px; 
		border-color: #663366;
		padding: 0 5px 0 5px;
		list-style-type: none;
		margin: 0px;		
	}


a.hmenu:link 
	{
		color: #000000;
		font-family: georgia, arial, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;
	}

a.hmenu:visited 
	{
		color: #000000;
		font-family: georgia, arial, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;
	}

a.hmenu:hover 
	{
		color: #C45118;
		font-family: georgia, arial, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: underline;
	}

a.hmenu:active 
	{
		color: #000000;
		font-family: georgia, arial, sans-serif;
		font-size: 10pt;		
		font-weight: bold;
		text-decoration: underline;
	}

p.hmenu 
	{
		color: #000000;
	}




	/* uitklapmenu NIET MEER GEBRUIKEN SLECHTE CODE


				div.uitklapmenu {
						list-style-type: none;
					}
				
				li ul{	
						display: none; 
						position: absolute; 
						top: 100%; 
						left: 0px;  
						font-weight: normal;
						background-color: transparent;
						margin-left: -50px; 
						margin-top: 1em; 	
						width: 7em;
						border-style: solid;
						border-width: 0 2px 0 2px ;
						border-color: #663366;
					}
				
				
				li li {
						float: none;
						position: relative; 
						padding: 0.5em;
						background: #89C0D4;
						text-align: center;
					}
				
				
				li > ul { 	top: auto; 
						left: auto; 
					} 
				
				li:hover ul, li.over ul{ 
						display: block;
					 } 
				
				
				#nav {	list-style-type: none;		
					}
				
				#nav a {
						display: block;		
						color: #000000;
						font-weight: bold;
						text-decoration: none;
				}
				
				#nav a:hover {
						font-weight: bold;
						color: #C45118;
						text-decoration: underline;
				}

	*/







/* submenu links */



div.submenu 
	{
		float: left; 
		clear:left;
		padding: 0;
		margin: 30px 0 0 0;
	}



ul.smenu 
	{ 
		clear: left;
		list-style: none;
		background: url(afbeeldingen/submenu.jpg) repeat;
		border-style: none groove none groove;
		border-width: 0 5px 0 5px; 
		border-color: #663366;
		padding: 10px 15px 80px 15px; 
		margin: 0px 0 0px 0;
		width: 130px;
	}

li.smenu 
	{	
		text-align: left;
		font-size: 100%;
		font-variant: small-caps;
		font-weight: bold;
	}

a.smenu:link 
	{
		color: #663366;
		font-family: Verdana, arial, sans-serif;
		text-decoration: none;
	}

a.smenu:visited
	{
		color: #663366;
		font-family: Verdana, arial, sans-serif;
		text-decoration: none;
	}

a.smenu:hover 
	{
		color: #C45118;
		font-family: Verdana, arial, sans-serif;
		text-decoration: underline;
	}

a.smenu:active
	{
		color: #000000;
		font-family: Verdana, arial, sans-serif;
		text-decoration: underline;
	}

p.smenu 
	{
		color: #000000;
		text-align: left;
	}





/* submenu rechts */


div.submenurechts 
	{
		float: left;
		padding: 0px
		margin: 80pt 0 0 20pt;
	}


ul.rechts 
	{	
		margin: 80px 0 0 20pt;
		list-style: none;
		background: url(afbeeldingen/submenurechts.jpg) no-repeat #89C0D4;
		padding: 10px 5px 5px 5px;
		border-style: solid;
		border-color:  #663366;
		border-width: 0 5px 0 5px;
		max-width: 250px;
	}


li.rechts p 
	{
		color: #000000;
		font-weight: bold;
		text-align: center;
		padding: 5px;
		font-family: Verdana, arial, sans-serif;
	}

li.subrechts 
	{
		color: #000000;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 30px;
		font-family: Verdana, arial, sans-serif;
	}



.submenurechts a:link 
	{
		color: #663366;
		font-weight: bold;
		text-align: center;
		font-family: Verdana, arial, sans-serif;
		text-decoration: none;
	}

.submenurechts a:visited 
	{
		color: #663366;
		font-weight: bold;
		text-align: center;
		font-family: Verdana, arial, sans-serif;
		text-decoration: none;
	}


.submenurechts a:hover 
	{
		color: #663366;
		font-weight: bold;
		text-align: center;
		text-decoration: underline;
		font-family: Verdana, arial, sans-serif;
	}


.submenurechts a:active 
	{
		color: #000000;
		font-weight: bold;
		text-align: center;
		text-decoration: underline;
		font-family: Verdana, arial, sans-serif;
	}







/* Content van de pagina */



div.content 
	{
		float: left;
		width:50%;
		margin: 0 0 0 10px;
		padding: 0;
	}


div.plaatjeslinks 
	{
		margin: 0 10px 0 0;
		float: left;
		clear: left;	
	}



h2 {	
		margin: 2em 0 0 20px;
		text-align: center;
	}

h3 {	
		color: #ffffff;
		font-weight: bold;
		padding: 0 0 0 3em;
		margin: 1em -0.5em 20px 20px;
		font-size: 120%;
		background: #c45118;
	}
	
h4	{
		margin: 20px 20px 20px 30px;
		text-align: justify;
		font-weight: bold;
		font-family: arial;
		font-style: normal;
		font-variant: normal;
	}



p.content
	{	
		margin: 20px 20px 20px 30px;
		text-align: justify;
		font-weight: normal;
		font-family: arial;
		font-style: normal;
		font-variant: normal;
	}

img 	
	{  	
		border-style: none;
	} 


p	{	
		text-align: justify;
	}


p.quote
	{
		font-size:100%; 
		font-style:italic; 
		padding: 1em; 
		text-align: left;
	}


a:link 
	{
		color: #000000;
		text-decoration: underline;
  	}

a:visited 
	{ 
		color: #000000;
		text-decoration: underline;

	}

a:hover 
	{
		
		color: #C45118;
		text-decoration: underline;
	}

a:active 
	{
		color: #ffffff;
		text-decoration: underline;
		font-weight: bold;
	}



.back a:link 
	{
		float: right;
		font-variant: small-caps;
		color: #663366;
		background: #A4F3F8;
		padding: 5px;
		font-weight: bold;
		border-style: solid;
		border-width: 2px;
		border-color: #000000;
	}



.back a:visited 
	{ 
		color: #663366;
		float: right;
		font-variant: small-caps;
		font-weight: bold;
		background: #A4F3F8;
		padding: 5px;
		border-style: solid;
		border-width: 2px;
		border-color: #000000;
	}

.back a:hover 
	{
		color: #663366;
		text-decoration: underline;
		font-weight: bold;
		font-variant: small-caps;
		float: right;
		background: #ffffff;
		padding: 5px;
	}

.back a:active 
	{
		color: #663366;
		text-decoration: underline;
		font-weight: bold;
		font-variant: small-caps;
		float: right;
		background: #ffffff;
		padding: 5px;
	}







/* onderschrift */


div.footer 
	{
		clear: both;
		margin: 40px 0 0 0;
 	}

p.footer 
	{
		font-style: italic;
		color: #A4F3F8;
		font-size: 75%;
		text-align: center;
	}

a.footer:link 
	{
		color: #A4F3F8;
		text-decoration: none;
  	}

a.footer:visited 
	{ 
		color: #A4F3F8;
		text-decoration: none;
	}

a.footer:hover 
	{
		color: #C45118;
		text-decoration: underline;
		font-weight: bold;
	}

a.footer:active 
	{
		color: #000000;
		text-decoration: underline;
		font-weight: bold;
	}





/* Tabel Agenda */


table.agenda 
	{
		font-size: 100%;
		width: auto;
		margin: 2em 0 0 2em;
	}

table.agenda tr 
	{
		font-variant: small-caps;
		font-style: italic;
		font-weight: bold;
		padding: 0 0 0 0;
	}

table.agenda tr td.aanduiding 
	{
		font-variant: small-caps;
		font-style: italic;
		font-weight: bold;
		padding: 1em 0 0 20px;
		text-align: left;
	}


table.agenda tr td.omschrijving 
	{
		padding: 1em 0 0 2em;
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-align: justify;
	}



/* Tabel Cijfers*/

table.cijfers 
	{
		font-size: 75%;
		width: auto;
		margin: 0;
	}

table.cijfers tr 
	{
		padding: 0 0 0 0;
	}

table.cijfers tr td.kopje
	{
		font-variant: small-caps;
		font-style: italic;
		font-weight: bold;
		padding: 0 0 0 0;
		text-align: center;
		border-style; solid;		
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: #000000;
	}


table.cijfers tr td
	{
		padding: 0 0 0 0; 
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-align: justify;
	}