/************************
MEDIAFILTER
************************/

.box.mediafilter ul {
	position:absolute;
	bottom:1.25em;
	left:1.25em;
	right:1.25em;
}

.box.mediafilter ul li {
	line-height:2.1em;
	padding:0 0.5em;
	padding-top:0.3em;
	border-bottom:0.1em dotted #999;
}

.box.mediafilter ul li:first-child {
	border-top:0.1em dotted #999;
	line-height:2em;
}

.box.mediafilter ul li a {
	display:block;
}

.box.mediafilter ul li img {
	width:1.25em;
	height:1.25em;
	margin-bottom:-0.25em;
	margin-right:0.75em;
}

.box.mediafilter ul#filter {
	position:absolute;
	top:1.25em;
	left:1.25em;
	right:1.25em;
}

.box.mediafilter ul#filter li {
	line-height:2.1em;
	padding:0 0.5em;
	padding-top:0.3em;
	border-bottom:0.1em dotted #999;
}

.box.mediafilter ul#filter li:first-child {
	line-height:2em;
}

.box.mediafilter ul#filter li a {
	display:block;
}

.box.mediafilter ul#filter li img {
	width:1.25em;
	height:1.25em;
	margin-bottom:-0.25em;
	margin-right:0.75em;
}

.box.mediafilter ul#filter li a.current {
	color:#999;
}





/************************
MEDIA
************************/

.box.media {
	position:relative;
	padding:0;
	overflow:hidden;
}

.box.media.aktiv {
	background-color:#eee;
}

.box.media:hover {
	background-color:#eee;
}

.box.media img {
	width:170%;
	height:auto;
	margin-left:-35%;
}


.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#eee url(../img/_layout/loading.gif) no-repeat bottom center;
}

.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:#eee;
}

.fade .mosaic-overlay.video {
	background:#eee url(../img/_layout/media-video.png) no-repeat center center;
}

.box.media .details {
	width:91%;
	height:21.5em;
	padding:1.25em 5%;
}

.box.media ul li.albumtitel {
	font-size:2em;
	font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	font-weight:lighter;
	line-height:1.2em;
	letter-spacing:0.1em;
	color:#000;
	padding-bottom:0.25em;
	padding-right:1em;
}

.box.media p {
	color:#999;
	padding:0;
}

.box.media ul li.anzahlfotos {
	position:absolute;
	bottom:1.25em;
}