html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}
	
A:link {color: #163068;text-decoration:underline;}
A:active {color: #163068;text-decoration:underline;}
A:visited {color: #163068;text-decoration:underline;}
A:hover {color: #163068;text-decoration:underline;}


H1 {font-size: 1.4em;}
H2 {
	font-size: 1em;
	margin-bottom:0.2em;
} 
HR {color: #0097AC;  background-color: #0097AC; height: 1px; width: 90%;}

#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
/*	background:url(../images/design/backmetlijnlinks.gif) left top repeat-y;*/
	background-position: 206px 300px;	
}

.homepage {
	background: #01a6ba;
}

* html #page {
	height: 100%;
}

.contact_details {
	color: #fff;
	font-size: 0.7em;
	text-align: left;
	padding: 5px;
}

.contact_details a {
	color: #fff;
}
b {
	font-weight: bold;
}

	/* LINKERKANT */
	
	#leftcol {
		background: #01a6ba;
		width: 207px;
	}
	
	#projectlist {
		text-align: center;
		width: 207px;
	}
	
	#projectlist img {
		margin: 0 0 20px 0;
	}
	
	#projectlist a img {
		border: 0;
	}
	
	.zeestad {display:block;width:20px;}
	
	#subnav {
		color: #666666;
		width: 17em;
		display:block;
		padding: 1em 1.2em 1em 2em;
		font-size: 0.8em;
		line-height: 1.5em;
		background: url(../images/design/backmetlijnlinks.gif) right top repeat-y;
	}
		#subnav a {
			color: #000;
			text-decoration:none;
			font-size: 1.2em;
			font-weight:bold;
		}
		#subnav a:hover {
			text-decoration:underline;
		}

		#subnav li {
			margin: 0 0 .5em 0;
			color: #007181;
		}

		#subnav ul {
			margin:0;
			padding:0.5em 0 0 0;
			list-style:none;
		}
		#subnav ul ul {
			display:none;
			margin:0 0 0 12px;
		}
		#subnav ul ul.opened {
			display:block;
		}
		#subnav ul ul a {
			color: #0097AC;
			text-decoration:none;
			font-size: 1.2em;
			font-weight:normal;
		}

		
	/* MIDDEN */
	#midcol {
		background: #fff;
	}
	
	#tekst {
		margin: 4em 3em 0 1.2em;
		font-size: 0.9em;
		line-height: 1.5em;
	}	
		
	#tekst H1 {
		color: #0097AC;
		
	}

/*
#tekst IMG {
	float: right;
	border: 1px solid #0097AC;
	margin: 1.8em;
	margin-top: 0;
}
*/

#tekst IMG {
	border: 1px solid #0097AC;
	margin: 0 1em 0 1em;
}
	
	
	
	
	
	
	#agendaitem {
	margin: 4em 3em 4em 1.2em;
	font-size: 0.9em;
	line-height: 1.5em;
	border-bottom: 1px solid #0097AC;
	padding-bottom: 1em;
	}	
		
	#agendaitem H1 {
		color: #0097AC;
		font-size: 1.4em;
	}
	#agendaitem IMG {float: right; border: 1px solid #0097AC; margin: 1.8em;margin-top: 0;}
	#agendaitem {
	margin: 4em 3em 4em 1.2em;
	font-size: 0.9em;
	line-height: 1.5em;
	border-bottom: 1px solid #0097AC;
	padding-bottom: 1em;
	}
	
	/*RECHTS */
	#rightcol {
		background: #fff;
	}	
	
	.grijsverloop {
		margin-top: 4em;
	}
	
	
	
#nonfooter {
	position: relative;
	min-height: 100%;
}
	#nonfootervervolg {
	position: relative;
	min-height: 100%;
	
	}
* html #nonfooter {
	height: 100%;
}

#footer {
	position: absolute;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 210px;
	background-color: #0097AC;
	color: #FFFFFF;
	text-align: left;
	bottom: 0;
}

