/********************************/
/************ 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;
}

	#documents li {
		margin-left:	30px;
		}	

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;
			background:				url('../layout/menu.jpg');
			background-position:	-10px -41px;			
		}
		
		.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 #klant a {
			width:					128px;
			height:					35px;
			cursor:					pointer;
			display:				block;
			float:					left;
			background:				url('../layout/menu.jpg');
			background-position:	-65px 0px;	
		}
		
		.header #menu #klant a:hover {
			background:				url('../layout/menu.jpg');
			background-position:	-65px -41px;
		}
		
		.header #menu #klant a.current {
			background:				url('../layout/menu.jpg');
			background-position:	-65px -41px;
		}
		
		
		.header #menu #projecten a {
			width:					88px;
			height:					35px;
			cursor:					pointer;
			display:				block;
			float:					left;
			background:				url('../layout/menu.jpg');
			background-position:	-192px -41px;	
					
		}
		
		.header #menu #projecten a:hover {
			background:				url('../layout/menu.jpg');
			background-position:	-192px -0px;
		}
		
		.header #menu #projecten a.current {
			background:				url('../layout/menu.jpg');
			background-position:	-192px -0px;
		}
		
		
		

		.header #menu #documentatie a {
			width:					112px;
			height:					35px;
			cursor:					pointer;
			display:				block;
			float:					left;
			background:				url('../layout/menu.jpg');
			background-position:	-280px -0px;	
		}

		.header #menu #documentatie a:hover {
			background:				url('../layout/menu.jpg');
			background-position:	-280px -41px;
		}
		
		.header #menu #documentatie a.current {
			background:				url('../layout/menu.jpg');
			background-position:	-280px -41px;
		}


	.header #menu #contact a {
			width:					120px;
			height:					35px;
			cursor:					pointer;
			display:				block;
			float:					left;
			background:				url('../layout/menu.jpg');
			background-position:	-392px -41px;	
					
		}	
		
		.header #menu #contact a:hover {
			background:				url('../layout/menu.jpg');
			background-position:	-392px -0px;
		}
		
		.header #menu #contact a.current {
			background:				url('../layout/menu.jpg');
			background-position:	-392px -0px;
		}

.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;
}

			
.kortnav {		
	font-size:					9px;
	text-align:					right;
	float:						left;
	width:						75px;
}
		
	.kortnav ul li  {
	list-style:					none;
	color:						#999999;
	}
	
	.kortnav  li a {
	list-style:					none; 
	color:						#999999;
	}
	


	
	
.snelhome {
		width:						800px;
		float:						left;
		padding-left:				25px;
		height:						30px;
		margin-top:					-20px;
	}
	
	
	
.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;
	}
		
		.sliders {			

		}
		
	
	#section {
		background:					url('../layout/topcontent.jpg');
		background-repeat:			no-repeat;
		float:						left; 
		height:						300px;
		width:						220px;
		text-align:					right;
		color:						#C6BB95;
		}
		
		.fastlinks {
		width:						187px;
		float:						left;
		
		}
		
		#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;
 
		}
		
		
		.fastlinks h3 {
		color:						#FFFFFF;
		text-transform:				uppercase;
		margin-bottom:				5px;
		padding-left:				20px;	
		}
		.fastlinks ul li {
		
			list-style:				none;
			
			}
		.fastlinks ul li a {
		
			height:					27px!important;
			height:					27px;
			float:					left;
			color:					#C7BC96;
			width:					175px;
			padding-left:			20px;
			background:					url('../layout/listbg.gif');
		
		}
		
			
		
			.fastlinks a:hover {
				color:					#B1ADA5;
				text-decoration:		underline;
			}	
		
	.bottomcontent {
		
		height:						auto;
		float:						left;
		margin-left:				10px;
		margin-right:				10px;
		margin-top:					6px;
		margin-bottom:				6px;
		color:						#FFFFFF;
		text-align:					left;
	}
	
	.bottomcontent a {
		text-decoration:			underline;
	
	}
	
	.active a:link, .active a:visited {
		background-image:				url(../layout/arrow.png);
		background-repeat:				no-repeat;
		padding-left:					15px;
		display:						block;
		position:						relative;
	} 
	
	
	/********************************/
