/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

* {                                  /* Ruecksetzen der eingebauten Browser-Style-Sheets */
    padding: 0;
    margin: 0;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* BODY => betrifft ganze Webseite ||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

body {
    color: #000000;                     /* Schriftfarbe schwarz */
    background-color: #FFFFFF;          /* Hintergrundfarbe weiss */
    font-family: Verdana, Arial, Helvetica, sans-serif; /* seriflose Schriften */
    font-size: 12px;                    /* Schriftgroesse */
    width: 714px;                       /* siehe format.css */
    margin: 10px 0px 0px 20px;          /* Abstaende zum Rand */
    line-height: 1.7;                   /* Zeilenabstand: Zeilenhoehe 1,7 so gross wie Schriftgroesse */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* INHALTSBEREICH |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#main a:link,
#main a:visited {
    color: #0000FF;                     /* Standard-Farbe von Links = blau */
    text-decoration: none;              /* standardmaessig keine Unterstreichung */
}

#main a:hover {
    color: #0000FF;
    text-decoration: underline;         /* Unterstreichung */
}

#main a:active {
    color: #FF0000;                     /* rote Schrift */
    text-decoration: none;              /* keine Unterstreichung */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.bildrechts {                        /* Bild floatet nach rechts + Abstand zu den umgebenden Elementen */
    float:right;
    margin: 5px 0px 10px 30px;
}
 
img {                                /* verhindert den blauen Rahmen bei Hyperlinks */
    border: 0px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

h1 {
    display: inline;                    /* Darstellung als Inline-Element */
    color: #3A47DD;                     /* blau */ 
    font-size: 18px;                    /* Schriftgroesse */
    padding-left: 5px;                  /* Abstand zum linken Rand des div-Containers main */
    border-bottom: 1px solid #FFCC66;   /* Rahmenlinie unten */
    border-left: 8px solid #FF9933;     /* Rahmenlinie links wie bei Menuestruktur */
}

h1.level1 {
    border-bottom: 1px solid #CC0000;   /* angepasst an Menuestruktur */
    border-left: 8px solid #CC0000;     /* angepasst an Menuestruktur */
}

h1.level2 {
    border-bottom: 1px solid #FF6600;   /* angepasst an Menuestruktur */
    border-left: 8px solid #FF6600;     /* angepasst an Menuestruktur */
}

h1.level3 {
    border-bottom: 1px solid #FF9933;   /* angepasst an Menuestruktur */
    border-left: 8px solid #FF9933;     /* angepasst an Menuestruktur */
}

h2 {
    color: #000000;                     /* schwarz */
    font-size: 13px;
    margin: 15px 0px 5px 0px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#termine td {
    padding: 3px 0 3px 0;
}

#termine .termine_monat {
    font-weight: bold;
    font-size: 90%;
    font-style: italic;
    letter-spacing: 1px;
    color: #000000;
    padding-left: 5px;
    border-bottom: 1px solid #DDDDDD;
}

#termine .termine_morow {
    background-color: #EEEEEE;
}

#termine .termine_left {
    padding-left: 5px;
    border-right: 1px solid #F4F4F4;
    border-bottom: 1px solid #EEEEEE;
}

#termine .termine_right {
    padding-left: 15px;
    border-bottom: 1px solid #EEEEEE;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.aktuelles_wrapper {                 /* legt die Groesse einer kompletten News-Box fest */
    width: 695px;                       /* Inhaltsbereich + Grafikbereich */
    height: 212px;                      /* Ueberschrift + Text */
    margin-bottom: 20px;                /* Abstand zu naechster News-Box */
}

.wrapper_klein {
    height: 148px;                      /* News-Boxen mit weniger Inhalt sollen kleiner dargestellt werden */
    margin-bottom: 40px;                /* ??? sonst ist der Abstadn nach unten zu klein */
}

.aktuelles_ueberschrift {
    float: left;
    color: #3A47DD;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 2px;
    width: 485px;
    height: 25px;
    padding-top: 5px; 
}

.aktuelles_mehr,
.aktuelles_datum {
    float: right; 
    text-align: center;
    width: 97px; 
    height: 23px; 
    background-image:url(grafiken/layout/gradient_aktuelles_blau_2.png);  /* Farbverlauf */
    padding-top: 5px; 
    border-top: 2px solid #CCCCCC;
    border-left: 2px solid #CCCCCC; 
}

