/* Enthaelt alle Basisangaben, was Farben und Schriftarten und -groessen fuer die Bildergalerie angeht */

/* INDIVIDUALS */

/* FONTS */
li.pics li p{
	height:65px;
}

/* TEXT-DECORATION */

/* SIZE */

/* Drawings */

/* FULLVIEW */
ul.lightbox li {
	overflow: hidden; /* Scrollbalken ausschalten */
	position:absolute;
	width:0;
	height:0;
	left:0;
	top:0;
	opacity:0;
}

/* Durch die Pseudoklasse "target" (:target) am Listenpunkt li wird definiert, was passiert, 
wenn man auf den Bereich klickt, der von dem Listenpunkt umschlossen wird. Klickt man noch einmal
drauf, kommt diese Einstellung nicht mehr zur Anwendung. */
ul.lightbox li:target {
	width:100%;
	height:100%;
	opacity:1; /* Transparenz 100% */
	background: rgba(0,0,0,0.8)
	-moz-transition:opacity 0.5s; /* Zeitdauer fuer Firefox */
	-o-transition:opacity 0.5s; /* ...fuer Opera */
	-webkit-transition:opacity 0.5s; /* ... fuer Smartphone, tablet, google */
}

ul.lightbox li:target a {
	position: absolute;
	top:50%; /* zentriert das Bild von oben */
	left:50%; /* zentriert das Bild von links */
	margin:-325px 0 0 -140px; /* nach oben und links um 300px */
	border: 15px solid #fff;
	z-index:10;
	background:#555 url('../pics/cross.gif') no-repeat bottom right;
	-moz-box-shadow:0 1px 8px #000;
	-o-box-shadow:0 1px 8px #000;
	-webkit-box-shadow:0 1px 8px;
}

ul.lightbox li p {
	font-weight:normal;
	text-align:center;
	color:#fff;
}