@charset "utf-8";

/* Large desktops and laptops */
@media only screen and (min-width: 1200px) {

		
	
.navigatie-mobiel {display:none;}	
.mobile-wrap {display:none;}
.mobile2 {display:none;}
.mobile1 {display:none;}
.mobile { display:none;}	
}

@media only screen and (min-width: 1151px) and (max-width: 1500px) {
	#geledriehoek {margin-right: -259px}
	.publicaties {background-position: -6% 51%;}
	.publicaties h2 {margin-right:150px;}
	.container-wit-zwart {}
	
	.driehoek {    margin-left: -36px; border-bottom: 245px solid rgba(255, 255, 255, 1.0);     display: none;}
	.nieuws {width:98%; height:auto; }
	.container-wit-zwart {background:none; height:auto; }
	.container-foto {height:auto; background-position: -10% 60%;}
	.container-inside2 {max-width: 1200px; margin: 0 auto;}

	
	.navigatie-mobiel {display:none;}
.mobile-wrap {display:none;}
.mobile2 {display:none;}
.mobile1 {display:none;}
.mobile { display:none;}
}
@media only screen and (min-width: 1366px) and (max-width: 1500px) {

}

/* Landscape tablets and medium desktops */
@media only screen and (min-width: 1000px) and (max-width: 1150px) {
	.logo {  width: 150px;}
	.gele-pijl {		display:none;}
	#geledriehoek {margin-right: -259px}
	.publicaties {background-position: -23% 51%;}
	.publicaties h2 {margin-right:81px;}
	.container-wit-zwart {background:none; height:auto; }
	.container-foto { background-position: -44% 60%;}
	
	.driehoek {display:none;}
	.nieuws {width:96%; height:auto; }
.navigatie-mobiel {display:none;}
.mobile-wrap {display:none;}
.mobile2 {display:none;}
.mobile1 {display:none;}
.mobile { display:none;}
}

@media only screen and (min-width: 558px) and (max-width: 850px) {
	#geledriehoek {margin-right: -424px !important}
	
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.navigatie {
    float: none;
    position: fixed;
    top: 0;
    z-index: 122;
}
	
	.header {margin-top:56px;}
	.gele-pijl {
    display:none !important;
	}
}
@media only screen and (min-width: 736px) and (max-width: 999px) {
	

	
.container-foto-vervolg {
       background-position: -385% 60% !important;
	}

}

@media only screen and (min-width: 568px) and (max-width: 735px) {

	#theme:before {

    background-attachment: scroll
	}
	
.container-foto-vervolg {
       
	}
	.contact-vervolg {
   
}
	
	.driehoek-geel-vervolg { margin-left:16.1;}
	.contact-vervolg {
   
}
}



/* Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
		#theme:before {
     background-size: cover;
    background-attachment: scroll;
 
}
	h1 {font-size: 36px;}
		h2 {font-size: 36px;}
		.logo {  width: 122px;}
		.contact-vervolg {width:34%;}
	.foto-links-vervolg {width:66%}
	.foto-links-vervolg img {
    width: 153%;
	margin-left:-60%;
}
	
	.foto-links {display:none;}
	.contact {width:100%;}
	.contact-form {	}
	.contact-tekst {}
	
	
	
	.gele-pijl {
    width: 75px;
    height: 90px;
	}
	#geledriehoek {margin-right: -259px}
	.container-geel-schuin {background:none;}
	.container-wit-zwart {background:none; height:auto; }
	.container-foto {height:auto; background:none; background-color: #fdc800 !important;}
	
	.publicaties {background:none;width:90%; padding:5%; background-color: #fdc800;}
	.publicaties h2 { color:#fff; float:none; margin-right:0;display:block;
	background-image:url(../afbeeldingen/lijn-koppen-zwart.png);background-repeat:no-repeat; background-position: bottom left;color:#fff;
	
	}
	.publicaties p { float:none; width:auto;}
	.publicaties ul { float:none;width:auto;}
	
	.nieuws {background:none;width:90%; padding:5%;    height: auto;}
	.nieuws p {float:none; width:auto;}
	.nieuws h2 {float:none;}

	.driehoek-geel-vervolg {margin-left:26.7%;}
	.container-foto-vervolg {height: 226px;    background-position: -604% 60%;}
	.driehoek {display:none;}
	.driehoek-geel {display:none;}
.navigatie-mobiel {display:none;}
.mobile-wrap {display:none;}
.mobile2 {display:none;}
.mobile1 {display:none;}
.mobile { display:none;}
}

/* Portrait phones and smaller */
@media only screen and (min-width: 568px) and (max-width: 767px)  {
	
	#theme:before {

    background-attachment: scroll
	}
	h1 {font-size: 42px;}
	h2 {font-size: 27px;}
	.logo {  width: 122px;}
	
	.contact-vervolg {width:90%;}
		.foto-links-vervolg, .foto-links {display:none;}
	.contact {width:100%;}
	.contact-form {width:90%; padding:5%;}
	.contact-tekst {width:90%;padding:5%;}
	.navigatie {
    float: none;
    position: fixed;
    top: 0;
    z-index: 122;
}
	.header {margin-top:56px;}
	
	.gele-pijl { display:none
  
	}
	
