
body
{
	/*background-image: url( "/images/background.gif" );*/
}

html
{
	font-family: 	Verdana;
	color:			#313131;
	font-size:		12px;
}

#container
{
	position: 	relative;
	width: 		805px;
	margin: 	0px auto;
}
/*
#header_roundcorner
{
	position: 			relative;
	width: 				805px;
	height: 			17px;
	
	z-index: 			1;

	background-image: 	url( "/images/roundcorner_header.gif" );
	background-repeat: 	no-repeat;
}*/

#header_logo
{
	position:	relative;
	width: 		421px;
	height: 	97px;
	float: 		left;
	
	background: url( "/images/logo.jpg" ) no-repeat;
}

#header_menu
{
	position: 			relative;
	width: 				363px;
	height: 			114px;
	margin-top: 		-17px;
	float: 				left;
	
	z-index: 			2;
	
	background-color: 	#FFFFFF;
}

#header_menu ul
{
	margin:           0px 0px 0px 00px;
	padding:          0px;
  
  	list-style-type:  none;
}

#header_menu ul li
{
	float: left;
}

#header_menu ul li a
{
  	display:      block;
  	text-indent:  -9999px;
  	overflow:     hidden; 
}	

#header_menu ul li a.home
{
  	width:      61px;
  	height:     114px;
  
  	background: url( "/images/home.gif" ) no-repeat top left;
}

#header_menu ul li a.home:hover
{
  	width:      61px;
  	height:     114px;
  
  	background: url( "/images/home.gif" ) no-repeat bottom left;
}

#header_menu ul li a.home_active
{
	width: 		61px;
	height: 	114px;
	
	background: url( "/images/home_active.gif" ) no-repeat;
}

#header_menu ul li a.home_active:hover
{
	width: 		61px;
	height: 	114px;
	
	background: url( "/images/home.gif" ) no-repeat bottom left;
}

#header_menu ul li a.overons
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/overons.gif" ) no-repeat top left;
}

#header_menu ul li a.overons:hover
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/overons.gif" ) no-repeat bottom left;
}

#header_menu ul li a.overons_active
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/overons_active.gif" ) no-repeat;
}	

#header_menu ul li a.overons_active:hover
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/overons.gif" ) no-repeat bottom left;
}	

#header_menu ul li a.diensten
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/diensten.gif" ) no-repeat top left;
}

#header_menu ul li a.diensten:hover
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/diensten.gif" ) no-repeat bottom left;
}

#header_menu ul li a.diensten_active
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/diensten_active.gif" ) no-repeat;
}

#header_menu ul li a.diensten_active:hover
{
  	width:      78px;
  	height:     114px;
  
  	background: url( "/images/diensten.gif" ) no-repeat bottom left;
}			

#header_menu ul li a.portfolio
{
  	width:      76px;
  	height:     114px;
  
  	background: url( "/images/portfolio.gif" ) no-repeat top left;
}

#header_menu ul li a.portfolio:hover
{
  	width:      76px;
  	height:     114px;
  
  	background: url( "/images/portfolio.gif" ) no-repeat bottom left;
}	

#header_menu ul li a.portfolio_active
{
  	width:      76px;
  	height:     114px;
  
  	background: url( "/images/portfolio_active.gif" ) no-repeat;
}	

#header_menu ul li a.portfolio_active:hover
{
  	width:      76px;
  	height:     114px;
  
  	background: url( "/images/portfolio.gif" ) no-repeat bottom left;
}			

#header_menu ul li a.contact
{
  	width:      70px;
  	height:     114px;
  
  	background: url( "/images/contact.gif" ) no-repeat top left;
}

#header_menu ul li a.contact:hover
{
  	width:      70px;
  	height:     114px;
  
  	background: url( "/images/contact.gif" ) no-repeat bottom left;
}

#header_menu ul li a.contact_active
{
  	width:      70px;
  	height:     114px;
  
  	background: url( "/images/contact_active.gif" ) no-repeat;
}	

#header_menu ul li a.contact_active:hover
{
  	width:      70px;
  	height:     114px;
  
  	background: url( "/images/contact.gif" ) no-repeat bottom left;
}

