@charset "utf-8";
/* CSS Document */

* {
	margin:						0;
	padding:					0;
}


html, body {
	margin:						5px 0;
	background:					#fff url('../img/body_bg.jpg');
	background-repeat:			repeat-x;
	text-align:					center;
	font:						12px/150% Arial, Helvetica, sans-serif;
}

a:link {
	color:						#0099CC;
	text-decoration:			none;
	font-weight:				normal;
}

a:visited {
	color:						#0099CC;
	text-decoration:			none;
	font-weight:				normal;
}

a:hover {
	text-decoration:			none;
	font-weight:				normal;
}

a:active {
	color:						#0099CC;
	text-decoration:			none;
	font-weight:				normal;
}

.clear {
	clear:						both;
	display:					block;
	font-size:					0.0009em;
	height:						1px;
}

img {
	border:						none;
}

p {
	margin-top:					5px;

}

/********************************/
/************ ALGEMEEN **********/
.page {
	margin:						0 auto;
	text-align:					left;
	width:						980px;
}

	.special {					
	width:						100%;
	float:						left;
	}
	

	.header {
		width:						980px;	
		display:					block;
		height:						70px;
	}
 
 	.header img {
		text-align:					left;
		margin-top:					15px;
		width:						494px;
		float:						left;
	}

 	.header-images {
		width:						auto;	
		height:						auto;
		margin-top:					10px;
	}
	
 	.header-images img {
		width:						980px;	
	}

	.content {
		width:						980px;
		float:						left;
	}
	
	.content .form {
		clear:						both;
		float:						left;
		margin-top:					20px;
	}
	
	#content .form span {
		width:						250px;
		float:						left;

	}
	
 	.content ul {
		list-style:					none;
		margin-top:					20px;
			
	}

		.content  h1 {
			line-height:				normal;
			color:						#FEC164;
		}
	
		#content {
			float:						left;
			width:						480px;
			margin-left:				20px;
			margin-top:					20px;
			min-height:                 400px;
			background:					#FFFFFF;
			padding:					0 10px 10px 0;
			font-family: 				Arial,Helvetica,Sans-Serif;
			font-size: 					12px;
			text-align: 				left;
		}
			#content h1 {
				color: 					#F89901;
				font-family: 			Arial,Helvetica,Sans-Serif;
				font-size: 				16px;
				font-weight: 			bold;
				letter-spacing: 		1px;
				margin-top:				15px;
			}
			
			#content h2 {
				color: 					#F89901;
				font-family: 			Arial,Helvetica,Sans-Serif;
				font-size: 				14px;
				font-weight: 			bold;
				letter-spacing: 		1px;
			}
		
		#content2 {
			float:						left;
			width:						402px;
			margin-top:					40px;
			margin-left:				20px;	
			padding:					0 9px 10px 10px;
		}
		
		
		.showcaseomhulsel {
			width:						420px;
			height:						240px;
			display:					block;
			float:						left;
			
		}
			#content2 img{
			
			}

			#content2 h2 {
				color: 					#F89901;
				font-family: 			Arial,Helvetica,Sans-Serif;
				font-size: 				16px;
				font-weight: 			bold;
				letter-spacing: 		1px;
				
			}
			
				#content2 .product {
					margin-top:					20px;

					width:						400px;
					float:						left;
				
				}
				 .linkerrij {
					float:						left;
				}
				
					#content2 ul {
					list-style:			inside;
					margin-top:			15px;
					}
				
				  .rechterrij {
					float:						left;
					margin-left:				20px;
				}
		
/********* GALLERY *********/
/***************************/		
		
	#contentgallery {
			float:						left;
			width:						480px;
			margin-top:					20px;
			min-height:                 400px;
			background:					#FFFFFF;
			padding:					0 10px 10px 0;
			font-family: 				Arial,Helvetica,Sans-Serif;
			font-size: 					12px;
			text-align: 				left;
		}	
		
	#footer {
		height:					138px;
		width:					980px;
		float:					left;
		background:				 url('../img/footer.jpg');
		margin-top:				20px;
		margin-bottom:			20px;
	}
	
	#footer .bedrijfsvisie {
		width:					450px;
		float:					left;
		margin-left:			210px!important;
		margin-left:			105px;
		margin-top:				20px;
		font-size:				11px;
		
	}

	#footer .h2 {
		font-size:				14px;
		
	}

		#footer #copyright {
			float:					left;
			padding:				2px 10px;
		}
		
		#footer #bottom_nav {
			background:				#6699cc;
			float:					right;
			padding:				2px 10px;
			width:					230px;
		}
	
.menu {
	background:				url('../img/menubalk.jpg');
	float:					left;
	margin-left:			10px;
	width:					473px;
	height:					31px;
	margin-top:				25px;
}
	
	
	.menu .menulink a {
		float:					left;
		margin-top:				7px;
		margin-left:			15px;
		width:					75px;
		height:					31px;	
		color:					#FF0;
		text-align:				center;
	}
	
	.menu .menulink a:hover {
	 
		color:					#333;
		 
	}
	
	.menu .home a {
		background:				url('../img/home_btn.jpg');
		float:					left;
		margin-left:			25px;
		width:					86px;
		height:					31px;	
	}
	
	.menu .gallery a {
		background:				url('../img/gallerij_btn.jpg');
		float:					left;
		margin-left:			30px;
		width:					85px;
		height:					31px;	
	}

	.menu .brochure a {
		background:				url('../img/brochures_btn.jpg');
		float:					left;
		margin-left:			30px;
		width:					75px;
		height:					31px;	
	}

	.menu .contact a {
		background:				url('../img/contact_btn.jpg');
		float:					left;
		margin-left:			30px;
		width:					58px;
		height:					31px;	
	}


/********* 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;
	}
