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

/* Lade-Animation Liste und Vollansicht */
.foto .bild, #bild img {background:#fff url(../images/loading.gif) center center no-repeat;}

/* Bild der Woche */
.woche div { float:left; width:170px; }
.woche .platzierungen > li { clear:none; float:left; margin:10px; width:150px; }
.woche p { padding-right:0; }
.woche p span { font-size:10px; }

/* Listendarstellung */
ul.bilder, ul.foto { clear:both; padding:5px; }
.bilder li.foto_small { clear:none; float:left; margin:10px; width:150px; }

	/* Listendarstellung: Bilder */
     .foto_small .bild.leer { background-image:url(../images/noch-kein-foto.jpg);}
     .foto_small .bild { width:150px; height:120px; display:block; }
	.foto_small h3 { font-size:10px; line-height:10px; padding:5px; }
	.foto_small a { font-weight:normal; text-decoration:none; white-space:nowrap;}
	.foto_small ul { margin-top:-1px; padding:0 5px; }
	.foto_small li { background:url(../images/icons/fotodetails.gif) 3px 0 no-repeat; border-right:1px dotted #c8bbce; clear:none; color:#c8bbce; float:left; font-size:9px; height:10px; line-height:8px; text-indent:13px; }
	.foto_small li.bewertung { background-position:-100px -100px; width:55px; }
	.foto_small li.datum { width:50px; }
	.foto_small li.kommentare { background-position:3px -16px; border-width:0; width:30px; }

    /* Finale */
    #insert_position { width:2px; height:160px;display:block; margin:0 0 0 -10px; padding:0; position:absolute; background-color:#5d0089; }
    #demo img { float:right; }
    
	/* Listendarstellung: Kleine Sterne (Querschnitt ueber alle User) */
	.bewertung div { background:url(../images/stars/stars_10px.gif) repeat-x; overflow:hidden; width:50px; }
	.bewertung span { display:block; height:10px; background:url(../images/stars/stars_10px.gif) 0 -10px repeat-x; float:left;}
     
	/* Listendarstellung: Bild angesehen/bewertet */
     .foto_small .bild span { background:url(../images/elements/rating_currentuser.gif) no-repeat; color:#F2F2F2; display:block; font-weight:bold; font-size:10px; height:30px; line-height:30px; margin:-36px auto 0 auto; position:relative; text-align:center; width:140px; z-index:99; }
     .foto_small .bild span { filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }
     	.foto_small .bild span.state0 { background-position:0 -30px; }
          .foto_small .bild span.state1 { background-position:0 -60px; }
          .foto_small .bild span.state2 { background-position:0 -90px; }
          .foto_small .bild span.state3 { background-position:0 -120px; }
          .foto_small .bild span.state4 { background-position:0 -150px; }
          .foto_small .bild span.state5 { background-position:0 -180px; }

/* Vollansicht */
#bild h3, #bild p {padding:0;}
#fotoansicht { text-align:center; }
#fotodetails { width:100%; margin:15px 0 5px 0; padding:5px; border-top:2px dotted #F2F2F2; text-align:left; }
#fotodetails > li { clear:none; float:left; width:240px; }
#fotodetails .wertung { width:220px;}
#fotodetails .artikelkaufen a { background:url(../images/buttons/button-artikellink.gif) right center no-repeat; display:block; float:right; font-size:10px; font-weight:normal; margin:9px 20px 0 0; padding:5px; text-decoration:none; width:57%; }
#fotodetails .details a { font-size:10px; padding-left:6px;}

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