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

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

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

body {
    color: #000000;                                        /* Schriftfarbe schwarz */
    font-family: Verdana, Arial, Helvetica, sans-serif;    /* seriflose Schriften */
    font-size: 12px;                                       /* Schriftgroesse */
    background-image: url(./grafiken/layout/bg_welle.png); /* Hintergrundbild hellorange mit blaugrauer Welle */
    background-repeat: repeat;                             /* Hintergrundbild wiederholt sich sowhol horizontal als auch vertikal */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SCHUTZUMSCHLAG |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#wrapper {
    width: 900px;                       /* Breite der gesamten Seite */
    background-color: #FFF3C9;          /* Hintergrundfarbe hellgelb */
    border-left: 3px solid #FFCC66;     /* 1px starke dunkelorange Rahmenlinie */
    border-top: 3px solid #FFCC66;      /* 1px starke dunkelorange Rahmenlinie */
    border-right: 4px solid #FFCC66;    /* 2px starke dunkelorange Rahmenlinie */
    border-bottom: 4px solid #FFCC66;   /* 2px starke dunkelorange Rahmenlinie */
    margin: 20px auto 10px auto;        /* Abstand zum Rand: top right bottom left => horizontal zentriert */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* KOPFBEREICH ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#header {
    color: #000000;                     /* Schriftfarbe schwarz */
    height: 110px;                      /* Hoee des gesamten Headers */
    padding: 10px 15px 10px 10px;       /* Abstand oben und unten zum div-Container */
}

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

#header-left {
    float: left;                        /* bewirkt, dass der rechte div-Container den linken "umfliesst" */
    text-align: center;                 /* horizontal zentrierte Ausrichtung des Bildes */
    width: 130px;                       /* Breite von 130px - nicht zu vergessen: das padding */
    height: 110px;                      /* gleiche Hoehe wie gesamter Header */
    margin-right: 10px;                 /* Abstand zum rechten div-Container */
}

#header-left table {                 /* Tabelle zur horizontalen und vertikalen Zentrierung des Logos */
    margin: -2px;                       /* negativer margin ist notwendig, da sonst zwischen div-Container und Tabelle ein Platz frei bleibt - Ursache ist mir zur Zeit unklar */
}

#header-left td {                    /* Zelle soll den ganzen div-Container ausfuellen und den Inhalt horizontal zentrieren */
    text-align: center;                 /* Bild wird horizontal zentriert */
    width: 130px;                       /* die selbe Breite wie div-Container header-left */
    height: 110px;                      /* die selbe Hoehe wie div-Container header-left */
}

#header-left td img {
    vertical-align: middle;             /* vertiakle Zentrierung des Bildes */
}

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

#header-right {                      /* beinhaltet Logo + horizontale Navigation */
    float: right;                       /* rechter Teil des Kopfbereichs wird gefloated */
    width: 735px;                       /* zusammen mit padding von header-left genau 750px breit = Breite des Inhaltsbereichs */
    height: 110px;                      /* gesamte Hoehe des rechten Header-Bereichs = Logo + Menue */
}

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

#header-top {                        /* beinhaltet Logo */
    height: 60px;                       /* Hoehe */
    padding-top: 9px;                   /* Innenabstand nach oben, damit Logo nicht am Rand klebt */
    border-bottom: 1px dotted #CCCCCC;  /* durchgehende 1px starke graue Rahmenlinie unten */
}

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

#header-menu {                       /* beinhaltet horizontale Navigation */
    height: 26px;                       /* muss sich mit der Hoehe von header-top und den paddings auf die Hoehe von header-right ergaenzen */
    padding-top: 14px;                  /* Abstand zur Rahmenlinie von obigem div-Container */
}

#header-menu li.rechts,
#header-menu li.links  {             /* grundlegende Einstellungen der List-Items */
    float: right;                       /* stellt die List-Items horizontal nebeneinander dar - mit display: inline konnte die Breite der List-Items nicht festgelegt werden */
    list-style-type: none;              /* deaktiviert das Aufzaehlungszeichen */
    width: 78px;                        /* die List-Items sind 80px breit - links und rechts bleiben 10px Freiraum */
    background-color: #EEEEFF;          /* blaugrauer Hintergrund */
    border-right: 1px solid #6677FF;    /* hellblaue Linie am linken Rand */
    border-bottom: 1px solid #6677FF;   /* hellblaue Linie am linken Rand */
    border-left: 1px solid #6677FF;     /* hellblaue Linie am linken Rand */
    margin-left: 5px;                   /* Abstand zu nächstem List-Item */
}

#header-menu li.breit {				 /* grundlegende Einstellungen der List-Items */
    width: 100px;                       /* die List-Items sind 100px breit - links und rechts bleiben 5px Freiraum */
}

#header-menu li.links {       
    float: left;                        /* das float von oben wird korrigiert */
    margin-left: 0px;                   /* margin-left von oben wird korrigiert */
    margin-right: 5px;                  /* Abstand zum nächstem List-Item */
}

