@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1f1f1f;
	}
#wrapper {
	/* begin center div */
	position:absolute;
	left:50%;
	margin-left:-500px;
	/* eind center div */
	width:1000px;
	/* hierdoor zal de background image 100% naar beneden uitrekken */
	background-image:url(/gfx/background.gif);
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	/* hierdoor zal de background image 100% naar beneden uitrekken */
	}
.links {
	padding-left:7px;
	float:left;
	}
.rechts {
	padding-right:10px;
	float:right;
}
.logo {
	float:right;
	padding-right:25px;
	}
.omhoog {
	margin-bottom:15px;
	}
h1 {
	font-size:13px;
	margin-bottom:10px;
	margin-top:0px;
	}
h2 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
	}
h3 {
	font-size:10px;
	margin-bottom:5px;
	margin-top:8px;
	}
h4 {
	font-size:10px;
	margin-bottom:5px;
	margin-top:5px;
	}
h4 a:link, h4 a:visited, h4 a:active {
	text-decoration:none;
	font-size:10px;
	color:#1f1f1f;
	}
h4 a:hover {
	text-decoration:none;
	font-size:10px;
	color:#ba0000;
}
h5 {
	font-size:12px;
	margin-top:1px;
	}
h6 {
	font-size:11px;
	padding-bottom:1px; /* hier padding en geen margin anders hoogte verschil in IE */
	}
#menu {
	height:614px;
	width:462px;
	float:left;
	margin-left:10px;
	}
#home {
	margin-left:20px;
	margin-top:50px;
	width:350px;
	float:left;
	}
.li_home {
	margin-bottom:10px;
}
#visie {
	width:350px;
	margin-left:20px;
	margin-top:35px;
	float:left;
	}
#portfolio {
	width:470px;
	margin-left:10px;
	margin-top:0px;
	float:left;
	}
.projecten {
	width:320px;
	font-size:11px;
	margin-top:-10px;
	}
.projecten a:link, .projecten a:visited, .projecten a:active {
	text-decoration:none;
	font-size:11px;
	font-style:italic;
	color:#1f1f1f;
	}
.projecten a:hover {
	text-decoration:none;
	font-size:11px;
	font-style:italic;
	color:#ba0000;
}
a.intern:link, a.intern:visited, a.intern:active {
	text-decoration:none;
	font-size:11px;
	font-style:italic;
	color:#ba0000;
}
a.intern:hover {
	text-decoration:none;
	font-size:11px;
	font-style:italic;
	color:#1f1f1f;
}
a.compilatie:link, a.compilatie:visited, a.compilatie:active {
	text-decoration:none;
	font-size:13px;
	font-style:italic;
	color:#ba0000;
}
a.compilatie:hover {
	text-decoration:none;
	font-size:13px;
	font-style:italic;
	color:#1f1f1f;
}
#werkwijze {
	width:410px;
	margin-left:20px;
	margin-top:35px;
	float:left;
	}
#contact {
	width:430px;
	margin-left:10px;
	margin-top:50px;
	float:left;
	}
#formulier {
	margin-top:18px;
	font-size:11px;
	width:255px;
	float:left;
	}
#gegevens {
	margin-top:20px;
	font-size:11px;
	width:130px;
	float:right;
	}

/* Start Hint CSS */
dl {
	font:normal 11px Arial;
    position: relative;
    width: 250px;
}
dt {
    clear: both;
    float:left;
    width: 100px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 250px;
    margin: 0 0 8px 0;
    padding-left: 0px;
}


/* Start The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -180px;
    width: 200px;
	color:#DF2025;
	font-weight:bold;
	margin-top:2px;
}

/* The pointer image is added by using another span */
.hint .hint-pointer {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
    position: absolute;
    left: -20px;
    top: 5px;
    width: 16px;
    height: 12px;
    background: url(/gfx/pointer.gif) left top no-repeat;
	margin-top:-3px;
}
textarea {
	width:200px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#512961;
	font-weight:bold;
	background-color:#dedcca;
	border-width:0px;
	overflow:hidden;
	}
input {
	width:200px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#512961;
	font-weight:bold;
	background-color:#dedcca;
	border-width:0px;
	}
.button {
	font-size:11px;
	font-weight:bold;
	}
/* End Hint CSS */

a img{
	border:0px; /* plaatjes geen border */
	}
img {
	border:0px;
	}
#project1, #project2, #project3, #project4, #project5, #project6, #project7, #project8, #project9, #project10, #project11, #project12, #project13, #project14, #project15, #project16, #project17, #project18, #project19, #project20, #project21,#project22, #project23, #project24, #project25, #project26, #project27, #project28 {
	width:370px;
	height:246px;
	}
/* form validation */
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}

.bedankt {
	font-size:12px;
	color:#512961;
	}
/* End form validation */