/****************************************************************************
 * Grundeinstellungen                                                       *
 ***********************************************************************!-> */

  body,div,form,h1,h2,h3,h4,h5,h6,p,table,td,ul,dl,dd,dt {
    margin: 0px;
    padding: 0px;
    color: #303030;
  }

  h1,h2,h3,h4,h5,h6,p {
    margin-bottom: 0.5em;
  }

  ul {
    margin-left: 2em;
    padding-left: 0px;
  }

  body,div,input,p,td {
    font-family: arial,helvetica,geneva,sans-serif;
    font-size: 9pt;
  }

  table {
    border-collapse: collapse;
  }

/****************************************************************************
 * Gliederung                                                               *
 ***********************************************************************!-> */

   h1.Auto {
     display: none;
   }

   h2.Auto {
     display: none;
   }

   h1,h2,h3,h4,h5,h6 {
     font-weight: bold;
   }

   h1 {
     font-size: 15pt;
   }

   h2 {
     font-size: 13pt;
   }

   h3 {
     font-size: 11pt;
   }

   h4 {
     font-size: 9pt;
   }

   h5 {
     font-size: 9pt;
   }

   h6 {
     font-size: 9pt;
   }

/****************************************************************************
 * Positionierung, Abmessung und Ränder                                     *
 ***********************************************************************!-> */

  body {
    width: 1005px;
  }

  div#Kopfzeile {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 190px;
    width: 812px;
    height: 172px;
  }

  img#EckeLinksOben {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
  }

  img#Bildleiste_Horizontal {
    position: absolute;
    z-index: 8;
    top: 0px;
    left: 190px;
    width: 812px;
    height: 140px;
    border: none;
  }

  div.Rubrik {
    float: left;
    position: relative;
    width: 103px;
    padding-left: 17px;
    font-weight: bold;
  }

  div#Rubrik_bbm {
    top: 135px;
  }

  div#Rubrik_abs {
    top: 115px;
  }

  div#Rubrik_karriere {
    top: 95px;
  }

  div#Rubrik_tipps {
    top: 80px;
  }

  div#Rubrik_spiel {
    top: 70px;
  }

  div#Suche {
    float: left;
    position: relative;
    top: 60px;
    padding-left: 10px;
  }

  form.Suche {
    width: 200px;
  }

  td#Suchfeld input, td#Suchbutton input {
    width: 50px;
  }

  td#Suchfeld input {
    padding: 0px 2px;
  }

  div#Navigation {
    float: left;
    width: 175px;
    height: 400px;
    margin-bottom: 5px;
    padding: 155px 10px 0px 5px;
  }

  div#Navigation_Rubrik {
    min-height: 350px;
  }

  div#Navigation_Zusatz {
    padding: 30px 0px 10px 0px;
  }

  div#Inhalt {
    float: left;
    position: relative;
    width: 595px;
    margin-bottom: 5px;
    padding: 175px 10px 85px 15px;
  }

  div#Inhalt_Text {
    float: left;
    width: 350px;
    margin-bottom: 5px;
    padding-right: 10px;
  }

  div#Inhalt_Bildleiste {
    position: absolute;
    top: 90px;
    right: 10px;
    width: 190px;
  }

  img#Inhalt_Fussbogen {
    display: none;
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 620px;
    height: 82px;
    border: none;
  }

  div#Info {
    float: left;
    width: 190px;
    margin-bottom: 5px;
    padding: 100px 0px 0px 0px;
  }

  div#Info div.banner_top {
    margin-top: 75px;
  }

  div#Info img.banner {
    margin-bottom: 1em;
  }

  div.Info_Kopf {
    padding: 0.2em 10px 0.2em 20px;
  }

  div.Info_Kopfbogen {
    width: 180px;
    height: 16px;
    margin-left: 10px;
  }

  div.Info_Text {
    width: 160px;
    margin-left: 10px;
    padding: 10px 10px 16px 10px;
  }

  div.Info_LogoKopf {
  /* Für Eingaben in der Überschrift ohne zusätzlichen Text */
    width: 180px;
    margin-left: 10px;
  }

  img.Info_Icon {
    margin-bottom: 10px;
  }

  div#Fusszeile {
    clear: both;
  }

/****************************************************************************
 * Rahmen, Farben, Textauszeichnung etc.                                    *
 ***********************************************************************!-> */

  body {
    background-color: rgb(225,225,225);
    color: black;
  }

  div#Kopfzeile {
    background-image: url(pics/bogen_kopfzeile.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: transparent;
    color: black;
  }

  td#Suchfeld, td#Suchbutton {
    border: 1px solid rgb(102,204,51);
  }

  td#Suchbutton, td#Suchbutton input {
    background-color: rgb(102,204,51);
    font-weight: bold;
  }

  td#Suchfeld input, td#Suchbutton input {
    border: none;
    color: black;
  }

  td#Suchfeld input {
    background-color: white;
  }

  div#Navigation {
    background-image: url(pics/personen_navigation_back.png);
    background-repeat: no-repeat;
    background-position: 1px 310px;
  }

  div#Inhalt {
    overflow: hidden;
    border-left: 2px solid rgb(102,204,51);
