@charset "utf-8";
/* CSS Document */
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*Geheel      */


body		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12pt;
			color:#000000;
			margin:0px;
			padding:0px;
			
			}

#wrapper	{
			text-align:left;
			width:938px;
			min-height:600px;
			}

em			{
			color:#FF0000;
			}


/*Headings*/

h1			{
			font-size:22pt;
			color:#00adef;
			margin-top:10px;
			padding-top:10px;
			margin-bottom:20px;
			}

h2			{
			font-size:22pt;
			color:#cbdb2a;
			margin-top:10px;
			margin-bottom:20px;
			}

h3			{
			font-size:22pt;
			color:#ed008c;
			margin-top:10px;
			margin-bottom:20px;
			}

h4			{
			font-size:22pt;
			color:#4d4d4d;
			margin-top:10px;
			margin-bottom:20px;
			}

h5			{
			font-size:14pt;
			color:#999999;
			margin-bottom:5px;
			margin-top:0px;
			}

h6			{
			font-size:12pt;
			color:#000000;
			margin-bottom:5px;
			margin-top:0px;
			}


			
			
/*Header      */


#head		{
			width:948px;
			height:353px;
			background:url("images/logo_head2.jpg") no-repeat;
			float:left;
			}
#head_home		{
			width:948px;
			height:588px;
			background:url("images/logo_head2.jpg") no-repeat;
			float:left;
			}

#menu		{
			width:938px;
			height:143px;
			}

#submenu	{
			width:938px;
			height:34px;
			background:url("images/bg_submenu.jpg");
			}

/*Submenu        */

#submenu ul 	{
			list-style-type:none;
			padding:0px;
			margin-left:10px;
			margin-top:0px;
			margin-right:0px;
			margin-bottom:0px;
			height:34px;
			}
			
#submenu li 	{
			float:left;
			}
			
#submenu li a 	{
			color:#ffffff;
			text-decoration:none;
			font-weight:bold;
			font-size:10pt;
			font-variant:caps;
			display:block;
			line-height:34px;
			height:34px;
			padding-left:10px;
			padding-right:10px;
			}

#submenu li a:hover	{
			background:#666666;
			}

/*Headfoto & kleur*/

#headfoto_top_home	{
			width:938px;
			height:5px;
			background:#00adef;
			}
#headfoto_home	{
			width:938px;
			height:385px;
			background:#e7e7e7;
			color:#000000;
			padding:0px;
			margin:0px;
			}
	#uitgelicht_afb{
			width:640px;
			height:385px;
			float:left;
			padding-top:0px;
			margin-top:0px;
	}
	#uitgelicht	{
			float:right;
			width:273px;
			height:390px;
			padding-left:15px;
			padding-right:10px;
			font-size:9pt;
			line-height:14pt;
			padding-top:0px;
			margin-top:0px;
	}
	#uitgelicht h1	{
			line-height:22pt;
			margin-top:15px;
			padding-top:0px;
	}
#headfoto_bottom_home	{
			width:938px;
			height:5px;
			background:#00adef;
			}

#headfoto_top_hetbedrijf	{
			width:938px;
			height:5px;
			background:#cbdb2a;
			}
#headfoto_hetbedrijf	{
			width:938px;
			height:165px;
			background:url("images/foto_hetbedrijf.jpg");
			}		
#headfoto_bottom_hetbedrijf	{
			width:938px;
			height:5px;
			background:#cbdb2a;
			}

#headfoto_top_werk	{
			width:938px;
			height:5px;
			background:#ed008c;
			}
#headfoto_werk	{
			width:938px;
			height:165px;
			background:url("images/foto_werk.jpg");
			}		
#headfoto_bottom_werk	{
			width:938px;
			height:5px;
			background:#ed008c;
			}

#headfoto_top_contact	{
			width:938px;
			height:5px;
			background:#4d4d4d;
			}
#headfoto_contact	{
			width:938px;
			height:165px;
			background:url("images/foto_contact.jpg");
			}		
#headfoto_bottom_contact	{
			width:938px;
			height:5px;
			background:#4d4d4d;
			}
			
