@charset "UTF-8";
/* CSS Document */

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

body{
	background-color: #f7f7f7;	

}

img{
		width: 100%;	
	
}

section{
		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
}

.iLightbox-media img{

		width: auto !important;

}

hr{
		height: 3px;
		border: 0;
		background-color: #b74c4b;
		margin-top: 5px;
		margin-bottom: 10px;
}

.grijs{
		background-color: #d1d1d1 !important;
		height: 1px !important;
		width: 100%;
}




a{
	color: white;	
}

p{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.plight{
	font-weight: 300;	
}

h1{
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: normal;	
	text-transform: uppercase;
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: normal;	
	text-transform: uppercase;
}

h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: normal;	
	text-transform: uppercase;
}

.blauw{
	color: #205886;	
}

.rood{
	color: #b64a4a;
}



/*---------------------- BUTTON ------------------------*/

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	overflow: hidden;
	padding: 5px;
	padding-left: 10px;
	margin: 10px 0;
	background-color: #1e5885;
	
	color: #fff;
	
	
}

.buttonrood{
	background: #b74c4b !important;	
}

.buttonrood:hover{
	background-color: #863535 !important;
}
 
.button:hover {
	background-color: #174061;
}
 
.button:active {
	background: #174061;
}
 
.button:after {
        content: url(../afbeeldingen/buttonarrow1.png);
       	height: 10px;
        
        float: right;
        margin-left: 10px;
		margin-right: 5px;
		padding-top: 2px;

}


.opsomming{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding-left: 30px;	
	color: #b64a4a;	
	margin-top: 30px;
	margin-bottom: 30px;	
}

.opsomming li span{
	color: black;	
}



/* ------------ MENU ---------------- */

.menu{ 
		background-color: #f7f7f7;
		text-decoration: none;
		list-style-type:none;
			
		width:100%;
		/*height: 10%;*/
		height: 90px;

		position: fixed;
		z-index: 10000;
		top: 0px;
		left: 0px;  
		box-shadow: 0px 0px 10px #888888; 


	}
	
.topmenu{
	
	position: relative;
	margin-top: 30px;	
	max-width: 1438px;
	margin-left: auto;
	margin-right: auto;
	
}

.topmenu .lijst{
			
		position: absolute;
		right: 5%;
		border-bottom: 1px solid #ababab;

}


.topmenu ul.lijst li {
		
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 22px; 
		display:inline;
		padding-left: 20px;
		padding-right: 20px;

			
			
}

.topmenu ul.lijst li:hover{
	border-bottom: 3px solid #b64a4a;
}

.activemenu{
	border-bottom: 3px solid #b64a4a;	
}

		/*
#navcontact{
		padding-right: 0px !important;	
}*/
		
.topmenu ul.lijst a{
		text-decoration: none;
		color: #205886;
		
	
}



.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */
    cursor:pointer;
    position:absolute;
    top:0;
    right:5%;
    background:#205886;
  	height:40px;
    width:40px;

	
}

.mobiellijst{
	display: none;
}

.nav-mobile > img{
 	height: 60%;
	width: 60%;	
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20%;
	margin-bottom: 10%;
}

.mobiellijst{
	display: none;
	top: 70px;
	position: absolute;
	right: 4%;
	width: 20%;
	
		
	
}

.mobiellijst li {
			
		padding:10px;
		width: 100%;
		border-bottom: 1px solid white;
		background-color: #205886 !important;
		
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 22px;  
		list-style-type: none;
		padding-left: 10%;
		
		

			
			
		}
		
.mobiellijst li a{
		text-decoration: none;
		color: white;
		
	
}


.dropdownlijst{
	
	background-color: #f7f7f7;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
  position: absolute;
  z-index: 200;
  top: 33px;
  left: 325px;
  width: 250px;
  color: #1e5885;
  display: none;
  opacity: none;
  visibility: hidden;
  
	
	
}

.dropdownlijst li{
	margin-bottom: 10px;	
	font-size: 18px !important;
	padding-left: 0px !important;
	padding-right: 10px !important;


}

ul li ul li:hover {  }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#servicesmobilemenu{
	display: none;	
	
}

#servicesmobilemenu li{
	background-color: #1b496f !important;
	font-size: 18px !important;
}

#logo{
		height: 80px;
		width: 20%;
		margin-left: 10%;
		margin-top: -25px;
		float: left;
	
}

