/* CSS Sitenaam */
/* © 2008 by Inovamedia */
/* Development by Rene Sebastian */
/* Datum: 25-03-2008 */

body {
	margin:			0;
	padding:		0;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	text-align:		left;
	color:			#121313;
	background: 	#0081b8 url(../images/bg.jpg) repeat-x;
}

#container {
	width:				836px; 
	margin: 			0 auto; 
	margin-top:			30px;
	background-color:	#fff;
	border:				1px solid #c8c8c8;
	padding:			14px 20px 20px 20px;
	text-align:			left;
	display: 			table;
	height: 			100%;
	z-index:			1;
}

#header{
	position:			relative;
	float:				left;
	width:				843px;
	height:				228px;
	z-index:			2;
}

.privacy{
	font-size: 12px;
}

.foto_ {
	background-image:	url(/images/img_header.jpg);
}
.foto_1 {
	background-image:	url(/images/img_header.jpg);
}
.foto_2 {
	background-image:	url(/images/img_header_2.jpg);
}
.foto_3 {
	background-image:	url(/images/img_header_3.jpg);
}
.foto_4 {
	background-image:	url(/images/img_header_4.jpg);
}
.foto_5 {
	background-image:	url(/images/img_header_5.jpg);
}
.foto_6 {
	background-image:	url(/images/img_header_6.jpg);
}
.foto_7 {
	background-image:	url(/images/img_header_7.jpg);
}


#wolkje{
	position:			relative;
	float:				left;
	width:				384px;
	height:				134px;
	margin:				0px 0px 0px 0px;
	z-index:			3;
}

#logo{
	position:			relative;
	float:				left;
	width:				208px;
	height:				98px;
	margin:				15px 0px 0px -295px;
	z-index:			4;
}

#menu{
	position:			relative;
	float:				left;
	width:				803px;
	height:				49px;
	margin:				-4px 0px 0px 0px;
	padding:			2px 20px 2px 20px;
	background-image:	url(/images/bg_menu.png);
	z-index:			3;
}

#main{
	position:			relative;
	float:				left;
	width:				843px;
	background-image:	url(/images/bg_content.png);
	background-repeat:	repeat-y;
	padding:			0px 0px 20px 0px;
	margin:				-3px 0px 0px 0px;
	z-index:			4;
}

#main_left{
	position:			relative;
	float:				left;
	width:				390px;
	margin:				23px 0px 0px 24px;
	padding:			0px 10px 0px 0px;
	border-right:		1px solid #bdbdbd;
	display:			inline;
}

#main_right{
	position:			relative;
	float:				left;
	width:				400px;
	margin:				23px 0px 0px -1px;
	padding:			0px 0px 0px 11px;
	border-left:		1px solid #bdbdbd;
	display:			inline;
}

#main_left2{
	position:			relative;
	float:				left;
	width:				200px;
	margin:				23px 0px 0px 24px;
	padding:			0px 10px 0px 0px;
	border-right:		1px solid #bdbdbd;
	display:			inline;
}

#main_right2{
	position:			relative;
	float:				left;
	width:				590px;
	margin:				23px 0px 0px -1px;
	padding:			0px 0px 0px 11px;
	border-left:		1px solid #bdbdbd;
	display:			inline;
}

#main_right3{
	position:			relative;
	float:				left;
	width:				360px;
	margin:				23px 0px 0px -1px;
	padding:			0px 40px 0px 11px;
	border-left:		1px solid #bdbdbd;
	display:			inline;
}

#main_footer{
	position:			relative;
	float:				left;
	width:				843px;
	height:				4px;
	background-image:	url(/images/bg_content-bottom.png);
	background-repeat:	no-repeat;
	z-index:			4;
}

.home_img{
	position:			relative;
	float:				left;
	width:				390px;
	padding:			4px 0px 0px 5px;
	margin:				0px 0px 10px 0px;
	z-index:			3;
}

#footer{
	position:			relative;
	float:				left;
	width:				100%;
	height:				170px;
	background-color:	#16b4f7;
	z-index:			1;
	margin:				30px 0px 0px 0px;	
}

#footer_content{
	width:				876px; 
	margin: 			0 auto; 
	text-align:			left;
	display: 			table;
	z-index:			2;
}

#footer_tekst{
	position:			relative;
	float:				left;
	width:				250px;
	color:				#fff;
	font-weight:		bold;
	font-size:			12px;
	margin:				40px 0px 0px 40px;
}

#footer_img{
	position:			relative;
	float:				right;
	width:				541px;
	height:				87px;
	background-image:	url(/images/img_footer.png);
	margin:				83px 10px 0px 0px;
	z-index:			2;
}

