* {
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%; /* HEEL BELANGRIJK! */
	background: #FFF;
}

.clear {
	clear: both; /* deze class gaan we gebruiken om de twee floats #left en #right te clearen. */
	height: 0px;
}

#container {
	min-height: 100%;
	width: 780px;
	margin: 0 auto; /* deze div centreren */
	background: #FFF url(../images/bg_main.gif) top left repeat-y; /* Faux column */
	position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. Dus position: relative moet dan hier toegevoegd worden */
}

/* 	
	IE hack. IE kent geen min-height, maar gedraagt zich bij height: hetzelfde. 
	* html > bla is een hack die IE snapt en daarom ook de waarde van overneemt.
	Bedankt Kevin! -> http://ep2.nl/post/48822/#pid48822 
*/
* html > #container {
	height: 100%;
}

#header {
	height: 210px;
	background-image: url(../images/bg_header.gif);
}
	#image {
		float: right;
		width: 650px;
		height: 160px;
		margin-top: 50px;
	}

#navbar {
	height: 43px;
	background-image: url(../images/bg_menu.gif);
}

#left {
	width: 200px;
	padding: 10px;
	float: left;
	height: auto;
	margin-bottom: 70px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
	#nieuwsbox {
		width: 178px;
		border: #CC9900 1px solid;
		background-color: #FFFFFF;
		background-image: url(../images/title_latestnews.gif);
		background-repeat: no-repeat;
		padding: 90px 10px 10px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #996600;
	}
		#nieuwsbox ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
			#nieuwsbox li {
				background-image: url(../images/bullet_bruin.gif);
				background-position: left 4px;
				background-repeat: no-repeat;
				padding: 0px 0px 10px 18px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #996600;
			}
		
		#nieuwsbox a {
			color: #996600;
				text-decoration: none;
		}
		
		#nieuwsbox a:hover {
			color: #996600;
			text-decoration: underline;
		}
	
	#randomprojectbox {
		width: 178px;
		border: #CC9900 1px solid;
		background-color: #FFFFFF;
		background-image: url(../images/title_randomproject.gif);
		background-repeat: no-repeat;
		padding: 38px 10px 10px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #996600;
		margin-top: 20px;
	}
	
		#randomprojectbox a {
			color: #996600;
				text-decoration: none;
		}
		
		#randomprojectbox a:hover {
			color: #996600;
			text-decoration: underline;
		}
	
	.left_schaduw {
		width: 200px;
		height: 3px;
		background-color: #e6e2bf;
	}

#right {
	width: 530px;
	float: right;
	height: auto;
	margin-bottom: 70px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
	padding: 20px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213c13;
}
	#main_tekst {
		_height: 150px;
		min-height: 150px;
	}
		#main_tekst a {
			color: #afc227;
			text-decoration: none;
		}
		
		#main_tekst a:hover {
			color: #afc227;
			text-decoration: underline;
		}
		
		#main_tekst ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
			#main_tekst li {
				background-image: url(../images/bullet_nieuws.gif);
				background-position: left 4px;
				background-repeat: no-repeat;
				padding: 0px 0px 10px 18px;
			}
		
		.title {
			background-image: url(../images/title.gif);
			background-position: left 2px;
			background-repeat: no-repeat;
			height: 22px;
			padding: 0px 0px 0px 18px;
			margin-bottom: 20px;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
	
	.project_box {
		width: 530px;
		border-bottom: #afc227 solid 1px;
		padding-bottom: 17px;
		margin-bottom: 20px;
	}
		.project_img {
			width: 110px;
			float: left;
		}
		.project_tekst {
			width: 410px;
			float: right;
		}
	
	#whyus {
		width: 530px;
		margin-top: 20px;
	}
		.whyustekst {
			margin-left: 170px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #213c13;
		}
			.whyustekst li {
				margin-left: 15px;
			}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 780px;
	height: 60px;
	background-image: url(../images/bg_bottom.gif);
}
	#copyright {
		width: 100px;
		float: right;
		height: 30px;
	}
	#bottomtext-left {
		width: 390px;
		float: left;
		height: 30px;
		line-height: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #CCCCCC;
	}
	#bottomtext-right {
		width: 390px;
		float: right;
		height: 30px;
		line-height: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-align: right;
		color: #CCCCCC;
	}
	
	#footer a {
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #CCCCCC;
			text-decoration: underline;
		}

.tekst_9 {
	font-size: 9px;
}