/* Allgemeines */
body { background:#f2f2f2; margin:0; padding:0; }
body, textarea { font:normal normal normal 12px/16px Verdana,Arial,Helvetica,sans-serif; }
body, a {color:#620090;}

    #hauptmenue,                                                /*    Darstellung der Seite    */
    #flashbereich,
    #projektlinks,									    /* width:950px => durchbrochen */
    #fusszeile {width:950px; margin:auto; overflow:hidden;}     /* width:100%  => durchgehend  */
    
    
    img {border-width:0px;}
    ul {list-style-type:none;}
    li {clear:both; margin-bottom:6px;}
    li span { display:block;}
    li .klein {font-size:10px;}                /* Kleine Texte in Listen */
    ol {margin-left:25px;}                     /* Einruecken, damit Nummerierung mit p-Elementen abschliesst */
    label {font-weight:bold;}
    a {cursor:pointer; font-weight:bold;}
    #inhalterechts a {font-weight:normal;}
    fieldset { border-width:0;}

    .block {margin:0 10px 10px 0;}            /* Elemente, mit Abstand von 10px rechts und unten */
    .unten {margin-bottom:0;}                 /* letztes/n Element/e zur Fusszeile - Abstand unten wird entfernt */
    .umbruch {display:block;}                 /* Erzwingt einen beidseitigen Umbruch - z.B.: fuer <label> */
    .wrapper {width:950px; margin:auto;}      /* 10px Sicherheitsreserve fuer Border */
    .absenden {border:0; color:#FFF;          /* Submitbuttons: Rahmen, Schrift, Cursor */
               font-weight:bold;
               cursor:pointer;} 
    .banner.block.gross {height:128px;}        /* Banner, der als Teaser eingesetzt wird */
    
    /* Rundungen */                        /* <= Bei Farbaenderung auch startseite.css anpassen*/
    #inhalterechts .block h2 {background:url(../images/elements/inhalterechts_bg_oben.jpg) 0 0 no-repeat;}
    #inhalterechts .block {background:#F2E8F4 url(../images/elements/inhalterechts_bg_unten.jpg) 0 bottom no-repeat;}
    .block.gross h1, .block.gross .rundung {background:url(../images/elements/inhaltelinks_bg_oben.jpg) 0 0 no-repeat;}
    #inhaltelinks .block, #thickboxinhalte .block {background:#F2E8F4 url(../images/elements/inhaltelinks_bg_unten.jpg) 0 bottom no-repeat;}
    #inhaltelinks .klein h2, .block.klein .rundung {background:url(../images/elements/inhaltelinks_klein_bg_oben.jpg) 0 0 no-repeat;}
    #inhaltelinks .klein {background:#F2E8F4 url(../images/elements/inhaltelinks_klein_bg_unten.jpg) 0 bottom no-repeat;}
    h1, h2, .gleichh2, h3, p, .inhalte ul, .inhalte ol, #startseite .teaser a, #startseite .teaser img, #profilavatar, #letztebesucher {padding:15px;}
    h1, h2, .gleichh2, h3 { padding-bottom:0;}
    #inhalterechts form,
    #inhalterechts form ul { padding:5px;}


     
    /* Warnungen und Hinweise */
    .hinweis *, .hinweisok * {color:#FFF; font-weight:bold;}
         
        #inhalterechts .hinweis h2 {background:url(../images/elements/inhalterechts_hinweis_bg_oben.jpg) 0 0 no-repeat;}
        #inhalterechts .hinweis {background:#D62147 url(../images/elements/inhalterechts_hinweis_bg_unten.jpg) 0 bottom no-repeat;}
        #inhaltelinks .hinweis h2 {background:url(../images/elements/inhaltelinks_hinweis_bg_oben.jpg) 0 0 no-repeat;}
        #inhaltelinks .hinweis {background:#D62147 url(../images/elements/inhaltelinks_hinweis_bg_unten.jpg) 0 bottom no-repeat;}
        #inhaltelinks .hinweisok h2 {background:url(../images/elements/inhaltelinks_ok_bg_oben.jpg) 0 0 no-repeat;}
        #inhaltelinks .hinweisok {background:#A6D550 url(../images/elements/inhaltelinks_ok_bg_unten.jpg) 0 bottom no-repeat;}   
        #inhaltelinks .hinweis_unbewertet h2 { background:url(../images/elements/inhaltelinks_unbewertet_oben.jpg) 0 0 no-repeat;}
        #inhaltelinks .hinweis_unbewertet { background:#FFFCE6 url(../images/elements/inhaltelinks_unbewertet_unten.jpg) 0 bottom no-repeat; color:#FF8A00;}
    

/* Struktur der Spalten */
#inhaltelinks, #inhalterechts {position:relative; left:50%; float:left; min-height:400px; margin-top:10px;}
#inhaltelinks {width:700px; margin-left:-475px; overflow:hidden;}
#inhalterechts {width:235px; margin-left:15px;}
.block.gross {width:700px; clear:both;}


/* Ueberschriften */
h1, h2, h3 {font-size:12px; font-weight:bold; display:block;}    /* <= Bei Aenderung font-size "fotos.css[#bildbeschreibung]" & "fotos_ansicht.php" pruefen */
form h2 {padding-bottom:15px;}





/* Spezielle Angaben */

/* Seitenkopf (Logo, Menue, Flashbereich */
#logo a { background:url(../images/logo.jpg) no-repeat; display:block; height:65px; margin:10px 0; overflow:hidden; text-indent:-100000px; width:360px; }
#hauptmenue {height:36px; background:#620090 url(../images/elements/menue_bg.gif); font-weight:bold; font-size:12px; margin-bottom:20px;}
#hauptmenue a {color:#f2f2f2; display:block; text-decoration:none; line-height:36px; text-align:center;}
#hauptmenue li {border:1px solid #f2f2f2; border-width:0 0 0 1px;}             /* #hauptmenue ul hinzu falls durchgezogen */
#hauptmenue li {width:116px; border-width:0 1px 0 0; float:left; clear:none;}    /* Standard-Weite: 150px */
#hauptmenue li#profilsuche { border-width:0; float:right; margin-right:10px; width:auto; text-align:left; }

    /* Aktuelle Seite farbig hervorheben */
    /*#startseite #startseitenlink a,*/		/* ausgeblendet wenn active-Effekt mit Schatten */
    #bildderwoche #bildderwochelink a,
    #fotos_uebersicht #fotos_uebersichtlink a,
    #fotos_ansicht #fotos_uebersichtlink a,
    #fotos_voting #fotos_votinglink a,
    #preise #preiselink a,
    #sieger #siegerlink a,
    #profil #meinefotoslink a,
    #registrierung #registrierunglink a,
    #teilnehmer #teilnehmerlink a,
    #tipps #tippslink a,
    #voting #votinglink a,
    #hauptmenue a:hover {background:#620090 url(../images/elements/menue_bg.gif) -120px -36px;}
    #hauptmenue #startseitenlink a:hover {background-position:0 -36px;}
        
#flashbereich {height:175px; background:#f2b705; border-bottom:10px solid #f2cb05;}
#flashbereich.flashaus {height:0px;}


/* Seitenfuss */
#fusszeile {font-size:10px; border-top:2px solid #620090; clear:both;}          /* border-top entspricht: #flashbereich {border-bottom} */
#fusszeile a {text-decoration:none; font-weight:normal;}
#fusszeile li {float:left; clear:none; margin-right:12px;}
#fusszeile #poweredby {float:right; margin-right:0;}

#projektlinks { clear:both; }
#projektlinks ul { margin-top:10px; }
#projektlinks li { float:left; margin-right:4px; width:137px; clear:none;}


/* Rechte Spalte (Inhalterechts) */
#inhalterechts div {width:100%;}
#inhalterechts .absenden, #kommentierfunktion .absenden {width:130px; height:35px; background:url(../images/buttons/button-absenden-mittel.gif) no-repeat;}
#login, #suche {text-align:right;}
#werbebloecke div, #werbebloecke.block {background:none;}
    
    /* Login */    
    #inhalterechts #login { background:url(../images/elements/login-bg.jpg) no-repeat; color:#620090; height:175px;}
    #login li { margin:0; }
    #login label, #login a {font-size:10px; float:left;}
    #login label { width:100%; text-align:left;}
    #login input { border:1px solid #B683D1; padding:5px; float:left; width:160px; padding:5px; margin-bottom:5px; }
    #login input.absenden { border-width:0; height:35px; width:130px; }
    #login a { padding:6px 6px 2px 0; text-decoration:none;}
    #login a:last-child { padding-right:0; }
        
        /* Wenn angemeldet */
        #inhalterechts .angemeldet {height:auto;}
        .angemeldet * {color:#620090;}
        #inhalterechts .angemeldet h2 {background:url(../images/elements/angemeldet_bg_oben.jpg) no-repeat;}
        #inhalterechts .angemeldet {background:#F2E8F4 url(../images/elements/angemeldet_bg_unten.jpg) 0 bottom no-repeat;}
    

    /* Infobox */
    #infobox * {text-align:left;}
    #infobox a {font-weight:bold;}
    #infobox .reiter {padding:0;}
    #infobox .reiter a {float:left; width:120px; line-height:20px; text-align:center; background:url(../images/reiter_infobox.gif) 0 -20px no-repeat;}
    #infobox .reiter a.aktiv {background-position:0 0;}
    #infobox .liste {float:left; margin:5px;}
    #infobox .liste a {display:block; text-decoration:none;}
    #infobox .liste img {border:2px solid #fff; margin-right:5px; vertical-align:middle;}
    #infobox #liste_neuebenutzer {display:none;}        /* <= standardmaessig ausgeblendeter Reiter */
    
    /* Service */
    #service {position:absolute; top:-100px; background:none !important; width:250px !important;}
    #service h2 {display:none;}
    #service li {float:right; clear:none; font-size:10px; margin:0 6px; }
    #service a {text-decoration:none;}
        
/* Uebersicht: Blaetterfunktionen */
div.blaettern { padding:10px 18px; clear:both; height:26px; border:1px solid #F2F2F2; border-width:1px 0; }
div.blaettern ul { width:657px; clear:both; padding:0; }
div.blaettern li { clear:none; float:left; line-height:26px; margin:0 2px; text-align:center;}
div.blaettern li#sortierfunktion { float:right; width:auto; }
div.blaettern a { display:block; height:100%; text-decoration:none; width:26px; background:url(../images/buttons/button-blaettern-listen.gif) no-repeat; }
div.blaettern a:hover,
div.blaettern a:active { background-position:0 -26px; }
div.blaettern a.aktuell { background-position:0 -52px; color:#FFF; }


/* Sternwertung */

    /* Defaults */
    .sterne, #inhalterechts .sterne {width:80px;}
    .sterne, .vergebenesterne {background: url(../images/stars/stars_16px.gif) 0 0 repeat-x;}
    .sternwertung, .sternwertung a, .sterne, .vergebenesterne {display:block; height:16px;}
    .sternwertung a, .vergebenesterne, .sternwertung, #fotodetails {width:16px; text-decoration:none; float:left;  position:relative;}
    .sternwertung a:hover {background:url(../images/stars/stars_16px.gif) 0 -16px repeat-x;}
      
            /* letzte Besucher */
            #letztebesucher { border-top:2px dotted #F2F2F2; margin:5px 0; }
            #letztebesucher h2 { padding:0; }
            #letztebesucher p { clear:both; }
            #letztebesucher ul { padding:0; clear:both; display:block; }
            #letztebesucher li { clear:none; float:left; margin-right:5px; }
    
    /* Das gesamte Element der Sternwertung formatieren */
    .sternwertung, #inhalterechts .sternwertung {background:url(../images/stars/sternwertung_bg.gif) no-repeat; width:220px; height:40px; display:block; font-size:10px;} /* <= height definiert die Abstände nach unten */    
    .sternwertung .sterne {margin:0 auto;}
    
    /* Hover Effekte */
    .sternwertung .stern1 {z-index:5;}
    .sternwertung .stern2 {width:32px; margin-left:-16px; z-index:4;}
    .sternwertung .stern3 {width:48px; margin-left:-32px; z-index:3;}
    .sternwertung .stern4 {width:64px; margin-left:-48px; z-index:2;}
    .sternwertung .stern5 {width:80px; margin-left:-64px; z-index:1;}
    
     #sterneanleitung,
    div#quickvotesterneanleitung { width:220px; margin:50px auto; background:url(../images/sternwertung_anleitung.jpg); padding:0; height:82px; z-index:999; position:absolute; left:220px;}
  
    /* Vergebene Sterne anzeigen */
    .vergebenesterne {background-position:0 -32px; margin-top:-16px;}
    .vergeben0 .vergebenesterne {width:0px;}
    .vergeben1 .vergebenesterne {width:16px;}
    .vergeben2 .vergebenesterne {width:32px;}
    .vergeben3 .vergebenesterne {width:48px;}
    .vergeben4 .vergebenesterne {width:64px;}
    .vergeben5 .vergebenesterne {width:80px;}
    
/* Quickvote-Anpassungen */
#inhalterechts #quickvote {text-align:center;}
#inhalterechts #quickvote .sternwertung,
div#quickvotesterneanleitung {left:10px;}
#inhalterechts #quickvotebewertung { margin:10px 0;}
#inhalterechts #quickvote .titel {margin:-13px auto -5px auto; font-size:10px;}
#inhalterechts #quickvote .vergebenesterne {width:0px;}

/* Umbrueche erzwingen und Hacks */
.umbruch {clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
.ausgeblendet {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}
.versteckt {display:none !important;}
.filter { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }

/* Hinweis Unbewertete Bilder */
#inhaltelinks #unvoted { background:url(../images/elements/hinweis_unvoted_bg.gif) 0 bottom no-repeat; height:110px;}
#unvoted * { color:#ff8a00; position:relative; left:140px; padding:0;}
#unvoted h2 { font-size:14px; padding:5px 0; top:5px;}
#unvoted a { background:url(../images/buttons/button_unvoted.gif) 0 0 no-repeat; color:#FFF; display:block; height:25px; left:320px; line-height:24px; text-align:center; text-decoration:none; width:200px; }
#unvoted a:hover { background-position:0 -25px; }

/* Wochengewinner */
#wochengewinner ul { padding-top:0; }
#wochengewinner li { border-bottom:1px dotted #FFF; }
#wochengewinner li:last-child { border-width:0; }

#wochengewinner li .name { font-weight:bold;}
#wochengewinner li .datum { font-size:10px; }