html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	
	}

body {
	background-image: url('../images/background.jpg');
	background-position: center 35px;
	background-repeat: repeat-x;
	text-align: center;
	}
	
#pagina {

	margin: 0; 
	padding: 0;
	min-height: 100%;
	_height: 100%;
	}
	
#container {
	padding-bottom: 93px; /* Hoogte van footer div + space die er tussen moet zitten */
	margin: 0em auto; /* Pagina in het horizontaal midden */
	width: 932px;
	text-align: left;
	background-image: url('../visuals/visual1.jpg');
	background-repeat: no-repeat;
	background-position: 300px 0;	
	}

#header {
	margin:0;
	padding:0;
	margin-left:50px;
	top:0px;
	width: 932px;
	height: 201px;
	}

.fotokader {
	border: 1px solid #9993AF;
    padding: 5px;
    background-color: #fff;
    }	
	
.datum_kop {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_kop_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_wit {
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	padding:5px;
	background:#FFFFFF;
	font-family:verdana;
	color:#99bf1a;
	}
	
.datum_groen {
	width:auto;
	font-size:12px;
	line-height:12px;
	padding:5px;
	background:#9C92B5;
	font-family:verdana;	
	color:#FFFFFF;
	}	


li a {
	font-size: 12px;
	font-weight: bold;
	color:#332C55;
	text-decoration:none;
	line-height: 10px;
	}
li a:hover { 
	color:#332C55;
	text-decoration:underline;
	}			
	
h2 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size: 18px;
	line-height:27px;
	font-weight:bold;
	color:#332C55;
	}
	
h4 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size: 13px;
line-height:20px;	
	font-weight:bold;
	color:#332C55;
	}
	
h4 a {
		text-decoration:none;
		color:#332C55;
	}

h4 a:hover {
		text-decoration:underline;
		color:#332C55;
	}	


	
a {
	color: #332C55;
	text-decoration:underline;
}	

a:hover {
	color: #332C55;
	text-decoration:none;
}	
	
p {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#616E76;
	} 	
	
.wit {
	color: #ffffff;
	}



	
p.wit {
	color:#ffffff;
	}

p.paars {
	color:#332C55;
	} 
	
p.groen {
	color:#99BF1A;
	} 
	
h2.groen {
	color:#99BF1A;
	} 


h3 {
	line-height: 22px;
	}
	
.lpaars {
	color: 	#9993AF;
	}
	
ul {
	
	}
	
	
	
li a {
	text-decoration:none;
	}
li a:hover {
	text-decoration:underline;
	}
	
	
.wit a {
	text-decoration:none;
	color:#ffffff;
	}
.wit a:hover {
	text-decoration:underline;
	color:#ffffff;
	}
	

li wit {
	color:#ffffff;
	}
	
h5 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size:12px;
	font-weight:normal;
	color:#332C55;
	line-height:18px;
	}	

h5 a {
	font-weight:bold;
	text-decoration: none;
	color:#332C55;
	}
h5 a:hover {
	color:#332C55;
	font-weight:bold;
	text-decoration: underline;	
	}
	
.paars {
	color:#332C55;
	} 	
	
.onderwijsmenu {
	padding:0;
	margin-left:5px;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;
	}	
	
	
.tab_hoofdgroepen  {

	padding:0 20px;
	height:35px;
	line-height:35px;
	font-family: verdana;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background:#3C355F;

}	

	
.tab_paars  {
	float:left;
	padding:0 20px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_paars.gif');
	background-position: top left;
	background-repeat: repeat-x;
	
	font-family: verdana;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;

}	
	
.tab_aan {
	float:left;
	padding:0 15px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_aan.gif');
	background-position: top left;
	background-repeat: repeat-x;
}	

.tab_aan a {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:none;
}	

.tab_aan a:hover {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:underline;
}	

.tab_uit {
	float:left;
	padding:0 15px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_uit.gif');
	background-position: top left;
	background-repeat: repeat-x;
}	

.tab_uit a {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:none;
}	

.tab_uit a:hover {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:underline;
}	