/*Menu*/
		
#menu ul 	{
			list-style-type:none;
			margin-top:113px;
			width:652px;
			float:right;
			padding-bottom:0px;
			margin-bottom:0px;
			}
			
#menu li 	{
			float:left;
			}
			
#menu li a 	{
			width:141px;
			height:26px;
			display:block;
			color:#ffffff;
			background:url("images/bg_menu_a.jpg") no-repeat;
			margin-left:2px;
			padding-top:7px;
			padding-left:20px;
			text-decoration:none;
			font-weight:bold;
			font-size:10pt;
			font-variant:caps;
			}

div#menu li#home_active a{
			background:url("images/bg_menu_ahome_hover.jpg") no-repeat;
			}
div#menu li#home_active a:hover{
			background:url("images/bg_menu_ahome_hover.jpg") no-repeat;
			}
div#menu li#home a:hover	{
			background:url("images/bg_menu_ahome_hover.jpg") no-repeat;
			}	
			
			
div#menu li#hetbedrijf_active a{
			background:url("images/bg_menu_ahetbedrijf_hover.jpg") no-repeat;
			}
div#menu li#hetbedrijf_active a:hover{
			background:url("images/bg_menu_ahetbedrijf_hover.jpg") no-repeat;
			}
div#menu li#hetbedrijf a:hover	{
			background:url("images/bg_menu_ahetbedrijf_hover.jpg") no-repeat;
			}	
			
			
div#menu li#werk_active a{
			background:url("images/bg_menu_awerk_hover.jpg") no-repeat;
			}
div#menu li#werk_active a:hover{
			background:url("images/bg_menu_awerk_hover.jpg") no-repeat;
			}
div#menu li#werk a:hover	{
			background:url("images/bg_menu_awerk_hover.jpg") no-repeat;
			}	
			
			
div#menu li#contact_active a{
			background:url("images/bg_menu_acontact_hover.jpg") no-repeat;
			}
div#menu li#contact_active a:hover{
			background:url("images/bg_menu_acontact_hover.jpg") no-repeat;
			}
div#menu li#contact a:hover	{
			background:url("images/bg_menu_acontact_hover.jpg") no-repeat;
			}



/*Content      */


#content	{
			width:928px;
			min-height:400px;
			}

#breadcrumb	{
			float:left;
			width:938px;
			height:20px;
			margin-top:6px;
			padding-bottom:3px;
			font-size:12px;
			color:#ccc;
			border-bottom:1px #ccc dashed;
}
#breadcrumb	a{
			text-decoration:underline;
			color:#999
}
#breadcrumb a:hover{
			color:#999;
			text-decoration:none;
}

#left_menu	{
			width:258px;
			float:left;
			padding-top:20px;
			font-size:10pt;
			}

#left_menu a,a:active	{
			color:#999999;
			}

#left_menu a:hover	{
			color:#ed008c;
			}

#content_tekst	{
			width:640px;
			float:right;
			font-size:10pt;
			padding-top:5px;
			}

#content_tekst .imgclass	{
			border:5px solid #CCCCCC;
			float:right;
			margin-left:15px;
			margin-top:15px;
			}
#content_tekst .imgclass2	{
			border:5px solid #CCCCCC;
			float:left;
			margin-right:15px;
			margin-top:5px;
			margin-bottom:15px;
			}
#content_home	{
			width:938px;
			height:300px;
			float:left;
			font-size:10pt;
			padding-top:5px;
			}

#content_home .imgclass	{
			border:5px solid #CCCCCC;
			float:right;
			margin-left:15px;
			margin-top:15px;
			}
#content_home .imgclass2	{
			border:5px solid #CCCCCC;
			float:left;
			margin-right:15px;
			margin-bottom:15px;
			}
.bekijkproject	{
			color:#999999;
			text-decoration:underline;
			}
.bekijkproject:hover	{
			color:#00adef;
			text-decoration:underline;
			}

#content_tekst a	{
			color:#999999;
			}

#content_tekst a:hover	{
			color:#ed008c;
			}
#content_home a	{
			color:#999999;
			}

