/*
Powerd by MisterM Design Studio © 2011 - 2012
*/

/******************************************
** RESETS
******************************************/

* {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
}

/******************************************
** TOOLS
******************************************/

.clear {
	clear: both; 
}

html>body #header {
	z-index: 10; 
}

html>body #footer {
	z-index: 10; 
}

/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/

h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #ff620c;
}

h2 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #ff620c;
}

h3 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

h4 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #ff620c;
}

h5 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

h6 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #231f20;
}

h7 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

h8 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

	h6 a {
		color: #000;
	}
	
		h6 a:hover {
			
		}

a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
		font-weight: bold;
	}

/******************************************
** STRUCTUUR
******************************************/

html {
	margin: 0;
	padding: 0;
}

body {	
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	background: url("images/body.jpg") repeat-x  #ffffff  top center;
}


#pagewrap {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	background: url("images/background.jpg");
}

	/* Header */
	#header {
		width: 1000px;
		height: 160px;
		overflow: hidden;
		background: url("images/bg_header.jpg") no-repeat top center;
		position: relative;
	}

		#header h1 {
			position: absolute;
			text-indent: -9999px;
		}
		
		
	/* Horizontale navigatie */
		ul#navigatie {
			display: block;
			width: 738px; /* width van alle buttons bij elkaar */
			height: 32px; /* hoogte van button */
			margin: 126px 0 0 245px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
		}
		
			ul#navigatie li {
				display: inline;
				overflow: hidden;
				line-height: 32px; /* hoogte van button (voor IE6) */
			}
				
				ul#navigatie li a {
					display: block;
					height: 32px; /* hoogte van button */
					float: left;
				}
				
					ul#navigatie li a.nav_home {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_home.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_identiteit {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_identiteit.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_diensten {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_diensten.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_partners {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_partners.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_projecten {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_projecten.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
					
					ul#navigatie li a.nav_contact {
					 	width: 123px; /* breedte van button */
					 	background: url(images/nav_contact.jpg) no-repeat;
						background-position: top; /* uitgelijnd naar boven zodat de normale state zichtbaar is */
						text-indent: -9999px; /* wegwerken van de tekst */
					}
				
				ul#navigatie li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
					background-position: bottom left;
				}
	
	/* Content */
	#content {
		width: 1000px;
		min-height: 595px;
		background: url("images/bg_contact.jpg") #FFFFFF no-repeat;
		position: relative;
	}
		
		#contenttext {
			width: 740px;
			padding-top: 20px;
			margin-left: 245px;
			line-height: 15px;
			list-style: inside;
			list-style-type: square;
			float: right;
			text-align: right;
			font-family: "Arial", Helvetica, sans-serif;
			font-style: normal;
		}
		
				
	
	#contact-area {
	width: 400px;
	margin-left: -20px;
}

#contact-area input, #contact-area textarea {
	padding: 4px;
	width: 290px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 200px;
	width: 290px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #0085ee;
}

#contact-area input.submit-button {
	
	float: right;
	width: 100px;
}

label {
	float: left;
	text-align: right;
	font-family: "Arial", Helvetica, sans-serif;
	margin-right: 15px;
	font-size: 14px;
	font-style: normal;
}

#contacttekst {
	float: left;
	font-family: "Arial", Helvetica, sans-serif;;
	font-size: 12px;
	font-style: bold;
	text-align: left;

}

#contacttekst1 {
	float: left;
	font-family: "Arial", Helvetica, sans-serif;;
	font-size: 12px;
	font-style: bold;
	padding-left: 10px;
	text-align: left;

}

#contacttekst2 {
	float: left;
	font-family: "Arial", Helvetica, sans-serif;;
	font-size: 12px;
	font-style: bold;
	padding-left: 10px;
	text-align: left;
}

	/* Footer */
	#footer {
		width: 1000; 
		height: 45px;
		line-height: 50px;
		background: url("images/bg_footer.jpg") no-repeat;
		text-align: center;
		position: relative;
	}