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

/* Variables
$primecolor:#002 #489;
$hovercolor:#ACC;
$active:#5BC #002;
$linkcolor:#667;
$linkhover:#489;
*/

/* INDIVIDUALS */
li.pics {
 float:left;
 margin:5px;
 padding:5px;
 background:#eee;
}

li.pics li img {
	display:block;
}

/* FONTS */
li.pics p{
	font-size:1em;
	color:#489;
	margin: 0 10px;
}

li.pics li p{
	line-height:140%;
	padding:78px 3px 3px 3px;
	margin:0;
	width:69px; /* 75px -2*padding */
	height:35px;
	text-align:center;
	font-size:0.7em;
	font-weight:normal;
	color:#fff;
	background:#555;
}

/* TEXT-DECORATION */
ul.pics {
	list-style:none;
}

/* SIZE */
ul.pics ul {
	padding:0;
}

li.pics li {
	line-height:0;
	margin:0;
}

/* PICS */
#blend {
	position:relative;
}

#blend img#top:hover {
	opacity:0;
}

#blend img {
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	transition:opacity 1s;
	-moz-transition:opacity 1s; /* Zeitdauer fuer Firefox */
	-o-transition:opacity 1s; /* ...fuer Opera */
	-webkit-transition:opacity 1s; /* ... fuer Smartphone, tablet, google */
}