/* Design & Code (c) Emke Douwe Ottema */

* {
    margin: 0;
}

html, body {}

body {
	background			: #4a4d55 url('../_images/pattern.jpg') top center;
	font-family			: "Helvetica Neue","Helvetica",Arial,sans-serif;
}

.wrapper {
	background			: #4a4d55 url('../_images/bg_main.jpg') repeat-x;
}

	.main {
		width			: 960px;
		margin			: 0 auto;
	}
	
	.logo {
		margin			: 20px 0 10px 30px;	
	}
	
	#menu-container {
		float			: right;
	}
	
		#language {
			float							: right;
			color							: #4a4d55;
			font-size						: 12px;
			background-color				: #f3f3f3;
			width							: 60px;
			text-align						: center;
			padding							: 5px 0px;
			margin							: 0 10px 0 0;
			-moz-border-radius-bottomright	: 2px;
			-moz-border-radius-bottomleft	: 2px;
			border-bottom-right-radius		: 2px;
			border-bottom-left-radius		: 2px;
		}
		
		#menu {
			margin				: 40px 0 0 0;
		}
	
	#header-bg {
		padding			: 20px 0 0 0;
		min-height		: 340px;
		background		: url('../_images/bg_header.jpg') no-repeat;	
	}
	
		#header-bg #content,
		#header-bg #content-vervolg {
			margin		: 0 0 0 10px;
			padding		: 0 20px 0 20px;
			background	: #FFF;
			width		: 900px;
			min-height	: 340px;
		}
		
		#header-bg #content-vervolg {
			background	: url('../_images/bg_vervolg.jpg') repeat-y;
			padding-top	: 20px;
		}
		
			#content-vervolg #kol-main {
				width	: 580px;
				float	: left;
				margin	: 0 40px 0 0;
			}
			
			#content-vervolg #kol-rechts {
				width	: 280px;
				float	: left;
			}
		
		#header {
			height		: 375px;
			margin		: 20px 0 40px 0;
		}
		
		#header .slide 
		{
			height				: 375px;
			overflow			: hidden;	
			position			: absolute;
		}
		
			#header .slide .info {
				position		: absolute;
				top				: 295px;
				right			: 0px;
				width			: 250px;
				height			: 375px;
				padding			: 15px;
				/*background	: rgb(0, 0, 0) ; opacity: 0.8;
				background		: rgba(0, 0, 0, 0.8);*/
				background		: url('../_images/trans.png');
				
			}
			
			#header .slide .header-image {
				width			: 900px; 
				height			: 375px;	
			}
			
		#content .blok,
		.footer .blok {
			width				: 280px;
			float				: left;
			margin				: 0 30px 0 0;	
		}
		
		#teaser-blokken .blok:last-child,
		.footer .blok:last-child {
			margin				: 0px;
		}
		
		#content-vervolg .blok {
			border-bottom		: 1px dashed #dbdbdb;
			padding-bottom		: 20px; 
			margin-bottom		: 20px;
		}
		
		#content-vervolg .blok:last-child {
			border				: none;	
		}
		
.mainbottom {
	background			: url('../_images/footer-gradient.jpg') repeat-x;
	height				: 40px;
	border-bottom		: 2px solid #656974;
}

	.mainbottom #verloop,
	.mainbottom #verloop-vervolg {
		margin			: 0 auto;
		width			: 940px;
		background		: url('../_images/footer-gradient2.jpg') repeat-x;
		height			: 40px;
	}
	
	.mainbottom #verloop-vervolg {
		background		: url('../_images/footer-vervolg.jpg') no-repeat;
	}

.footer {
	min-height			: 140px;
}

	.footer .main {
		width			: 940px;	
	}
	
	.footer #footer-info {
		margin			: 20px 0px 0px 20px; 	
	}

img.left {
	margin				: 0 20px 20px 0;
	float				: left;	
}

/* V-Showroom */

#vshowroom {
	margin				: 15px 0 0 0;
}

	#vshowroom iframe {
		width			: 895px; 
		height			: 800px;
		border			: none;
	}
	
	
/* Headings H1-H6 */
h1 {
	
}
	
	#kol-main h1 {
		color			: #4a4d55;
		font-size		: 20px;
		margin-bottom	: 20px;
	}

h2 {}

	.info h2 {
		color			: #FFF;
		font-size		: 24px;	
		margin-bottom	: 20px;
		height			: 40px;
	}
	
	#content .blok h2,
	.footer .blok h2 {
		color			: #2a364b;
		font-size		: 20px;
		margin-bottom	: 20px;
	}
	
	.footer .blok h2 {
		color			: #FFF;	
		text-shadow		: 1px 1px 1px #000000;
	}
	
	#kol-main h2 {
		color			: #858686;
		font-size		: 18px;
		margin-bottom	: 20px;
	}
	
	#kol-rechts h2 {
		color			: #858686;
		font-size		: 20px;
		margin-bottom	: 20px;
	}