.headerplaatje{
		background: url("../afbeeldingen/luchtwaterzijdig/luchtzijdig1.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 700px;
		z-index: 0;
		display: none;
}


.headerplaatjeflow{
		background: url("../afbeeldingen/flowcontrol/flowcontrol.jpg");
		background-repeat: no-repeat;
		background-position: center -200px;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}



/*------------------ QUOTE ---------------------*/

#quote{
		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
		/*background-color: #205886;*/
		background-image: url('../afbeeldingen/quotebg.png');
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: right top;
		
		
		position: relative;
		margin-top: -80px;
		z-index: 100;


}

#subquote{
		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		background-color: #f2f2f2;
		padding-bottom: 50px;
		padding-top: 50px;

}

#subquote h3{
		width: 70%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}

#subquote p{
		width: 70%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		text-align: center;
}

#subquote hr{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}


.smallquote{
		margin-top: -100px !important;
		height: 170px !important;
}



.quotetekst{
		height: 180px;
		width: 70%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-top: 110px;
		text-align: center;
		color: white;
	
}

.quotetekst p{
	margin-top: 10px;
}


/*----------------- CONTENT ----------------------*/

.content{
		width: 70%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;	
}



.headercontent{
		width: 100%;
		border-bottom: 3px solid #b74c4b;
		padding-bottom: 5px;
		margin-bottom: 40px;
}

#headercontenthome{
		margin-bottom: 80px !important;	
}

.headercontent h2{
		display: inline;	
}

.headercontent a{
		float: right;
		margin-top: 0px;
}

.contenttekst{
		
		width: 60%;
		height: auto;
		margin-right: 9%;
		float: left;
			
	
}

.contentplaatjes{
		width: 30%;
		height: auto;
		float: left;
		/*border: 1px solid red;*/
		
		
	
}

.contentplaatjes img{
		border: 3px solid #205886;
				margin-bottom: 30px;
}



/*----------------- HOME -------------------------*/

#home{
		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		height: auto;
		background-color: #f7f7f7;


}

#hometekst{

		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		background-color: #f7f7f7;	
}

#homecontent{
		height: 700px !important;	
		width: 80% !important;
}


.servicevak{
		width: 30%;
		height: 400px;	
		float: left;
		margin-right: 5%;
		position: relative;
		margin-bottom: 150px;
}

.servicevak img{
		margin-top: 20px;	
		position: absolute;
		bottom: 0px;
		left: 0px;
}

#laatsteservicevak{
	margin-right: 0;
	
}

/* -------------------- FLOW CONTROL ---------------------*/

#flowcontrol{
		width: 100%;
		max-width: 1438px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		background-color: #f7f7f7;


}

#flowcontrolcontent{
		height: 1200px;
}



/*-------------------- SERVICES ------------------------*/



#servicecontent{
		height: 1300px !important;	
		width: 80% !important;
}


#luchtwaterzijdigcontent{
		height: 1100px;
}

#ultrasooncontent{
		height: 600px;
}

#thermografischcontent{
		height: 600px;
}

#geluidsmetingcontent{
		height: 550px;
}

#luchtdichtheidcontent{
		height: 600px;
}

#binnenklimaatcontent{
		height: 600px;
}