#content_home a:hover	{
			color:#ed008c;
			}
#homeblock	{
			width:300px;
			height:180px;
			float:left;
			margin-right:11px;
			border-right:1px dashed #999;
}
#homeblock p	{
			padding:0px;
}

#homeblock #hbcontent	{
			float:left;
			height:90px;
			padding-top:10px;
}
#homeblock #hbcontent #image	{
			float:left;
			width:115px;
			height:70px;
}
#homeblock #hbcontent #text	{
			float:left;
			width:165px;
			padding-right:10px;
}
#homeblock #hbcontent #text p	{
			margin-top:0px;
}
#homeblock #knop	{
			float:left;
			padding:0px;
}
#homeblock #knop p	{
			margin-top:0px;
}
			
#recente_projecten	{
			width:660px;
			padding-top:10px;
			padding-bottom:10px;
			vertical-align:top;
			}

#recente_projecten a	{
			color:#999999;
			text-decoration:underline;
			}

#recente_projecten a:hover	{
			color:#333333;
			text-decoration:none;
			}

#recente_projecten img	{
			border:5px solid #CCCCCC;
			float:left;
			margin-right:10px;
			}

#recente_projecten p	{
			padding:0px;
			}

.error		{
			color:#FF0000;
			font-size:8pt;
			}	

#projecten	{
			width:665px;
			min-height:145px;
			margin-bottom:15px;
			padding-bottom:10px;
			border-bottom:1px #CCC dashed;
			}

#projecten #image	{
			float:left;
			width:115px;
			height:70px;
}
#projecten #text	{
			float:right;
			width:550px;
}
			
#categorieen	{
			font-size:14pt;
			}

#categorieen a	{
			color:#999999;
			}

#categorieen a:hover	{
			color:#ed008c;
			}
#categorieen p	{
			margin:1px;
			}
			
.imgcontent	{
			float:right;
			border:5px solid #cccccc;
			margin:5px;
			}

/*Bekijk Button*/

.knop_bekijk a{
			display:block;
			width:111px;
			height:28px;
			background:url("images/knop_bekijk.png");
}
.knop_bekijk a:hover	{
			background:url("images/knop_bekijk_hover.png");
}
.knop_bekijk_uitgelicht	{
			padding-top:10px;
}
.knop_bekijk_uitgelicht a{
			display:block;
			width:225px;
			height:38px;
			background:url("images/knop_bekijk_uitgelicht.png");
}
.knop_bekijk_uitgelicht a:hover	{
			background:url("images/knop_bekijk_uitgelicht_hover.png");
}
			

/*Projectfoto's   */

#largeImg {
	width: 470px;
	height: 314px;
	padding: 5px;
	background:#CCCCCC;
}
#grotefoto	{
			width:490px;
			float:left;
			}
#thumbs		{
			width:140px;
			float:right;
			text-align:left;
			}
.thumbs img {
	width: 90px;
	height: 60px;
	background:#CCCCCC;
	border:none;
	margin-bottom:3px;
	padding:5px;
}
.thumbs img:hover {
	background:#666;
}

/*Formulier    */

#label		{
			width:150px;
			vertical-align:top;
			}

#postcode	{
			width:50px;
			}

#plaats		{
			width:94px;
			}

input		{
			border:1px solid #4d4d4d;
			width:150px;
			height:20px;
			margin-bottom:3px;
			margin-top:1px;
			}

textarea	{
			width:300px;
			border:1px solid #4d4d4d;
			margin-bottom:3px;
			}

#button		{
			color:#FFFFFF;
			background:#4d4d4d;
			border:1px solid #000000;
			height:25px;
			width:100px;
			padding:3px;
			}

#button:hover	{
			cursor:pointer;
			background:#666;
			}
						
/*Footer      */

			
#footer		{
			width:918px;
			height:30px;
			float:left;
			font-size:10px;
			padding:10px;
			text-align:right;
			background:#e7e7e7;
			margin-top:40px;
			color:#999;
			}

#footer a	{
			color:#999;
			text-decoration:underline;
			}

#footer	a:hover	{
			color:#000;
			text-decoration:none;
			}