* {
		margin: 0;
		padding: 0;
	}
	
	



	html, body {
	height: 100%;
	/* Heel belangrijk */
	background-color: white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : Black;
	/*background-image : url(pict/bg2.jpg);*/
	/*background-repeat : no-repeat;*/
	
}
	

	

	#container {
		position: relative; /* De container positioneer je relative omdat je de footer absoluut aan de container positioneert */
		width: 100%;
		min-height: 100%;
		height: auto !important; /* IE hack */
		height: 100%;
		voice-family: "\"}\""; /* IE hack */
		voice-family: inherit; /* deze hoort daar nog bij */
		margin: 0px auto; /*deze div centreren*/
		
	}

	html>body #container {
		height: auto; /* IE hack */
	}

	#header {
		position: relative;
		height: 100px;
		top: 0px;
		margin-right: 0px;
		margin-bottom: 4px;
		margin-left: 0px;
		background-image : url(pict/dierenbalk.jpg);
		background-repeat : no-repeat;
		width : 100%;
		z-index : 10;
	}

	#menu {
		margin-left: 8px;
		margin-top: 15px;
		width: 175px;
		float: left;
	}

	#menu ul li {
		list-style: none;
		margin-bottom: 1px;
		margin-top: 4px;
		margin-left: 4px;
		padding-right: 20px;
	}

	#menu li a {
		display: block;
		color: #27856C;
		text-decoration: none;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#content {
	height:auto;
	margin-top: 20px;
	margin-left: 175px;
	/* Zelde als breedte van #menu */
	margin-right: 20px;
	width : 80%;
}

	html>body .footer { /* IE hack, voor alles behalve IE zichtbaar */
		position: relative; /* absoluut gepositioneerd aan de container */
		bottom: 0px;
		width: 100%;
		background-color: #27856C;
		clear: both;
		color: white;
		height: 30px;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align : center;
		margin-left : 0px;
		margin-right : 0px;
	}

	* .footer {
	/* IE hack, alleen voor IE zichtbaar */
	position: relative;
	/* absoluut gepositioneerd aan de container */
	bottom: 0px;
	width: 100%;
	background-color: #27856C;
	clear: both;
	color: white;
	height: 30px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align : center;
	margin-left : 0px;
	margin-right : 0px;
}
	
	
	
	H1 {
	background-color : #27856C;
	color : White;
	font-size : 16px;
	text-align : center;
	
}


	H2 {
	background-color : #99cc99;
	color : White;
	font-size : 14px;
	text-align : left;
	padding-left: 5px;
	
}


	LI {
	color : Red;
	font-size : 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type : disc;
	list-style : inside;
}

	
	P {
	margin-top : 8px;
}

	A.page {
	background-color : #27856C;
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
	padding-bottom : 3px;
}
A.page:HOVER {
	background-color : Red;
}


	A.blue {
	color : #0099ff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
}
A.blue:HOVER {
	color : Red;
}


DIV.copy {
	position : relative;
	bottom: 100px;
	right: 10px;
	z-index : 20;
	width : 100%;
	text-align : right;
}

DIV.fotowrapper-r {
	background-color : #e5e5e5;
	margin: 0px 0px 0px 10px;
	width : 200px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	float: right;
}

DIV.fotowrapper-l {
	background-color : #e5e5e5;
	margin: 0px 10px 0px 0px;
	width : 200px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	float: left;
}

table.vak {
	background-color : #27856C;
	margin: 0px 10px 0px 0px;
	width : 450px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	font-size: 10px;
	color: white;
	border: solid 1px thin;
}


.attentie {
	background-color : #ff0000;
	margin: 0px 10px 0px 10px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	font-size: 12px;
	color: white;
	border: solid 1px thin;
}