body, html { 
	background : #191919 url(../images/bg.jpg) repeat-x;
	font-family: Verdana, Arial;
	margin : 0; 
	padding : 0; 
}

* { 
	margin : 0; 
	padding : 0; 
}

#wrapper { 
	position : relative; 
	width : 1000px; 
	height : 1400px; 
	margin : 0 auto; 
} 

#header { 
	float : left; 
	width : 995px; 
	height : 101px; 
} 

#header h1 { 
	float : left; 
	font-family : Arial, Verdana; 
	font-size : 30px; 
	color : #ffffff; 
	font-weight : normal; 
	padding : 30px 0 0 5px; 
} 

#header h2 { 
	float : left; 
	font-family : Arial, Verdana; 
	font-size : 18px; 
	color : #ffffff; 
	font-weight : normal; 
	font-style : italic; 
	padding : 39px 0 0 10px; 
} 

#header .grijs { 
	color : #d1d1d1; 
} 

#menu { 
	float : right; 
	width : 500px; 
	height : 99px; 
	text-align : center; 
} 

#menu ul { 
	float : right; 
	width : 500px; 
	margin : 0; 
} 

#menu ul li a { 
	font-family : Verdana, Arial; 
	font-size : 12px; 
	font-weight : normal; 
	color : #c8c8c8; 
	text-decoration : none;
} 

#menu li { 
	float : left; 
	list-style : none; 
	width : 99px; 
	height : 19px; 
	text-align : center; 
	padding : 40px 0 40px 0;
}

#menu li:hover,#menu li.active { 
	background : url(../images/menu_overlay.jpg) repeat-x; 
	width : 97px; 
	border-left : 1px dotted #454545; 
	border-right : 1px dotted #454545; 
	font-family : Verdana, Arial; 
	font-size : 12px; 
	font-weight : normal;
	color : #c8c8c8; 
	text-decoration : underline;
} 

#preview { 
	float : left; 
	background : url(../images/preview.png) no-repeat; 
	width : 990px; 
	height : 282px; 
	padding : 55px 0 0 5px; 
	font-weight : normal; 
} 

#preview .tekst { 
	float : left; 
	width : 370px; 
	height : 200px;
}

#preview .tekst h3 { 
	font-family : Arial, Verdana; 
	font-size : 24px; 
	color : #ffffff; 
	letter-spacing : 0.025em; 
	margin : 0 0 20px 0; 
} 

#preview .tekst p { 
	float : left; 
	width : 370px; 
	height : 90px; 
	font-family : Verdana, Arial; 
	font-size : 11px; 
	color : #d1d1d1; 
	letter-spacing : 0.025em; 
	line-height : 18px; 
	padding : 0 0 30px 0; 
} 

#preview .tekst ul { 
	float : left; 
	width : 242px; 
	height : 32px; 
	margin : 0; 
	padding : 0; 
} 

#preview .tekst li { 
	float : left; 
	list-style : none; 
	background : url(../images/button.png) no-repeat; 
	width : 111px; 
	height: 22px;
	padding : 5px 0 5px 0;  
	text-align : center; 
	margin : 0 10px 0 0; 
} 

#preview .tekst li:hover {background : url(../images/button_overlay.png) no-repeat;} 

#preview .tekst li a { 
	font-family : Verdana, Arial; 
	font-size : 11px; 
	color : #e1e1e1; 
	text-decoration : none;
	width: 111px;
	height: 15px;
	padding : 5px 0 5px 0;
	display: block;
} 

#preview #project, #preview #project li, #preview #project a img { 
	position : absolute; 
	float : left;
	width : 338px;
	height: 215px;
	margin : -13px 0 0 163px; 
	list-style: none;
	border : none;
} 

#content { 
	float : left; 
	width : 990px; 
	height : 646px; 
	padding : 25px 5px 0 5px; 
} 

#content a img {
	border : 1px solid #c7c7c7;
}

#content .tekst { 
	float : left; 
	width : 450px; 
	min-height : 260px;
	height : auto;
	margin : 0 40px 20px 0; 
	font-weight : normal;
} 

	#content .disclaimer {
		float : left; 
		width : 100%; 
		min-height : 260px;
		height : auto;
		margin : 0 40px 20px 0; 
		font-weight : normal;
	}
	
	#content .disclaimer pre {
		margin: 0 0 0 15px;
	}

#content .tekst h4, #content .portfolio h4, #content .disclaimer h4 { 
	font-family : Arial, Verdana; 
	font-size : 22px; 
	color : #292929; 
	font-weight : bold; 
	margin : 15px 0 20px 0; 
} 

#content .tekst, #content .disclaimer p { 
	font-family : Verdana, Arial; 
	font-size : 11px; 
	color : #292929; 
	line-height : 18px;
} 

#content .tekst img { 
	float : right; 
	border : 1px solid #c7c7c7; 
	margin : 5px 0 5px 5px; 
} 

#content .tekst a { 
	color : #2d648c; 
	text-decoration : underline; 
} 

#content .tekst a:hover { 
	color : #2d648c; 
	text-decoration : none; 
} 

