/********************************/
/************ ALGEMENE DECLARATIES **********/

* {
	margin:						0;
	padding:					0;
}

html, body {
	margin:						0px 0;
	background:					#000;
	text-align:					center;
	font-family:				"Trebuchet MS";
	letter-spacing:				1px;
	font-size:					12px;
	line-height:				16px;
}

a {
	outline: 					none;
}

a:link {
	color:						#FFFFFF;
	text-decoration:			none;
	font-weight:				normal;
}

a:visited {
	color:						#FFFFFF;
	text-decoration:			none;
	font-weight:				normal;
}

a:hover {
	text-decoration:			none;
	font-weight:				normal;
}

a:active {
	color:						#FFFFFF;
	text-decoration:			none;
	font-weight:				normal;
}

.clear {
	clear:						both;
	display:					block;
	font-size:					0.0009em;
	height:						1px;
}

img {
	border:						none;
}

p {
	margin-top:					15px;

}

p.header {
	color:						#333333;
}


/********************************/
/************ CONTENT **********/
.page {
	background:					#333;
	margin:						0 auto;
	text-align:					left;
	width:						980px;
}

.header {
	background:					#333;
	background-repeat:			no-repeat;		
	display:					block;
	background:					url('../layout/logo.jpg');
	width:						980px;
	height:						130px;
}

.topmenu {
	height:						40px;
	padding-left:				60px;
	padding-top:				21px;
}
	
	 .topmenu ul {
		list-style:					none;	 
	}	
	
	  .topmenu ul li    {
	 
		height:						40px;
		float:						left;
		
	}
	  .topmenu ul li#wko a {
		width:						226px;
		color:						#ccc;
		height:						30px;
		padding-top:				10px;
		float:						left;
		padding-left:				5px;		
	}
	
	  .topmenu ul li#gp a {
		color:						#ccc;
		width:						215px;
		height:						30px;
		padding-top:				10px;
		float:						left;
		padding-left:				5px;		
	}
	
	  .topmenu ul li#over a {
		color:						#ccc;
		width:						105px;
		height:						30px;
		padding-top:				10px;
		float:						left;
		padding-left:				5px;		
	}
	
	  .topmenu ul li#wko a:hover {
		width:						226px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu.png');	
	}
	  .topmenu ul li#gp a:hover {
		width:						215px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu_gp.png');		
	}
	
	  .topmenu ul li#over a:hover {
		width:						105px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu_over.png');		
	}
	
	  .topmenu ul li#wko.current a {
		width:						226px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu.png');
	
	}
	
	  .topmenu ul li#gp.current a {
		width:						226px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu_gp.png');
	
	}
	
	  .topmenu ul li#over.current a {
		width:						226px;
		color:						#fff;
		background:					url('../layout/bg_li_topmenu_over.png');
	
	}

/********************************/
/************ MENU **********/

