/*hier begint de algemene css stijl, de globale opmaak voor de pagina*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #646464;
	text-align: center;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	background-image:url(img/background.gif);
	background-repeat:repeat;
}
#holder {
	width: 714px;
	height: 629px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto 0 auto;
}
#header {
	background: #DCCBAC;
	margin-left: 17px;
	margin-right: 17px;
}
/*hier begint de navigatiebalk met de 5 navigatiebuttons*/
#navigatieholder {
	width: 682px;
	background: #FFFFFF;
	text-align: left;
	margin-left: 17px;
	margin-top: 1px;
}
#nav1 {
	width: 124px;
	height: 48px;
	float: left;
}
#nav2 {
	width: 155px;
	height: 48px;
	margin-left: 3px;
	float: left;
}
#nav3 {
	width: 142px;
	height: 48px;
	margin-left: 3px;
	float: left;
}
#nav4 {
	width: 136px;
	height: 48px;
	margin-left: 3px;
	float: left;
}
#nav5 {
	width: 113px;
	height: 48px;
	margin-left: 3px;
	float: left;
}
#nav {
	width: 140px;
	float: left;
	padding: 15px 10px;
}
/*hier begint het onderste gedeelte gedeelte, de inhoud, van de pagina*/
#content_holder{
	width: 682px;
	height: 480px;
	text-align: left;
	float: none;
	margin-left: 17px;
	margin-top: 1px;
}
/*hier begininen de kolommen die op de index pagina te zien zijn: het linker + rechtergedeelte inclusief de 2 voorpagina-items welke uit de database geladen worden*/
#content_left{
	width: 454px;
	height: 404px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
}
#content_left_voorpagina1{
	width: 224px;
	height: 426px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow:hidden;
}
#content_left_garantie{
	width: 452px;
	height: 426px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow:hidden;
}
#content_left_afbeelding{
	height: 160px;
	overflow:hidden;
}
#content_left_voorpagina1_text{
	margin-left: 14px;
	margin-right: 10px;
	height: 230px;
}
#content_left_voorpagina1_pijltjes{
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 2px;
	height: 10px;
	text-align:right;
}
#content_left_voorpagina2{
	width: 224px;
	height: 426px;
	float: right;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow:hidden;
}
#content_left_voorpagina2_text{
	margin-left: 14px;
	margin-right: 10px;
	height: 230px;
}
#content_left_voorpagina2_pijltjes{
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 2px;
	height: 10px;
	text-align:right;
}
#content_left_onder{
	width: 452px;
	height: 50px;
	float: none;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-color: #CCCCCC;
}
#content_left_onder_textvlak{
	margin-left: 5px;
	margin-top: 6px;
	float:left;
}
#content_left_onder_textvlak_belmij{
	margin-left: 5px;
	margin-top: 10px;
	margin-right:3px;
	width:202px;
	float:right;
}
#content_left_onder_projecten{
	width: 668px;
	height: 41px;
	float: none;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-color: #CCCCCC;
}
#content_left_onder_textvlak_projecten{
	margin-left: 5px;
	margin-top: 0px;
	float:left;
}
#content_left_onder_textvlak_belmij_projecten{
	margin-left: 5px;
	margin-top: 0px;
	margin-right:3px;
	width:202px;
	float:right;
}
#content_rechts{
	width: 224px;
	height: 470px;
	float: right;
	margin: 0 auto 0 auto;
	margin-left: 2px;
	margin-top: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	text-align: left;
}
#content_rechts_titel{
	height:12px;
	text-align:right;
}
.content_rechts_titel_text{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	font-weight: bolder;
}
#content_rechts_textvlak{
	height:216px;
	margin-left: 5px;
	margin-right: 5px;
	overflow:hidden;
	margin-top: 2px;
}
#content_rechts_textvlak_garantie{
	height:454px;
	margin-left: 5px;
	margin-right: 5px;
	overflow:hidden;
	margin-top: 2px;
}
#content_rechts_afbeelding{
	height:218px;
	margin-top: 2px;
}
#content_rechts_streep{
	border-top-style:solid;
	border-top:1px;
	border-color:#fdd385;
	margin-left:5px;
	margin-right:5px;
}
.voorpagina {
	text-align:left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.voorpagina_grijze_tekst {
	text-align:left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
/*hier begininen de kolommen die op de projecten pagina te zien zijn*/
#content_portfolio_item{
	width: 270px;
	height: 90px;
	text-align: left;
	float: none;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
}
#content_portfolio_item_afbeelding{
	width: 128px;
	height: 90px;
	text-align: left;
	float: left;
	margin-left: 0px;
	margin-top:2px;
	margin-right: 2px;
	overflow:hidden;
}
#content_portfolio_item_tekst{
	width: 502px;
	height: 90px;
	text-align: left;
	float: right;
	margin-left: 0px;
	margin-top:2px;
	margin-right: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
}
#content_portfolio_item_tekst_pijltje{
	width: 20px;
	height: 90px;
	text-align: left;
	vertical-align: bottom;
	float: right;
	margin-left: 0px;
	margin-top:2px;
	margin-right: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#content_portfolio_navigatie{
	width: 670px;
	height: 30px;
	text-align: left;
	float: none;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}
#content_portfolio_navigatie_previous{
	width: 335px;
	height: 30px;
	text-align: left;
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}
#content_portfolio_navigatie_next{
	width: 335px;
	height: 30px;
	text-align: right;
	float: right;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}
