/* Darstellung der Fotos (allgemein und auf den Profilseiten */

/* Titel in Fotouebersicht */
h1.titel {text-align:center; height:25px; line-height:28px;}

/* Detail-Texte Liste und Vollansicht */
.fotograf, .aufrufe, .kommentare, .bewertung, #letztebesucher {margin:-4px auto; padding:0; font-size:10px;}
	
/* Lade-Animation Liste und Vollansicht */
.foto .bild, #bild img {background:#fff url(../images/website/loading.gif) center center no-repeat;}


/* Listendarstellung */
.foto {float:left; width:117px; height:165px; text-align:center; margin:9px;}		/* Margin-Tweak fuer IE6 in IE6.css */
.foto .bild {width:117px; height:94px; overflow:none; display:block;}				/* Overflow-Tweak (Streifen) fuer IE6 in IE6.css */
	.foto .bild.leer,
	.avatar.leer {text-decoration:none; color:#ffa5bb; line-height:94px;}
	.foto .bild.leer {background:#fff url(../images/foto-elemente/noch-kein-foto.jpg) center center no-repeat;} 
	.avatar.leer {font-size:9px;}
	h2.titel, .foto p {line-height:12px; height:12px; font-size:10px; position:relative; width:117px; white-space:nowrap;} /* width muss mit .foto[width] identisch sein */
	h2.titel {top:-20px; left:-7px;}
	h2.titel a {text-decoration:none;}
	.foto p {top:-12px; left:-12px;}

	/* Funktionslinks */
	.foto .funktion img,
	#profilavatar .funktion img {filter:alpha(opacity=50); -moz-opacity: 0.50; opacity:0.50;}
	.foto .funktion,
	#profilavatar .funktion {position:relative; left:72px; top:-27px; height:0px;}	/* Height=0! */
	#profilavatar .funktion {left:85px;}	/* groesserer Einzug, da Avatarbild kleiner ist */
	.foto .funktion *,
	#profilavatar .funktion * {position:relative; float:left; margin-right:1px; z-index:99;}

.avatarfoto {float:left; width:100px; height:110px; margin:6px; text-align:center;}    /* Margin-Tweak fuer IE6 in IE6.css */
.avatarfoto .bild {width:96px; height:96px; overflow:none; display:block;}      /* Overflow-Tweak (Streifen) fuer IE6 in IE6.css */
#filme img,
.avatarfoto .bild {margin-bottom:3px; border:2px solid #cebeb7;}
.avatarfoto .titel {font-size:10px; margin-top:-10px;}
#fotos .avatarfoto {height:125px;}				/* Hoehe auf Uebersichten und Suchergebnisseiten */
#models_uebersicht .avatarfoto .titel,
#such_ergebnis .avatarfoto .titel {width:96px; text-align:center; text-indent:0; top:-7px; margin-left:5px;}

#fotos.interview p {margin-bottom:10px;}

	

/* Vollansicht */
#fotoansicht {text-align:center;}
#bild {width:100%; overflow:hidden;}
#bildbeschreibung {margin:-10px auto 12px auto; font-size:10px;}		/* Weite hardcodiert in foto_ansicht.php */


/* Bild der Woche */
.wochenblock {padding-bottom:30px; display:block; clear:both;}
.foto.uebersicht {margin-top:-5px;}	/* entgegenwirken von: line-height => global.css[h2]  */
.aktuelle_woche {text-decoration:underline; height:30px;}	/* <= height bestimmt den Abstand zum naechsten Element */



/* Bildfunktionen */
#bildfunktionen {float:right; margin-right:5px;}
#bildfunktionen a {display:block; width:160px; height:18px; margin-bottom:2px; background:url(../images/website/button_bildfunktionen.gif) 0 0 no-repeat; color:#FFF; text-decoration:none; text-align:left; text-indent:5px;}
#bildfunktionen a#bildfavorisieren {background-position:0 -18px;}
#bildfunktionen a#bildfavorit {background-position:0 -36px;}

	/* Bilder blaettern */
	#bild .blaettern {position:absolute; top:30px; display:block; width:40%; z-index:11; text-indent:-10000px;} /* Hoehe und Position hardcodiert in foto_ansicht.php */
	#bild .zurueck {left:0px; background:url(../images/website/button-blaettern-zurueck.gif) 10px center no-repeat;}
	#bild .vor {left:395px; background:url(../images/website/button-blaettern-vor.gif) right center no-repeat;} /* Position abhaengig von #bild .blaettern [width] */
	

	/* Kleine Sterne auf Uebersichtsseiten (Querschnitt ueber alle User) */
	p.bewertung {width:50px; height:10px; background:url(../images/sterne_klein.gif) repeat-x; overflow:hidden; margin:4px auto;}
	.bewertung span { display:block; height:10px; background:url(../images/sterne_klein.gif) 0 -10px repeat-x; float:left;}
	
		#fotodetails .bewertung { position:absolute; left:100px; top:8px;} /* <= Platzierung in der Vollansicht der Bilder */
        
.bewertung_gesamt { width: 100px; }