.headerplaatjeluchtwater{
		background: url("../afbeeldingen/luchtwaterzijdig/luchtzijdig1.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}


.headerplaatjeultrasoon{
		background: url("../afbeeldingen/ultrasoon/ultrasoonmeting.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}

.headerplaatjethermo{
		background: url("../afbeeldingen/thermografisch/thermografisch-2.jpg");
		background-repeat: no-repeat;
		background-position: center -200px;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}


.headerplaatjegeluid{
		background: url("../afbeeldingen/geluid/geluid_def.jpg");
		background-repeat: no-repeat;
		background-position: center -100px;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}

.headerplaatjeluchtdichth{
		background: url("../afbeeldingen/luchtdichth/luchtdichtheid.jpg");
		background-repeat: no-repeat;
		background-position: center -350px;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}

.headerplaatjebinnenklimaat{
		background: url("../afbeeldingen/binnenklimaat/binnenklimaatmeting_2.jpg");
		background-repeat: no-repeat;
		background-position: center -250px;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}






/*-------------------- CONTACT ----------------------*/

.headerplaatjecontact{
		background: url("../afbeeldingen/contact/contact.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover; 
		background-size: cover; 
 
		
		width: 100%;
		
		height: 450px;
		
		
		overflow: hidden;  
		z-index: -10; 
		
}



#contact{
		width: 100%;
		height: 1600px;
		background-color: #f7f7f7;


}


#map_canvas{
		width: 80%;
		height: 400px;	
		background-color: white;
}

#googlemap{
		width: 100%;
		height: 300px;
		margin-top: 20px;

}

#contacttekst{
		margin-bottom: 50px;	
}

.contactinfo{
		width: 35%;
		height: auto;
		float: left;
}

.contactform{
	width: 60%;
	height: auto;
	margin-right: 5%;
	float: left;
	font-family: 'Open Sans', sans-serif;

}

.contactform input{
	margin-bottom: 20px;	
	font-family: 'Open Sans', sans-serif;
}

.contactform label{
	color: #1e5885;	
	font-family: 'Open Sans', sans-serif;
}

.contactformulier{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	
}



input{
		height: 35px;
		width: 100%;
		border: 1px solid #b64a4a;
		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		    -webkit-appearance: none;
			-moz-appearance: none;
    -webkit-border-radius:0; 
	-mox-border-radius: 0;
    border-radius:0;
		
	
}

textarea{
		border: 1px solid #b64a4a;
		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
}

#txtarea{
		width: 100%;
		resize: none;
}

#verstuurbutton{
		width: 180px;
		background-color: #1e5885;
		color: white;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		border: 0 !important;
		margin-top: 20px;
}

#verstuurbutton:hover{
		background-color: #174061;
}




.telnr{
	color:	black !important;
}

.telnr a{
	color: black !important;	
}

.error_message{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		color: #ffffff;
		background:rgba(182,74,74,0.5);
		border: 1px solid #b64a4a;
		margin-bottom: 20px;
		padding: 10px;
}

#errormessage{
	display: none;	
}

.thanks_message{
		font-weight: bold;
		color: #205886;
}


/*----------------- EXTRA INFO STUKJE ---------------*/


.extrainfo{
		width: 100%;
		height: 220px;	
		background-color: #f2f2f2;
		margin-bottom: 50px;
		padding-top: 20px;
	
}

.extrainfotekst{
		width: 70%;
		height: auto;
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
}

.exinfop{
		color: #1e5885;
		font-size: 28px;	
		margin-bottom: 30px;
		margin-top: 20px;


}

/*----------------- FOOTER -------------------------*/


footer{
		width: 100%;
		height: 250px;
		background-color: #205886;
		position: relative;
		z-index: 100;

}

#footercontent{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;	

		height: 200px;
				padding-top: 50px;
	color: white;


}

#footerEefje{

		width: 30%;
		height: 100%;
		float: left;
		margin-left: 4%;

}

#footerContact{
		width: 30%;
		height: 100%;
		float: left;
		margin-left: 3%;

}

.contactIcon{
		width: 8%;
		float:left;
		height: 30px;
		margin-left: 15%;

}

.contactText{
		width: 65%;
		margin-left: 7%;
		float: left;
		height: 30px;
		margin-bottom: 10px;

}

.contactText p {

	font-size: 0.8em;

}

.contactText p a{

	color: #ffffff !important;
}

.contactText p a:hover{

	color: #83c8d5 !important;
}

#footerOpeningstijden{

		width: 30%;
		height: 150px !important;
		float: left;		
		margin-left: 3%;
		margin-bottom: 50px;

}

#footerText{

		margin: 20px; 
		font-size: 0.8em !important; 
		color: #eaeaea !important;
}

.vcaLogo{
		width: 80px;
		position: relative;
		top: 15px;
}

.vccnLogo{
		width: 60px;
		position: relative;
}

#vcaLogos{
		position: relative;
}




/*---------------- SLIDER CSS -------------------------*/



            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(../afbeeldingen/b21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../afbeeldingen/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }
			
			
			
		.overlayslider{
			position: relative; 
			width: 500px; 
			height: 250px; 
			top: 140px; 
			left: 0px; 
			padding: 5px;

           text-align: left; 
		  background:rgba(0,0,0,0.5);
			
		}
		
		.overlayslidertekst{
			text-transform: uppercase;
			color: #FFFFFF;	
			margin-left: 100px;
			margin-top: 30px;
			height: 190px;
		}

		.overlayslidertekst h1{
			margin-bottom: 15px;
		}