html, body {
	font-family: Arial,"Trebuchet MS", Verdana;
	font-size: 12px;
	background-image:url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin: 0px auto;
	text-align: left;
	/*height:100%;*/
	color: #8C8D92;
	vertical-align:top;
	height:100%;
}

h1 {
	font-family: Arial, "Trebuchet MS", Verdana;
	font-size: 20px;
	color: #afbe32;
	text-transform: uppercase;
	margin:0; padding:0; border:0;
	margin-bottom:10px;
}

h2 {
	font-size: 16px;
	font-weight:bold;
	color: #afbe32;
	margin:0; padding:0; border:0;
	margin-bottom:5px;
}
h3 {
	font-size: 14px;
	font-weight:bold;
	color:#606164;
}
h3.voordeel{
	font-size:15px;
	font-weight:bold;
	color:#afbe32;
	margin-top:80px;
}

a{
	font-weight: normal;
	text-decoration: none;
	color: #AFBE32;/*#6e6e6e*/
}

a.dlink, a.dlink:link, a.dlink:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #AFBE32;
}
a.dlink:hover{
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
li{line-height:18px;}

form.contact{
	display:block;
	float:left;
	margin:15px;
}

#contactgegs{width:40%; display:block; float:right;}
#cnctfrm{width:60%; display:block; float:left;}
.asp{display:none;}

input{
	float:left;
	display:block;
	clear:right;
	margin-bottom:10px;}
select{
	float:left;
	display:block;
	clear:right;
	margin-bottom:10px;}
textarea{
	float:left;
	display:block;
	clear:right;
	margin-bottom:10px;}
label{
	float:left;
	display:block;
	clear:left;
	width:150px;
	font-weight:bold;}

/* BOVEN */
#boven_container{
	text-align: center;
	width: 800px;
	height: 300px;
	padding: 0px;
	border: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	#titel{
		background:url(images/header_titel.gif) left bottom no-repeat;
		margin: 0 auto;
		height: 100px;
		width:800px;
		font-size: 14px;
		padding:0;
		border:0;
		display:table-cell;
		position:relative;
		vertical-align:bottom;
	}
	#titel img{float:right; border:0; margin:0px 5px 10px 5px;}
	#navbar{
	height:28px;
	line-height:28px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	float:right;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin-top:0px;
	}
	#navbar a, #navbar a:link, #navbar a:visited{
		height:28px;
		line-height:28px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #ffffff;
		display:block;
		float:left;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
	}
	#navbar a:hover{
		height:28px;
		line-height:28px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #717171;
		background-color:#FFF;
		/*hier ipv background-color een backgroundimage met die geboogde afbeelding op exacte grootte Maar ge zult nog een class moeten aanmaken per butt aangezien ze niet dezelfde breedte hebben*/
		text-align:center;
		display:block;
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	#navbar a.activepage{
		background-color:#FFF;
		color: #717171;
	}

	#foto_top{
		background-image: url(images/header_photo.jpg);
		height: 200px;
		border: 0px;
		margin:0;
		padding:0;
	}

/* FOOTER */
#footer_container{
	text-align: center;
	display:block;
	clear:both;
	width: 100%;
	/*height:100% auto;
	min-height:100px;*/
	height:100px;
	background-color:#012B1F;
	background-image:url(images/footer_bg.jpg);
	padding: 0px;
	margin: 0;
	margin-top:0px;
	border:0;
	vertical-align:bottom;
}
#footer{
	text-align: center;
	width: 100%;
	height:85px;
	/*background-position:bottom;
	background-image:url(images/footer_bg.jpg);*/
	padding: 0px;
	padding-top:15px;
	margin: 0;
	border:0;
}
/* WRAPPER */
#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
}

/* INHOUD */
.push {
    height: 100px;
}
#inhoud_container{
	text-align: center;
	width: 800px;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	background-color:#FFFFFF;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:0;
	vertical-align:top;
	}
	
#inhoud{
	text-align: left;
	width: 750px;
	/*margin: 25px;*/
	padding: 25px;
	/*margin-bottom:75px;*/
}

	#titel{
		text-align: left; 
		margin: 0 auto;
	}

#kruimel{
	width:100%;
	text-align:left;
	padding:10px 0px 0px 25px;
}
#kruimel a, #kruimel a:link, #kruimel a:visited{}
#kruimel a:hover{color:#8C8D92;}
	
/* Structure realisaties */
#realisaties_inhoud{
	width: 800px;
	display:block;
	background-color:#FFF;
	min-height:500px;/*500*/
	/*margin-bottom:25px;*/
}
#leftcol{
	position:relative;
	width:200px;/*280*/
	float:left;
}
#leftcold{
	position:relative;
	width:310px;
	float:left;
}
#rightcold{
	position:relative;
	width:430px;
	float:left;
	margin:0;
	border:0;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
	}
#rightcold p{
	text-align:justify;
	line-height:18px;
	}

#rightcol{
	position:relative;
	width:560px;/*480*//*520*/
	/*background-color:#CCC;*/
	float:left;
	margin:0;
	border:0;
	padding-top:20px;
	padding-left:10px;
	text-align:left;
	}
/*#rightcol img{
	text-align:left;
	margin:20px 0px;
	}*/
#rightcol p{
	/*width:100%;/*440*/
	text-align:justify;
	margin:0; padding:0; border:0;
	margin:5px 0px;
	}
#leftnav{
	width:180px;/*200*/
	padding-left:20px;
	padding-top:20px;
	float:left;
	font-size:14px;
	text-align:left;
	}
#leftnavd{
	width:290px;/*200*/
	padding-left:20px;
	padding-top:20px;
	float:left;
	font-size:14px;
	text-align:left;
	}
#leftnav h2 {
	font-size: 16px;
	font-weight:bold;
	color: #6E6E6E;
	margin:0; padding:0; border:0;
	margin-bottom:5px;
}
#leftnavd h2 {
	font-size: 16px;
	font-weight:bold;
	color: #6E6E6E;
	margin:0; padding:0; border:0;
	margin-bottom:5px;
}

#leftnav a, #leftnav a:link, #leftnav a:visited{
	font-size:14px;
	color:#848484;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	}
#leftnav a:hover{
	font-size:14px;
	color:#AABF13;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	}
#leftnav a.lev_1, #leftnav a.lev_1:link, #leftnav a.lev_1:visited{
	font-size:13px;
	color:#AFBE32;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	margin-left:10px;
	}
#leftnav a.lev_1:hover{
	font-size:13px;
	color:#666;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	margin-left:15px;
	}

#leftnavd a, #leftnavd a:link, #leftnavd a:visited{
	font-size:14px;
	color:#848484;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	}
#leftnavd a:hover{
	font-size:14px;
	color:#AABF13;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	}
#leftnavd a.lev_1, #leftnavd a.lev_1:link, #leftnavd a.lev_1:visited{
	font-size:13px;
	color:#AFBE32;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	margin-left:10px;
	}
#leftnavd a.lev_1:hover{
	font-size:13px;
	color:#666;
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	margin-left:15px;
	}
#projpiccontainer{width:560px; margin-left:25px;}
#projpic{width:175px; height:200px; position:relative; float:left; margin:5px; text-align:center;}
#projpic a:hover{color:#333;}


a.gall_overzicht{font-size:14px; font-weight:bold; font-variant:small-caps; float:right; margin-top:0px;}
a.gall_overzicht:hover{color:#666;}


/*
#imgnav{
	padding-top:20px;
	width:80px;
	float:left;
}
#imgnav img{
	border:0;
	padding:0;
	margin:0 0 10px 0;
}*/