@charset "utf-8";
/* CSS Document */
/* Font config */  
body{
background-color:#6D6E71;
margin:0;
border:0;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
}


 li a#bt-home {
	
}
li a#bt-home img {
	border:0;
}


.main-wrapper{
	background-color: #fff;
	position: absolute;
	left: 39px;
	top: 51px;
	right: 20px;
	bottom: 20px;
	overflow:auto;
	
	
}

#index .main-wrapper
{
	top:20px;
}

.toplogo{
	position: absolute;
	left:50px;
	z-index:999;
	top:10px;
	background-image:url(../images/huisje-75.png);
	background-repeat:no-repeat;
	width:300px;
	height:75px;
}

.menubar{
	position: absolute;
	left:0px;
	z-index:999;
	top:90px;
	background-color:#000;
	width:400px;
	height:30px;
}

.menubar ul{
	color:#FFF;
	
	margin:0;
	padding-left:25px;
}

.menubar ul li{
	display:block;
	text-decoration:none;
	float:left;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:14px;
	width:60px;
	margin-left:10px;
	list-style:none;
	padding-top:7px;
	
	}
	
	
.menubar a {
text-decoration:none;
 border-bottom:none;

}
.menubar a:link{
color:#FFF;
}

.menubar a:visited{
color:#FFF;
}


/* Navigation */
#center-wrapper {
    position:absolute;
	top: 0;
	left : 0;
	bottom:0;
	right:0;
	

}
img{
  border:0;
}

#center {
	width:500px;
	position:absolute;
	top: 50%;
	left : 50%;
	margin: -50px auto auto -250px;
	border: 0px;
	text-align:center;
	height:100px;
}

blockquote.style1 {
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	background-image: url(../images/openquote1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:200px;
	
  }
  blockquote.style1 span {
     display: block;
	 color:#999;
	 text-align:center;
     background-image: url(../images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
   
   
.titel-blok{
	margin-top: 100px;
	margin-left: 100px;
	height: 80px;
}


.activiteiten-content{
	
	background-color:#00F;


}
.main-content{
	
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin-left:100px;
	margin-top:25px;


}
h1{
  font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
  font-size:20px;
  height:30px;
 
}
.titel-blok h1{
	font-size:30px;
	
}

h2{
 
  font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#666;
}
h3{
  font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-top:0px;
}

.linksblok{
	margin-left:50px;
}

.linksblok h2{
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#999;
	
}

 .linksblok ul{
	color:#000;
	margin:0;
	
	}

 .linksblok ul li{
 font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
  font-size:14px;
	text-decoration:none;
	font-size:12px;
	
	list-style:none;
	padding-top:5px;
	
	}
	
	
.linksblok a {
text-decoration:none;

}
.linksblok a:link{
color:#000;
}

.linksblok a:visited{
color:#000;
}


#contact-form-box {
	background: url(../images/input-contact-box.png) center center repeat;
	position: absolute;
	top: 230px;
	left : 100px;
	width: 450px;
	height: 280px;
}

#contact-formulier p {
	float:left;
	*height:0; /* ie7 */
}


#contact-text-box {
	background: url(../images/top-contact-box.png) center center repeat;
	position: absolute;
	width: 250px;
	height: 80px;
	top: 150px;
	left: 550px;
}

.contact-out-box {
	background: url(../images/side-contact-box.png) center center repeat;
	position: absolute;
	width: 63px;
	height: 70px;
	top: 230px;
	left: 800px;
}

#adres-box {
	position: absolute;
	padding-top: 35px;
	width: 210px;
	left: 550px;
	top: 230px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#adres-box p {
	text-transform:uppercase;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	
}
#adres-box p.telefone {
	background:url(../images/phone-icon.png) left center no-repeat;
}

#adres-box a.gpdr {
	background:url(../images/gpdr-icon.png) left center no-repeat;
}
#adres-box p.fax {

}

#adres-box a.email {
	background:url(../images/email-icon.png) left center no-repeat;
}

#adres-box a.maps {
	background:url(../images/pointer.png) left center no-repeat;
	margin-top:10px;
}
#adres-box a.printer {
	background:url(../images/printer.png) left center no-repeat;
	margin-top:20px;
}

