/* Algemende declaraties */

	* {
		margin:					0px;
		padding:				0px;
	}
	
	html, body {
		margin-left: 			0px;
		margin-top: 			0px;
		margin-right: 			0px;
		margin-bottom: 			0px;
		color:					#FFFFFF;
		font-family:			"Trebuchet MS";
		font-size:				12px;
		line-height:			22px;
		background:				#FFFFFF;
	}
	
	body#groen {
		background-image:		url(../layout/bg.jpg);
		background-repeat: 		repeat-x;
	}
	
	body#blauw {
		background-image:		url(../layout/bg_blauw.jpg);
		background-repeat: 		repeat-x;
	}
	
	body#paars {
		background-image:		url(../layout/bg_paars.jpg);
		background-repeat: 		repeat-x;
	}
	
	h1 {
		font-size:				15px;
		margin-bottom:			20px;
	}


	
/* Hyperlink definities*/

	

	.linksgroen a {
		text-decoration:		none;
		color:					#63801E;
	}
	
	.linksblauw a {
		color:					#0073AA;
		text-decoration:		none;
	}
	
	.linkspaars a {
		color:					#B10057;
		text-decoration:		none;
	}
	
	.pagegroen a {
		color:					#63801E;
	}
	
	.pageblauw a {
		color:					#0073AA;
	}
	
	.pagepaars a {
		color:					#B10057;
	}
	
	.top a {
		text-decoration:			none;
		color:						#FFFFFF;
	}
	
	a.pdflink {
		background:				url(../layout/pdf.png) no-repeat left;
		padding-left:			20px;
		height:					16px;
		text-decoration:		none;
	}

/* De pagina declareren ook voor de kleuren, later nog opschonen kan veel korter */


	.pagegroen {
		width:					994px;
		height:					600px;	
		background-image:		url(../layout/bg_page_groen.jpg);
		background-repeat:		no-repeat;
		margin:					0 auto;
	}
	
	.pageblauw {
		width:					994px;
		height:					600px;	
		background-image:		url(../layout/bg_page_blauw.jpg);
		background-repeat:		no-repeat;
		margin:					0 auto;
	}
	
	.pagepaars {
		width:					994px;
		height:					600px;	
		background-image:		url(../layout/bg_page_paars.jpg);
		background-repeat:		no-repeat;
		margin:					0 auto;
	}


/* Style form elementen */

		
		input {
		width:			240px;
		background:		#e8e8e8;
		border:			1px solid	#CCCCCC;
		color:			#333;
		}
		textarea {
		width:			440px;
		height:			100px;
		background:		#e8e8e8;
		border:			1px solid	#CCCCCC;
		color:			#333;
		}
		
		.bovenform textarea {
		width:			220px;
		height:			100px;
		background:		#e8e8e8;
		border:			1px solid	#CCCCCC;
		color:			#333;
		
		}
		
		.onderform input {
		width:			220px;
		background:		#e8e8e8;
		border:			1px solid	#CCCCCC;
		color:			#333;
		}
		
		.submitgroen input {
		
		width:			60px;
		background:		#63801E;
		border:			1px solid	#CCCCCC;
		color:			#fff;
		margin-top:		20px;
		float:			right;
		cursor:			pointer;
		}
		
		.submitpaars input {
		
		width:			60px;
		background:		#B10057;
		border:			1px solid	#CCCCCC;
		color:			#fff;
		margin-top:		20px;
		float:			right;
		cursor:			pointer;
		}
 
 
 		.submitblauw input {
		
		width:			60px;
		background:		#0073AA;
		border:			1px solid	#CCCCCC;
		color:			#fff;
		margin-top:		20px;
		float:			right;
		cursor:			pointer;
		}

