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

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


/* Listendarstellung */
.foto {float:left; width:150px; height:210px; margin:6px; text-align:center;}		/* Margin-Tweak fuer IE6 in IE6.css */
.foto .bild {width:150px; height:120px; overflow:none; display:block;}			/* Overflow-Tweak (Streifen) fuer IE6 in IE6.css */
.foto .bild.leer {background:#fff url(../images/noch-kein-foto.jpg) center center no-repeat; cursor:default;}
.foto .titel {font-size:10px; margin-top:-6px; line-height:10px;}

.foto_small {width:117px; height:210px;}        /* Margin-Tweak fuer IE6 in IE6.css */
.foto_small .bild {width:117px; height:94px;}            /* Overflow-Tweak (Streifen) fuer IE6 in IE6.css */

#fotos_voting #vote .foto,
#fotos_voting #fotos .foto,
#fotos_voting #vote .foto .bild,
#fotos_voting #fotos .foto .bild { width:117px; height:110px; }
#fotos_voting #vote .foto .bild,
#fotos_voting #fotos .foto .bild { height:94px; }
#fotos_voting #vote .foto span { font-size:80px; line-height:90px; filter:alpha(opacity=80); opacity: 0.2; -moz-opacity:0.2; }
#fotos_voting #vote .foto { cursor:default; }
#fotos_voting #vote .fotosort,
#fotos_voting #fotos .fotosort { background-color:#f00; }
#fotos_voting .over { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
#fotos_voting .helper { filter:alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25; }

.avatarfoto {float:left; width:96px; height:110px; margin:6px; text-align:center;}    /* Margin-Tweak fuer IE6 in IE6.css */
.avatarfoto .bild {width:96px; height:96px; overflow:none; display:block; margin-bottom:3px; border:1px solid #fff;}      /* Overflow-Tweak (Streifen) fuer IE6 in IE6.css */
  .avatarfoto .bild.leer {background:#fff url(../images/noch-kein-foto.jpg) center center no-repeat; cursor:default;}
  .avatarfoto .titel {font-size:10px; margin-top:-8px;}
	

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


/* Bild der Woche */
.foto.uebersicht * {text-align:left; margin:0; padding:0;}
.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/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/buttons/button-blaettern-zurueck.gif) left center no-repeat;}
	#bild .vor {left:385px; background:url(../images/buttons/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/stars/stars_10px.gif) repeat-x; overflow:hidden; margin:4px auto;}
	.bewertung span { display:block; height:10px; background:url(../images/stars/stars_10px.gif) 0 -10px repeat-x; float:left;}
	
		#fotodetails .bewertung { position:absolute; left:140px; top:8px;} /* <= Platzierung in der Vollansicht der Bilder */
	
.voting .foto_small { height:115px; }