#adres-box p.telefone, #adres-box a.email, #adres-box a.gpdr, #adres-box a.gpdr-website, #adres-box p.fax , #adres-box a.maps , #adres-box a.printer{
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#6D6E71;
	line-height:20px;
	padding-left:25px;
	margin-bottom:3px;
	height:21px;
	display:block;

}

.activiteitenblok{
margin-left:50px;
padding-bottom:25px;
}
.activiteitenblok h2{
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#999;
	
}
.activiteitenblok p{
margin-left:50px;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
.leftcol
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background-color:#fff;
	width:370px;
	float:left;
	overflow: hidden;
	
}
.projectscentercol
{
	background-color:#fff;
	position:absolute;
	width:65%;
	top:80px;
	bottom:0;
	left:425px;
}

.projectsleftcol
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background-color:#fff;
	width:420px;
	float:left;
	overflow: hidden;
	
}


.linkscentercol
{
	background-color:#fff;
	position:absolute;
	width:400px;
	top:80px;
	bottom:0;
	left:420px;
}

.linksleftcol
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background-color:#fff;
	width:420px;
	float:left;
	overflow: hidden;
	
}

.activiteitenleftcol
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background-color:#fff;
	width:50%;
	float:left;
	overflow: hidden;
	
}
.activiteitencentercol .main-content{
margin-left:20px;
margin-right:20px;
}

.activiteitencentercol
{
	background-color:#fff;
	
	position:absolute;
	width:50%;
	top:80px;
	bottom:0;
	left:50%;
}


.leftcol > h1{
	margin-top:100px;
	padding-left:66px;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:30px;
}

.projectdescription{
	padding-left:66px;
	width:300px;
	line-height:25px;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#39C;
}

.rightcol
{
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	width:120px;
	height: 100%;
}

.centercol
{
	background-color:#fff;
	width:65%;
	position:absolute;
	top:0;
	bottom:0;
	left:240px;
}

.rightcol > h1{
	margin-top:59px;
	 text-align: center;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom: 0px;
}

.rightcol ul
{    margin:0;
	text-align:left;
	width:100%;
	text-decoration:none;
	 
	
}

.rightcol li
{
	padding-top:5px;
	list-style:none;
	 

	
}


.pictureselector 
{   height:20%;
     

	width:100%;
	
	
}



.Absolute-Center {
  
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  margin:auto;

}




.mainImagesContainer {
	position: relative;
	display: table;
	width:100%;
	height:80%;
	padding-top:95px;
	text-align: center;
	overflow:hidden;
}

.mainImagesContainer .vCenter {
	padding-left:0;
    #position: absolute;
	display: table-cell;
   
	vertical-align: middle;
	text-align: center;
	z-index:99;
}


.vCenter .heyImCentered {
 	#position: relative;
 	#top: -50%;
	text-align: center;
	display: inline;
}
.thumb{
	display:block;
	cursor:pointer;
}

.numberlink{
	display:block;
	cursor:pointer;

}
.pictureselector  ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:16px;
}

.pictureselector  ul li {
	display: inline;
	
	
}

.pictureselector  ul li a
{	
	text-decoration: none;
	padding: .2em 1em;
	color: #999;

}

.pictureselector  ul li a:hover
{
color:#666;

}

/* Image Grid */
ul.grid {
  padding: 0;
  list-style: none;
  margin: 20px auto 0;
 /* width: 740px;  was 468*/
  }

.grid li {
  float: left;
  padding: 0;
  margin: 0 5px 10px 5px;
  } 

.grid_display {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 0;
	width: 100%; /*was 510*/
	/*these two properties will be inherited by .portfolio h2 and .portfolio p */
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
  }


 
.grid_display p {
	 clear: both;

  display:block;
  margin:0; 
  padding: 0;
  font-size: 15px;
  color: #000;
  /*text-shadow: 1px 1px 1px #aaa;
  */
  }

.grid li a:hover img {
  opacity:0.3;  filter:alpha(opacity=30);
  }

.grid li img {
	display: block;
  background-color: white;
  padding: 7px; 
  margin: 0;
  border: 1px dotted #58595b;
  width: 218px;
  height: 145px;
  }
  
.grid li a {
  display: block;
  }
/* end of Image Grid */
p .naam{
 font-weight:bold;
}

span.highlight
{
font-weight:bold;
}