.aktuelles_datum {
    width: 98px; 
    border-left: 1px dotted #CCCCCC; 
    border-right: 2px solid #CCCCCC;
}

.aktuelles_text {
    float: left; 
    width: 480px; 
    height: 164px; 
    background-image:url(grafiken/layout/gradient_aktuelles_blau.png);  /* Farbverlauf */
    padding: 10px 15px 5px 0px; 
    border-top: 1px dotted #CCCCCC; 
    border-right: 1px solid #DDDDDD; 
    border-bottom: 2px solid #CCCCCC; 
}

.aktuelles_grafik {
    float: right; 
    text-align: center;
    width: 197px; 
    height: 164px; 
    background-color: #EEEEFF;
    padding-top: 15px; 
    border-top: 1px dotted #CCCCCC; 
    border-bottom: 2px solid #CCCCCC; 
    border-right: 2px solid #CCCCCC;
}

.zurueck {                /* Zurueck-Button bei kompletter Darstellung der Nachricht */
    text-align: right;
    margin-top: 10px;
    margin-right: 30px;
}

.kleiner {                /* verringert die Hoehe des Textbereichs und des Grafikbereichs */
    height: 100px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.lehrer_wrapper {         /* regelt die grundlegenden Einstellungen einer Lehrer-Box */
    float: left;
    position: relative;   /* notwendig fuer posititon:absolute von E-Mail-Icon */
    height: 110px;
    padding: 9px;
    border: 1px dashed #AAAAAA;
    margin-right: 20px;
    margin-bottom: 20px;
}

.lehrer_kontakt {
    position: absolute;   /* E-Mail-Icon wird absolut positioniert */
    left: 10px;           /* Abstand links 10px */
    bottom: 5px;          /* Abstand unten 5px */
    border: 0px;          /* kein Rahmen bei Hyperlink */
}

.lehrer_li {              /* Bereich fuer Lehrer-Foto */
    float: left;
    width: 100px;
    border-right: 1px dotted #AAAAAA;
}

.lehrer_re {              /* Bereich fuer Lehrer-Info */
    width: 180px;
    margin-left: 120px;
} 

.lehrer_sprechstunde {    /* etwas Abstand zwischen der Haupt-Info und der Sprechstunde */
    margin-top: 7px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#fachbereiche td {
    text-align: center;
    width: 120px;
    height: 85px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#main ul, #main ol {                /* margin wird wieder hergestellt */
    margin-left: 30px;
}

#main ul li, #main ol li {          /* Abstand zwischen den einzelnen List-Items */
    margin-bottom: 7px;
}

#main ul ul, #main ol ol {
    margin-top: 5px;      /* verschachtelte Liste der Ebene 2 soll oben nicht an Liste der Ebene 1 kleben */
    line-height: 1;       /* Zeilenhoehe wird auf normal gestellt */
}

#main ul ul ul, #main ol ol ol {
    margin-top: 8px;      /* Abstand oben fuer verschachtelte Liste der Ebene 3 */
}

#main p {
    margin-bottom: 7px;   /* Abstand unten bei normalen Absaetzen */
}

#main th {
    text-align: left;     /* Tabellenueberschriften werden linksbuendig ausgerichtet */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#stundentafel table {
    border-collapse: collapse;  /* kein Abstand zwischen den einzelnen Zellen */
}

#stundentafel td {
    text-align: center;         /* horizontale Zentrierung des Textes */
    width: 50px;
}

#stundentafel td.spalte1 {
    text-align: left; 
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

#stundentafel td.spalte_links {
    border-left: 2px solid #000000;
}

.infobox {                       /* kleine Info-Box rechts, die den Inhalt der Tabelle naeher beschreibt */
    float:right; 
    text-align:left;
    width:150px; 
}

#stundentafel_legende table {
    border-collapse: collapse;
}

#stundentafel_legende td {
    text-align: left;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#dokus td {
    width: 220px;
    padding-left: 10px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#software td {
    width: 300px;
    height: 30px;
    padding-left: 10px;
}

#software th {
    font-size: 13px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#vorstand td, #sga td, #sga-stv td {
    height: 120px;
    padding-right: 20px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#partner td {
    text-align: center;
    width: 170px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.abstand {                              /* notwendig, da Ueberschriften als Inline-Elemente keinen Margin annehmen */
    margin: 20px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

table {                                 /* aus einem mir noch unbekannten Grund werden die beiden Definition aus dem body nicht an table vererbet */
    font-size: 12px;
    line-height: 1.7;
}