#content_portfolio_navigatie a:link, #content_portfolio_navigatie a:visited { 
	color: #736B5E;
	text-decoration: none;
	font-weight: bold;
}
/*hier begininen de kolommen die op de detailpagina van de projecten te zien zijn*/
#content_portfolio_item{
	width: 670px;
	height: 390px;
	text-align: left;
	float: none;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
}
#content_left_projectdetail{
	width: 402px;
	height: 471px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow:hidden;
}
#content_rechts_detailpagina{
	width: 274px;
	height: 471px;
	float: right;
	margin: 0 auto 0 auto;
	margin-left: 2px;
	margin-top: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	text-align: left;
}
#content_rechts_titel_projectdetail{
	text-align:right;
}
#content_rechts_titel_text_projectdetail{
	height:12px;
	width: 255px;
	text-align:left;
	margin-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	font-weight: bolder;
}
#content_rechts_titel_driehoekje_projectdetail{
	height:12px;
	width: 10px;
	text-align:left;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	font-weight: bolder;
}
#content_rechts_textvlak_projectdetail{
	height:230px;
	margin-left: 5px;
	margin-right: 5px;
	overflow:hidden;
	margin-top: 2px;
	float:left;
}
#content_rechts_thumb_projectdetail{
	height:190px;
	margin-left: 5px;
	margin-right: 5px;
	overflow:hidden;
	float:left;
	margin-top: 2px;
	border-top:1px;
	border-top-style:solid;
	border-color: #CCCCCC;
}
#content_rechts_thumbnailklein_projectdetail{
	height:60px;
	overflow:hidden;
	margin-top: 446px;
	margin-left: 450px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail2{
	height:60px;
	overflow:hidden;
	margin-top: 446px;
	margin-left: 525px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail3{
	height:60px;
	overflow:hidden;
	margin-top: 446px;
	margin-left: 600px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail4{
	height:60px;
	overflow:hidden;
	margin-top: 501px;
	margin-left: 450px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail5{
	height:60px;
	overflow:hidden;
	margin-top: 501px;
	margin-left: 525px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail6{
	height:60px;
	overflow:hidden;
	margin-top: 501px;
	margin-left: 600px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail7{
	height:60px;
	overflow:hidden;
	margin-top: 556px;
	margin-left: 450px;
	position:absolute
}
#content_rechts_thumbnailklein_projectdetail8{
	height:60px;
	overflow:hidden;
	margin-top: 556px;
	margin-left: 525px;
	position:absolute
}
#content_rechts_textvlak_projectdetail_datum, #content_rechts_textvlak_projectdetail_datum a:link, #content_rechts_textvlak_projectdetail_datum a:visited{
	height:27px;
	width:255px;
	margin-left:5px;
	margin-top: 2px;
	float:left;
	border-top:1px;
	border-top-style:solid;
	border-color: #CCCCCC;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*hier beginnen de kolommen die op de contactpagina van de projecten te zien zijn*/
#content_portfolio_item{
	width: 670px;
	height: 390px;
	text-align: left;
	float: none;
	margin-left: 0px;
	margin-top: 4px;
	overflow:hidden;
}
#content_left_contactpagina{
	width: 452px;
	height: 478px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow:hidden;
}
#content_rechts_contactpagina{
	width: 224px;
	height: 471px;
	float: right;
	margin: 0 auto 0 auto;
	margin-left: 2px;
	margin-top: 2px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
}
#kolom_form_titel1{
	width: 224px;
	height: 21px;
	float:none;
	margin: 0 auto 0 auto;
	background-color:#0075a1;
}
#kolom_form_tussenstuk{
	width: 224px;
	height: 73px;
	margin: 0 auto 0 auto;
	float:none;
	background-color:#FFFFFF;
}
#kolom_form_tussenstuk_belmij_tekst{
	margin: 0 auto 0 auto;
	margin-left:10px;
	margin-right:5px;
	margin-top:10px;
	text-align:justify;
	float:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
#kolom_form_tussenstuk_tekst{
	width: 200px;
	margin: 0 auto 0 auto;
	margin-left:10px;
	margin-top:10px;
	float:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	text-align:left;
}
#kolom_form_titel_tekst{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	margin-left:3px;
	margin-top:4px;
}
#kolom_form_invulveld{
	width: 184px;
	height: 15px;
	float:none;
	border:none;
	background-color:#ccd6ed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}
#kolom_form_submitbutton{
	width: 186px;
	height: 20px;
	margin-left:0px;
	margin-right:0px;
	float:right;
	background-color:#0075a1;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	border:none;
}
#kolom_form_invulveld_bericht{
	width: 184px;
	height: 195px;
	float:none;
	border:none;
	background-color:#ccd6ed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}
.content_rechts_thumbnailklein_projectdetail {
	border:1px solid black;
}
#title	
	{
		margin-left:15px;
		margin-top:15px;
	}
#details 
	{
		margin-top:10px;
		margin-left:15px;
		min-height:43%;
		 height:auto !important;
		  height:43%;
		
	}
#data	{
		border-color:#CCCCCC;
		border-top:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		float:left;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:10px;
		height:27px;
		margin-left:15px;
		margin-top:2px;
		text-align:right;
		width:255px;	
		}
#data a { color :#000;}		
#content-thumbs { margin-top:5px;
			margin-left:15px;
			width:255px;
			
			}
#content-thumbs img {float:left;margin-right:2px;margin-top:10px;cursor:pointer;}			
#content-lefts {
	width: 670px;
	height: 404px;
	float: left;
	margin: 0 auto 0 auto;
	margin-left: 0px;
	margin-top: 1px;
}
.content-prod { width:530px;height:92px;margin-left:20px;border-top:1px solid #CCCCCC;}
.product-holder { height:92px;margin-top:10px;float:left;cursor:pointer;}
.product-holder img { float:left;}
.content-prod { font-family:Verdana;font-size:10px;float:left;} 
.fixing:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}