/************************
FREUNDEFINDER
************************/

.box.freundefinder form {
	width:100%;
}

.box.freundefinder label {
}

.box.freundefinder input {
	width:100%;
	height:1.5em;
	padding:0.25em 0;
	background:none;
	border:0.1em solid #999;
}

.box.freundefinder input:hover {
	background:none;
	border:0.1em solid #000;
}

.box.freundefinder input:focus {
	background:#333;
	color:#fff;
	border:0.1em solid #aaa;
	outline:none;
}

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

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

.box.freundefinder ul li:first-child {
	line-height:2em;
}

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

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




/************************
KURZPROFIL
************************/

.box.freunde ul.kurzprofil {
	overflow:hidden;
}

.box.freunde ul.kurzprofil li {
}

.box.freunde ul.kurzprofil li.profilbild a img {
	width:35%;
	height:auto;
	border:0.1em solid #000;
	float:right;
}

.box.freunde ul.kurzprofil li a img:hover {
	border-color:#999;
}

.box.freunde ul.kurzprofil li.profilname {
	font-size:2em;
	font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	font-weight:lighter;
	letter-spacing:0.1em;
	line-height:1.2em;
	color:#000;
	margin-right:40%;
}




/************************
FREUNDENAVI
************************/

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

.box.freunde ul.freundenavi {
}

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

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

.box.freunde ul.freundenavi li a {
	display:block;
}

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




/*********************************** PROFIL ***********************************/




/************************
PROFILBILD
************************/

.box.profilbild {
	padding:0;
	overflow:hidden;
}

.box.profilbild img {
	width:100%;
	min-height:24em;
}




/************************
PROFILINFORMATIONEN
************************/

.box.profilinformationen {
}

.box.profilinformationen p.head {
	font-size:2em;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight:lighter;
	letter-spacing:0.1em;
	line-height:1.2em;
	color:#000;
}

.box.profilinformationen dl {
	border-top:0.1em dotted #999;
}

.box.profilinformationen dt {
	width:33%;
	line-height:2.1em;
	padding:0 2%;
	padding-top:0.3em;
	border-bottom:0.1em dotted #999;
	float:left;
}

.box.profilinformationen dd {
	width:56%;
	line-height:2.1em;
	padding:0 2%;
	padding-top:0.3em;
	margin-left:3%;
	color:#000;
	border-bottom:0.1em dotted #999;
	float:left;
}

.box.profilinformationen dd.rating {
	height:2.4em;
	line-height:1em;
	padding-top:0;
	float:left;
}

.box.profilinformationen dd.rating img {
	height:1.4em;
	padding:0.5em 0;
	margin-right:7%;
	opacity:0.25;
	-moz-opacity:0.25;
	filter:alpha(opacity=25);
}

.box.profilinformationen dd img.aktiv {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.box.profilinformationen dl.kurzinfo {
	border-bottom:0.0em dotted #999;
}

.box.profilinformationen dl.kurzinfo dt {
	width:96%;
	border-bottom:0.1em dotted #999;
	float:none;
}

.box.profilinformationen dl.kurzinfo dd {
	width:96%;
	margin:0;
	font-size:2em;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight:lighter;
	letter-spacing:0.1em;
	line-height:1.2em;
	color:#000;
	border:0;
	float:none;
	max-height:9em;
	overflow:auto;
}

.box.profilinformationen b {
	width:96%;
	line-height:3em;
	color:#000;
	padding:0 2%;
}





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

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

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

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

.box.profil-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;
}

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

.box.profil-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;
	text-align:left;
}

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

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

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

.box.profil-media ul li.ort {
	position:absolute;
	bottom:1.25em;
}