/*  =========================================================
Style Sheet für das Lesbenfrühlinsgtreffen 2008 in Dresden 
Stand: 
Datei: bildschirm.css
Datum: 25.Mai 2007 
Autorin: Kerstin D.
Co-Autor: Peter Müller: Little Boex - Webseiten gestalten mit CSS.

Aufbau:1. Kalibrierung und allgemeine Styles 
       2. Styles für Layoutbereiche
       3. Sonstige Styles
eingebunde  Grafikdateien: #kopfbereich: farbverlauf.jpg 
============================================================*/

/* =======================================
   1. Kalibrierung und allgemeine Styles 
   ======================================= */  

/* Kalibrierung der wichtigsten Abstände  */ 

/* schafft eine einheitliche Ausgangssituation     */
/* alle Abstände zwischen den Absätzen,            */
/* Überschriften, Grafiken... werden auf 0 gesetzt */ 
* { padding: 0; margin: 0; }

/* Abstand nach unten */
h2, p { margin-bottom: 1em; }

/* Allgemeine Selektoren */ 

html { height: 101%; }  /* Erzwingt Scrollbar im Firefox */

/* body umfaßt den gesamten Anzeigebereich des Browsers  */ 
body {
    color: black;                                                /*Schriftfarbe */
    background-color: #ffffe0;                                   /* Hintergrundfarbe Eierfarben */
    background: #ffe574 url(farbverlauf_780.jpg) repeat-y top left;  /* Hintergrundbild */
    font-family: Verdana, Arial, Helvetica, sans-serif;          /* Schriftarten */
    font-size: medium;                                           /* Schriftgröße */
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 105%; }

form { width: 440px; }
table { margin-bottom: 1em; }

/* Hyperlinks allgemein */ 

a {
    text-decoration: none;                                       /* Unterstreichung entfernen */ 
    outline: none;                                               /* gepunktete Umrißlinie entfernen */ 
}

/* Hyperlink zu noch nicht besuchter seite */
a:link { color: #993366; }

/* Hyperlink zu besuchter Seite */ 
a:visited { color: #cc6666; }

/* Gestaltung des Hyperlinks wenn der Kursor darüber bewegt wird */
/* oder mit der TAB-Taste markiert wird                          */ 
a:hover,
a:focus {  border-bottom: 1px solid #936; }                      

a:active {
    color: #ffffe0; /* inverse */
    background-color: #936; /* kräftiges rot */ 
}

/* Allgemeine Klassen und IDs */ 

.sprunglink {
    position: absolute;
    top: -2000px;
    left: -3000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline;
}
.zentrieren { text-align: center; }

/* Ausrichtung von Tabellenzellen */
.obenrechts { vertical-align: top; text-align: right; }

#logo {
    color: #936;
    background-color: #ffffe0;
}

/* #index #logo { display: none; } */


#veranstaltung {
    color: #993366;
    font-family: "Comic Sans MS", sans-serif;
    font-size: 240%;
}

/* =======================================
   2. Styles für die Layoutbereiche 
   ======================================= */  

#umschlag { /* Das HTML-Element mit dem Attribut id="Umschlag" */ 
    color: #039;
/*     background-color: #ffffe0;
    background: #ffe574 url(farbverlauf.jpg) repeat-y top left; */
    width: 760px; /* Breite des Inhaltsbereiches */
    margin: 10px auto;
    border: 1px solid #936;
}
#umschlagnavitextsponsoren {
    position: relative;
    color: #936;
    background-color: #ffed93;
}

#kopfbereich {
    position: relative;
    color: black;
    padding: 15px 20px;

}
    #kopfbereich p {
        position: absolute;
        top: 30px;
        left: 30%;
        text-align: center;
    }
#index #kopfbereich { height: 120px; }
#index #kopfbereich p { left: 21%; }

#navibereich {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 110px; 
    color: #936;
    background-color: #ffed93;
    padding: 10px;
    margin: 0;
}
    #navibereich a {
        text-decoration: none;
    }
    #navibereich a:active {
        color: #FFFFe0; /* inverse */
        background-color: #936; /* kräftiges rot */ 
    }