/*
  Im IE wird der Bogen bei Überlagerung (siehe img#Inhalt_Fussbogen, momentan
  via display:none ausgeblendet) gerade bei längerem Inhalt nicht korrekt am
  unteren Ende des DIV angezeigt. Mit der Anzeige als Hintergrund sollte es
  aber funktionieren. Da die Überlagerung nur für die zweispaltige Anzeige
  mit Bildleiste benötigt wird, können weitere Überlegungen ausgesetzt werden
  bis die Realisierung der zweispaltigen Anzeige umgesetzt wird.
*/
    background-image: url(pics/bogen_inhalt.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white;
    color: black;
  }

  div#Inhalt_Text {
    overflow: hidden;
  }

  div#Inhalt_Bildleiste {
    overflow: hidden;
  }

  div#Info {
    text-align: center;
  }

  div.Info_Kopf {
    background-color: rgb(164,215,138);
    color: black;
    text-align: left;
  }

  div.Info_Kopf h3 {
    margin-bottom: 0px;
    font-size: 9pt;
  }

  div.Info_Kopfbogen {
    overflow: hidden;
    background-image: url(pics/bogen_infotextkopf.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: rgb(174,225,149);
    color: black;
    text-align: left;
  }

  div.Info_Text {
    overflow: hidden;
    background-image: url(pics/bogen_infotextfuss.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: rgb(174,225,149);
    color: black;
    text-align: left;
  }

  div.Info_Text a {
    font-weight: bold;
    color: black;
  }

  div.Info_LogoKopf {
  /* Für Eingaben in der Überschrift ohne zusätzlichen Text */
    overflow: hidden;
    color: black;
    text-align: left;
  }

  div#Fusszeile {
  }

/****************************************************************************
 * Verweise                                                                 *
 ***********************************************************************!-> */

  a {
    color: rgb(102,204,51);
  }

  a.text {
    font-weight: bold;
    color: black;
  }

  a:link, a:visited {
    text-decoration: none;
  }

  a:active, a:focus, a:hover {
    background: transparent; /* ist notwendig, damit der IE .Hover anzeigt */
    text-decoration: underline;
  }

  a .Hover {
    display: none;
  }

  a:active span.Hover, a:focus span.Hover, a:hover span.Hover {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 130px;
    border: 1px solid black;
    padding: 3px;
    background: #FFFFAA;
    color: black;
    font-weight: normal;
    text-decoration: none; /* ist notwendig, damit der IE nicht unterstreicht */
  }

  a:active img.Hover, a:focus img.Hover, a:hover img.Hover {
    /* Wird ggf. genutzt, falls auch ein Bildaustausch bei aktiven Verweisen
       erfolgen soll. Dann müsste allerdings für jeden Rubrikverweis eine
       eigene Definition erfolgen, die die explizites Position des Bildes in
       der horizontalen Bildleiste festlegt. */
    display: inline;
  }

  div#Kopfzeile a, div#Kopfzeile a:link, div#Kopfzeile a:visited {
    color: black;
  }

  div#Kopfzeile a:active, div#Kopfzeile a:focus, div#Kopfzeile a:hover, div#Kopfzeile a.aktuell, div#Kopfzeile a.aktuell:visited {
    /* div#Kopfzeile a.aktuell:visited ist für den IE notwendig */
    color: rgb(102,204,51);
  }

  div#Navigation a, div#Navigation a:link, div#Navigation a:visited, div#Navigation a:active, div#Navigation a:focus, div#Navigation a:hover {
    display: block;
    padding: 1em 0px 0px 15px;
    font-weight: bold;
  }

  div#Navigation a, div#Navigation a:link, div#Navigation a:visited {
    color: rgb(102,153,51);
    background-image: url();
  }

  div#Navigation a:active, div#Navigation a:focus, div#Navigation a:hover, div#Navigation td.navmen_open a, div#Navigation td.navmen_open a:visited {
    /* div#Navigation td.navmen_open a:visited ist für den IE notwendig */
    color: black;
    background-image: url(pics/personen_navigation_link.gif);
    background-repeat: no-repeat;
    background-position: left;
  }

/****************************************************************************
 * Navigationsmenü                                                          *
 ***********************************************************************!-> */

  /* Dokumentieren, welche Klassen es gibt und wofür sie verwendet werden */
  td.navmen_1_open, td.navmen_1_clos {
    padding-left: 0px;
    padding-top: 5px;
  }
  td.navmen_2_open, td.navmen_2_clos {
    padding-left: 20px;
  }
  td.navmen_3_open, td.navmen_3_clos {
    padding-left: 40px;
  }
  td.navmen_4_open, td.navmen_4_clos {
    padding-left: 60px;
  }

