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

    #hauptmenue,                                                /*    Darstellung der Seite    */
    #flashbereich,                                                /* width:900px => durchbrochen */
    #fusszeile {width:900px; 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;}

    .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:910px; 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:#f6e5dc 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:#f6e5dc 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:#f6e5dc url(../images/elements/inhaltelinks_klein_bg_unten.jpg) 0 bottom no-repeat;}
    h1, h2, .gleichh2, h3, p, .inhalte ul, .inhalte ol, #inhalterechts form, #startseite .teaser a, #startseite .teaser img, #profilavatar {padding:5px;}


     
    /* Warnungen und Hinweise */
    .hinweis *, .hinweisok * {color:#FFF; font-weight:bold;}
         
        #inhalterechts .hinweis h2 {background:url(../images/elements/inhalterechts_hinweis_bg_ob.jpg) 0 0 no-repeat;}
         #inhalterechts .hinweis {background:#CC0000 url(../images/elements/inhalterechts_hinweis_bg_un.jpg) 0 bottom no-repeat;}
        #inhaltelinks .hinweis h2 {background:url(../images/elements/inhaltelinks_hinweis_bg_obe.jpg) 0 0 no-repeat;}
        #inhaltelinks .hinweis {background:#CC0000 url(../images/elements/inhaltelinks_hinweis_bg_unt.jpg) 0 bottom no-repeat;}
        #inhaltelinks .hinweisok h2 {background:url(../images/elements/inhaltelinks_ok_bg_oben.jpg) 0 0 no-repeat;}
        #inhaltelinks .hinweisok {background:#69ac00 url(../images/elements/inhaltelinks_ok_bg_unten.jpg) 0 bottom no-repeat;}        
    

/* Struktur der Spalten */
#inhaltelinks, #inhalterechts {position:relative; left:50%; float:left; min-height:400px; margin:10px 0;}
#inhaltelinks {width:660px; margin-left:-450px; overflow:hidden;}
#inhalterechts {width:240px;}
.block.gross {width:650px; 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 {text-indent:20px;}                                /* <= entspricht h2 mit hintergrund ist aber eingerückt und hat keinen Hintergrund */





/* Spezielle Angaben */

/* Seitenkopf (Logo, Menue, Flashbereich */
#logo {margin:10px auto;}
#hauptmenue {height:28px; background:#f2911b; font-weight:bold; font-size:12px;}
#hauptmenue li {border:1px solid #f2f2f2; border-width:0 0 0 1px;}             /* #hauptmenue ul hinzu falls durchgezogen */
#hauptmenue li {width:115px; border-width:0 1px 0 0; float:left; clear:none;}    /* Standrad-Weite: 150px */
#hauptmenue a {color:#f2f2f2; display:block; text-decoration:none; line-height:28px; text-align:center;}

    /* Aktuelle Seite farbig hervorheben */
    #startseite #startseitenlink,
    #preise #preiselink,
    #registrierung #registrierunglink,
    #teilnehmer #teilnehmerlink,
    #fotos_uebersicht #fotos_uebersichtlink, #fotos_ansicht #fotos_uebersichtlink,
    #profil #meinefotoslink,
    #bildderwoche #bildderwochelink,
    #voting #votinglink,
    #regeln #regelnlink,
    #fotos_voting #fotos_votinglink,
    #hauptmenue a:hover {background:#f2cb05;}
        
#flashbereich {height:175px; background:#f2b705; border-bottom:10px solid #f2cb05;}
#flashbereich.flashaus {height:0px;}


/* Seitenfuss */
#fusszeile {font-size:10px; border-top:10px solid #f2cb05; 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;}


/* Rechte Spalte (Inhalterechts) */
#inhalterechts div {width:100%;}
#inhalterechts .absenden, #kommentierfunktion .absenden {width:85px; height:25px; background:url(../images/buttons/button-absenden-mittel.gif) no-repeat;}
#login, #suche {text-align:right;}
#werbebloecke div, #werbebloecke.block {background:none;}
    
    /* Login */
    #inhalterechts #login {height:128px; background:url(../images/login-bg.jpg) no-repeat;}
    #login div {padding-top:30px;}
    #login_submit, #login label, #login a {margin-top:3px; color:#F2F2F2; font-size:10px; }
    #login label {font-size:11px;}
    #login a {float:right; margin:0 5px;}
    #login #login_username, #login #login_password { width:120px; }
        
        /* Wenn angemeldet */
        #inhalterechts .angemeldet {height:auto;}
        .angemeldet * {color:#FFF;}
        #inhalterechts .angemeldet h2 {background:url(../images/elements/angemeldet_bg_oben.jpg) no-repeat;}
        #inhalterechts .angemeldet {background:#f2911b url(../images/elements/angemeldet_bg_unten.jpg) 0 bottom no-repeat;}
    
    
    /* Profilsuche */
    #profilsuche input {display:inline;}
    #profilsuche .absenden {width:30px; height:20px; background:url(../images/buttons/button-absenden-suche.gif) 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:-115px; 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;}
        
/* Blaetterfunktionen */
.blaettern {display:block; clear:both;}                        /* <= Es existiert ein Fix fuer IE6 in IE6.css */
.blaettern a {padding:3px 5px; border:1px solid #F2CB05; text-decoration:none;}
.blaettern .aktuell, .blaettern a:hover {background:#F2CB05; color:#FFF;}
.blaettern .anzahl {display:block;}
.blaettern {font-size:10px; font-weight:normal;}

/* 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;}
    
    /* Fotodetails formatieren */
    #fotodetails, #inhaltelinks #letztebesucher {padding:0 0 12px 5px;}
    #fotodetails {width:212px; text-align:left;} /* Position der Sternwertung ist abhaengig von dieser Weite (212 stellt die Mitte dar) */
    #fotodetails, .bewertung, #bildfunktionen {margin-top:10px;}
    
            /* letzte Besucher */
            #letztebesucher h2 {padding:0;}
    
    /* Das gesamte Element der Sternwertung formatieren */
    .sternwertung, #inhalterechts .sternwertung {background:url(../images/stars/sternwertung_bg.gif) no-repeat; width:220px; height:55px; top:10px; 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 #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; }