#content .tekst #contact {
	float : right;
	width : 250px;
	height : 200px;
	margin : -200px 0 0 0;
}

#content .tekst .thumb {
	position : absolute;
	clear : both;
	width : 450px;
	height : 130px;
}

#content .portfolio { 
	float : left; 
	width : 440px; 
	min-height : 260px;
	height : auto;
	margin : 0 40px 20px 0; 
	font-weight : normal;
} 

#content .portfolio img {
	float : left; 
	border : 1px solid #c7c7c7;
	margin: 5px 5px 0 0;
}

#content .about {
	margin : 40px 0 0 0;
}

#content #email, #content #onderwerp, #content #bericht {
	float: left;
	overflow: auto;
	border: 1px solid #c7c7c7;
	width: 315px;
	height: 16px;
	padding: 0 5px;
	margin: 0 -379px;
}

#content #naam {
	float: left;
	overflow: auto;
	border: 1px solid #c7c7c7;
	width: 315px;
	height: 16px;
	padding: 0 5px;
	margin: 0 57px;
}

#content .tekst .left { 
	float : left; 
	width : 30px;
}

#content .tekst .right { 
	float : left; 
	width : 160px;
}

#content .tekst .captcha {
	float : left;
	margin : 0 68px;
}

#content .tekst .left2 { 
	float : left; 
	width : 20px;
}

#content .tekst .right2 { 
	float : left; 
	width: 55px;
}
	
#content textarea {
	float: left;
	overflow: auto;
	border: 1px solid #c7c7c7;
	width: 325px;
	min-height: 64px;
}

#content .button {
	margin: 0 0 0 27px;
}

#content iframe {
	border : 1px solid #c7c7c7;
	margin : 0;
	padding : 0;
}

#footer { 
	float : left; 
	width : 995px; 
	height : 258px; 
	font-family : Verdana, Arial; 
	font-size : 10px; 
	color : #c8c8c8; 
} 

#footer #blokken { 
	float : left; 
	width : 866px; 
	margin : 0 0 0 35px; 
} 

#footer .blok { 
	float : left; 
	width : 260px; 
	height : 200px; 
	margin : 25px 0 0 0; 
} 

#footer .blok ul { 
	float : left; 
	width : 215px; 
	margin : 0 0 0 15px; 
	padding : 0; 
	font-family : Arial, Verdana; 
	font-size : 12px; 
	line-height : 24px; 
} 

#footer .blok li { 
	float : left; 
	list-style : none; 
	width : 260px; 
	height : 15px; 
	background : url(../images/menuonder_streepje.png) no-repeat; 
	margin : 8px 0 0 0; 
	padding : 0 0 0 15px; 
} 

#footer .blok li a { 
	font-family : Verdana, Arial; 
	font-size : 11px; 
	color : #e1e1e1; 
	text-decoration : none; 
} 

#footer .blok li:hover, #footer .blok li.active { 
	color : #e1e1e1;
	text-decoration : underline;
}

#footer .blok .icons { 
	float : left; 
	width : 260px; 
	height : 150px; 
	text-align : center; 
} 

#footer .blok .icons a img {
	width : 50px; 
	height : 50px;
	border : none;
	color : #000000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

#footer .blok .icons a img:hover {
	color : #000000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#footer .blok .icons iframe {
	border : none;
	overflow : hidden;
	width : 260px;
	height : 80px;
	border : none;
}

#footer .blok .projects { 
	float : left; 
	background : url(../images/lastprojects.png) no-repeat; 
	width : 230px; 
	height : 120px; 
	padding : 15px; 
	line-height : 25px; 
} 

#footer .blok .projects a img {
	width : 70px; 
	height : 55px;
	border : 2px solid #ffffff;
	color : #000000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
} 

#footer .blok .projects a img:hover {
	color : #000000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
} 

#footer .scheiding { 
	float : left; 
	width : 43px; 
	height : 250px; 
	background : url(../images/footer_scheiding.png) no-repeat; 
} 

#footer h5 { 
	font-family : Arial, Verdana; 
	font-size : 18px; 
	color : #ffffff; 
	font-weight : bold; 
	float : left; 
	text-align : center; 
	width : 260px; 
	margin : 0 0 20px 0; 
} 

#onderkant { 
	float : left; 
	width : 995px; 
	height : 13px; 
	padding : 15px 0; 
	font-size : 10px; 
	color : #787878; 
	text-align : center; 
}

	#onderkant a {
		color : #787878; 
		text-decoration: none;
	}

	#onderkant a:hover {
		text-decoration: underline;
	}
	
.clear {clear : both;}

/* RECAPTCHA */
.recaptcha_r2_c1, .recaptcha_r1_c1, .recaptcha_r2_c2, .recaptcha_r7_c1, .recaptcha_r8_c1, .recaptcha_r3_c1, .recaptcha_r3_c2, .recaptcha_r3_c3, .recaptcha_r4_c1, .recaptcha_r4_c4, .recaptcha_r4_c2 {background:none !important;}
#recaptcha_image, .recaptcha_theme_red #recaptcha_response_field {border: 1px solid #C7C7C7 !important;}