#header-menu li a {                  /* steuert die grundlegenden Eigenschaften der Hyperlinks */
    display: block;                     /* Hyperlinks fuellen das komplette List-Item aus */
    color: #000000;                     /* schwarze Hyperlinks */
    text-decoration: none;              /* Deaktivierung der Unterstreichung */
    text-align: center;                 /* Text wird horizontal zentriert */
    padding: 4px 4px 4px 6px;           /* Text soll etwas Abstand vom Rand des List-Items haben */
}

#header-menu li:hover,
#header-menu li:focus {
    background-color: #FFEEDD;          /* Hintergrund ändert sich in einen Rot-Ton */
    border-right: 1px solid #CC0000;    /* Linie am rechten Rand verfaerbt sich hellrot */
    border-bottom: 1px solid #CC0000;   /* Linie am unteren Rand verfaerbt sich hellrot */
    border-left: 1px solid #CC0000;     /* Linie am linken Rand verfaerbt sich hellrot */
}

#header-menu a:active {              /* steuert die Eigenschaften von gerade aktiviertetn Hyperlinks */
    color: #FF0000;                     /* Schriftfarbe wird rot */
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* NAVIGATIONSBEREICH links |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

div#menu-left {                      /* die Voranstellung von div ist fuer den IE noetig, da er sonst die Untermenues nicht dynamisch anzeigen kann */
    float: left;                        /* das Elemente "fliesst" an den linken Rand */
    color: #000000;                     /* Schriftfarbe schwarz */
    width: 139px;                       /* Breite = 140px, da Probleme bei Ansicht Verkleinerung -1px */
    height: 440px;                      /* selbe Hoehe wie der div-Container "main" */
    padding-left: 10px;                 /* Breite => 150px (10px padding) */
    margin-bottom: 10px;                /* selber Abstand zum Footer wie der div-Container "main" */
}

div#menu-left ul {                   /* grundlegende Einstellungen der unsortierten Liste */
    width: 130px;                       /* die List-Items sind 130px breit - links und rechts bleiben 10px Freiraum */
}

div#menu-left ul.level1 li {         /* grundlegende Einstellungen der List-Items - .level1 ist notwendig, da sonst List-Items mit Unterpunkten nicht die gewünschte Hintergrundfarbe zugewiesen wird */
    position: relative;                 /* List-Items als Ausgangspunkt fuer die Position der jeweiligen Untermenues */
    list-style-type: none;              /* deaktiviert das Aufzaehlungszeichen */
    background-color: #EEEEFF;          /* blaugrauer Hintergrund */
    border-right: 1px solid #6677FF;    /* hellblaue Linie am rechten Rand */
    border-bottom: 1px solid #6677FF;   /* hellblaue Linie am unteren Rand */
    border-left: 8px solid #6677FF;     /* hellblaue Linie am linken Rand */
    margin-bottom: 3px;                 /* Abstand zwischen den einzelnen List-Items */
}

div#menu-left ul ul {
    position: absolute;                 /* Untermenues werden im Container absolut positioniert */
    top: 0;                             /* Oberkante des Untermenues auf gleicher Hoehe mit der Oberkante des Listenelements */
    left: 122px;                        /* Untermenues werden um die selbe Breite wie die Menues nach rechts "verschoben" */
    display: none;                      /* Eintraege verstecken => dynamisches Aus- bzw. Einklappen */
    background-color: #FFFFFF;          /* Hintergrundfarbe zwischen den einzelnen List-Items */
}

div#menu-left ul.level1 li.submenu:hover ul.level2,
div#menu-left ul.level2 li.submenu:hover ul.level3 {
    display: block;                     /* Untermenues werden bei Selektion (hover) sichtbar / klappen auf - standardmaessig sind sie versteckt = display:none */
}

div#menu-left li a {                 /* steuert die grundlegenden Eigenschaften der Hyperlinks */
    display: block;                     /* Hyperlink nutzt die ganze zur Verfuegung stehende Breite - wichtig fuer das Anklicken mit der Maus */
    text-decoration: none;              /* Deaktivierung der Unterstreichung */
    color: #000000;                     /* schwarze Hyperlinks  */
    width: 115px;                       /* IE akzeptiert sonst display:block nicht => muss fuer andere Browser nachher wieder deaktiviert werden */
    padding: 4px 0px 4px 6px;           /* Text soll etwas Abstand vom Rand des List-Items haben */
}

div#menu-left li.nolink {
    padding: 4px 0px 4px 6px;           /* Text soll etwas Abstand vom Rand des List-Items haben */
}

/*div#menu-left > ul li a {*/                 /* jedes a-Element, das Nachkoemmling von einem ul-Element ist, das selbst ein unmittelbares untergeordnetes Element eines divs mit der id menu-left ist => damit werden alle Links in der Menuestruktur ausgewaehlt */
/*    width: auto;         */               /* die Breitenangabe wird wieder zurueckgesetzt - IE versteht diesen Befehl naemlich nicht */
/*}                        */

div#menu-left li.submenu {
    background: url(./grafiken/layout/submenu_pfeil.png) 95% 50% no-repeat; /* in jedem Submenue wird rechts ein Pfeil als Hintergrundbild geladen - und zwar fast ganz rechts (95%) mittig (50%) */
}

