* {
	margin:						0;
	padding:					0;
}


html, body {
	margin:						5px 0;
	background:					#6699cc;
	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;
}

a.nolink {
	cursor:						crosshair;

}

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

img {
	border:						none;
}

p {
	margin-top:					5px;

}

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

	.toplang {
	text-align:					right;
	padding-right:				10px;
	font-size:					14px;
	background:					#6699cc;
	height:						20px;
	color:						#fff;
	}
	
	.toplang a {
	color:						#FFFFFF;
	}

	.header {
		background:					url('../layout/banner.jpg') left;
		background-repeat:			no-repeat;		
		display:					block;
		height:						90px;
	}

	#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 {
		background:					#fff url('../layout/content_bg.gif');
		width:						980px;
		float:						left;
	}
	
	.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 {
			float:						left;
			width:						570px!important;
			width:						565px;
			min-height:                 400px;
			background:					#FFFFFF;
			padding:					0 10px 10px 0;
			font-family: 				Arial,Helvetica,Sans-Serif;
			font-size: 					12px;
			text-align: 				justify;
			overflow:					hidden;
		}
			#content h1 {
				color: 					#003366;
				font-family: 			Arial,Helvetica,Sans-Serif;
				font-size: 				14px;
				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:				15px;
				margin-bottom:			15px;
			}
			
			#content h2 {
				color: 					#003366;
				font-family: 			Arial,Helvetica,Sans-Serif;
				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 .thumbnail {
				width:					100px;
				height:					100px;
				padding:				5px;
				float:					left;
				border:					1px solid #f7f7f7;
			}
		
		#content2 {
			float:						left;
			width:						220px;
			margin:						0 0 0 5px;
			padding:					0 9px 10px 10px;
		}
		
			#content2 img{
				width:						220px;
			}

			#content2 h2 {
				background:					#003366;
				color:						#fff;
				width:						200px;
				display:					block;
				font-size:					13px;
				padding:					2px 10px;
				margin-top:					30px;
			}
		
		
		.brochure a {
				height: 				60px;
				width: 					150px;
				float:					left;
				padding-top: 			70px;
				text-align: 			center;
				background-color: 		transparent;
				background-image: 		url(../layout/pdf.jpg);
				background-repeat: 		no-repeat;
				background-attachment: 	scroll;
				background-position: 	center top;
				color:					#666;
	 
		}
		
				
		.brochure a:hover {
				color:					#000;
	 
		}
		.brochure .border {
				/*border-bottom:			1px solid	#ccc;*/	
		}
		
	#footer {
		clear:					both;
		display:				block;
		overflow:				hidden;
		color:					#F9F9F9;
	}
	
	#footer a {
		color:					#F9F9F9;
	}
	
		#footer #copyright {
			float:					left;
			padding:				2px 10px;
		}
		
		#footer #bottom_nav {
			background:				#6699cc;
			float:					right;
			padding:				2px 2px;
			width:					246px;
		}
	
#menu {
	background:				#fff;
	float:					left;
	position:				relative;
	width:					130px;
	padding:				0 14px 0 6px;
	z-index:				99999;
			
}
	
	#menu ul li {
		list-style:				none;
		margin-bottom:			10px;
	}
	
	#menu ul li a {
		background:					url('../layout/menu_btn.gif');
		display:					block;
		height:						20px;
		padding:					0 0 0 25px;
		width:						105px;
		font-weight:				bold;
	}
		
	#menu ul li a {
		color:						#003366;
	}
	
		#menu ul li a:hover {
			color:							#fff;
			background-position:			0 20px;
		}
	
	#menu ul li li {
		margin:						0;
	}
	
	#menu ul li li a {
		background:					none;
		border-bottom:				1px dashed #000;
		height:						auto;
		padding:					0 10px;
		line-height:				normal;
	}
	
	#menu ul li li.current a {
		background:					#E8EAF0;
		color:						#000;
	}
	
		#menu ul li li a:hover {
			color:							#000;
		}
		

#menu2 {
	background-color:			#eef2f9;
	font-size:					12px;
	width:						auto;
	height:						18px;
	font-weight:				bold;
	float:						right;
	width:						830px;

}

	#menu2 ul {
		list-style:					none;
		text-align:					left;
		margin-left:				10px;
		height:						18px;	}

	#menu2 li {
		background:					#eef2f9;
		float:						none;
		display:					inline;
	}
	
	#menu2 li.current a  {
			color:						#000000;
			background:					#ffffff;
			padding-bottom:             3px;		
		}

	#menu2 a {
		background:					#eef2f9;
		padding:					0px 8px;
		
	}	

		#menu2 a:hover {
			color:						#000000;
			background:						#ffffff;	
				padding-bottom:             3px;
						
		}
	
	
/*************************/
/****** sitemap ******/

ul.sitemap {
	width:					500px;
	float:					left;
	padding-left:			20px;
	background:				#f7f7f7;
	text-align:				left;
}

li.sitemaptoplevel {
	width:					450px;
	padding:                10px;
	background:				#FFFFFF;
	float:					left;
	margin-right:			20px;
	margin-top:				15px;
}
	
ul.sitemap li {
	list-style:				none;
	font-size:				14px;
}	

ul.sitemap li ul  {
	padding-bottom:				20px;
}

ul.sitemap li ul li {
	padding-left:			20px;
	font-size:				12px;
}
		
		
/*************************/
/****** 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;
}



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

/*******************************/
/****** Offerte formulier ******/

#formlines {
	float: 						left;
	width:						580px!important;
	width:						565px;
}

#formlines span {
float:		left;
width:		100%;
margin-bottom:	10px;

}


#formlines input {

width:		220px;


}
#formlines span label  {
	float: 						left;
	display: 					inline;
	width:						150px;
}


#testmap {
	width:					400px;
	height:					400px;
	float:					left;
	display:				block;
	margin-top:				20px;
	
}