.header #menu {
		width:					633px;
		height:					40px;
		float:					left;
		margin-top:				0px;
		margin-left:			41px!important;
		margin-left:			20px;
					
}
	.header #menu .home a {
			width:					55px;
			height:					35px;
			cursor:					pointer;
			display:				block;
			float:					left;
			margin-left:			14px!important;
			margin-left:			5px;
			background:				url('../layout/menu.jpg');
			background-position:	-10px -42px;			
		}
		
	.header #menu .home a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-10px -0px;			
	}
		.header #menu .home a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-10px -0px;			
	}
		
	.header #menu #product a {
		width:					89px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu.jpg');
		background-position:	-65px 0px;	
	}
	
	.header #menu #product a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-65px -42px;
	}
	
	.header #menu #product a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-65px -42px;
	}	
		
	.header #menu #vaanster a {
		width:					155px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu_over.jpg');
		background-position:	-65px -0px;	
	}
	
	.header #menu #vaanster a:hover {
		background:				url('../layout/menu_over.jpg');
		background-position:	-65px -42px;
	}
	
	.header #menu #vaanster a.current {
		background:				url('../layout/menu_over.jpg');
		background-position:	-65px -42px;
	}	
	
	.header #menu #klant a {
		width:					128px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu.jpg');
		background-position:	-154px -42px;	
	}
	
	.header #menu #klant a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-154px -0px;
	}
	
	.header #menu #klant a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-154px -0px;
	}
	
	.header #menu #vacatures a {
		width:					87px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu_over.jpg');
		background-position:	-220px -42px;	
	}
	
	.header #menu #vacatures a:hover {
		background:				url('../layout/menu_over.jpg');
		background-position:	-220px -0px;
	}
	
	.header #menu #vacatures a.current {
		background:				url('../layout/menu_over.jpg');
		background-position:	-220px -0px;
	}
	
	.header #menu #goededoelen a {
		width:					112px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu_over.jpg');
		background-position:	-307px -0px;	
	}
	
	.header #menu #goededoelen a:hover {
		background:				url('../layout/menu_over.jpg');
		background-position:	-307px -42px;
	}
	
	.header #menu #goededoelen a.current {
		background:				url('../layout/menu_over.jpg');
		background-position:	-307px -42px;
	}
	
	.header #menu #contact a {
		width:					89px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu_over.jpg');
		background-position:	-419px -42px;	
	}
	
	.header #menu #contact a:hover {
		background:				url('../layout/menu_over.jpg');
		background-position:	-419px -0px;
	}
	
	.header #menu #contact a.current {
		background:				url('../layout/menu_over.jpg');
		background-position:	-419px -0px;
	}
	
	.header #menu #projecten a {
		width:					88px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu.jpg');
		background-position:	-282px -0px;	
				
	}
	
	.header #menu #projecten a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-282px -42px;
	}
	
	.header #menu #projecten a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-282px -42px;
	}
		
	.header #menu #documentatie a {
		width:					128px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu.jpg');
		background-position:	-370px -42px;
	}
	
		.header #menu #documentatie a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-370px -0px;
	}
	
	.header #menu #documentatie a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-370px -0px;	
	}
	
	.header #menu #klantenservice a {
		width:					128px;
		height:					35px;
		cursor:					pointer;
		display:				block;
		float:					left;
		background:				url('../layout/menu.jpg');
		background-position:	-501px -0px;	
				
	}	
	
	.header #menu #klantenservice a:hover {
		background:				url('../layout/menu.jpg');
		background-position:	-501px -42px;
	}
	
	.header #menu #klantenservice a.current {
		background:				url('../layout/menu.jpg');
		background-position:	-501px -42px;
	}
	

/********************************/
/************ LOGO EN ICONLINKS **********/

	
.headerright {
	width:					272px;
	height:					47px;
	float:					left;
	background:					url('../layout/vaanster.jpg');
	background-position:		-20px;
	background-repeat:			no-repeat;
	background-position:		right;
	margin-top:					-40px;
}


	


.content {
	background:					url('../layout/content_bg.jpg');
	width:						980px;
	float:						left;
}

	#content {
		float:						left;
		width:						933px;
		min-height:                 200px;
		margin-left:				23px!important;
		margin-left:				12px;
		margin-top:					-5px;
		font-size: 					12px;
		text-align: 				justify;
	}
	
	#content h1 {
		color: 					#FFFFFF;
		font-size: 				14px;
		letter-spacing: 		1px;
		margin-top:				5px;
		margin-bottom:			15px;
	}
	
	#content h2 {
		color: 					#ccc;
		font-size: 				12px;
		text-transform: 		uppercase;
		border-bottom-width: 	2px;
		border-bottom-style: 	solid;
		border-bottom-color: 	-moz-use-text-color;
		font-weight: 			bold;
		letter-spacing: 		1px;
		margin-top:				5px;
		margin-bottom:			15px;
	}
.bgtop {
	width:						935px!important;
	width:						934px;
	height:						300px;
	float:						left;
	background:					url('../layout/topcontent.jpg');
	background-repeat:			no-repeat;
}

.topcontent {
	width:						700px!important;
	width:						690px;
	height:						300px;
	float:						left;
	
	background-repeat:			no-repeat;
}


	.topcontent #boom {
		margin-top:			5px;
		width:				280px;	
		position:			relative;
		z-index:			1;
	}
	
	/************ heroimages extern via css bestand **********/
	
.bedrijfsfilm  {
	margin-top:			-110px;
	margin-left:		440px;
	width:				280px;
	height:				60px;	
	position:			absolute;
	z-index:			9999;
	background:			url('../layout/transgif.gif');	
}

.stadskwartier  {
	margin-top:			-110px;
	margin-left:		-220px;
	width:				220px;
	height:				110px;	
	position:			absolute;
	cursor:				pointer;
	z-index:			9999;
	background:			url('../layout/transgif.gif');		
}