.knop
{
	padding:0 20px;
	height:25px;
	line-height:25px;
	background:#D7ED66;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;	
}	

.knop:hover 
{
	padding:0 20px;
	height:25px;
	line-height:25px;
	background:#D7ED66;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:underline;	
}	

.tab_back
{
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_uit.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

.cijfers_instellingen
{
	padding-left:20px;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
}

.cijfers_instellingen a
{
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;
	
}

.cijfers_instellingen a:hover
{
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:underline;	
}
	
hr {
	height: 2px;
    color: #e1e1e1;
    background-color: #e1e1e1;
	border:0;
	}

hr.wit {
    color: #fff;
    background-color: #fff;
	}

hr.groen {
    color: #D7ED66;
    background-color: #D7ED66;
	}
	
.cleardiv {
	clear:both;
	}

/*---[ Navigatiebalk ]------------------------- */
	
#navbalk {
	width:932px;
	padding-top:118px;
	margin-left:-50px;
	}
		
/*---[ Navigatiebalk menu aan ]------------------------- */	
	
#navbalk h2 {
	margin:0;	
	padding:0;
	padding:0px 10px;
	height:30px;
	background: #d7ed66;
	}

#navbalk h2 a {
	line-height:30px;
	color:#332C55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#navbalk h2 a:hover {
	line-height:30px;
	color:#332C55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	

/*---[ Navigatiebalk menu uit ]------------------------- */
	
#navbalk h3 {
	margin:0;	
	padding:0;
	padding:0px 10px;
	height:30px;
	}	

#navbalk h3 a {
	line-height:30px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#navbalk h3 a:hover {
	line-height:30px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	

/*---[ SubNavigatiebalk menu uit ]------------------------- */
	
#subnavbalk h3 {
	margin:0;	
	padding:0;
	height:20px;
	}	

#subnavbalk h3 a {
	line-height:20px;
	color:#ff0000;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#subnavbalk h3 a:hover {
	line-height:20px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	
	
#divlogo {
	margin:30px 0px 0px 92px;
	background-image: url('../images/logo.gif') ;
	background-position: top left;
	background-repeat: no-repeat;
	width:361px;
	height:62px;
	text-indent:-900em;
	display:block;
	}

#content {
	margin-left:10px;
	margin-top:-37px;
	width: 932px;
	text-align: left;
	color: #332C55;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	word-spacing: 0.1em;
	}	
		
#footer {
	margin: -70px 0 0 0;  /* Hoe hoog is de div */
	height: 70px; /* Hoogte van de div */
	text-align:center;
	}
		
#footer_inhoud {
	width:932px;
	height:70px;
	text-align: center;
	color: #fff;
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
	
	background: #8984A2;
	background-image: url('../images/footer.jpg') ;
	background-position: top left;
	background-repeat: no-repeat;
	}
	
	
	
/* ----------------------------- Begin Barry's inline-to-main.css -------------------------------------*/	
	


#inleiding {
	width: 270px;
	min-height: 130px;
	padding: 15px;
	padding-top: 0;
	}	

#uitgebreid_zoeken {
	width: 912px;
	}
	
#hoofdkolom {
	float: left;
	width: 607px;
	margin-left: 5px;	
	}
	
#zijkolom {
	float: left;
	width: 300px;
	}

#nieuwsvak_zijkolom {
	margin-top: 20px;
	padding: 10px 10px 20px 10px;
	background-image: url('../images/bg_tekstvak_paars.png');
	background-position: top center;
	background-repeat: repeat-y;
	}
	
#nieuws_venster {
	width: 240px;
	margin-top: -20px;
	margin-left: 25px;
	float: left;
	background: #FFF;
	}	


	
#blok_home_kalender {
	width: 240px;
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	background: #FFF;
}

#blok_home_nieuws {
		float: left;
		width: 307px;
		padding: 10px;
		border: 2px solid #ECF7B2;
		border-width: 2px 2px 2px 2px;
		background:#F4FBD2;
		font-family: verdana;
		font-size: 10px;
		line-height: 18px;
		margin-top: 20px;
		margin-left: 20px;
}	


