

/* Layout für Mobilgeräte: 480 px oder weniger. */

div.gallery {
	width: 96%:
	margin: 2%;
	}	
div.galleries01 {
	width: 47%;
	margin-left: 2%;
	float: left;
	}	
div.galleries02 {
	width: 47%;
	margin-left: 2%;
	float: left;
	}
div.galleries03 {
	width: 94%;
	margin-left: 2%;
	margin-bottom:20px;
	float: left;
	}
div.spacer {
	width: 100%;
	clear: both;
	color: #fff;
	}
	
img.galImg {
	margin: 3% 0% 0% 3%;
	width: 45.666%;
	float: left;
	}
	



	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
img.galImg {
	margin: 3% 0% 0% 3%;
	width: 29.333%;
	}


}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {
	
img.galImg {
	margin: 4% 0% 0% 4%;
	width: 28%;
	}



}



/* Desktoplayout: 919 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 919px) {
	
img.galImg {
	margin: 4% 0% 0% 4%;
	width: 20%;
	}


}