.bedrijfsfilm2  {
	margin-top:			-110px;
	margin-left:		440px;
	width:				280px;
	height:				60px;	
	position:			absolute;
	z-index:			9999;
	background:			url('../layout/transgif.gif');	
}

.bedrijfsfilm1  {
	margin-top:			-110px;
	margin-left:		440px;
	width:				280px;
	height:				60px;	
	position:			absolute;
	z-index:			9999;
	background:			url('../layout/transgif.gif');	
}
	
	#section {
		background:					url('../layout/topcontent.jpg');
		background-repeat:			no-repeat;
		float:						left; 
		height:						300px;
		width:						220px;
		margin-left:				0px!important;
		margin-left:				10px;		
		text-align:					right;
		color:						#C6BB95;
		}
		
		#section h3 {
		font-size:					11px;
		color:						#FFF;
		text-align:					left;
		margin-left:				15px;
		}
				
		#section input {
		float:						left;
		margin-top:					5px;
		margin-left:				15px;
		}
	
		.login {
		padding-top:                5px;
		margin-bottom:				5px;
		height:						135px;
		float:						left;
	
		}
		
		.details {
		float:						left;
		text-align:					right;
		padding-top:                5px;
		padding-left:               5px;
		font-size:					9px;
 
		}
	
		.energietips a {
			float:							right;
			height:							110px;
			width:							220px;
			background:						url('../layout/energiebesparingstips.png');
			cursor:							pointer;
		}
		

	
	/********************************/
/************ HOMEBOXES **********/
	.box {
		width:							220px;
		height:							140px;
		margin-left:					10px!important;
		margin-left:					7px;	
		float:							left;
		
	}
	
	.box a:hover{
		text-decoration:				underline;
	
	}
		.box .top {
			width:					220px;
			height:					18px;
			float:					left;	
							
		}
		
		.box ul li {
			color:				#CCCCCC;
			width:				200px!important;
			width:				180px;
			float:				left;
			clear:				both;
			margin-left:		10px!important;
			margin-left:		5px;
			margin-top:			20px;
			padding-left:		10px;
			padding-right:		20px;
			text-align:			left;
			cursor:				pointer;
			/*border-bottom:		1px dotted #666666;	*/
		
		}
		
		.box ul li.active {

			background-image: 	url(../layout/arrow.png)!important;
			background-image: 	url(../layout/arrow.gif)!important;
			padding-left:       15px;
			background-repeat:	no-repeat;
	
}
	
		#klant {
			background:						url('../layout/box_klant.jpg');
			background-repeat:				no-repeat;
		}
		
		#uitleg {
			background:						url('../layout/box_uitleg.jpg');
			background-repeat:				no-repeat;
		}
		
		#projecten {
			background:						url('../layout/box_projecten.jpg');
			background-repeat:				no-repeat;
		}
		
		#nieuws {
			background:						url('../layout/box_nieuws.jpg');
			background-repeat:				no-repeat;
		}
		
		#publicaties {
			background:						url('../layout/box_publicaties.jpg');
			background-repeat:				no-repeat;
		}
		
		#vaanster {
			background:						url('../layout/box_vaanster.jpg');
			background-repeat:				no-repeat;
		}

		#vacatures {
			background:						url('../layout/box_vacatures.jpg');
			background-repeat:				no-repeat;
		}		
		
		#doelen {
			background:						url('../layout/box_doelen.jpg');
			background-repeat:				no-repeat;
		}
		
		#doelengroot {
			background:						url('../layout/box_doelen_groot.jpg');
			height:							270px;
			background-repeat:				no-repeat;
		}
		
		#contact {
			background:						url('../layout/box_contact.jpg');
			background-repeat:				no-repeat;
		}		
		
	
	

	

	
	
	
	

		
	

		
		.sliders {			
		width:						726px;
		height:						213px;
		float:						left;
		}
		
		
		
	
		
		.fastlinks {
		width:						200px;
		float:						left;
		line-height:				25px;

		}
		
		.fastlinks h3 {
		color:						#FFFFFF;
	
		margin-bottom:				5px;
		padding-left:				20px;	
		}

		
			.fastlinks a {
				clear:					both;
				float:					left;
				color:					#C7BC96;
				width:					175px;
				padding-left:			20px;
			}
		
			.fastlinks a:hover {
				color:					#B1ADA5;
				text-decoration:		underline;
			}	
		
	#documents li {
	margin-left:	30px;
	}	
		
	.bottomcontent {
		
		height:						auto;
		float:						left;
		margin-left:				10px;
		margin-right:				10px;
		margin-top:					6px;
		margin-bottom:				6px;
		color:						#FFFFFF;
		text-align:					left;
	}
	

	
	.boxes {
		float:							left;
		background:						#FFFF00;
		height:							200px;
	}
	
	


	