/* #navibereich h2 a:hover { font-weight: normal; } */
    #navibereich ul { margin-bottom: 1em; }
    #navibereich li {
        list-style-type: none;
        padding-bottom: 7px;
        border: 
        margin: 0;
    }
    
    #programm #navibereich,
    #staende #navibereich,
    #kunst #navibereich,
    #tagesprogramm #navibereich,
    #abendprogramm #navibereich,
    #beiprogramm #navibereich,
    #workshop_sa1130 #navibereich,
    #workshop_sa1700 #navibereich,
    #workshop_so0930 #navibereich,
    #workshop_so1130 #navibereich,
    #workshop_so1430 #navibereich,
    #workshop_so1630 #navibereich,
    #eplenum #navibereich,
    #podiumsdiskussion_sa #navibereich,
    #demo #navibereich,
    #podiumsdiskussion_so #navibereich,
    #mplenum  #navibereich,
    #abendprogramm_sa #navibereich,
    #abendprogramm_so #navibereich,
    #demo #navibereich,
    #assistentinnenworkshop #navibereich,
    #lftneueinsteigerinnenworkshop #navibereich { width: 137px; }

    #navi05_1 { padding-left: 5px; }
    
#sponsorenbereich {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    color: #936;
    padding: 5px;
    margin: 0;
}
#sponsorenbereich h2 { font-size: 90%; }
#sponsorenbereich p { margin-bottom: 0; }
#sponsorenbereich img {margin-bottom: 1em; }
#sponsorenbereich a:active { border: 1px solid #936; }
#sponsorenbereich a:hover,
#sponsorenbereich a:focus {  border-bottom: 0; }

#textbereich {
    color: #0060a5;
    background-color: #fffff0;
    padding: 10px;
    margin: 1px 121px 1em 132px;
}
    #textbereich h3 { margin-bottom: 1em; }
    #textbereich ul { margin-bottom: 1em; }
    #textbereich li {
        margin-left: 1em;  /* Abstand von links */
        list-style-type: circle;
    }

    #links #textbereich li { margin-bottom: 0.5em; }

    #programm #textbereich,
    #staende #textbereich,
    #kunst #textbereich,
    #tagesprogramm #textbereich,
    #abendprogramm #textbereich,
    #beiprogramm #textbereich,
    #workshop_sa1130 #textbereich,
    #workshop_sa1700 #textbereich,
    #workshop_so0930 #textbereich,
    #workshop_so1130 #textbereich,
    #workshop_so1430 #textbereich,
    #workshop_so1630 #textbereich,
    #eplenum #textbereich,
    #podiumsdiskussion_sa #textbereich,
    #demo #textbereich,
    #podiumsdiskussion_so #textbereich,
    #mplenum #textbereich,
    #abendprogramm_sa #textbereich,
    #abendprogramm_so #textbereich,
    #demo #textbereich,
    #assistentinnenworkshop #textbereich,
    #lftneueinsteigerinnenworkshop #textbereich { margin-left: 160px; }

    #workshop_sa1130 #textbereich p,
    #workshop_sa1700 #textbereich p,
    #workshop_so0930 #textbereich p,
    #workshop_so1130 #textbereich p,
    #workshop_so1430 #textbereich p,
    #workshop_so1630 #textbereich p {
        text-indent: -0.75em;
        margin-left: 0.75em;
        margin-bottom: 0.5em;
    }

    #workshop_sa1130 #textbereich ul li,
    #workshop_sa1700 #textbereich ul li,
    #workshop_so0930 #textbereich ul li,
    #workshop_so1130 #textbereich ul li,
    #workshop_so1430 #textbereich ul li,
    #workshop_so1630 #textbereich ul li {
        list-style-type: none;
    }

    #unterkunft #textbereich ul { margin-bottom: 0; }
    #unterkunft #textbereich ul li {
        list-style-type: none;
        margin-top: 1em;
        margin-left: 0;
    }
    #unterkunft #textbereich ul ul li {
        list-style-type: circle;
        margin-top: 0;
        margin-left: 1em;
    }
    
    #preise #textbereich table td { text-align: center; }
    #tickets #textbereich table td { text-align: center; }
    
/* =======================================
   3. Sonstige Styles  
   ======================================= */

/* =======================================
    E N D E  D E S  S T Y L E S H E E T S 
   ======================================= */