﻿html{
	height: 100%;
} 


body {
	background-color: #FFFF66;
	margin: 0;
	height: 100%;
	text-align: center;
	font-size: 1.0em;
	font-family: "Arial Narrow"
	

}


#containerrozerand {
	
	padding: 0.5% 0 1% 0;
	height: 97.5%;
	

	width: 90%;
	margin: 0 auto;
	text-align: left;
	background-color: #FF00FF;
	
}


#containergroenerand {
	width: 99%;
	background-color: #00FF00;
	margin: 0 auto;
	height: 99%;
	padding-top: 1%;
	
	


}

#container {
	width: 98%;
	background-color: #00FF00;
	margin: 0 auto;
   	height:98%; 
	
}


#kop {
	padding: 0;
	background-color: #00FF00;
	color: #FFFFFF;
	height: 15%;
	width: 100%;
}

#kop h1{
	padding: 2% 0 0 0;
	margin: 0;
	font-size: 1.9em; 

}


#koproze {
	padding: 0;
	background-color: #FF00FF;
	height:100%;
	width: 15%;
	float: left;
	

}

#kopblauw {
	padding: 0;
	background-color: #0066FF;
	height:100%;
	width: 84%;
	text-align: center;
	float: right;
	
}	





#linker {
	float: left;
	Width: 15%;
	Background-color: #FF00FF;
	height: 70%;
	margin: 0;
	padding: 0 0 0 0;
	


}

#navigation {
	
	
	position: relative;
	float: left;
	width: 94%;
	height: 100%;

	background: url(images/geelverloopverticaal.bmp) repeat;
	margin-left: 3%;
	
	


}


ul#verticaal{
	
	width: 92%;
	margin: 5% 0 0 1%;
	padding: 0 0 0 0;
	list-style: none;
	


}

ul#verticaal li {
	margin: 12% 0 0 0;
	color: #FF00FF;
}

a {
	text-align: center;
	font-size: 0.8em;

}

ul#verticaal a:link, a:visited{
	color: #0066FF;
	text-decoration: none;
	
}	
ul#verticaal a:hover, a:active{
	color: #FF00FF;
	text-decoration: none;
	

} 


#rechter {
	margin-left: 16%;
	padding: 0;
	Width: 84%;
	color: #0066FF;
	height: 70%
	

}

img.logo{
	float: left;
	padding: 2%;
	margin: 0 0 0 0;
} 

img.plein{
	float: right;
	padding: 2%;
	margin: 0 0 0 0;
} 

#tekst{
	clear: right;
	padding: 1% 1% 0 2%;
	
	text-align: justify;
}


#tekst h2{
	font-size: 1.2em;
	text-align: left;

}




#voet {
	clear:both;
	
    margin-right:0%;
	color: #FFFFFF;
	float: right;
	padding: 0;
	Width: 100%;
	height: 15%;
	background-color: #00FF00;

}	


#voetroze {
	height: 100%;
	Width: 15%;
	float: left; 
	background-color: #FF00FF;
	



}

#voetblauw {
	height: 100%;
	Width: 84%;
	float: right; 
	background-color: #0066FF;
	text-align: center;
	


}

a.footer:link, a.footer:visited{
	color: #FFFFFF;
	text-decoration: none;
	

}	

a.footer:hover, a.footer:active{
	color: #FFFF66;
	text-decoration: none;
	
	

} 





























