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

h1{
	font-size: 24px;	
	
}


h2{
	font-size: 24px;	
	
}

h3{
	font-size: 18px;
		
}
    .menu {
        width:100%;
		position: static;
		box-shadow: none;
		height: 70px;
		
    }
    .nav-item {
        width:100%;
        float:none;
    }
	
	
	.nav-mobile {
        display:block;
    }
	
	#indexlijst {
        display:none;
    }
	
	
	.topmenu ul.lijst li {
		font-size: 18px;	
		
		
	}
.mobiellijst{
	width: 100%;
	right: 0%;	
		z-index: 2000;
	
	
}

.mobiellijst li{
	padding: 0px;
		padding-bottom: 10px;
	padding-top: 10px;

	
}

.mobiellijst li a{
	padding: 10px;
	padding-left: 10%;
	
}


#logo{
		height: 60px;
		width: 35%;
		margin-left: 7%;
		margin-top: -10px;
		float: left;
	
}

.headercontent a{
		float: none;	
	
}

.headercontent h2{
	display: block;
	margin-bottom: 10px;

}

#quote{
		height: 250px;	
}

.quotetekst{
		padding-top: 60px;
		width: 80%;
}


.sliderhome{
		display: none;
}

.headerplaatje{
		display: block;	
		height: 400px;	
}

#homecontent{
		height: 1650px !important;	
}



.servicevak{
		float: none;
		width: 100%;
		height: auto !important;
		margin-bottom: 70px;	
}

.servicevak img{
		margin-top: 20px;	
		position: static;

}



  
    #footercontent{

        width: 90%;
        margin-left: 5%;
        margin right: 5%;

    }

    #footerText{

        font-size: 0.8em !important;
    }

    .contactText{
    	width: 80% !important;
    }

    .contactText p{

        font-size: 0.8em !important;
    }


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

    }

    #footercontent{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;

        height: 450px;
                
        padding-top: 50px;


}

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

    }

    #footerEefje{

        float: none;
        width: 100%;
        height: auto !important;
        margin: 0px !important;
        margin-bottom: 50px !important;
    }

    #footerContact{

        float: none;
        width: 100%;
        height: 180px !important;
        margin: 0px !important;
        margin-bottom: 50px !important;
    }

    #footerContact h4{
        margin-left: 20px !important;
    }

    #footerOpeningstijden{

        float: none;
        width: 100%;
        
        margin: 0px !important;
        margin-bottom: 50px !important;
    }


.contactform{
	float: none;	
	width: 100%;
}

.contactinfo{
	float: none;
	width: 100%;
	height: auto;
}

#contact{
	height: 1700px;
}

#googlemap{
	display: none;	
}



.contenttekst{
		
		width: 100%;
		height: auto;
		margin-right: 0px !important;
		float: none !important;

}

.contentplaatjes{
		width: 100%;
		height: auto;
		float: none !important;
		margin-top: 50px;
		
}

.contentplaatjes img{
		width: 80%;
		margin-right: 0px;
		float: none !important;

}	


.content{
		height: auto !important;	
		padding-bottom: 50px;
		width: 80% !important;
}

.exinfop{
		font-size: 20px;	


}

.overlayslider{
	width: 80%;
	top: 130px;
	height: 280px;	
}

.overlayslidertekst{
	margin-left: 20px;	
	height: 250px;
}

.extrainfotekst{
	width: 80%;
}


.extrainfotekst a{
	font-size: 14px;
}

#servicecontent{
	height: 3000px !important;	
}



.headerplaatjegeluid{

		background-position: center center !important;



		}


.headerplaatjeluchtdichth{
		background-position: center center !important;

		}

.headerplaatjeflow{
		background-position: center center !important;

		}

.headerplaatjebinnenklimaat{

		background-position: center center !important;

		
}

.headerplaatjethermo{
		background-position: center center !important;

	}