* html #footer {
	margin-top: -226px;
}

	#footer_balk {width: 100%; height: 20px;background-color:#FFFFFF;}
		#blauwbalkje {width:185px; display:block;background-color: #0097AC;height:20px;padding: 3px 0 0 22px; font-weight:bold; color: #FFFFFF;}
#header {
	height: 104px;	
	color: #FFFFFF;
	background: #fff url(../images/design/backtop.jpg) no-repeat;
}

	#zoek {display:block; position:absolute; top: 20px; left: 475px;}
		 #zoek INPUT {border: 1px solid #000000;font-size: 0.8em;} 
		#zoek .submit INPUT {border:0;font-weight: bold; background-color: #FFFFFF; color:#000066;}
	
	#navigatie {
	position: absolute;
	display:block;
	height: 1.6em;
	top: 66px;
	width: 760px;
	background-color:#163068;
	background-image:url(../images/design/navverloop.gif);
	background-position:right;
	background-repeat:repeat-y;
	font-weight:bold;
	padding: 0.3em 0 0.2em 3.8em;
	word-spacing: 0.5em;
	}
	
	#navigatie A:link {color: #FFFFFF; text-decoration:none;}
	#navigatie A:visited {color: #FFFFFF; text-decoration:none;}
	#navigatie A:active {color: #75C7D2; text-decoration:none;}
	#navigatie A:hover {color: #75C7D2;text-decoration:none;}
	
	#roodbalkje {position:absolute;top: 93px; display:block; width: 207px; height: 13px; float: left; background-color:#C52419;}
	#logo {
	position:absolute;
	float: right;
	right: 5%;
	top: 4px;
	}
	
	/* VERVOLGPAGINA */
	
	
	/* IE6 declaratie */
	.lo-sfeerpic {
		/*position:absolute;*/
		display:block;
		bottom: 0;
	}
	
	/* IE7, FF, Opera etc declaratie */
	html>body .lo-sfeerpic {
		position:relative;
	}
	html>body #page {
		background: none;
	}

	
	#kruimelpad {
	float:right;
	color: #999999;
	font-size: 0.8em;
	margin: 5em 3em 0 0;
	}
	
/*
		#kruimelpad A:link {color: #999999;text-decoration:none;}
		#kruimelpad A:visited {color: #999999;text-decoration:none;}
		#kruimelpad A:active {color: #999999;text-decoration:none;}
		#kruimelpad A:hover {color: #999999;text-decoration:none;}
*/
		
	/* PROJECTPAGINA */
	#project {
		display: block;
		height: 86px;
		width: 500px;
		
		z-index:2;
		position:absolute;
		top:93px;
		left: 207px;
	
	}
	#kruimelpadprojectpagina {
	float:right;
	color: #999999;
	font-size: 0.8em;
	margin: 5em 3em 0 0;
	}
	
	
	#tekst.projectpagina {margin-top: 10em;}
	
	#overigeberichten {
	display: block;
	width: 350px;
	background-color: #BFEAEE;
	float: left;
	}
	
	#overigeberichten_header {
		width: 330px;
		height: 20px;
		color: #fff;
		font-weight: bold;
		background: url(../images/design/overige_berichten_kop.gif);
		lineheight: 30px;
		padding: 3px 10px;
	}
	
	#kaart_header {
		width: 205px;
		height: 20px;
		color: #002c69;
		font-weight: bold;
		background: url(../images/design/kaarten_kop.gif);
		lineheight: 30px;
		padding: 3px 10px;
		margin: 0 0 3px 0;
	}

	#overigeberichten blockquote {margin: 5px 10px 10px 20px;}
	
	#plattegrond {
	display: block;
	width: 225px;
	background-color: #ffffff;
	float: left;
	margin-left: 2em;	}
	#plattegrond IMG {
	margin: 0;
	float:none;
	border:none;
	}

/* --- NIEUWS OVERZICHT --- */
td.head {
	width:200px;
	border-bottom:1px solid #63daea;
}
td.border_right {
	border-right:1px solid #63daea;
}

/* --- NAVIGATIE --- */

.navigation_container {
	padding: 0 0 0 75px;
	margin: 10px 0;
}

a.navigationlink {
	text-decoration: none;
}