body, html {
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #FFFFFF;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:16px;
	height:100%;
}
#distance {
	width:1px;
	height:50%;
	margin-bottom:-280px; /* helft van de website hoogte */
	float:left;
}
#container {
	background-image:url(../graphics/bg_grijs.png);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	text-align:left;
	width: 800px;
	height: 560px;
	padding: 0px;
	margin:0 auto; /* Ook horizontaal centreren */
	background-color:#000000;
	clear: left;
}
#utilities {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	color:#FFFFFF;
	font-size:10px;
	text-align: center;
	width: 800px;
	height: 20px;
	padding: 0px;
	top:570px;
}
#utilities  a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	margin: 0px;
}
#utilities  a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	margin: 0px;
}
#header {
	background-position:left;
	background-image:url(../graphics/bg_header.png);
	background-repeat:no-repeat;
	position:absolute;
	width:800px;
	height:161px;
	margin: 0px;
	padding: 0px;
}
.introtekst {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width: 360px;
	height: 116px;
	line-height:18px;
	padding: 0px 20px 0px 420px;
}
#foto {
	position:absolute;
	width:800px;
	height:151px;
	top:161px;
}
#grijs a{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4C4C;
	text-decoration:none;
}
#grijs a:hover{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a0a07;
	text-decoration:none;
	font-weight:bold;
}
#content {
	position:absolute;
	width: 800px;
	top:332px;
	margin: 0px;
	padding: 0px;
	float:left;
}
.tekstblok{
	position:relative;
	width: 360px;
	margin: 0px;
	padding: 20px;
	float:left;
}

#topmenu { position:absolute; width:800px; height:27px; top:135px; z-index:50;  }
#topmenu li { list-style-type: none; margin: 0; padding: 0; outline: none;}
#topmenu li a.worden { display: block; float: right; outline: none; background: url(../graphics/vakmanworden.gif) no-repeat; height: 27px; width: 172px;  text-indent: -2000px; padding: 0 20px 0 0px; }  
#topmenu li a.inhuren  { display: block; float: right; outline: none; background: url(../graphics/vakmaninhuren.gif) no-repeat; height: 27px; width: 172px;  text-indent: -2000px; padding: 0 20px 0 0px; }  
#topmenu li a.worden:hover { background-position: 0 -27px; outline: none; }
#topmenu li a.inhuren:hover { background-position: 0 -27px; outline: none; }

#bottommenu { position:absolute; width:800px; height:46px; top:494px;  }
#bottommenu ul { margin: 0; padding:0; }
#bottommenu li { list-style-type: none; outline: none;}
#bottommenu li a.klusofferte { float: left; margin-left: 20px; display: block; outline: none; background: url(../graphics/klusofferte.gif) no-repeat; height: 46px; width: 360px;  text-indent: -2000px; padding: 0 20px 0 0px; }  
#bottommenu li a.aanmelden  { float: left; margin-left: 20px; display: block; outline: none; background: url(../graphics/aanmelden.gif) no-repeat; height: 46px; width: 360px;  text-indent: -2000px; padding: 0 20px 0 0px; }  
#bottommenu li a.klusofferte:hover { background-position: 0 -46px; outline: none; }
#bottommenu li a.aanmelden:hover { background-position: 0 -46px; outline: none; }