body, html {
	/* Algemene eigenschappen van de website */   
	margin:							0px;
	padding:						0px;
	background-image:				url(../images/bg_gradient.png);
	background-repeat:				repeat-x;
	
}


#box { 
	/* Container van de website */   
	text-align: 					justify;
	background-image:				url(../images/box_bg.png);
	background-repeat:				no-repeat;
	height: 						900px;
	width: 							1024px;
	padding: 						0px;
	margin: 						0px;
	font:							11px/170% "arial", Tahoma, Verdana, sans-serif;
	line-height:					12px;
	color: 							#000000;
	text-align:						left;
}



	

#menubalk {
	/* Eigenschappen van de div waar het menu in gaat komen */   
	margin:							0px 0px 0px 0px;
	padding: 						0px;
	background-color:				#240f6c;
	font:							11px/170% "arial", Tahoma, Verdana, sans-serif;
	font-weight:					bold;
	line-height:					1.em;
	text-align: 					left;
	height: 						20px;
	
}
		
#menu{   
	/* eigenschappen van het menu */   
	margin-top: 					0px;
	padding: 						0px;
	text-align:						center;
	width:							1000px;
	height:							554px;
}


#home_menu
{

	padding-top:					45px;
	padding-left:					165px;
}



#actueel_menu
{
	
	padding-left:					330px;

}

#diensten_menu
{

	padding-top:						135px;
	padding-right:						190px;

}

#login_menu
{

	padding-left:						330px;

}

#vacatures_menu
{

	padding-top:						185px;
	padding-left:						155px;

}

#contact_menu{


padding-left:						330px;

}

#menu li{   
	/* type van de style op 'none' */   
	list-style-type: 				none;   
	/* Naar links laten floaten */   
	float: 							left;   
	/* breedte, hoogte en marges */   
	
	margin:							0px;
	padding: 						0px;
}

#menu li a{   
	/* van de links een block-element maken voor het :hover effect */   
	display:						block;   
	/* breedte en hoogte op 100% zodat de <li> wordt opgevuld */   
	width: 							110px;   
	height: 						20px;
	color:							#bcbdb9;
	text-decoration:				none;
	
	
}

#menu li a:hover{   
	/* Eigenschappen van het hover effect */   
	
	
	color:							#f04145;
	text-decoration:				none;
	
}



	

		
#content {
	/* Opmaak tekst, links en eigenschappen van de content-div*/   
	
	margin-left: 					0px;
	padding-top:					80px;
	font:							11px/170% "arial", Tahoma, Verdana, sans-serif;
	line-height:					13px;
	color: 							#FFFFFF;
	width:							375px;
	height:							500px;
	float:							right;
	padding-right:					25px;
	
	
	}
	
	#content a:link {
		color: 						#c3004a;
		text-decoration:			none;
		font-weight:				bold;
	}
	#content a:visited {
		color: 						#c3004a;
		text-decoration:			none;
		font-weight:				bold;
	}
	#content a:active {
		color: 						#f04145;
		text-decoration:			none;
		font-weight:				bold;
	}
	#content a:hover {
		color: 						#f04145;
		text-decoration: 			underline;
		font-weight:				bold;
	}
	#content h1 {
		font:						20px/170% "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
		line-height:				20px;
		color: 						#ff0006;
		font-weight:				bold;
		padding: 					0px 0px 0px 0px;
		margin: 					0px;
	}
	
	#content h2 {
		font:						16px/170% "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
		line-height:				16px;
		color:						#5493c9;
		font-weight:				bold;
		padding: 					0px 0px 0px 0px;
		margin: 					0px;
		}
		
	#content h3 {
		font:						14px/170% "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
		line-height:				16px;
		color:						#c3004a;
		font-weight:				bold;
		padding: 					0px 0px 0px 0px;
		margin: 					0px;
		}	
		
	#content h4 {
		font:						10px/170% "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
		
		color:						#c3004a;
		padding: 					0px 0px 0px 0px;
		margin: 					0px;
		}		
		
	#content h5 {
		font:						11px/170% "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
		line-height:				12px;
		color:						#c3004a;
		padding: 					0px 0px 0px 0px;
		margin: 					0px;
		}	
		
	content hr {
		color: 						#96bf0d;!important
		size:						3px;
		float:						none;
		width:						100%;
	}

/* alles van de pagina's die geladen worden etc*/







#rechts {
	font:							11px/100% "arial", Tahoma, Verdana, sans-serif;
	line-height:					12px;
	text-align:						right;
	width:							100px;
	height:							904px;
	padding:						0px 0px 0px 0px;
	margin:							100px 0px 0px 0px;
	float:							right;
	background-color:				#5493c9;
	background-repeat:				repeat-y;
	
	}

	#rechts h1	{
	font:							14px/100% "arial", Tahoma, Verdana, sans-serif;
	font-style:						bold;
	color:							#282882;
	line-height:					0px;
	
				}
	
	#rechts h2	{
	font:							14px/100% "arial", Tahoma, Verdana, sans-serif;
	font-style:						bold;
	color:							#ffffff;
	line-height:					0px;
	
				}

#rechts_uitlijning {

	margin-top:						100px;	
	
	}


	
#home_rechts	{

	text-align:						right;
	
	}	
#footer {
	/* breedte, hoogte, marges en achtergrond van de footer */   
	height: 						70px;
	margin: 						0px;
	margin-top:						20px;
	padding:						0px;
	width:							750px;
	float: 							left;
	}
	



#footertekst {
	/* Opmaak tekst, links en eigenschappen van de footer */   
	text-align: 					left;
	height: 						70px;
	margin: 						0px;
	padding:						30px 0px 10px 200px;
	font:							11px/170% "arial", Tahoma, Verdana, sans-serif;
	line-height:					1.6em;
	color: 							#000000;
	width:							750px;
	}
	
	#footer a:link {
		color: 						#000000;
		text-decoration:			none;
	}
	#footer a:visited {
		color: 						#000000;
		text-decoration:			none;
	}
	#footer a:active {
		color: 						#000000;
		text-decoration:			none;
	}
	#footer a:hover {
		color: 						#000000;
		text-decoration: 			underline;
	}


input, select, textarea {
	/* Opmaak van formulier-velden */   
    border:							1px solid; 
	font:							11px/170% "arial", Tahoma, Verdana, sans-serif;
	line-height:					1.6em;
	margin-bottom:					2px;
	padding:						1px 2px;
}

#stylearea {

	width:							265px;
	height:							100px;
	
	}	
	
#textfield {
	
	width:							265px;
	height:							20px;
	}

#button {			
	width:							70px;
	heght:							20px;
	
	}	
/* Contact */	
#inputcv {			
	width:							75px;
	height:							20px;
	border: 						1px solid;
	border-color:					#96bf0d;

	}