.snelhome {
		width:						800px;
		float:						left;
		padding-left:				25px;
		height:						30px;
		margin-top:					-20px;
	}
	
		
		#info {
			float:							left;
			margin-left:					10px;
			width:							670px!important;
			width:							643px;
			min-height:						250px;
			height:							auto;
			background:						#666;
			border: 						5px solid #999;
			-moz-border-radius: 			10px;  
		}
		
		#info a , .infobreed a {
			text-decoration:				underline;
		}
	
	
		.infobreeduit {
			float:							left;
			margin-left:					10px;
			width:							900px;
			min-height:						250px;
			height:							auto;
			background:						#666;
			border: 						5px solid #999;
			-moz-border-radius: 			10px;  
			padding-bottom:					15px;
		}
	
		.infobreed{
			float:							left;
			margin-left:					10px;
			width:							700px;
			min-height:						250px;
			height:							auto;
			background:						#666;
			border: 						5px solid #999;
			-moz-border-radius: 			10px;  
			padding-bottom:					15px;
		}
	
	.box ul {
		list-style:						none;
	}
		

		
		#waarom li {
			/*border-bottom:		1px dotted #ccc;*/	
		}
		
	
		
		.box .boxcontent {
			
			
		
		}
		

		
			.animatie {
			float:							right;
			margin-top:						20px;
			height:							110px;
			width:							208px;
			background:						url('../layout/3dthumb.png');
		}
		
	
	.projectenoverzicht_block { 
		float:					left;
		margin-right:			13px;
		margin-bottom:			15px;
	}

	.projectenoverzicht_block img { 
		padding:				2px;
		border:					1px solid #ccc;
	}
	
	.projectenimg{
		float:left;
		margin-top:10px;
		margin-left:10px;
	}
	
	.projectenimg img.thumbnail { 
		padding:				2px;
		border:					1px solid #ccc;
		float:					left;
	}

	#breadcrumbs {
		background:					#6699cc;
		color:						#fff;
		display:					block;
		height:						20px;
		margin-left:				150px;
		padding:					10px;
	
	}
		
		#breadcrumbs a {
			color:						#fff;
		}
	#breadcrumbs .tekst {
		width:						500px;
		float:						left;
	}
	
	#breadcrumbs .zoeken {
		width:						200px;
		float:						right;
		text-align:					right;
	}
	
	#pagetitle {
		color:						#FFFFFF;
		display:					block;
		font-weight:				bold;
		height:						53px;
		padding:					2px 0 2px 180px;
	}


	
	.content .video {
		margin-top:					20px;
		float:						left;
	}

	.content .naw {
		margin-left:				15px;
		margin-top:					15px;
		float:						left;
	}

	.no_bg {
		background:					#fff;
	}

		.content  h1 {
			line-height:				normal;
		}
	
		
		#content2 {
			float:						left;
			width:						220px;
			margin:						0 0 0 5px;
			padding:					0 9px 10px 10px;
		}
		
			#content2 img{
				width:						220px;
			}

			#content2 h2 {
				background:					#336699;
				color:						#fff;
				width:						200px;
				display:					block;
				font-size:					13px;
				padding:					2px 10px;
			}
			
		.sluitknop a {
			float:				right;
			cursor:				pointer;
			width:				57px;
			height:				60px;
			background:			url('../layout/sluitknop.jpg');	
		}
		
			.sluitknop a:hover {
			background-position:	0 -60px;
		}
		

	#footer {
		clear:					both;
		height:					69px;
		display:				block;
		overflow:				hidden;
		color:					#F9F9F9;
		background:				url('../layout/footer.jpg');
		background-repeat:		no-repeat;		
	}
	
	
	#footer a {
		color:					#CCCCCC;
	}
	
		#footer #copyright {
			float:					left;
			padding:				2px 10px;
			margin-left:			30px;
			font-size:				9px;
			margin-top:				50px;
		}
		
		.kortnav {		
	font-size:					9px;
	text-align:					right;
	margin-top:				50px;
	width:					770px;

	float:						left;
	
}
		
	.kortnav ul li  {
	list-style:					none;
	display:					inline;
	color:						#999999;
	}
	
	.kortnav  li a {
	list-style:					none; 
	color:						#999999;
	}
	
		
		#footer #bottom_nav {
			float:					right;
			padding:				2px 10px;
			width:					400px;
			font-size:				9px;
			text-align:				right;
			margin-right:			20px;
			margin-top:				40px;
		}
	

		
		
