p   { margin-top:0px; margin-bottom:3px;
      font-family:Verdana,Arial,Helvetica; font-size:10pt; line-height:11pt; color: #000000;
    }

ul  { margin-left:10pt; margin-top:0px; margin-bottom:0px; padding-left:0px;
      font-family:Verdana,Arial,Helvetica; font-size:10pt; line-height:11pt; color: #000000;
    }
li  { margin-bottom:0px; margin-left:10px;
    }


td,
th  { /*padding-top:0px; padding-bottom:0px;*/
      font-family:Verdana,Arial,Helvetica; line-height:11pt; font-size:10pt; color: #000000;
      text-align:left; vertical-align:top;
    }

h3  { margin-top:6px; margin-bottom:6px;
      padding-top:0px; padding-bottom:0px;
      font-family:Verdana,Arial,Helvetica; font-size:12pt; line-height:14pt; color: #374b5e;
    }

h4  { margin-top:6px; margin-bottom:6px;
      padding-top:0px; padding-bottom:0px;
      font-family:Verdana,Arial,Helvetica; font-size:11pt; line-height:12pt; color: #374b5e;
    }

h5  { margin-top:3px; margin-bottom:3px;
      padding-top:0px; padding-bottom:0px;
      font-family:Verdana,Arial,Helvetica; font-size:10pt; line-height:12pt; color: #374b5e;
    }