/****************************************************************************
 * Überschriften                                                            *
 ***********************************************************************!-> */

  /* Prüfen, wo das verwendet wird und was davon noch Sinn macht */
  .darkhead, .lighthead {
    font-weight: bold;
  }

  .darkhead {
    color: #000000;
  }

  td.darkhead, td.lighthead {
    height: 24px;
    padding: 0px 7px;
    line-height: 14pt;
    overflow: hidden;
  }

  td.darkhead {
    background-color: rgb(102,204,51);
  }

  td.lighthead {
    background-color: rgb(164,215,138);
  }

/****************************************************************************
 * Tabellen                                                                 *
 ***********************************************************************!-> */

  table.dreispaltig {
    width: 605px;
  }
  table.dreispaltig td {
    width: 33%;
    padding-right: 10px;
    vertical-align: top;
  }

  table.text td {
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    vertical-align: top;
  }

  table.form th {
    padding-bottom: 0.25em;
    text-align: left;
  }
  table.form td {
    padding-bottom: 0.25em;
  }

/****************************************************************************
 * Bilder mit Unterschrift                                                  *
 ***********************************************************************!-> */

  dl.BildLinks {
    float: left;
    margin: 0 1em 0 0;
  }
  dl.BildRechts {
    float: right;
    margin: 0 0 0 1em;
  }
  dl.BildLinks dd, dl.BildRechts dd {
    margin-bottom: 1em;
    font-size: 7pt;
  }
  dl.BildLinks dt, dl.BildRechts dt {
  }

/****************************************************************************
 * Bilderverzeichnisse                                                      *
 ***********************************************************************!-> */

  .pics {
  }

  ul.psub {
    margin: 5px 0px;
    padding: 0px 25px;
  }

  table.pnav {
    margin-bottom: 1px;
    width: 587px;
    /*border:1px solid #8DA0AE;*/
  }

  .pnav {
    color: #404040;
    font-weight: bold;
  }

  span.pnav {
    /*font-style: italic;*/
    font-weight: normal;
  }

  table.ptmb, table.ppic {
    margin: auto;
  }

  td.ptmb {
    padding: 0 2px;
  }

  td.ptmb, td.ppic {
    text-align: center;
    vertical-align: middle;
  }

/****************************************************************************
 * Farben visigator                                                         *
 ***********************************************************************!-> */

.back_visi_0105    { background-color: #008DAD; }
.back_gator_0105   { background-color: #E5D601; }
.border_visi_0105  { border-color: #008DAD; }
.border_gator_0105 { border-color: #E5D601; }
.text_visi_0105    { color: #008DAD; }
.text_gator_0105   { color: #E5D601; }

.back_visi_0106    { background-color: #6D8D23; }
.back_gator_0106   { background-color: #73CAC7; }
.border_visi_0106  { border-color: #6D8D23; }
.border_gator_0106 { border-color: #73CAC7; }
.text_visi_0106    { color: #6D8D23; }
.text_gator_0106   { color: #73CAC7; }

.back_visi_0206    { background-color: #C92335; }
.back_gator_0206   { background-color: #60606A; }
.border_visi_0206  { border-color: #C92335; }
.border_gator_0206 { border-color: #60606A; }
.text_visi_0206    { color: #C92335; }
.text_gator_0206   { color: #60606A; }

.back_visi_0107    { background-color: #51A139; }
.back_gator_0107   { background-color: #FFD913; }
.border_visi_0107  { border-color: #51A139; }
.border_gator_0107 { border-color: #FFD913; }
.text_visi_0107    { color: #51A139; }
.text_gator_0107   { color: #FFD913; }

.back_visi_0207    { background-color: #525B91; }
.back_gator_0207   { background-color: #A6A6A6; }
.border_visi_0207  { border-color: #525B91; }
.border_gator_0207 { border-color: #A6A6A6; }
.text_visi_0207    { color: #525B91; }
.text_gator_0207   { color: #A6A6A6; }

.back_visi_0108    { background-color: #4C83A3; }
.back_gator_0108   { background-color: #E98336; }
.border_visi_0108  { border-color: #4C83A3; }
.border_gator_0108 { border-color: #E98336; }
.text_visi_0108    { color: #4C83A3; }
.text_gator_0108   { color: #E98336; }

.back_visi_0208    { background-color: #47477B; }
.back_gator_0208   { background-color: #0796D1; }
.border_visi_0208  { border-color: #47477B; }
.border_gator_0208 { border-color: #0796D1; }
.text_visi_0208    { color: #47477B; }
.text_gator_0208   { color: #0796D1; }

.back_visi_0109    { background-color: #7089A6; }
.back_gator_0109   { background-color: #C79B7C; }
.border_visi_0109  { border-color: #7089A6; }
.border_gator_0109 { border-color: #C79B7C; }
.text_visi_0109    { color: #7089A6; }
.text_gator_0109   { color: #C79B7C; }

.back_visi,    .back_visi_0209    { background-color: #9417FF; }
.back_gator,   .back_gator_0209   { background-color: #669933; }
.border_visi,  .border_visi_0209  { border-color: #9417FF; }
.border_gator, .border_gator_0209 { border-color: #669933; }
.text_visi,    .text_visi_0209    { color: #9417FF; }
.text_gator,   .text_gator_0209   { color: #669933; }