.galerie {
	box-sizing: border-box;
/*    background-color: silver; */ 
	background-size: 158px 58px;
	background-position: 0px 12px, 4px 35px, 29px 31px, 34px 6px; 
	padding: 30px 0 40px 0; 
}
/* weitere Muster mit linear-gradient unter: http://lea.verou.me/css3patterns/   */

.galerie figure {
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 120px;
	margin: 10px 10px 10px 10px;
	overflow: hidden;
	padding: 1;
	width: 200px;
	-webkit-transition: all 0.25s ease-in;
	/* für Safari 5.1, Android 2.3 bis 4.3 */
	
	transition: all 0.25s ease-in;
}

.galerie figure img {
	width: 200px;    
	height: 120px;
}


.galerie figure:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
	margin: 30px 10px 100px 10px;
	padding: 3px 3px 10px 3px;  
	width: 200px;
	z-index: 2;
	-webkit-transform: scale(3);
	/* für Safari, Android */
	
	-ms-transform: scale(3);
	/* für IE9 */
	
	transform: scale(3);
}

.galerie figcaption {
	color: #333;
	font: cursive 10px/150%;
	font-family: "Arial", cursive;
	position: relative;
	text-align: center;
	width: 200px;
}

.galerie figure:nth-child(3n-2):hover {
	-webkit-transform: scale(3) ;
	/* für Safari, Android */
	
	-ms-transform: scale(3) ;
	/* für IE9 */
	
	transform: scale(3) ;
}

.galerie figure:nth-child(5n):hover {
	-webkit-transform: scale(3) ;
	-ms-transform: scale(3) ;
	transform: scale(3) ;
}

.galerie:after {
	clear: both;
	content: " ";
	display: block;
}


@media only screen and (max-width: 750px) {
	.galerie {
		width: 100%;
		margin: 35px auto;
	}
}

/* ------------------- fuer Bild 4 zu 5 -------------------- */

.galerie figure1 {
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 150px;
	width: 200px;
	margin: 10px 10px 10px 10px;
	overflow: hidden;
	padding: 1;
	-webkit-transition: all 0.25s ease-in;
	/* für Safari 5.1, Android 2.3 bis 4.3 */
	
	transition: all 0.25s ease-in;
}

.galerie figure1 img {
	width: 200px;    
	height: 150px;
}


.galerie figure1:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
	margin: 30px 10px 100px 10px;
	padding: 3px 3px 10px 3px;  
	width: 200px;
	z-index: 2;
	-webkit-transform: scale(3);
	/* für Safari, Android */
	
	-ms-transform: scale(3);
	/* für IE9 */
	
	transform: scale(3);
}


.galerie figure1:nth-child(3n-2):hover {
	-webkit-transform: scale(3) ;
	/* für Safari, Android */
	
	-ms-transform: scale(3) ;
	/* für IE9 */
	
	transform: scale(3) ;
}

.galerie figure1:nth-child(5n):hover {
	-webkit-transform: scale(3) ;
	-ms-transform: scale(3) ;
	transform: scale(3) ;
}

/* ------------------- fuer Bild hochkannt  -------------------- */

.galerie figure2 {
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 200px;
	width: 145px;
	margin: 10px 10px 10px 10px;
	overflow: hidden;
	padding: 1;
	-webkit-transition: all 0.25s ease-in;
	/* für Safari 5.1, Android 2.3 bis 4.3 */
	
	transition: all 0.25s ease-in;
}

.galerie figure2 img {
	height: 200px;
	width: 145px;    
}


.galerie figure2:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
	margin: 30px 10px 100px 10px;
	padding: 3px 3px 10px 3px;  
	width: 145px;
	z-index: 2;
	-webkit-transform: scale(3);
	/* für Safari, Android */
	
	-ms-transform: scale(3);
	/* für IE9 */
	
	transform: scale(3);
}


.galerie figure2:nth-child(3n-2):hover {
	-webkit-transform: scale(3) ;
	/* für Safari, Android */
	
	-ms-transform: scale(3) ;
	/* für IE9 */
	
	transform: scale(3) ;
}

.galerie figure2:nth-child(5n):hover {
	-webkit-transform: scale(3) ;
	-ms-transform: scale(3) ;
	transform: scale(3) ;
}