#header_right
{
	width: 				21px;
	height: 			97px;
	
	float: 				left;

	background-color:	#FFFFFF;
}

		

#content
{
	position: 			relative;
	height: 			auto;
	min-height:			500px;
	padding: 			22px 0px;
	
	background-color: 	#FFFFFF;
}

#latest_projects
{
	position: 	relative;
	width: 		229px;
	text-align: center;
	float: 		left;
}

#latest_projects_header
{
	position: 			relative;
	width: 				194px;
	height: 			27px;
	padding:			4px 0px 0px 15px;
	
	
}	

#latest_projects_content
{
	position: 			relative;
	width: 				211px;
	height: 			auto;
	padding:			15px 10px;
	
	background-color: 	#F0F0F0;
}

#latest_projects_content img {
	width: 185px;
	border: 1px solid #6ca904;
	margin-bottom: 10px;
}

#latest_projects_footer
{
	position: 	relative;
	width: 		209px;
	height: 	13px;
	display: none;
	background: url( "/images/latest_projects_footer.gif" ) no-repeat;
}

h5
{
	margin: 	0px;
	padding: 	0px;
	margin-bottom: 3px;
	font-size:	12px;
	color: 		#313131;
}

#news
{
	position: 	relative;
	width: 		531px;
	height: 	auto;
	margin:		0px 0px 22px 0px;
	
	float: 		right;
}

#news_header
{
	position:			relative;
	width: 				531px;
	height: 			27px;	
	padding: 			4px 0px 0px 0px;		
	
	
}

#news_content
{
	position: 			relative;
	width: 				511px;
	height: 			auto;
	padding:			5px 10px;
	
	background-color: 	#F0F0F0;
}

#news_footer
{
	position: 	relative;
	width: 		531px;
	height: 	15px;
	display: none;
	background: url( "/images/content_footer.gif" ) no-repeat;
}

#news_round
{
	position: 	relative;
	width: 		11px;
	height: 	11px;
	margin: 	5px 0px 0px 0px;
	
	float: 		left;
	
	/*background: url( "/images/roundmenu.gif" ) no-repeat;*/
}

.head
{
	padding: 		0px;
	margin: 		3px 0px 0px 5px;
	
	float: 			left;
	
	font-size: 		12pt;
  	line-height: 	0.9em;	
}

#p_nomarginpad
{
	padding: 	0px;
	margin: 	0px;
	font-size: 13px;
}

img
{
	border: 0px;
}

#footer_roundcorner
{
	position: 	relative;
	width: 		805px;
	height: 	15px;
	
	background: url( "/images/roundcorner_footer.gif" ) no-repeat;
}

#clear
{
	clear: both;
}

a
{
	font-family: 	Verdana;
	font-size:		12px;	
	color: 			#6ca904;	
}	
	

form 
{
	margin: 0px;
}

input[ type="text" ] 
{
	margin-bottom: 		3px;
	
	border:				1px solid #70B001;
}

textarea
{
	
	border:				1px solid #70B001;
}		

input[ type="submit" ] 
{
	border: 			2px solid #70B001; 
	background-color:	#EBEBEB; 
	margin-top:			5px; 
	color: 				#313131;
}		

.portofolio 
{
	margin: 15px 0px 2px 0px;
	width:500px;
}	

hr {
	color:#ccc; 
	margin-top:20px; 
	height:1px;
}

#ListPortfolio h5 {
	margin-top:10px;
}

#ListPortfolio a {
	margin: 6px 4px 4px 10px;
	display: block;
}

#ListPortfolio a:hover {
	text-decoration: none;
}

#footer {
	text-align: center; 
	background-color: white; 
	font-size:10px;
}

#footer a {
	font-size:9px;
	
}

.SiteShow {
	width: 511px;
	background-color: 	#F0F0F0;
	padding:			5px 10px 20px;
	margin: 5px 0px;
	border: 1px solid #F0F0F0;
}

.SiteShow:hover {
	border: 1px solid #70B001;
}

.SiteShow img {
	border: 1px solid white;
}

h3.head {
	color: #70B001;
	font-family: verdana;
	padding-top:1px;
}

#Uitleg li b {
	color: #70B001;
}