#blok_home_nieuwstitel h2 {
	margin:0;	
	padding:0;
	padding-left:10px;
	height:30px;
	//width: 304px;
	background: #ECF7B2;
	margin-top: 20px;
}	
	
	
#kolom4 h2 {
	margin:0;	
	padding:0;
	padding-left:10px;
	height:30px;
	width: 304px;
	
	background: #ECF7B2;
	margin-top:25px;
}	

#kolom4 h2 a {

	line-height:30px;
	color:#332c55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}

.nieuwsdatum {
	width:auto;
	
	font-size:12px;
	line-height:12px;
	padding:5px;
	background:#D7ED66;
	font-family:verdana;	
	color:#332C55;
	}	
	
	
	
#nieuwsvak_zijkolom ul {
	font-family: verdana;
	font-weight:normal;
	color:#332C55;
	margin-left: -15px;
	} 	
	
#nieuwsvak_zijkolom li a {
	font-size:11px;
	color:#332C55;
	text-decoration:none;
	line-height: 10px;
	}
#nieuwsvak_zijkolom li a:hover { 
	color:#332C55;
	text-decoration:underline;
	}	

#kolom4 h2 a:hover {

	line-height:30px;
	color:#332c55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
}
	
	
#content_nieuws {
		float: left;
		width: 290px;
		padding:10px;
		border: 2px solid #ECF7B2;
		border-width: 0px 2px 2px 2px;
		background:#F4FBD2;
		font-family: verdana;
		font-size: 10px;
		line-height: 18px;
		margin-bottom:20px;
	}	

	
	
	
#hoofdkolom_tekstvak_breed {
	float: left;
	width: 385px;
	margin-left: 10px;
	}	
	
#hoofdkolom_tekstvak_smal {
	float: left;
	width: 225px;
	background-image:url('../images/bg_tekstvak_groen.png');
	background-position: top center;
	background-repeat: repeat-y;
	margin-left: 10px;
	padding:10px;
	
	
	}	
	
#nieuwsvak_zijkolom {
	margin-top: 20px;
	padding: 10px 10px 20px 10px;
	background-image: url('../images/bg_tekstvak_paars.png');
	background-position: top center;
	background-repeat: repeat-y;
	}
	
	
	
	
#nieuwsvak_zijkolom_extra {
	
	padding: 10px 10px 20px 10px;
	
	background-position: top center;
	background-repeat: repeat-y;
	}	
	
#nieuwsberichten_zijkolom {
	margin-top: -15px;
	padding: 10px;
	}


#zoekdiv {
	width: 220px;
	background-image: url('../images/bg_tekstvak_groen.png');
	padding: 10px;
	}
	
	
.datum_cel_aan a, .datum_cel_aan_20 a {
	color:#332C55;
	text-decoration:none;
	}
.datum_cel_aan a:hover, .datum_cel_aan_20 a:hover {
	color:#332C55;
	text-decoration:underline;
	}	
	
/*	------------------------- Formulier opmaak -----------------------------*/
	
	
.formuliersnel, .formuliersnel_aan, .formuliersnel_fout {
	font-family: verdana;
	font-size: 12px;
	color: #332C55;
	border: 0;
	padding: 6px 5px 0 5px;
	height: 23px;
	width:240px;
	background:url('../images/snelzoeken_uit.png');
}

.formuliersnel_aan, .formuliersnel_fout {
	color: #332C55;
	background:url('../images/snelzoeken_aan.png');	
}
	

	
.formulieruitgebreid, .formulieruitgebreid_aan, .formulieruitgebreid_fout {
	margin:0;
	font-family: verdana;
	font-size: 12px;
	color: #332C55;
	border: 0;
	padding: 6px 5px 0 5px;
	height: 23px;
	width:190px;
	background:url('../images/zoeken_uit.png');
}

.formulieruitgebreid_aan, .formulieruitgebreid_fout {
	color: #332C55;
	background:url('../images/zoeken_aan.png');	
}	
	

