@charset "utf-8";
/* CSS Document */

/*ul{
	list-style:none;
	padding-left: 0px;
}
ul li{
	float:left;
	margin-right: 0px; davor stand 9px da
	display: inline-block;
} 
ul:after{
	content:"";
	clear:both;
	display:table;
}*/

ul.gallery{
	list-style:none;
	/*padding-left: 0px;*/
	display: inline-block;
	margin: 0 auto;
	width: 95%;
	padding-top: 1%;

}
ul.gallery li{
	float:left;
	margin-right: 0px;/* davor stand 9px da*/
/*	display: inline-block;
	margin: 0 auto;
	width: 90%;
	padding-top: 1%;
*/} 
ul.gallery:after{
	content:"";
	clear:both;
	display:table;
}

/* CSS3 Lightbox */

.overlay{
display:none;
}
.overlay:target, .overlay > a{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;

}
teaser-ten.overlay:target{
display:block;
background:#000;
background:rgba(0,0,0,0.8);
z-index:10;
}
.imgbox{
border:2px solid #fff;
/* Vertikales und horizontales zentrieren von Blockelementen */
/*position:absolute;
top:50%;
left:50%;
background:red;
margin-left:-451px;
margin-top:-301px;*/
position:absolute;
top:50%;
left:50%;
/* Verschieben mit transform:translate statt margin somit sind keine festen Breiten- und Höhenangaben notwendig */
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
max-width:80%;
max-height:80%;
min-width:300px;
display:table;
/*line-height:0;*/
}
.imgbox img{
	display:block;
	/* Bilder in css3 lightbox skalierbarkeit ermöglichen*/
	width:100%;
	height:auto;
}
/* Darstellung als close-icon */
.close{
background:#000;
color:#fff;
right:-16px;
top:-16px;
position:absolute;
line-height:20px;
padding:5px 9px;
border-radius:50%;
font-family:arial;
text-decoration:none;
text-transform:uppercase;
border:2px solid #fff;
}