body.tmpl_3{
	background-color: #0072bb;
}

div#imgImageContainer{
	position: relative;
	display: inline-block;
	z-index: 80;
	width: 100%;
}

div#imgImageContainer div.imgImageAbstand{
	margin-top: 44.2708%;
}

div#imgImageContainer div.imgImageInhalt{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div#imgImageContainer div.imgImageInhalt div.eintrag img{
	width: 100%;
	height: auto;
}

div#imgImageContainer div.imgImageInhalt div.eintrag{
	position: absolute;
	z-index: 60;
	width: 100%;
	height: 100%;
	left: 100%;
}

div#imgImageContainer div.imgImageInhalt div.aktiv{
	left: 0;
}

div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
	position: absolute;
	z-index: 50;
	color: white;
	width: 400px;
}

div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText p{
	margin: 0;
	padding: 0;
}


div#imgImageContainer div.imgSelecter{
	position: absolute;
	z-index: 70;
	left: 0;
	bottom: 0;
	width: 100%;
	background-image: url(../images/hg_img_selector.png);
}

div#imgImageContainer div.imgSelecter h1{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #6ac5ff;
	font-family: 'kreon';
	font-size: 1.875em;
}

div#imgImageContainer div.imgSelecter h1 a{
	color: #6ac5ff;
	text-decoration: none;
}

div#imgImageContainer div.imgSelecter h1.auswahl a{
	color: white;
}

div#imgImageContainer div.imgSelecter div.clear{
	clear: left;
}


div#imgImageContainer a#btGalLeft,
div#imgImageContainer a#btGalRight{
	position: absolute;
	z-index: 75;
	top: 50%;
	left: 50%;
}

div#imgImageContainer a#btGalLeft{
	margin-left: -640px; 
}

div#imgImageContainer a#btGalRight{
	margin-left: 640px; 
}

/*
1280 bis 1600
*/

@media screen and (max-width: 1640px){
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		width: 333px
	}
	
	
	div#imgImageContainer a#btGalLeft{
		margin-left: -520px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 520px; 
	}
	
}


/*
1024 bis 1280
*/
@media screen and (max-width: 1360px){
	
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		width: 267px
	}
	
	
	div#imgImageContainer a#btGalLeft{
		margin-left: -370px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 370px; 
	}	
}


/*
768 bis 1024
*/
@media screen and (max-width: 1100px){
	
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		width: 213px
	}
	
 	div#imgImageContainer a#btGalLeft{
		margin-left: -270px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 270px; 
	}		
}



/*
640 bis 768
*/
@media screen and (max-width: 890px){
	
	div#imgImageContainer div.imgImageInhalt div.eintrag{
	}
	
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		color: #0072bb;
		width: 636px; /* 768 */
		margin: 0 auto;
	}
	
 	div#imgImageContainer a#btGalLeft{
		margin-left: -170px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 170px; 
	}		
}


/*
320 bis 640
*/
@media screen and (max-width: 690px){
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		width: 540px; /* 640 */
		font-size: 0.8125em;
	}
	
	div#imgImageContainer div.imgSelecter h1{
		font-size: 1.25em;
	}
	
 	div#imgImageContainer a#btGalLeft{
		margin-left: -250px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 250px; 
	}	
	
}


/*
320
*/
@media screen and (max-width: 590px){
	div#imgImageContainer div.imgImageInhalt div.eintrag div.imgText{
		width: 296px; /* 320 */
	}		
	
	
	div#imgImageContainer div.imgSelecter{
		display: none;
	}
	
			
 	div#imgImageContainer a#btGalLeft{
		margin-left: -110px; 
	}
	
	div#imgImageContainer a#btGalRight{
		margin-left: 110px; 
	}	
}