@charset "UTF-8";

body {
	margin:0;
	padding:0;
	
}
#WRAPPERhorizontaal {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../afbeeldingen/horizontaal.gif);
	background-repeat: repeat;
	z-index:0;
	
}

#containerWRAPPER {
	position:relative;
	width:1365px;
	min-height:840px;
	z-index:800;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../afbeeldingen/lijnen.png);
	background-repeat: no-repeat;
	overflow-Y: hidden;
	overflow-x: hidden;
	-ms-overflow-y: hidden;
	-ms-overflow-x: hidden;
	}


#slideshow {
	position:absolute;
	z-index:-999;
}
#midbg {
	background-image:url(../afbeeldingen/lijnen.png);
	margin:0;
	padding:0;
	width:100%;
	z-index:800;
}
.slideshow { 
	height: 100%; 
	width: 100%;
	
	overflow-y: hidden;
	overflow-x: hidden;
	-ms-overflow-y: hidden;
	-ms-overflow-x: hidden;
	}

#CONTAINER {
	position:relative;
	height:auto;
	width:945px;
	z-index:700;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}

#containerHEADER {
	position:relative;
	width:945px;
	z-index:2;
	float: left;
	
}
#logo {
	position:relative;
	width:210px;
	height:105px;
	z-index:2;
	float: left;
	background-image:url(../afbeeldingen/header_spacer.png);
	background-repeat:repeat;

}
#flash {
	position:relative;
	width:525px;
	height:105px;
	z-index:2;
	float: left;
}
#adres {
	position:relative;
	padding:10px;
	width:190px;
	height:85px;
	z-index:2;
	float: left;
	background-image:url(../afbeeldingen/header_spacer.png);
	background-repeat:repeat;
	
	}
#menu {
	position:relative;
	width:945px;
	height:210px;
	z-index:2;
	float: left;
	

}
#contentMAIN {
	position:relative;
	min-height:316px;
	width:945px;
	z-index:700;
	float: left;
	background-image:url(../afbeeldingen/contentMAIN.png);
	background-repeat:repeat-y;
	padding:0px;
}
#kolomlinks {
	position:relative;
	float:left;
	width:380px;
	padding:20px 125px 20px 20px;
	}
	
#kolommidden {
	position:relative;
	min-height:316px;
	float:left;
	width:905px;
	padding:20px;
	background-color:#FFF;
	}
#kolomrechts {
	position:relative;
	float:left;
	width:420px;
}

#contentOVERZICHT {
	position:relative;
/*	min-height:10px;
*/	width:905px;
	z-index:700;
	float: left;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../afbeeldingen/contentOVERZICHT_spacer.png);
}
	#contentOVERIG {
	position:relative;
	width:905px;
	z-index:700;
	float: left;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../afbeeldingen/contentOVERIG_spacer.png);
	color: #FFF;
	}
	#footer {
	position:relative;
	width:905px;
	height:15px;
	z-index:1001;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #1d3e82;
	margin-bottom:100px;
	text-align: center;
	font-size:8px;
	color: #FFF;
	}
	#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	text-decoration: none;
	font-size:100%;
	font-weight:100;
	color:#fff;
	}
	a.content:link, a.content:visited, a.content:active, a.content:hover {
	text-decoration: none;
	font-size:100%;
	font-weight:100;
	color:#1d3e82;
	}
	


	p	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:180%;
	margin:0;
	}
	p.wit {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	font-size:10px;
	line-height:180%;
	color:#fff;
	}
	
	p.adres {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	font-size:10px;
	line-height:170%;
	color:#1d3f82;
	}
	
	h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:400;
	line-height:100%;
	color:#1d3e82;
	}
	.ster {
		font-size:12px;
		color:#900;
		margin:0;
	}
	h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:120%;
	color:#7e7e7e;
	margin-top:10px;
	margin-bottom:0;
	}
	h2.wit {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:120%;
	color:#fff;
	margin-bottom:5px;
	}
	
	
	h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#fff;
	margin:0;
	}
	
	/* MENU */
	
	#menuBUTTONhome {
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/home_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONnieuwbouw {
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/nieuwbouw_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONverbouw{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/verbouw_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONontwikkeling{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/ontwikkeling_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONinstallaties{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/installaties_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONverhuur{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/verhuur_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONnieuws{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/nieuws_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONkeurmerk{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/keurmerk_hover.png);
	text-align:center;text-decoration:none;
	}
	#menuBUTTONcontact{
	display: block;width:105px;	height:105px;z-index:2;
	background-image: url(../afbeeldingen/contact_hover.png);
	text-align:center;text-decoration:none;
	}
		
	#menuBUTTONhome:hover, #menuBUTTONnieuwbouw:hover,#menuBUTTONverbouw:hover,#menuBUTTONontwikkeling:hover,#menuBUTTONinstallaties:hover,#menuBUTTONverhuur:hover,#menuBUTTONnieuws:hover,#menuBUTTONkeurmerk:hover,#menuBUTTONcontact:hover {
	background-position: 0 105px;
	text-decoration:none;
	}
	
	#menuBUTTON span
	{
  	position: absolute;
  	top: -999em;
	}
	.menuBUTTON {
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:25px;
	color:#fff;
	}
	
#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
z-index:999;
height:210px;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
line-height:14px;
line-height:15px;
text-decoration:none;

}

#nav li {
float: left;
width: 105px;
z-index:999;

}
table.img {
background-image: url(../afbeeldingen/submenu_bg3.png);
background-repeat:no-repeat;
margin-left:1px;
padding:0px;
width:105px;
height:105px;
margin:0;
text-align:center;
}
table.img2 {
background-image: url(../afbeeldingen/submenu_bg3.png);
background-repeat: repeat-x;
margin-left:0px;
padding:0px;
width:105px;
height:105px;
margin:0;
text-align:center;

}




#nav ul {
position: absolute;
padding:0px;
width: auto;
z-index:999;
left: -1000px;
text-align:center;
}


