/* CSS Document */
*
{
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
html,body
{
	text-align:center;	
	height: 100%;
}
html
{
	background-color: #000;
}
a img
{
border: none;
}
div#container
{
	background-color:#fdfafa;
	background-image:url(../images/foto_groot.jpg);
	background-position: left center;
	background-repeat:no-repeat;
	height: 432px;
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:694px;
	clear:left;
}
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-220px; /* half of container's height */
	float:left;
}

#bottombar
{
	color: #fdfafa;
	background-color: #636466;
	text-align:center;
	width: 694px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 25px 0px;
}

#menu
{
	position: absolute;
	width: 300px;
	height: 80px;
	right: 0px;
	top: -24px;
}

#menu a
{
	color: #70cbd2;
	text-decoration:none;
}
#menu ul
{
	color: #70cbd2;
	list-style-type: none;
}
#menu ul li
{
	font-size: 18px;
	font-weight:normal;
	float: left;
	margin: 0px 10px;
}