/*************************/
/****** productlist ******/
.product_list {
	background:						#fff;
	font-size:						11px;
	width:							640px;
	float:							left;	
	padding:						10px 10px 0 0;
}

.product_list li {
	list-style:						none;
}
	.product_list h3 {
		font-size:					13px;
		clear:						both;
	}
	
	.product_list .selectie {
		font-size:					14px;
		float:						right;
		margin-top:					-20px;
		font-weight:				bold;
		color:						#CCCCCC;
	}
	
	.product_list .strue {
		color:						#009933;
	}
	
	.backtotop {
		float:						right;
		width:						100px;
		background:					url('../images/top.gif') no-repeat right;
		padding-right:				11px;
		margin-top:					10px;
	}
	
	.product_list .list_headers {
		font-weight:				bold;
		text-align:					center;
		clear:						both;
		display:					block;
	}
	
	.product_list .list {
		height:						300px;
		overflow:					auto;
	}
	
		.product_list .list_headers div {
			padding:					3px 0;
		}
	
	.product_list .image {
		font-size:					0.0009em;
		display:					block;
		clear:						both;
		float:						left;
		width:						10px;
	}

	.product_list .item {
		text-align:					center;
		display:					block;
		clear:						both;
		height:						20px;
	}

	.product_list .item div {
		float:						left;
		padding:					0 4px;
	}
	
		.product_list .description {
			/*clear:						both;*/
			width:						250px;
			display:					block;
	
			text-align:					left;
		}
	
			 .pad {
			/*clear:						both;*/
			width:						250px;
			display:					block;
		
			text-align:					left;
		}
			.product_list .description .image{
				display:					none;
				width:						auto;
				position:					absolute;
				margin-left:				170px;
				z-index:					999;
				background:					#fff;
				padding:					5px;
				border:						1px solid #9ebed3;
				float:						left;
			}
	
			.product_list .description a{
				cursor:						pointer;
			}

		.product_list .artnr {
			width:						55px;
		}
		
		.product_list .hoogte {
			width:						100px;
		}
		
		.product_list .breedte {
			width:						100px;
		}
		
		.product_list .prijs {
			width:						70px;
			text-align:					right;
		}
		
		.product_list .gewicht {
			width:						50px;
		}
		
		.product_list .aantal {
			width:						45px;
		}
		
			.product_list .aantal input {
				width:						40px;
			}
		
		.product_list .subtotaal {
			width:						60px;
			text-align:					left;
		}


/********* ADRES *********/
/*************************/


.uitleg {
	margin:					30px auto 0;
	text-align:				left;
	width:					150px;
	display:				block;
	font-size:				10px;
	float:					left;
	margin-right:			30px;
	padding-top:            20px;
}

.klein {

	font-size:				10px;
	margin-bottom:			20px;

}
.adresgegevens {

	text-align:				left;
	width:					400px;
	display:				block;
	float:					left;
}

	.adresgegevens fieldset {
		margin-bottom: 			20px;
		border: 				none;
		border-top: 			1px solid #cccccc;
		clear:					both;
		width:					375px;
	}
	
	.adresgegevens legend {
		padding: 				0.5em;
		font-size: 				1.3em;
		font-weight: 			bold;
	}
	
		
	.adresgegevens label {
		clear:					both;
		float:					left;
		width:					110px;
		height:					23px;
	}
	
	.adresgegevens input {
		float:					left;
		width:					240px;
	}
	
	.adresgegevens input.disabled {
		background:				#E4E4E4;
	}
	
	.adresgegevens select {
		float:					left;
		width:					247px;
		margin:					1px 0px;
	}
	
		.countrylist optgroup {
			margin-bottom:			15px;
			font-size:				14px;
		}
			.countrylist option {
				padding-left:			15px;
				font-size:				12px;
			}
	
	.adresgegevens div {
		float:					left;
		width:					240px;
	}
	
	.adresgegevens textarea {
		float:					left;
		width:					240px;
		height:					100px;
	}
	
	.submit {
		clear:					both;
		text-align:				right;
		width:					auto;
	}
	.submit2 {

		text-align:				right;

		
	}
	
		.submit input {
			width:					auto;
			float:					none;
		}
		
