@charset "utf-8";


/**
 * GENERAL & FIXES
 * _____________________________________________
 */

*{margin:0px; padding:0px;}

html, body {
	height: 100%;
}

a {	overflow: hidden; color:#1196c7;}
a:hover{text-decoration:underline;}
a img {	border: 0; }

a.extern{
	background: transparent url(/images/layout/externlink.gif) no-repeat top right;
	padding-right:12px;
}

span.blauw{color:#1196c7;}


body {
	color: #302b1c;
	background:#c2b68f url(/images/layout/bg.gif) repeat-x top center;
	font: 76%/1.4 Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

div, p, label, ul, li {
	line-height: 18px;
}

.clear{clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

span.error{color:#FF3333;}


/**
 * WRAPPERS
 * _____________________________________________
 */


/* ----------wrapper om site in het midden te plaatsen-------------- */
	#wrapper_site {
		width: 973px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -35px;
	}
	#wrapper_header{
		height:81px;
		background:#1086b9 url(/images/layout/wrapper_header-bg.jpg) repeat-x;
		margin-bottom:90px;

	}
	#wrapper_header	#zoeken{
		float:right;
		margin:55px 0 0 0;
	}

	#wrapper_side{
		float:left;
		width:203px;
		padding:0px 10px;
		text-align:left;
	}
	#wrapper_side p{
		color:#1196c7;
		font-size:0.9em;
		width:188px;
		line-height: 14px;
	}



	#wrapper_content{
		float:left;
		width:510px;
		padding:0 20px;
	}

	#wrapper_right{
		float:left;
		width:160px;
		padding:0 20px;
	}

	#footer_wrapper {
		width: 973px;
		margin: 0 auto;

	}

	#footer_wrapper a{
		color: #1196c7;
		text-decoration:underline;
	}
	#footer_wrapper p{
		border-top:#e9e8e6 solid 1px;
		padding-top:5px;
		margin-left:243px;
		font-size:10px;
		color:#918e84;
		width:510px;
	}

	#footer_wrapper, div.push {
		height: 35px;
	}

	#space1{height:100px;}





/**
 * CONTENT
 * _____________________________________________
 */

	#wrapper_header h1 a{
	width: 203px;
	height: 81px;
	background-color:white;
	position: absolute;
	z-index:99;
	}

	#wrapper_header h1 a{
	background: transparent url(/images/layout/logo.jpg) no-repeat top left;
	text-indent: -9999px;
	}

	h2{font-size:16px; margin-bottom:20px;}
	h3{color:#1196c7; margin-top:30px; border-bottom:#E0DBCB solid 1px; font-size:1em;}


	h4{font-size:16px; margin-bottom:20px}

	#wrapper_header #zoeken input{
		background-color:#56a7cb;
		border:none;
		font-size:11px;
		color:white;
		padding:5px 5px;
		float:left;
	}



	ul#mainNavigation{
		height:24px;
		margin:55px 0 0 234px;
		float:left;
		display:block;
		list-style-type:none;
	}
	ul#mainNavigation li{
		margin:0 0 0 0px;
		display:block;
		float:left;
	}
	ul#mainNavigation li a{
		width:114px;
		height:24px;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
	}
	ul#mainNavigation li a#navDimindu{
		background-image:url(/images/layout/nav_dimindu.gif);
		width:81px;
	}
	ul#mainNavigation li a#navOnzeDiensten{
		background-image:url(/images/layout/nav_onze-diensten.gif);
		width:126px;
	}
	ul#mainNavigation li a#navReferenties{
		background-image:url(/images/layout/nav_referenties.gif);
		width:114px;
	}
	ul#mainNavigation li a#navContact{
		background-image:url(/images/layout/nav_contact.gif);
		width:87px;
	}
	ul#mainNavigation li a:hover{
		background-position:0 -24px;
	}

	#pg_dimindu a#navDimindu,
	#pg_onze-diensten a#navOnzeDiensten,
	#pg_referenties a#navReferenties,
	#pg_contact a#navContact{
		background-position:0 -24px;
	}






	dl.detailfoto{
		border:#efede5 solid 6px;
		margin-bottom:10px;
		width:144px;
		height:108px;
		background-color:#efede5;
		overflow:hidden;
	}
	dl.detailfoto dt{height:108px; text-align:right; background-color:#efede5;}
	dl.detailfoto .detailbtn{
		background: transparent url(/images/layout/btn_detail_img.gif) no-repeat top left;
		text-indent: -9999px;
		width: 72px;
		height: 26px;
		background-color:white;
		position: absolute;
		z-index:99;
		margin-left:82px;
		margin-top:88px;
	}

	p.allereferentiesweergeven{
		background-color:#f3f2ec;
		text-align:center;
		padding:4px 0;
		font-size:0.9em;
		color:#918e84;
		/*width:155px;*/
	}
	p.allereferentiesweergeven a{
		color:#918e84;
		padding-left:8px;
		text-decoration:underline;
	}

	div.referenties{
		border-bottom:#e6e5e2 solid 1px;
		margin:20px 0;
		clear:both;
	}


	div.referenties dl{
		float:left;
		margin-right:10px;
	}
	div.referenties h3{
		margin-bottom:5px;
		font-size:12px;
		color:#d88413;
		border:none;
		margin-top:0px;
	}

	img.foto{border:#efede5 solid 6px; margin:15px 0px;}

	span.error,
	span.form-error,
	span.txt_error{
		color: red;
		font-size: 0.90em;
		line-height: 1.0em;
		display: block;
		margin: 3px 0px 0px 0px;
	}


	.txt_error,
	.txt{
		border:#56A7CB solid 1px;
		width:300px;
		padding:5px;
		font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
	}
	textarea{
		padding:5px;
		width:300px;
		height:150px;
		border:#56A7CB solid 1px;
	}
	.btn{
		border:#56A7CB solid 1px;
		background-color:#56A7CB;
		padding:3px;
		color:white;
		width:80px;
	}

	#referenties_detail{margin-bottom:50px;}
