/* Media queries

/*iphone 7:  1334 x 750 pixels */
/* iPhones and other mobiles vertikaal- Horizontaal ziet deze 2 koloms layout er nog goed uit.*/
/* attentie: een query alleen nodig voor wijzigingen tov niveau hoger- hier dus de kolommen onder elkaar zodra de breedte kleiner wordt dan 800 px*/   
@media only screen and (max-width: 800px) {
#content{max-width:100%; min-height:700px} 
#kolom1 {max-width:100%;}
#kolom1tekst{max-width:96%;padding-left:2%;padding-right:2%} /*nu padding in procent ipv px*/
#kolom2 {max-width:100%;} 
#kolom2tekst{max-width:96%;padding-left:2%;padding-right:2%} /*nu padding in procent ipv px	*/	
.image1{max-width:96%;height:auto;padding-left:2%;padding-right:2% }

/*de regels hieronder zorgen ervoor dat het menu wijzigt van horizontaal naar vertikaal 
/* en dat de tekstgrootte van de content kleiner wordt*/
body{font-size:90%;}

	#menu li {
	  display:block;
	  border-bottom-color:#FFF;
	  border-bottom-style:solid;
	  border-bottom-width:1px;
	  text-align:center;
	  padding:1px;}
	#menu ul {
		padding: 0;
		margin: 0 0 20px 0;}
}

 /* END media only screen and (max-width: 400px)


/* Print styles
-------------------------------------------------------------------------------*/
