ÿþ



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;

	}