a   { text-decoration: underline; color:#374b5e; }

img { border-width:0px; border:none; }

/* Div-Bereich unmittelbar im Body-Tag, um in alten Browsern den Float-Befehle zu überlisten */
div.body
 { width:990px;
   background-color:#FFFFFF;
   margin-left:5px;
 }


/************************************************************** Kopf-Bereich  **************************************************************/
/*  Aussehen des obersten Kopfzeile */
#kopfleiste
  { width:990px;
    padding-top:3px; padding-bottom:3px;
    vertical-align:middle;
    background-color:#f57920;
    font-family:Verdana,Arial,Helvetica; font-size:8pt; color:#FFFFFF;
  }

/* Festlegeung der Positionierung und des aussehens der Icons im Kopfbereich */
#kopfleiste img.kopficon
  { width:20px; height:13px;
    margin-left:5px; margin-right:40px;
    vertical-align:middle;
    border-width:0px;
  }

/* Aussehen des Kopfbereiches mit Logo und Bild */
#kopfbereich
  { position:relative;
    width:990px; height:66px;
  }
/* darin eingebettet */
#kopfbereich div.kopflogo
  { position:absolute; left:15px;
    width:220px;
    padding-top:3px; padding-bottom:3px;
  }
#kopfbereich div.kopfbild
  { position:absolute; left:255px;
    width:735px;
    padding-top:3px; padding-bottom:3px;
  }


/************************************************************** Fuss-Bereich  **************************************************************/
/*  Aussehen der Zeile im Fußbereich */
#fussbereich
  { position:relative;
    width:990px;
    padding-top:3px; padding-bottom:3px;
    margin-top:15px;
    clear:both;
    background-color:#374b5e;
    font-family:Verdana,Arial,Helvetica; font-size:8pt; color:#FFFFFF;
  }


/************************************************************** Menü-Bereich  **************************************************************/
/*  Aussehen des Menü-Bereiches */
#menue
  { width:235px;
    float:left;
  }

/* div-Bereiche im Menübereich */
#menue div
  { margin:0px;
    padding:3px 15px 3px;
    border-width: 0px 2px 1px; border-style:solid; border-color:#f57920;
    font-family:Verdana,Arial,Helvetica; font-size:8pt;
    letter-spacing:1pt; text-transform:uppercase;
  }
/*mit Ausnahme der untersten und der aktiven */
#menue div.letzter
  { border-width: 0px 2px 0px; }
#menue div.aktiv
  { border-width: 0px 2px 0px;
    background-color:#feb280;
  }

/* sowie der oberen farbigen und der unteren eingerahmten Bereiche */
/* in dem Folgenden ist die Überschrift für den Bereich mit drin */
#menue div.ecken_o_235
  { border-width:0px;
    padding: 5px; 15px 5px;
    background-image:url(/bilder/ecken_o_235.gif); background-repeat:no-repeat; background-position:top;
    text-align:center;
    font-weight:bold; font-size:10pt; text-transform:none;
  }
#menue div.ecken_u_235
  { height:5px;
    border-width:0px;
    padding: 0px;
    margin-bottom:15px;
    background-image:url(/bilder/ecken_u_235.gif); background-repeat:no-repeat; background-position:bottom;
    font-size:0pt;
  }
#menue div.rahmen_u_235
  { width:235px; height:5px;
    border-width:0px;
    padding:0px;
    margin-bottom:15px;
    background-image:url(/bilder/rahmen_u_235.gif); background-repeat:no-repeat; background-position:bottom;
    font-size:0pt;
  }
/* in dem Menü-Bereich werden die Links nicht unterstrichen in Graublau angezeigt und beim Überfahren Schwarz */
#menue a
  { color:#374b5e; text-decoration:none; }
#menue a:hover
  { color:#000000; }
#menue div.aktiv a
  { color:#000000; font-weight:bold; }


/************************************************************** Haupt-Bereich **************************************************************/
/*  Aussehen des Hauptbereiches 20px linksaußen + 735px breit = 755px */
#haupt
  { width:735px;
    margin-left:20px;
    float:left;
  }
#haupt p
  { text-align:justify; }
#haupt p.rechtsbuendig
  { text-align:right; }

/****************** Haupt-Bereich / Kopfzeile ******************/
#haupt div.kopfleiste
  { padding:3px;
    position:relative;
    margin-bottom:15px;
  }
/* Positionierung für den Anmeldebutton und die Überschrift in der Kopfleiste des Hauptbereiches */
/* kleine Länderflagge ganz links */
#haupt div.kopfleiste img
  { width:33px; height:20px;
    vertical-align:middle;
    border-width:0px;
    margin-right:10px;
  }
/* Überschrift Ländername */
#haupt div.kopfleiste h3
  { margin:0px;
    padding:0px;
    color:#FFFFFF;
  }
/* Anmeldebutton ganz rechts */
#haupt div.kopfleiste h4
  { position:absolute;
    right:10px; top:0px;
    padding:0px;
  }
/* Verlinkungen in der Kopfzeile */
#haupt div.kopfleiste a
  { color:#FFFFFF; }
#haupt div.kopf_leiste a:hover
  { color:#000000; }

/****************** Haupt-Bereich / Aussehen eines einzelnen ProgrammTypbereiches ******************/
#haupt table.ProgrammTyp
  { width:735px;
    table-layout:fixed;
    empty-cells:show
    margin:0px;
  }
/* Bild oberhalb der Überschrift */
#haupt table.ProgrammTyp img
  { border-width:0px;
    margin:0px;
    display:block;
  }
/* Überschrift mit Programmbereich HS,WE,FA */
#haupt table.ProgrammTyp h4
  { margin:0px;
    padding:5px;
    color:#FFFFFF;
  }
/* in dieser Überschrift enthaltene Links werden Weiss ohne Unterschrift beim und Überfahren Schwarz */
#haupt table.ProgrammTyp h4 a
  { color:#FFFFFF;
    text-decoration:none;
  }
#haupt table.ProgrammTyp h4 a:hover
  { color:#000000; }
/* normaler Absatz im programmfenster mit Abstand zum Rand */
#haupt table.ProgrammTyp p
  { text-align:left;
    margin:0px;
  }
#haupt table.ProgrammTyp p.rechtsbuendig
  { text-align:right; }

/****************** Haupt-Bereich / Aussehen eines einzelnen Programmbereiches *********************/
#haupt table.Programm
  { width:735px;
    table-layout:fixed;
    empty-cells:show
    margin:0px;
  }
/* die Überschriften mit Innnenabstand von 5 px */
table.Programm h4
  { padding:3px;
    margin:0px 0px 5px;
    text-align:left;
  }
/* Links werden nicht unterstrichen */
table.Programm h4 a
  { text-decoration:none; }
/* und beim überfahren Schwarz */
table.Programm h4 a:hover
  { color:#000000; }

/* für die Überschrift Anmeldung wird die Farbe zusätzlich auf Weiss gesetzt*/
table.Programm h4.Anmeldung
  { margin:0px;
    color:#000000;
  }
/* in dieser Überschrift enthaltene Links werden Weiss ohne Unterschrift beim Überfahren Schwarz */
table.Programm h4.Anmeldung a
  { color:#FFFFFF; }
table.Programm h4.Anmeldung a:hover
  { color:#000000; }

/****************** beliebiger Bereich / Aussehen eines tabellarischen Auflistung  *********************/
table.auflistung td
  { padding:5px; }

table.auflistung h5
  { margin:0px; }



div.info
  { position:relative;
    background-color:#FFFFA0;
    text-decoration:none;
    display:inline;
    cursor:hand;
  }
div.info:hover
  { color:#000000; }


div.infobox
  { position:absolute;
    bottom:10px;
    width:300px;
    padding:5px;
    background-color:#FFFFA0;
    text-decoration:none;
    visibility:hidden;
    border-style:solid; border-width:1px;

    max-height:425px;
    overflow:auto;
    scrollbar-base-color:#FFFFA0;
    scrollbar-3d-light-color:#FFFFFF;
    scrollbar-arrow-color:#374B5E;
    scrollbar-darkshadow-color:#374B5E;
    scrollbar-face-color:#FFFF80;
    scrollbar-highlight-color:#374B5E;
    scrollbar-shadow-color:#374B5E;
    scrollbar-track-color:#FFFFE0;
/*   */
  }


div.infobox ul
  { font-size:8pt;
    line-height:10pt;
    text-align:left;
    text-decoration:none;
  }






/* DEFINITION DER FORMATE FÜR KLASSEN */
/********************************************************** Globale Einstellungen  *******************************************************/
/* Festlegen der (H)inter(G)rundeigenschaften */
.HG_orange      { background-color:#f57920; }
.HG_orange_hell { background-color:#feb280; }
.HG_blau_hell   { background-color:#add9e3; }    /* findet nur noch Verwendung bei den Übersichtstabellen */
.HG_grau_blau   { background-color:#374b5e; }    /* für die farbige Leiste im Kopf und Fußbereich */
/* Programmtypabhängige Farbgebung */
.HG_HS          { background-color:#6FAE48; }
.HG_HS_hell     { background-color:#B4CDB4; }
.HG_WE          { background-color:#106093; }
.HG_WE_hell     { background-color:#9daec8; }
.HG_FA          { background-color:#DEC32E; }
.HG_FA_hell     { background-color:#E9DBAF; }
.HG_VL          { background-color:#D74040; }
.HG_VL_hell     { background-color:#D84E4E; }
.HG_VL_grau     { background-color:#E8E0E0; }

/* Festlegen der (R)ahmenfarben */
.R_orange    { border-color:#f57920; }
.R_gr-bl     { border-color:#374b5e; }
.R_HS        { border-color:#6FAE48; }
.R_FA        { border-color:#DEC32E; }
.R_WE        { border-color:#106093; }
.R_WE_hell   { border-color:#9daec8; }
.R_VL         { border-color:#D74040; }
.R_VL_hell    { background-color:#D84E4E; }

/* Definition von Schriftfarben/-grad */
.FONT_weiss      { color:#FFFFFF; }
.FONT_gr-bl      { color:#374b5e; }
.FONT_orange     { color:#f57920; }
.FONT_aktiv      { color:#000000; font-weight:bold; }
.FONT_klein      { font-size:7pt; }

/* Einrahmung mit Abstand 3px oben und unten mit folgenden Angaben: oben, rechts, unten, links */
.R_s             { padding:0px;                  /* für die Einrahmung im Programm-unter-Typen -Bereich */
                   border-width: 0px 2px;        /* seitlich und unten */
                   border-style:solid;
                 }
.R_s_u_IA_3      { padding:3px 0px 3px;          /* für den Menü-Bereich */
                   border-width: 0px 2px 1px;    /* seitlich und unten */
                   border-style:solid;
                 }

.R_s_IA_3        { padding:3px 0px 3px;          /* für den Menü-Bereich */
                   border-width:0px 2px;         /* seitlich */
                   border-style:solid;
                 }

.R_s_IA_5        { padding:5px;                  /* für sonstige Einrahmungen im Textbereich */
                   border-width:0px 2px;         /* seitlich */
                   border-style:solid;
                 }

.ecken_u_165 { padding:5px 5px 5px; background-image:url(/bilder/ecken_u_165.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.ecken_u_235 { padding:5px 5px 5px; background-image:url(/bilder/ecken_u_235.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.ecken_u_360 { padding:5px 5px 5px; background-image:url(/bilder/ecken_u_360.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.ecken_u_735 { padding:5px 5px 5px; background-image:url(/bilder/ecken_u_735.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }

.ecken_o_165 { padding:5px 5px 5px; background-image:url(/bilder/ecken_o_165.gif); background-repeat:no-repeat; background-position:top; border-width:0px; }
.ecken_o_235 { padding:5px 5px 5px; background-image:url(/bilder/ecken_o_235.gif); background-repeat:no-repeat; background-position:top; border-width:0px; }
.ecken_o_360 { padding:5px 5px 5px; background-image:url(/bilder/ecken_o_360.gif); background-repeat:no-repeat; background-position:top; border-width:0px; }
.ecken_o_735 { padding:5px 5px 5px; background-image:url(/bilder/ecken_o_735.gif); background-repeat:no-repeat; background-position:top; border-width:0px; }

.rahmen_u_165 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_u_165.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.rahmen_u_235 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_u_235.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.rahmen_u_360 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_u_360.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.rahmen_o_165 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_o_165.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.rahmen_o_235 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_o_235.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }
.rahmen_o_360 { height:5px; padding:0px; font-size:0px; background-image:url(/bilder/rahmen_o_360.gif); background-repeat:no-repeat; background-position:bottom; border-width:0px; }


/* Festlegung der Breite und der unteren Abstände der Bereiche auf der Seite */

td.Trennlinie { border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#374b5e;  }

div.Trennlinie { clear:left; margin-top:0px; margin-bottom:10px; padding:0px; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#BDBDBD; height:10px; }
div.bild       { width:120px; height:90px; margin-right:10px; float:left; }

/* rechtsbüdiger Absatz */
.rechtsbuendig { text-align:right; }


table.ablauf    { border-collapse:collapse; border-width:1px; border-style:solid; border-color:#374b5e; }
table.ablauf td { padding:5px; border-width:1px; border-style:dashed; border-color:#374b5e; }
table.ablauf th { padding:5px; border-width:1px; border-style:dashed; border-color:#374b5e; text-align:center; font-weight:bold; }