* {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px;}

body		{
		background-color:#333333;
		}
				
#total		{
				position: absolute; 
				margin-left: 10%; 
				margin-right: 10%;
				width: 800px;
				margin-bottom: 10%;
				position: absolute;
				}
#contact	{	
				width: 90px;
				height: 14px;
				font-size: 9px; 
				background-color:#000000; 
				color:#FFFFFF; 
				font-weight: bold; 
				text-align: right; 
				position:relative; 
				top: 15px; 
				float: left;
				padding-right: 4px;
				}
				
#contact a, #content_news a, #content a  {color: #fff; text-decoration: none;}
#contact a:hover, #content_news a:hover, #content a:hover {color: #fff; text-decoration: underline;}
#contact a:active, #content_news a:active, #content:active{color: #fff; text-decoration: none;}
#contact a:visited, #content_news a :visited, #content_news a :visited{color: #fff; text-decoration: none;}


#banner 	{
				width: 800px;
				height: 215px; 
				background-repeat: no-repeat; 
				background-image: url('../gfx/banner1.2.jpg'); 
				position:relative; 
				float:left;
				}
#banner img {
				position: relative; 
				top: 40px;
				}
				
#menu 		{
				width: 800px; 
				height: 60px;
				background-color: #444; 
				background-image: url('../gfx/menu_bg4.png'); 
				position: relative; 
				float: left;
				text-align: center;
				font-size: 12px;
				margin-bottom: 10px;
				}
				
#content_top { 
			width: 20px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
			background-image: url('../gfx/top.jpg'); 
			background-position: 0px 0px;
		}
#content_top1 { 
			width: 560px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
		}
#content_top2 { 
			width: 20px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
			background-image: url('../gfx/top.jpg'); 
			background-position: 20px 0px;
		}
#content_top3 { 
			width: 150px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
		}
				
#content { 
			width: 600px;
			float: left;
			background-color: #494949;
		}
		
#content p 	{
				position: relative; 
				float: left;
				font-size:12px;
				width: 560px;
				color: #999;
				padding: 20px;
				background-color: #4e4e4e;
				}
#content_bottom { 
			width: 20px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
			background-image: url('../gfx/bottom.jpg'); 
			background-position: 0px 0px;
		}
#content_bottom1 { 
			width: 560px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
		}
#content_bottom2 { 
			width: 20px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
			background-image: url('../gfx/bottom.jpg'); 
			background-position: 20px 0px;
		}
#content_bottom3{ 
			width: 150px;
			height: 15px;
			float: left;
			background-color: #4e4e4e;
		}

#content_news	{
				font-size:11px; 
				background-color: #4e4e4e;
				padding: 4px;				
				}

				
#content_news p 	{
				padding: 10px; 
				margin-bottom: 0px;				
				color: #999;
				width: 160px;
				/* background-color: #555;*/
				margin-right: 2px;
				line-height: 1em;
				}

				
#foto span {
		padding-left: 10px;
		font-size:10px;
}

#end {
				width: 560px; 
				height: 30px; 
				position: relative; 
				float: left; 
				font-size:9px;
				text-align:center;
				color: #444;
				}
				
#rechts_news	{
		width: 190px;
		position: relative;
		float: left;
		background-color: #333;
		padding-left: 5px;
		margin-top: -15px
		}
		
#rechts_pic	{
		width: 190px;
		position: relative;
		float: left;
		background-color: #333;
		padding-left: 5px;
		margin-top: 5px;
		}
#rechts img {border: 2px solid #FFF;}
		
#contact1 {position: relative; float: left; width: 800px; font-size: small; color: #777; background-color:#333;}
#map_canvas {position: relative; float: left; font-size: small; color:#000; margin-right: 20px; }

#contact1  h1{color: #76a84a;}
#contact1 a {color: #FFF; text-decoration: none;}
#contact1 a:hover {color: #FFF; text-decoration: underline;}
#contact1 a:visited {color: #FFF; text-decoration: none;}
#contact1 a:active {color: #FFF; text-decoration: none;}

h1	{
		font-size:16px; 
		font-family: verdana; 
		color: #76a84a;
		font-weight: bold;
		line-height: 2em;
		margin-left: 5px;
	}
						
ul {
	text-decoration: none;
	list-style: none;
	
	}
	
li {
	cursor: pointer; 
	width: 200px;
	height: 50px; 
	display: inline; 
	float: left; 
	text-indent: -3000px; 
	overflow: hidden; 
	position: relative; 
	display: block;
	margin: 0 px;
	}
	
li a {
	height: 60px; 
	display: block; 
	text-decoration: none; 
	border: 0px;
	margin: 0px;
	}

.vacatures{
	background-image: url('../gfx/vacatures.png');
	background-repeat: no-repeat;
	display: block;
	background-position: -209px 0px;
	margin-top: 0px;
	}
	
.vacatures:hover{
	background-image: url('../gfx/vacatures.png'); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}
	
.informatie{
	background-image: url('../gfx/informatie.png');
	background-repeat: no-repeat;
	display: block;
	background-position: -209px 0px;
	margin-top: 0px;
	}
	
.informatie:hover{
	background-image: url('../gfx/informatie.png'); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	}