/************ HOMEBOXES **********/
	.box {
		width:							220px;
		height:							255px;
		margin-left:					10px!important;
		margin-left:					7px;	
		float:							left;
		 
	}
	
	.box#nieuws ul {
		width: 220px;
	}
	
		.box#nieuws ul img {
		float:		left;
	}
	
		.box .top {
			width:					220px;
			height:					18px;
			float:					left;	
							
		}
		
		.boxcontent ul {
			float:					left;
			margin-top:				10px;
		}
		.box ul li {
			color:				#CCCCCC;
			width:				190px!important;
			width:				180px;
			float:				left;
			clear:				both;
			margin-left:		10px!important;
			margin-left:		5px;
			margin-top:			10px;
			margin-left:		10px;
			margin-right:		20px;
			text-align:			left;
			cursor:				pointer;
			list-style:			none;
			border-bottom:		1px dotted #666666;	
		
		}
		
		
		.box .nieuwsitem  {
		width:			200px;
		float:			left;
		margin-top:		20px;
		padding-bottom: 10px;
		border-bottom:		1px dotted #666666;
		margin-left:	10px;
		
		}
		
		.box .nieuwsitem .afbeelding {
		width:			80px;
		float:			left;	
		}
		
		.box .nieuwsitem .tekst {
		width:			100px;
		margin-left:	10px;
		float:			left;
		text-align:		left;	
	
		}
		
		.box ul li.niet a {
			color:				#FF0000;
			
		}
		
		.box ul li.active {

			background-image: 	url(../layout/arrow.png)!important;
			background-image: 	url(../layout/arrow.gif);
			padding-left:       15px;
			background-repeat:	no-repeat;
			
			
			}
	
		#waarom {
			background:						url('../layout/box_waarom.jpg');
			background-repeat:				no-repeat;
		}
		
		#uitleg {
			background:						url('../layout/box_uitleg.jpg');
			background-repeat:				no-repeat;
		}
		
		#nieuws {
			background:						url('../layout/box_nieuws.jpg');
			background-repeat:				no-repeat;
		}
		

	
		
		#info {
			float:							left;
			margin-left:					10px;
			width:							670px!important;
			width:							650px;
			min-height:						250px;
			height:							auto;
			background:						#666;
			border: 						5px solid #999;
			-moz-border-radius: 			10px;  
		}
	
		.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;
		}
		
		.infobreed#pp img {
			margin-top:						20px;
			margin-bottom:					20px;
		}
		
		.infobreed .project {
			float:							left;
			clear:							both;
		}
		
		.infobreed hr {
			margin-top:						10px;
			margin-bottom:					10px;
			color:							#666;
			width:							690px;
			float:							left;
			clear:							both;
		}
		
		.infobreed img {
			padding:						5px;
			border:							1px solid #ccc;
			margin-right:					10px;
		}
	
	
		
	
		#waarom li {
			/*border-bottom:		1px dotted #ccc;*/	
		}
		
	
		
			.faqq a {
			float:							right;
			height:							110px;
			width:							220px;
			background:						url('../layout/faq.png');
			cursor:							pointer;
			margin-top:						3px;
		}
		
		.animatie a {
			float:							right;
			margin-top:						20px;
			height:							110px;
			width:							208px;
			background:						url('../layout/3dthumb.png');
		}
		

	#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;
		}
	
		.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;
	}


		#content 2 {
			text-decoration:			underline;
		
		
		}
			#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;
			}
			
			#content h3 {				 
				font-size: 				12px;
				font-weight: 			bold;
				letter-spacing: 		1px;
				margin-top:				5px;	
			}
			
			#content h3#special {				 
				font-size: 				14px;
				font-weight: 			bold;
				letter-spacing: 		1px;
				margin-top:				5px;
		 
				padding:				10px;
				border:					2px #999999 solid;
					
			}
		
		#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;
		}
	
	.keuze {
		font-size:			14px;
		font-weight:		bold;
	}
	
	.uwtip {
		width:					300px;
		float:					left;
		padding-left:			40px;
	}
	
	.tip {
		float:					left;

		width:					360px;
		margin-left:			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;
	}
	
		
	#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:				40px;
		}
		
		#footer #bottom_nav {
			float:					right;
			padding:				2px 10px;
			width:					230px;
			font-size:				9px;
			text-align:				right;
			margin-right:			20px;
			margin-top:				40px;
		}
	
.project {
		margin-bottom:	30px;
}
	
.keurmerk {

	float:		left;
	margin-top:	10px;
	margin-bottom:	10px;
	width:		100%;
	
	}		
		
/*************************/
/****** 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 *********/
/*************************/

.keurmerken p {
	margin-top:			20px;
	float:				left;
	clear:				both;
}

.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;

		
	}
	
	optgroup {
		margin-top:				15px;
	}
	
		.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;
	}

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

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

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

.faq a{
		outline: 					none;
}

/************ FAQ GP **********/
.faq#rijeengp {
	height:							220px;
	width:							100%;
}

.faq#rijtweegp {
	height:							220px;
	width:							100%;
	margin-top:						10px;
}

.faq#rijdriegp {
	height:							220px;
	width:							100%;
	margin-top:						10px;
}

.faq#rijviergp {
	height:							220px;
	width:							100%;
	margin-top:						10px;
}

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


a.meer {
	font-weight:					bold;
	text-decoration:				underline;

	
	

}

.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;
}

/************ FAQ GP Verbergen **********/
.verberg {
	margin-top:						10px;
	margin-bottom:					10px;
}

.verberg ul{
	list-style:						none;
}

.verberg a{
		outline: 					none;
}

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

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

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


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