.container-geel-schuin {background:none;}
	.container-wit-zwart {background:none; height:auto; }
	.container-foto {height:auto; background:none; background-color: #fdc800 !important;}
	.publicaties {background:none;width:90%; padding:5%; background-color: #fdc800;}
	.publicaties h2 { float:none; margin-right:0;
	background-image:url(../afbeeldingen/lijn-koppen-zwart.png);background-repeat:no-repeat; background-position: bottom left;color:#fff;
	}
	.publicaties p { float:none; width:auto;}
	.publicaties ul { float:none;width:auto;}
	
	.nieuws {background:none;width:90%; padding:5%;    height: auto;}
	.nieuws p {float:none; width:auto;}
	.nieuws h2 {float:none;}
	
	.driehoek {display:none;}
	.driehoek-geel {display:none;}
.navigatie-mobiel {display:none;}
.mobile-wrap {display:none;}
.mobile2 {display:none;}
.mobile1 {display:none;}
.mobile { display:none;}
}
@media only screen and (min-width: 568px) and (max-width: 685px)  {
	
	
	#theme:before {
     background-size: cover;
    background-attachment: scroll;
 
}

#aanbod2 ul li {
    float: left;
    width: 80%;
		height: 70px !important;
    margin-bottom: 15px;
			padding: 1% 2% 1% 11%;}

}
/* Landscape phones and portrait tablets */
@media only screen and (min-width: 250px) and (max-width: 567px)  {
	
	#theme:before {
     background-size: cover;
    background-attachment: scroll;
 
}
	
	
	h1 {font-size: 38px;}
		h2 {font-size: 38px;}
	.logo {  width: 122px;}
	
	.contact {height:auto;width:100%;}
	.contact-vervolg {height:auto;width:100%;}
	.contact-form {width:90%; padding:5%;}
	.contact-form-vervolg {width:90%; padding:5%;}
	.contact-form h2 {font-size:36px}
	.contact-form-vervolg h2 {font-size:36px}
	.contact-tekst {width:90%;padding:5%;}
	.contact-tekst-vervolg {width:90%;padding:5%;}
	
	
	.wrapper-right-grijs {
    width: 90%;
		float: left;
	background-image:none;
		padding: 5%;
	}

	.wrapper-right {
    width: 100%;
    float: left;
	}
	.container-foto-vervolg {height:auto; background-image:none;}
	.driehoek-geel-vervolg { display:none;}
	
	.contact-vervolg {
    width: 96%;
	}
	
	.contact-tekst-vervolg {
    width: 85%;
    float: right;
}
	.foto-links-vervolg { display: none;}
	.foto-links { display: none;}
		.navigatie {
    float: none;
    position: fixed;
    top: 0;
    z-index: 122;
}
	.header {margin-top:6px;}
	.gele-pijl { display:none
  
	}
	.logo {width:100px;    top: 40%;}
	.container-geel-schuin {background:none;}
	.container-wit-zwart {background:none; height:auto; }
	.container-foto {height:auto; background-color: #fdc800 !important; background:none;}
	.publicaties {background:none;width:90%; padding:5%; background-color: #fdc800;}
	.publicaties h2 { float:none; margin-right:0;
	background-image:url(../afbeeldingen/lijn-koppen-zwart.png);background-repeat:no-repeat; background-position: bottom left; color:#fff;
	}
	.publicaties p { float:none; width:auto;}
	.publicaties ul { float:none;width:auto;}
	.nieuws {background:none;width:90%; padding:5%;    height: auto;}
	.nieuws p {float:none; width:auto;}
	.nieuws h2 {float:none;}
	
	.driehoek {display:none;}
	.driehoek-geel {display:none;}
		#aanbod ul li {
    float: left;
    width: 80%;
    margin-bottom: 15px;
			padding: 1% 2% 1% 11%;}
	
	#aanbod2 ul li {
    float: left;
    width: 80%;
		height: 70px !important;
    margin-bottom: 15px;
			padding: 1% 2% 1% 11%;}
	.slider {margin-top:50px;}
.mobile2 {}
.mobile1 {}
.mobile { }
.wrapper-left-wit { width:90%; padding:5%; }
.wrapper-right-geel { width:90%; padding:5%;     background-image: none; }
.wrapper-right-geel h2 {color:#fff;}
	#geledriehoek {display:none;}
	.slider-button{bottom:0;}
	}