#nav li:hover ul, #nav li.ie_does_hover ul {

left: auto;
background-position: 0 0;
top: 104px;
z-index:999;

}

#nav a {
display: block;
/*margin: 0px 0px 0px 0px;*/
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
z-index:999;

}

ul a{
font-weight: bold;
color: #fff;
cursor: default;
z-index:999;


}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #fff;
cursor: pointer;
z-index:999;

}

ul ul a:hover, ul ul a:active{
font-weight: 600;
color: #FFF;
cursor: pointer;

}

ul li{
	
border-left: 0px solid #FFF;
text-align:LEFT;
color:#FFF;

}

ul ul li{

border-top: 0px solid #FFF;
border-left: 0;
padding-top:0px;


}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 0px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */

/*Einde menu*/

A:link {text-decoration: none;
color:#1d3f82;
}
A:visited {text-decoration: none}
A:active {text-decoration: none;
color:#1d3f82;
}
A:hover {text-decoration: none; color:#1d3f82;
font-weight:600;
color:#1d3f82;
}
#gallery {
		margin-top:20px;
		margin-bottom:20px;
		padding: 0px;
		width: auto;
		font-family:Verdana, Geneva, sans-serif;
		font-size:8px;
		color:#000;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 0px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 0px solid #fff;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

#project{
	width:150px;
	position:relative;
	float:left;
	background-image:url(../afbeeldingen/projectblok.png);
	background-repeat:no-repeat;
	margin-right:10px;
	margin-left:0px;
	margin-top:25px;
	margin-bottom:10px;
	padding-left:20px;
	
}

#projectfoto {
	
	width:150px;
	height:100px;
	
	
}
#projecttekst {
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	text-align:center;
	vertical-align:middle;
	min-height:40px;
	background-color:#fff;
}

#projectoverig {
	position:relative;
	width:875px;
	float:left;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	margin-top:5px;
	margin-bottom:5px;
	
}
#projectplaats {
	position:relative;
	float:left;
	padding:3px;
	margin-right:5px;
	margin-bottom:5px;
	color:#000;
}

#projectnaam {
	position:relative;
	float:left;
	padding:3px;
	margin-right:5px;
	margin-bottom:5px;
	color:#000;
}

#overzichtbutton {
	position:relative;
	float:left;
	text-align:right;
	width:905px;
	margin:0;
}
/*fotoslider met next en prev button*/
#fotoslider{
	position:relative;
	float:left;
	width:420px;
	height:315px;
	background-color:#fff;
	}
#menuslider {
	top:150px;
	position:absolute;
	width:420px;
	height:25px;
	z-index:100;
	}

.pics {
	position:relative;
	float:left;
	margin:0px;
	}


#vorige{
	z-index:100;
	width:25px;
	height:25px;
	}

#volgende{
	z-index:100;
	width:25px;
	height:25px;
	}