div#menu-left ul.level1 li:hover,
div#menu-left ul.level1 li.submenu:hover {   /* der Hoover-Effekt wird direkt auf die List-Items und nicht auf die Links angewendet, da sonst die Pfeilgrafik verschwinden wuerde */
    background-color: #FFEEDD;               /* Hintergrundfarbe hellrot */
    border-right: 1px solid #CC0000;         /* Linie am rechten Rand verfaerbt sich hellrot */
    border-bottom: 1px solid #CC0000;        /* Linie am unteren Rand verfaerbt sich hellrot */
    border-left: 8px solid #CC0000;          /* Linie am linken Rand verfaerbt sich hellrot */
}

div#menu-left ul.level2 li:hover,
div#menu-left ul.level2 li.submenu:hover {   /* Level 2 */
    background-color: #FFEEDD;
    border-right: 1px solid #FF6600;
    border-bottom: 1px solid #FF6600;
    border-left: 8px solid #FF6600;
}

div#menu-left ul.level3 li:hover,
div#menu-left ul.level3 li.submenu:hover {   /* Level 3 */
    background-color: #FFEEDD;
    border-right: 1px solid #FF9933;
    border-bottom: 1px solid #FF9933;
    border-left: 8px solid #FF9933;
}

div#menu-left li a:active {          /* steuert die Eigenschaften von aktivierten Hyperlinks */
    color: #FF0000;                     /* Schriftfarbe wird rot */
}

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

#menu-left .box {                    /* diverse Infos unter dem Menue (z.B. optimiert fuer Mozilla Firefox) */
    font-size: 10px;                    /* Schriftgroesse */
    font-style: italic;                 /* kursiv */
    text-align: center;                 /* Inhalt wird horizontal zentriert */
    width: 94px;                        /* links und rechts bleiben 28px frei */
    padding-top: 9px;                   /* Abstand zwischen Trennlinie und Inhalt */
    border-top: 1px dotted #AAAAAA;     /* hellgraue Trennlinie */
    margin: 9px 0px 0px 18px;           /* Abstand links zum padding von 10px */
}

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

#main {
    float: right;                       /* Container "fliesst" an den rechten Rand */
    overflow: auto;                     /* bewirkt, dass laengerer Inhalt vom Browser korrekt dargestellt wird (Scrollbalken) */
    color: #000000;                     /* Schriftfarbe schwarz */
    line-height: 1.7;                   /* Zeilenabstand: Zeilenhoehe 1,7 so gross wie Schriftgroesssse */
    text-align: justify;                /* Blocksatz */
    width: 714px;                       /* Breite + padding + Menue-links = 900px */
    height: 405px;                      /* die Hoehe des Inhaltsbereichs wird auf 400px festgelegt */
    background-color: #FFFFFF;          /* weisser Hintergrund fuer optimalen Kontrast zum Text */
    padding: 23px 15px 10px 20px;       /* Breite + padding = 750px */
    border-top: 1px solid #FFCC66;      /* hellorange Rahmenlinie */
    border-bottom: 1px dotted #FFCC66;  /* gepunktete hellorange Rahmenlinie */
    border-left: 1px solid #FFCC66;     /* hellorange Rahmenlinie */
    margin-bottom: 10px;                /* Abstand zur Fusszeile */
}

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

#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;
}

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

/* Eigenschaft wurde auf einmal nicht mehr vererbt, Fehler noch nicht gefunden */
#termine {
    font-size: 12px;
}

#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: 40px;                /* Abstand zu naechster News-Box */
}

.wrapper_klein {
    height: 148px;                      /* News-Boxen mit weniger Inhalt sollen kleiner dargestellt werden */
}

.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 #CCCCCC; 
    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_funktion {       /* etwas Abstand zwischen der Haupt-Info und der Sprechstunde */
    margin-top: 15px;
}

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

#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 {
    height: 120px;
    padding-right: 20px;
}

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

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

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

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

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* FUSSBEREICH ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#footer {
    clear: both;                        /* floats werden gecleart => Fusszeile wird korrekt unterhalb Menue-links und Hauptbereich dargestellt */
    height: 40px;
    margin-right: 15px;
}

#footer-left {
    float: left;
    width: 130px;
    padding: 5px 0px 5px 0px;
    margin-right: 10px;
}

#footer-right {
    float: right;
    text-align: center;
    width: 735px;
    padding-top: 5px;
    border-top: 1px dotted #CCCCCC;    /* duenne schwarze Rahmenlinie oberhalb des FussŸbereichs */
}

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

address {
    text-align: center;                /* horizontale Zentrierung orientiert sich am div-Container main */
    font-size: 80%;                    /* Schriftgroesse 80% der Standardschrift */
    font-style: normal;                /* standardmaessig waere kursiv eingestellt */
    letter-spacing: 2px;               /* Abstand zwischen den einzelnen Buchstaben */       
    line-height: 1.5em;                /* Zeilenabstand */
}

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