.foto_content {
	width:						379px;
	height:						268px;
	overflow:					auto;
}

.thumbnail a {
	float:						left;
	width:						100px;
	height:						75px;
	margin:						1px;
	border:						1px solid #CCC;
	padding:					5px;
	background:					#FFF;
	cursor:						pointer;
}

.thumbnail a:hover {
	background-color:			#8199b5;
}

.links {
	width:							250px;
	display:						block;
	float:							RIGHT;
	margin-bottom:					20px;
	text-align:						left;

}

	.links_landen_l {
		width:						250px;
		height:						auto;
		float:						left;
		text-align:					center;
		font-size:					9px;
	}	
	
	.links_landen_r {
		width:						250px;
		height:						auto;
		float:						left;
		text-align:					center;
		font-size:					9px;
	}	
	
	.lijn {
		border-bottom:				1px solid black;
		width:						250px;
	}

.projecten h2 {
	width:				100%;
	clear:				both;
	float:				left;
	border:				1px solid #e5c1a8;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:            5px;
}

.projecten_content {
	float:				left;
	width:				700px;
	background:			#B1ADA4;
	color:				#fff;
	border:				1px #fff solid;
	z-index:			9999999999;
}

.hoofdfoto {
	float:				left;
	width:				245px;
	height:				245px;
	background:			none;
	padding:			10px;
}

.leinfo {
	width:				395px;
	float:				left;
	background:			#B1ADA4;
	padding:			20px;
	
	min-height:         205px;
}

.projecten_content h3 {
	margin-bottom:		20px;	
}

h3.right {
	width:				100%;
	text-align:			right;
}
.regel {
	
	float:left;
	width:	380px;
	margin-bottom:4px;
}

.projecten_info 

{

float: left;

display: block;

width: 100px;

color: #fff;

text-align: left;


}


.projecten_content img  

{

float: left;
display: block;
padding:	10px;



}

.projecten_info_content 

{

float: left;

display: block;

width: 280px;

color: #fff;

text-align: left;

}


.keuze {
		font-size:			14px;
		font-weight:		bold;
	}
	
	.uwtip {
		width:					380px;
		float:					left;
		padding-left:			20px!important;
		padding-left:           20px;
	}
	.uwtip select {
		width:					380px;
	}	
		
	
	.tip {
		float:					left;
		padding:				0px;
		width:					340px;
		margin-left:			20px;
		margin-top:				20px;
	}

ul.besparingstips {
		list-style: 		none;
		width:				200px;
		float:				left;
		background:						#999;
		border: 						5px solid #f7f7f7;
		-moz-border-radius: 			10px;
		padding:						10px;  	
	}

	.besparingstips li {
		cursor: 				pointer;
	}
		
	.besparingstips li.current {
		text-decoration: 		underline;
		font-weight: 			bold;
	}
	 #pp img {
		margin-top: 20px;
		border:		1px solid #ccc;
		padding:5px;
		margin-bottom: 20px;

}

.leftfaq  {
		width:	 300px;
		float: 	left;
}

	.rightfaq {
		width:						200px;
		margin-left:				20px;
		float:						left;
	}


.faq {
		width: 			250px;
		float: 			left;
		margin-right: 	20px;
		margin-bottom:	15px;
}

.faq#rijeen {
	height:				250px;
}
.faq#rijtwee {
	height:				250px;
}

.faq#rijdrie {
	height:				280px;
}

.faq#rijvier {
	height:				380px;
}

.faq#rijvijf {
	height:				230px;
}

.faq#rijzes {
	height:				140px;
}

.faq#rijzeven {
	height:				140px;
}

.faq#rijacht {
	height:				120px;
}

.faq li {
	list-style:			none;
	width:				300px;
	padding-bottom:     3px;
	border-bottom:		1px dotted #ccc;
	cursor:				pointer;
	color:				#fff;
}

.faq li:hover {
	color:				#ccc;
}

.tip {
	color: 					#999;
		width:					450px;
	display:				block;
	border:					1px #ccc solid;	
	
}


.tip-title {
	font-weight: 			normal;

	font-size: 				12px;
	text-align:				left;
	margin: 				0;
	color: 					#fff;
	padding: 				8px 8px 4px;
	
	background: 			#333;
}
 
.tip-text {
	font-size: 				11px;
 
	color:					#FFFFFF;
	padding: 				4px 8px 8px;
	background: 			#333;
}