/* Taal selectie vakje */
	.language, .language * {		
		width:			auto;
		padding:		0;
		margin:			0;
		font-size:		12px;
		line-height:	normal;
		display:		none;		
		background:		none;
		border:			0;
		outline:		none;
	}
	.groen {
		color:					#63801E;
	}
	
	.blauw {
		color:					#0073AA;
	}
	
	.paars {
		color:					#B10057;
	}
		
	.language, .language form, .language .submit {
		display:		block;	
	}
	
	.language .submit {
		margin-left:	-3px;	
		cursor:			pointer;
	}


/* Headerdefinitie */

	.header {
		width:					994px;
		height:					117px;
		float:					left;
		
	}
	
	.headermailing {
		width:					994px;
		height:					67px;
		float:					left;
		
	}
	.header .logogroen {
		width:					260px;
		height:					117px;
		float:					left;
		display:				block;
		background:				url(../layout/impact_groen.jpg) no-repeat;
		cursor:					pointer;
		
	}
	
	.header .logoblauw {
		width:					260px;
		height:					117px;
		float:					left;
		display:				block;
		background:				url(../layout/impact_blauw.jpg) no-repeat;
		cursor:					pointer;
		
	}


	.header .logopaars {
		width:					260px;
		height:					117px;
		float:					left;
		display:				block;
		background:				url(../layout/impact_paars.jpg) no-repeat;
		cursor:					pointer;
		
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
-- Wennet: puur css menu met fix voor ie6 copyright zie hierboven ook url
voor naslag of eventuele wijzigingen
=================================================================== */
		
		.menu {
			width:					705px; 
			height:					30px;
			padding-top:			20px;
			padding-left:			20px; 
			position:				relative; 
			margin:					0; 
			font-size:				14px; 
			background-repeat:		no-repeat;
			background-position:	0px 20px;	 
			margin:					0px 0 60px 0; 
			position:				relative; 
			z-index:				100;
			cursor:					pointer; 
			float:					left;
			
		}
		.menu ul {
			padding:				0; 
			margin:					0; 
			list-style-type: 		none;
		}
		
		.menu ul li {
			float:					left; 
			background:				url(../layout/bg_li.gif);
			background-repeat:		no-repeat;
			padding-left:			10px;
			padding-right:			4px;
		}
		
		.menu ul li a, .menu ul li a:visited {width:auto!important;   text-decoration:none; padding:0 5px 10px 10px; height:20px; color:#fff; }
		.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
		.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
		.menu ul li ul.menu2current{visibility:visible; padding-top:15px; margin-top:10px; width:749px; display:block;background:url(../layout/bg_menu_foldout_werk.gif); background-repeat:no-repeat; color:#000;}
		.menu ul li ul.menu3current{visibility:visible; padding-top:15px; margin-top:10px; width:749px; display:block;background:url(../layout/bg_menu_foldout_over.gif); background-repeat:no-repeat; color:#000;}
		.menu ul li ul.menu6current{visibility:visible; padding-top:15px; margin-top:10px; width:749px; display:block;background:url(../layout/bg_menu_foldout_contact.gif); background-repeat:no-repeat; color:#000;}

/* Content declaraties */

		.content {
			width:					994px;
			float:					left;
			margin-top:				8px;
		}
		
		
		.midden {
			width:					436px;
			float:					left;
			color:					#fff;
			
		}

	
		.content .midden .boven {
			height:					150px;
			float:					left;
			clear:					right;
		}
		
		
		.content .midden .bovenmailing {
			height:					300px;
			float:					left;
			clear:					right;
			margin-left:			240px!important;
			margin-left:			120px;
		}
		
		.content .midden .bovenmailing a {
			text-decoration:		underline;
			color:					#FFFFFF;
		}
		
		.content .midden .ondermailing {
			margin-left:			240px!important;
			margin-left:			220px;
		}
		
		.content .midden .boven a {
			color:					#FFFFFF;
			text-decoration:		none;	
		}
		
		
		.content .midden .onder {
			
			margin-top:				20px;
			float:					left;
			color:					#333;
			clear:					both;
			width:					436px;
		
		}
		
		
		.content .right {
			width:					261px;
			float:					right;
		}

		.left {
			width:					217px;
			padding-left:			20px;
			float:					left;
			font-size:				12px;
			color:					#fff;
			padding-top:			138px;
		}

		.left .top {
			color:					#fff;
			margin-bottom:			30px;
			
		}

	


/* Klanten met logos */

	.referenties {
		width:					850px!important;
		width:					750px;
		margin-left:			235px!important;
		margin-left:			0px;
		float:					left;
		color:					#fff;
	
	}
	
.klanten_image {
		border:					none;
		float:					left;
		width:					120px;
		height:					120px;
		border:					1px #CCCCCC solid;
		margin-right:			5px;
		margin-bottom:			5px;
}

.klanten_image a img{
	
		width:					120px;
		height:					120px;
	
}



.huidigpersoneel li {
	width:					150px;
	height:					20px;
	float:					left;
	background-color:		#00FF33;
}

.faq {
	border:					1px dotted #ccc;
	min-height:				400px;	
	width:					227px;
	padding-left:           10px;
	padding-right:          10px;
	height:					auto!important;
	height:					353px;	
	float:					left;
}
.faq .boven {
	margin-top:				30px;
	height:					155px;
	float:					left;
}

.faq .onder {
	margin-top:				25px;
	float:					left;
	text-align:				left;
	color:					#333;
}

.faq .onder a {
	text-decoration:		underline;
	
}

.faq .bovenform {
	margin-top:				30px;
	height:					135px;
	max-height:				135px;
	text-align:				left;
	
	
}

.faq .onderform {

	
	color:					#333333;	
	
	
}

.faq .onder img {
	margin-top:				10px;
	margin-bottom:			10px;
	border:					none;
}



.midden .boven li {
	list-style:				none;
	color:					#fff;
	margin-bottom:			15px;
}

.midden .boven li a {
	color:					#fff;
	cursor:					pointer;
}

.midden .boven li a:hover {
	cursor:					pointer;
}

.midden .boven li  {
	width:					400px;
	height:					20px;
	float:					left;
}

.midden .boven li a  {
	text-decoration:		none;
}

.midden .boven li a:hover{
	width:					495px;
	height:					20px;
	clear:					right;
	float:					left;
	border-bottom:			1px dotted #fff;
}
.midden .boven li.current a {
	width:					495px;
	height:					19px;
	clear:					right;
	float:					left;
	border-bottom:			1px dotted #fff;
}





.midden .onder li {
	list-style:				none;
	color:					#333;
	margin-bottom:			15px;
}

.midden .onder li a {
	color:					#333;
	cursor:					pointer;
}

.midden .onder li a:hover {
	cursor:					pointer;
}

.midden .onder li  {
	width:					400px;
	height:					20px;
	float:					left;
}

.midden .onder li a  {
	text-decoration:		none;
}

.midden .onder li a:hover{
	width:					495px;
	height:					20px;
	clear:					right;
	float:					left;
	border-bottom:			1px dotted #63801E;
}

.midden .onder li.current a {
	width:					495px;
	height:					19px;
	float:					left;
	border-bottom:			1px dotted #63801E;
}


.footer {
margin-top:10px; 
float:left; 
color:#CCCCCC;
display:block;
width:600px;
margin-left:235px;
}

.footer a {
margin-top:10px; 
float:left; 
color:#666;
display:block;
width:300px;
}


/* AUDIO & VIDEO */

.media_flvmp3 {
color:#000000;
}
ul.video, ul.audio {
	list-style:		none;
	color:#000000;
}

ul.video a, ul.audio a {
	list-style:			none;
	padding-left: 		22px;
	height:				32px;
	width:				32px;
	background-repeat:	no-repeat;	
	color:#000000;
}

ul.video a {
	background-image:	url('../layout/icons/video.png');
	color:#000000;
}

ul.audio a {
	background-image:	url('../layout/icons/audio.png');
		color:#000000;
}