.formulierpulldown {
	overflow: hidden;
	border-width:thin; border-color:white; border-style:solid;


	font-family: verdana;
	font-size: 12px;
	color: #332C55;
	border: 0;
	padding: 0px 0px 0 5px;
	width:110px;
	height:20px;

}	

.formulierpulldown_aan {
	font-family: verdana;
	font-size: 12px;
	color: #332C55;
	border: 0;
	padding: 0px 0px 0 5px;
	width:110px;
	height:20px;
}	



/*	------------------------- Formulier opmaak -----------------------------*/
	
label {
	position: absolute;
	text-align:right;
	width:150px; 
}

.formspacer {
	clear:both;
	height:10px;
}

.formulier  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #F5FBD9;
	border: #D7ED66 solid 1px;
	//padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
}


.formulier_aan  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	//padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
}

.formulier_inspring_div  {
	margin:0;
	padding:0;
	margin-left: 170px;
	
}

.formulier_inspring  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #000000;
	background: #F5FBD9;
	border: #D7ED66 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;

}
.formulier_inspring_aan {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
	}
	
.formulier_inspring_fout {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #332C55;
	background: #BDBBC9;
	border: #332C55 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
	}
	
.formulier_submit  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	height: 22px;
		padding: 2px 10px;
}

	

#div_slogan {
	padding:0;
	margin:0;
	position:absolute;
	z-index:10;
	margin-left:415px;
	top:80px;
	
}
.slogan_lijn {
	padding:0;
	margin:0;
	font-size:11pt;
	letter-spacing:0.05em;
	color:#38315D;
	font-weight:bold;
	border-bottom: 2px solid #D7ED66;
}
.slogan {
	padding:0;
	margin:0;
	font-size:11pt;
	letter-spacing:0.05em;
	color:#9C92B4;
	font-weight:bold;
	border-bottom: 2px solid transparent;
}	


/*---[ HOOFDNavigatiebalk ]------------------------- */

#hoofdnavbalk_back {
	font-family: verdana;
	width:100%;
	margin:0;
	padding:0;
	background:#595375;
	height:35px;
}
#hoofdnavbalk {
	width:1000px;
	margin:0 auto;
	padding:0;
}
		

ul#hoofdnavbalkul {
	list-style: none;
	margin:0;
	padding: 0;
		height:30px;
	}
	
ul#hoofdnavbalkul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	line-height:30px;
}
	
ul#hoofdnavbalkul li.active {
	background:#d7ed66;
	height:30px;
	line-height:30px;
	}
	
ul#hoofdnavbalkul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:30px;
	}

ul#hoofdnavbalkul li a:hover {
	text-decoration: underline;

	}
	
ul#hoofdnavbalkul li.active a {
	color: #332C55;
	line-height:30px;
	text-decoration:none;
}
	
ul#hoofdnavbalkul li.active a:hover {
	text-decoration:underline;
}
	
/*---[ HOOFDNavigatiebalk ]------------------------- */



.datum_cel_aan {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;	
	background:#D7ED66;
	margin-bottom:5px;
	}

.datum_cel_uit {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	color:#332C55;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#F5FBD9;
	margin-bottom:5px;
	}	
	
.datum_cel_leeg {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:none;
	margin-bottom:5px;
	}	

.datum_kop {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_cel_aan_20{
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;	
	background:#D7ED66;
	margin-bottom:5px;
	}

	
.datum_cel_uit_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	color:#332C55;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	background:#F5FBD9;
	margin-bottom:5px;
	}	
	
.datum_cel_leeg_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	background:none;
	margin-bottom:5px;
	}
	
.datum_kop_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_wit {
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	padding:5px;
	background:#FFFFFF;
	font-family:verdana;
	color:#99bf1a;
	}
	
.datum_groen {
	width:auto;
	font-size:12px;
	line-height:12px;
	padding:5px;
	background:#9C92B5;
	font-family:verdana;	
	color:#FFFFFF;
	}	

		
h4 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size: 13px;
	font-weight:bold;
	color:#332C55;
	}
	
h4 a {
		text-decoration:none;
		color:#332C55;
	}

h4 a:hover {
		text-decoration:underline;
		color:#332C55;
	}