h3 {}

	#kol-main h3 {
		color			: #4A4D55;
   		font-size		: 16px;
    	font-weight		: normal;
    	margin-bottom	: 10px;
	}
	
h4 {}

h5 {}

h5 {}

h6 {}


/* Paragraph and Link Styles */
p {}

	p i {}
	
	.info p {
		font-size		: 12px;
		line-height		: 22px;
		color			: #FFF;
	}
	
	#content .blok p,
	.footer .blok p {
		color			: #565656;
		font-size		: 12px;
		line-height		: 22px;
		margin-top		: 20px;
	}
	
	.footer .blok p {
		color			: #fff;	
	}
	
	#footer-info td {
		color			: #FFF;	
		font-size		: 12px;
		line-height		: 22px;
	}
	
	#content-vervolg p {
		color			: #565656;
		font-size		: 12px;
		line-height		: 22px;	
		margin-bottom	: 10px;
	}

a {
	color				: #FFF;	
}

	#language a {
		color			: #4a4d55;	
	}

	#menu a {
		color			: #707477;
		text-decoration	: none;
		font-size		: 15px;
	}
	
		#menu a:hover {
			text-decoration		: underline;	
		}
	
	a.more {
		float					: right;
		margin					: 10px 0 0 0;	
	}
	
	.blok a.more {
		color					: #565656;
	}
	
	#content-vervolg a {
		color					: #565656;
		font-size				: 12px;	
	}
	
	#content-vervolg a.button {
		background				: none repeat scroll 0 0 #222222;
    	border-radius			: 3px 3px 3px 3px;
		padding					: 3px 8px;
		text-decoration			: none;
    	text-shadow				: 0 1px 0 #000000;
    	color					: #FFF;
    	background-image		: -webkit-gradient(linear, left bottom, left top, color-stop(0, #797b83), color-stop(1, #53555e));
		background-image		: -moz-linear-gradient(center bottom, #797b83, #53555e);
		box-shadow				: 0 1px 1px #000000;
		border-top				: 1px solid #333333;
		font-size				: 14px;
	}
	
	h2 a {
		color					: #2a364b;
	}

/* Lists and Navigation */
ul {}

	ul li {}
	
	#menu ul li {
		float			: left;	
		color			: #707477;
		margin			: 0 10px;
	}
	
	#kol-main li,
	#kol-main ol {
		margin-bottom	: 10px;	
	}
	
	#kol-main li {
		list-style		: disc inside none;
		color			: #565656;
		font-size		: 12px;
		line-height		: 22px;
	}
	
	#kol-main ol li {
		list-style		: decimal inside none;	
	}
	
	#kol-rechts li {
		color			: #565656;
		font-size		: 12px;
		line-height		: 22px;
	}
	

/* Forms */
form {}

	#content-vervolg .blok form input[type="text"] {
		width				: 190px;
	  	border-radius		: 3px;
	  	border				: 1px solid #DBDBDB;
	  	margin-right		: 5px;
	}
	
	#content-vervolg .blok form label,
	#content-vervolg .blok form input[type="text"] {
	  	line-height			: 20px;
	  	padding				: 5px;
	  	font-size			: 12px;
	  	color				: #565656;
	}
	
	#content-vervolg .blok form label {
	  	color: #777;
	  	line-height: 20px;
	  	padding-left: 8px;
	  	position: absolute;
	  	cursor: text;
	}

	#content-vervolg .blok #searchsubmit,
	.button {
		background				: none repeat scroll 0 0 #222222;
		border					: none;
    	border-radius			: 3px 3px 3px 3px;
		padding					: 3px 8px;
		text-decoration			: none;
    	text-shadow				: 0 1px 0 #000000;
    	color					: #FFF;
    	background-image		: -webkit-gradient(linear, left bottom, left top, color-stop(0, #797b83), color-stop(1, #53555e));
		background-image		: -moz-linear-gradient(center bottom, #797b83, #53555e);
		box-shadow				: 0 1px 1px #000000;
		border-top				: 1px solid #333333;
		font-size				: 14px;
		cursor					: pointer;
	}
	
	.wpcf7 .wpcf7-form-control-wrap {
		position				: static;	
	}
	
	.wpcf7 form {
		position				: relative;	
	}
	
	.wpcf7 input, .wpcf7 textarea {
		padding					: 5px;
		border					: 1px solid #DBDBDB;	
		border-radius			: 3px;
		color					: #565656;
		font-size				: 12px;
		width					: 300px;
	}
	
	.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus {
		border					: 1px solid #bebebe;	
		box-shadow				: 0 0 2px #bebebe;
	}
	
/* Tables */

#kol-main table {
	margin-bottom				: 10px;	
}

td {
	color						: #565656;
    font-size					: 12px;
    line-height					: 22px;
}