p.main_tekst{
	position:			relative;
	float:				left;
	width:				390px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	min-height:			160px;
	height:				auto !important; /* voor moderne Browser */
	height:				160px; /*voor IE6 */
}

.project{
	position:			relative;
	float:				left;
	width:				360px;
	margin:				0px 0px 10px 0px;
	padding:			5px 10px 5px 15px;
	background-color:	#f7f7f7;
	border:				1px solid #cacaca;
}

/*
Menu / List items:
*/

ul{
	display:			block;
	margin:				0px;
	padding:            0px;
	list-style:			none;
}

li { 
	display:			inline;
	padding:            0px;
	color:				#9aa302;
	font-size:			12px;
}

ul#menu_lijst{
	display:			block;
	margin:				0px;
	padding:            0px;
	list-style:			none;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size: 			14px;
}

li.menu_item { 
	display:			inline;
	padding:            0px;
	vertical-align:		super;
}

li.menu_lijn { 
	display:			inline;
	margin:				0px 10px 0px 10px;
	height:				41px;
}

/*
Titels:
*/

h1{
	font-size:			18px;
	font-weight:		normal;
	margin-top:			0px;
	margin-bottom:		5px;
	color:				#121313;
}	

h2{
	font-size:			14px;
	font-weight:		bold;
	margin-top:			0px;
	margin-bottom:		5px;
	color:				#121313;
}	

/*
Label styling
*/
label.contact{
	float: 				left;
	width: 				150px;
	padding:			3px;
	margin:				0px 0px 5px 0px;
	text-align: 		left;
	display:			inline;
	clear:				both;
}

/*
Formulieren
*/
input.contact{
	background-color:	#ffffff;
	border:				1px solid #5a5a5a;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	width:				250px;
	height:				15px;
	color:				#000000;
	margin:				0px 0px 8px 0px;
}

textarea.contact{
	background-color:	#ffffff;
	border:				1px solid #5a5a5a;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	width:				250px;
	height:				100px;
	color:				#000000;
}

input.contact_knop{
	float:				left;
	height:				18px;
	color:				#808080;
	font-size:			12px;
	background-color:	#434343;
	border-style:		none;
	cursor:				pointer;
	margin:				5px 112px 0px 0px;
	padding:			0px 10px 0px 10px;
}

/*
HR Styling:
*/
hr{
	height: 			0px; 
	border-style: 		solid; 
	border-width: 		1px 0 0 0; 
	border-color: 		#d3d4c2;
	
}

/*
Clear floats:
*/
.clear{
	clear:               both; 
} 

/*
Form spacing
*/
form {
	padding:			0;
	margin:				0;
}

/*
Basis link instellingen:
*/

a:link {
	color: 				#2e2e2e;
	text-decoration:	none;
	
}
a:visited {
	color: 				#2e2e2e;
	text-decoration:	none;
}
a:hover {
	color: 				#2e2e2e;
	text-decoration:	underline;
}
a:active {
	color: 				#2e2e2e;
}

/*
Custom link kleuren:
*/

/*Wit*/
a.wit:link, a.wit:visited{
	color:				#FFFFFF;
	font-size:			14px;
	text-decoration:	none;
	font-weight:		bold;
}

a.wit:hover, a.wit:active{
	color:				#FFFFFF;
	font-size:			14px;
	text-decoration:	underline;
	font-weight:		bold;
}

/*Wit2*/
a.wit2:link, a.wit2:visited{
	color:				#FFFFFF;
	font-size:			12px;
	text-decoration:	none;
}

a.wit2:hover, a.wit2:active{
	color:				#FFFFFF;
	font-size:			12px;
	text-decoration:	underline;
}

/*Rood*/
a.rood:link, a.rood:visited{
	color:				#ed1c24;
	font-size:			11px;
	text-decoration:	none;
}

a.rood:hover, a.rood:active{
	color:				#ed1c24;
	font-size:			11px;
	text-decoration:	underline;
}


/*Grijs*/
a.grijs:link, a.grijs:visited{
	color:				#5e5e5e;
	text-decoration:	none;
}

a.grijs:hover, a.grijs:active{
	color:				#2e2e2e;
	text-decoration:	underline;
}

/*Lijsten*/
a.candy:link, a.candy:visited{
	color:				#ff4e00;
	text-decoration:	none;
}

a.candy:hover, a.candy:active{
	color:				#ff4e00;
	text-decoration:	underline;
}

/*Grijs*/
a.grijs2:link, a.grijs2:visited, a.grijs2:hover{
	color:				#383838;
	text-decoration:	underline;
}

/*Blauw*/
a.blauw:link, a.blauw:visited{
	color:				#5099c8;
	text-decoration:	none;
}

a.blauw:hover{
	color:				#5099c8;
	font-weight:		normal;
	text-decoration:	underline;
}