#gallery a { outline: none; }

#gallery { width:100%; float:left; }
#gallery span { display:block; padding: 0 5px 0 5px; }
	
#gallery span.cam {
	background-image:url(../images/camera.gif);
	background-repeat:no-repeat;
	background-position: right 10px bottom 0px;
	background-size: 11%;
}
#gallery .g52 span.cam { background-size: 14%; }
#gallery .g62 span.cam { background-size: 17%; }

#gallery .g2, 
#gallery .g3, 
#gallery .g4, 
#gallery .ew,
#gallery .g42, 
#gallery .g52,
#gallery .g62 {
	display:block;
	position:relative;
	width:25%;
	float:left; 
	text-align:center;
	margin: 0 0 0 0;
	font-size: 0.75em;
	line-height: 1.15em;
	z-index:5;
}

#gallery .g2 { width:50%; }
#gallery .g3 { width:33%; }
#gallery .g4 { width:25%; }
#gallery .g52 { width:20%; }
#gallery .g62 { width:16.66%; }

/* ##### Einsatzwerkzeuge ##### */
#gallery .ew1 { width:23.4%; }
#gallery .ew2 { width:22.3%; }
#gallery .ew3 { width:31.2%; }
#gallery .ew4 { width:23.1%; }
#gallery .ew5 { width:27%; }
#gallery .ew6 { width:28.6%; }
#gallery .ew7 { width:19.5%; }
#gallery .ew8 { width:24.9%; }
#gallery .ew9 { width:23.9%; }
#gallery .ew10 { width:20.4%; }
#gallery .ew11 { width:34.2%; }
#gallery .ew12 { width:21.5%; }
/* ##### */

#gallery .g2 a:hover,
#gallery .g3 a:hover,
#gallery .g4 a:hover, 
#gallery .g42 a:hover,
#gallery .g52 a:hover,
#gallery .g62 a:hover {
	text-decoration:none;
}
#gallery .g2 .overlay, 
#gallery .g3 .overlay, 
#gallery .g4 .overlay, 
#gallery .g42 .overlay,
#gallery .g52 .overlay,
#gallery .g62 .overlay { 
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	background-color:#999;
	opacity:0;
}
#gallery .g2 .overlay:hover, 
#gallery .g3 .overlay:hover, 
#gallery .g4 .overlay:hover, 
#gallery .g42 .overlay:hover,
#gallery .g52 .overlay:hover,
#gallery .g62 .overlay:hover  { 
	opacity:0.15;
}
#gallery .g2 .galcap,
#gallery .g3 .galcap, 
#gallery .g4 .galcap, 
#gallery .g42 .galcap,
#gallery .g52 .galcap,
#gallery .g56 .galcap {
	position:relative;
	top:-20px;
}
#gallery .g2 .galcap2, 
#gallery .g3 .galcap2, 
#gallery .g4 .galcap2, 
#gallery .g42 .galcap2,
#gallery .g52 .galcap2,
#gallery .g62 .galcap2 {
	position:relative;
	height:42px;
	overflow:hidden;
	top:-15px;
}
#gallery .ew .galcap2 {
	position:relative;
	height:42px;
	overflow:hidden;
	top:-5px;
}

@media screen and (max-width:1200px) { 
	#gallery span.cam {
		background-position: right 0 bottom 0;
		background-size: 10%;
	}
	#gallery .g52 span.cam { background-size: 13%; }
	#gallery .g62 span.cam { background-size: 16%; }
	
	/*#gallery .g42 {
		margin: 0 0 0 0;
	}	*/
	#gallery .g2 .galcap2, 
	#gallery .g3 .galcap2, 
	#gallery .g4 .galcap2, 
	#gallery .g42 .galcap2,
	#gallery .g52 .galcap2,
	#gallery .g62 .galcap2 {
		top:-10px;
		height:56px;
	}
	#gallery .ew .galcap2 {
		top:0px;
		height:56px;
	}			
}

@media screen and (max-width:780px) { 
	#gallery span { display:block; padding: 0; }

	#gallery span.cam {
		background-position: right 6px bottom 1px;
		background-size: 31px 25px;
	}
	#gallery .g52 span.cam { background-size: 31px 25px; }
	#gallery .g62 span.cam { background-size: 31px 25px; }	
	
	#gallery .g4,
	#gallery .g42,
	#gallery .g52,
	#gallery .g62 { 
		width:50%; 
	}
	
	/* ##### Einsatzwerkzeuge ##### */
	#gallery .ew1 { width:51.2%; }
	#gallery .ew2 { width:48.8%; }
	#gallery .ew3 { width:57.5%; }
	#gallery .ew4 { width:42.5%; }
	#gallery .ew5 { width:48.4%; }
	#gallery .ew6 { width:51.4%; }
	#gallery .ew7 { width:43.9%; }
	#gallery .ew8 { width:56.1%; }
	#gallery .ew9 { width:54%; }
	#gallery .ew10 { width:46%; }
	#gallery .ew11 { width:61.4%; }
	#gallery .ew12 { width:38.6%; }	
	/* ##### */
	
	#gallery .g2 a, 
	#gallery .g3 a, 
	#gallery .g4 a,
	#gallery .g42 a,
	#gallery .g52 a,
	#gallery .g62 a {
		font-size: 1em;
	}
	#gallery .g2 .galcap, 
	#gallery .g3 .galcap, 
	#gallery .g4 .galcap,
	#gallery .g42 .galcap,
	#gallery .g52 .galcap,
	#gallery .g62 .galcap {
		top:-10px;

		/*height:30px;
		display:block;*/
	}
	#gallery .g2 .galcap2,
	#gallery .g3 .galcap2, 
	#gallery .g4 .galcap2,
	#gallery .g42 .galcap2,
	#gallery .g52 .galcap2,
	#gallery .g62 .galcap2  {
		top:-15px;
		height:42px;

	}
	#gallery .ew .galcap2 {
		top:0px;
		height:42px;

	}
	
	
}

@media screen and (max-width:480px) {
	#gallery span.cam {
		background-position: right 15px bottom 2px;
	}
	
	#gallery .g2,
	#gallery .g3, 
	#gallery .g4,
	#gallery .g42,
	#gallery .g52,
	#gallery .g62 { 
		width:100%; 
	}
	
	/* ##### Einsatzwerkzeuge ##### */
	
	#gallery .ew1,
	#gallery .ew2,
	#gallery .ew3,
	#gallery .ew4,
	#gallery .ew5,
	#gallery .ew6,
	#gallery .ew7,
	#gallery .ew8,
	#gallery .ew9,
	#gallery .ew10,
	#gallery .ew11,
	#gallery .ew12 { width: 100% }

	/* ##### */	
	
	#gallery .g2 .galcap, 
	#gallery .g3 .galcap, 
	#gallery .g4 .galcap,
	#gallery .g42 .galcap,
	#gallery .g52 .galcap,
	#gallery .g62 .galcap {
		top:-20px;
	}
	#gallery .g2 .galcap2, 
	#gallery .g3 .galcap2, 
	#gallery .g4 .galcap2,
	#gallery .g42 .galcap2,
	#gallery .g52 .galcap2,
	#gallery .g62 .galcap2 {
		top:-20px;
		height:28px;

	}
	#gallery .ew .galcap2 {
		top:-5px;
		height:28px;

	}	
	
		
}