body,html {
	margin: 0 auto;
	padding: 0; /* opera */
	text-align: center; /* < IE6 */
	color: #fff;
	font: 9pt Arial, Verdana, Helvetica, san-serif;
	background: #848891;
	margin: 4px;
}
div#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url('images/container.png');
	padding: 0;
}
div#header {
	height: 119px;
	background: url('images/header.png');
}
	div#header h1 {
		display: none; /* die h1 is voor de naam van je site, maar die staat al in de header. Maar nu staat hij ook in de html opgenomen als tekst! */
	}
	#menu {
		float: right;
		display: inline; /*FIX IE6 */
		margin: 79px 30px 0 0;
		font-size: 11pt;
		font-style: italic;
		letter-spacing: -1px;
	}
		#menu ul {
			padding: 8px;
			margin: 0;
			padding-left: 20px;
		}
		#menu ul li {
			display: inline;
			margin: 0 6px;
			padding: 0;
			list-style-type: none;
		}
		#menu a {
			text-decoration: none;
			color: #D2D3D5;
		}
		#menu a:hover {
			text-decoration: underline;
			color: #6D717C;
		}
div#blok {
	background: url('images/blok.png');
	color: #484c55;
	font-size: 11px;
	margin-top: 9px;
	line-height: 11px;
}
	#blok_top {
		background: url('images/blok_randen.png') top no-repeat;
		height: 28px;
	}
	#blok_bottom {
		background: url('images/blok_randen.png') bottom no-repeat;
		height: 38px;
		clear: both;
	}
	#blok p {
		display: inline;  /*FIX IE6 */
		float: right;
		width: 378px;
		overflow: auto;
		padding: 6px;
		margin: -6px 24px -6px 0;
	}
	#blok img {
		margin: -10px 0 -18px 36px;
		float: left;
		position: relative;
		z-index: 4;
	}

.content {
	width: 449px;
	min-height: 623px;
	height: auto !important;
	height: 623px;
	float: left;
	padding: 0;
	margin: 29px 0 0 16px;
	display: inline; /*FIX IE6 */
	background: url('images/content.png');
}	
	.content *{
		margin-left: 20px;
		margin-right: 20px;
	}
	.content p img {
		margin: 0;
		padding: 0;
		margin-top: -10px;
	}
	.content_top {
		height: 27px;
		margin: 0;
		background: url('images/content_randen.png');
	}
	.content_bottom {
		height: 25px;
		width: 449px;
		margin: 0;
		background: url('images/content_randen.png') 0 -27px;
		clear: left;
		margin: 0 0 12px 16px;
	}
	
.cRight{
	width: 305px;
	background: url('images/right.png') 0 37px repeat-y;
	float: right;
	margin: 29px 12px 12px 0;
	display: inline; /*FIX IE6 */
	text-align: center;
}
	.cRight_top {
		height: 37px;
		background: url('images/right_randen.png');
	}
	.cRight_bottom {
		height: 37px;
		background: url('images/right_randen.png') bottom;
	}
	.cRight p {
		padding: 0 20px;
		margin: 0;
	}
	.cRight_scheiding {
		background: url('images/right_randen.png') 0 -38px no-repeat;
		height: 53px;
	}
div#footer {
	height: 109px;
	background: url('images/footer.png');
	clear: both;
	color: #92959E;
	text-align: right;
}
	#footer p {
		padding-top: 62px;
		width: 720px;
		margin: 0 40px;
		font-size: 8pt;
	}
h3 {
	background: url('images/kop.png') no-repeat;
	font: bold italic 14pt Arial;
	width: 149px;
	letter-spacing: -1px;
	text-align: center;
	height: 25px;
	padding: 0;
	margin: 0;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
ul {
	padding: 0;
}

#home, #producten, #overons, #systeembeheer, #contact {
	position: absolute;
	display: block;
	height: 19px;
	top: 87px;
}
#home {
	width: 36px;
	Left: 419px;
}
#overons {
	width: 53px;
	Left: 469px;
}
#producten {
	width: 58px;
	Left: 537px;
}
#systeembeheer {
	width: 91px;
	Left: 610px;
}
#contact {
	width: 44px;
	Left: 715px;
}