/* FIX_800 CSS für eine Bildschirmbreite von 800 Pixeln mit fester Navigation
Farben in Blau
Farbehell:    #F3F6F9 (z.B. 3. Spalte in Struktur)
Farbemittel:  #E9EFF5 (z.B. 2. Spalte in Struktur)
Farbedunkel:  #C6D6E5 (z.B. 1. Spalte in Struktur)
FarbeLinie:   #273D66 (Farbe für Linien)
FarbeLink:    #283E66
FarbeBerlin:  #436ACF (Farbe für Symbole, Logo, Festlegungen, entspricht Berlinblau)
*/
/* Element Selektoren */

body {
     font: normal 100.01% Helvetica, Arial, sans-serif;
     margin:0;
     color: black; background-color: white;
}

#gsi {
    margin:0px;
    width: 100%;
  }

#gsi a {
     font: normal 100.01% Helvetica, Arial, sans-serif;
     color: #283E66;
  }

/* Formatierung der Seiten GSI_Struktur, GSI_Stichwort */
#gsi table.Farbelinie {
    background-color: #273D66
    }
    
#gsi table th {
     font: normal 100.01% Helvetica, Arial, sans-serif;
     color: #273D66;
     text-align:left;
    }
    
#gsi   table th.Farbedunkel  {
    background-color: #C6D6E5;
    }

#gsi table th.Farbemittel  {
    background-color: #E9EFF5;
    }

#gsi  table th.Farbehell  {
     background-color: #F3F6F9;
    }

#gsi table td.beschriftung  {
    background-color: #E9EFF5;

    }
#gsi table td.inhalt  {
    background-color: #C6D6E5;
    }

#gsi  table td.linie  {
     background-color: #273D66;
     height:1px;
     }

#gsi  table td.linieBerlinBlau  {
     background-color: #436ACF;
     height:1px;
     }

#gsi  table td.fest  {
     background-color: #436ACF;
     }

#gsi   table td.Farbeweiss  {
     background-color: white;
     }

#gsi   table td.Farbedunkel  {
    background-color: #C6D6E5;
    }

#gsi table td.Farbemittel  {
    background-color: #E9EFF5;
    }

#gsi  table td.Farbehell  {
     background-color: #F3F6F9;
    }
    
#gsi hr.linie {
     background-color: #273D66;
     }
    

/* Klassen Selectoren */

/* --------------- Obere Navigation---------------------*/

/* Bestimmt den rechten Kopfteil, setzt die Breite auf 640 Pixel und läßt 160px für die Navigationsspalte frei*/
#kopf {
    margin-left:160px;
    width: 640px;
}

/* Für die Gestaltung des Schriftzuges Senatsverwaltung für ... im Seitenkopf */
#senat_name {
    margin:0px;
    font:bold 80.01%  Arial, sans-serif;
    color:#436ACF;
    letter-spacing:0.1em;
    text-align: right;
}

/* Für die Gestaltung des Schriftzuges Gesundheits- und Sozialinformationssystem im Seitenkopf */
#system_name {
    margin:0px;
    height:1.1em;
    color: white;
    background-color:#436ACF;
    font:normal 90.01%  Arial, sans-serif;
    letter-spacing:0.55em;
    text-align: right;
    vertical-align: middle;
}


/* Bestimmt zusammen mit html>body #links und #Navigation die Breite und Art der Navigationsleiste */
#links {
    position: absolute;
    top: 0em; left: 0em;
    background-color: white;
    font: normal 80% Helvetica, Arial, sans-serif;
    width:160px;
}

  html>body #links {  /* nur fuer moderne Browser! sorgt für ein festes Navigationsmenü auf der linken Seite */
    position: fixed;
  }

 #Navigation {
      float: left;
      margin-top: 0.5em;
      margin-left: 1em;
      margin-right: 0.5em;
      padding: 0;
      line-height: 1.5em;
}

/* Bestimmt das Aussehen der einzelnen Navigationspunkte */
 #Navigation li {
    list-style-type: none;
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: white;
}

/* Bestimmt das Aussehen der Texteingabe der Einfachen Suche */
#gsi .input_kriterium_text {
   padding:0;
   margin:2px 2px 2px 2px;
   font: normal 100.01% Helvetica, Arial, sans-serif;
   width:80%;
}

#input_kriterium {
   padding:0;
   margin:2px 2px 2px 2px;
   font: normal 100.01% Helvetica, Arial, sans-serif;
   width: 100px;
}

/* -------------------Container, der die Inhalte enthält -------------------------*/
#inhalt {
    width: 640px;
    margin-top:0px;
    margin-left:160px;
    margin-right:10px;
    padding-left:10px;
    padding-right:0px;
    padding-top:10px;
    font: normal 80% Helvetica, Arial, sans-serif;
    color: black; background-color: white;
    border-left: 1px solid #283E66;
    /*line-height: 130%;*/
}

#inhalt td {
   font: normal 100.01% Arial, Helvetica, sans-serif;
}

#inhaltpopup {
    margin-top:0px;
    margin-left:5px;
    float:left;
    width:600px;
    padding:10px;
    font: normal 80% Helvetica, Arial, sans-serif;
    color: black; background-color: white;
    border-left: 1px solid #283E66;
    line-height: 130%;
}

#popuptext {
    margin-right:5%;
}

#titel {
   font: normal 125% Helvetica, Arial, sans-serif;
   margin-top:0px;
   margin-left:0px;
   margin-bottom:10px;
   color: #283E66;
   letter-spacing: 2px;
   font-weight: 300;
   font-variant: small-caps;
   width: 100%;
}

 #titelpopup {
   font: normal 150.01% Helvetica, Arial, sans-serif;
   margin-top:0px;
   margin-left:0px;
   margin-bottom:10px;
   color: #283E66;
   letter-spacing: 2px;
   font-weight: 300;
   font-variant: small-caps;
   width: 500px;
}


 /* ---------- Klassen - Selektoren für Baumstruktur und Sitemap ------------------- */

#gsi .ebene1 {
   margin-top:5px;
   margin-left:0px;
   margin-right:20px;
   overflow:hidden;
}

#gsi .ebene2 {
   margin-top:5px;
   margin-left:20px;
   margin-right:20px;
   overflow:hidden;
}
#gsi .ebene3 {
   margin-top:5px;
   margin-left:50px;
   margin-right:20px;
   overflow:hidden;
}

#gsi .ebene4 {
   margin-top:5px;
   margin-left:80px;
   margin-right:20px;
   overflow:hidden;
}

#gsi .ebene5 {
   margin-top:5px;
   margin-left:110px;
   margin-right:20px;
   overflow:hidden ;
}

#gsi .ebene6 {
   margin-top:5px;
   margin-left:140px;
   margin-right:20px;
   overflow:hidden ;
}

#gsi .ebene7 {
   margin-top:5px;
   margin-left:170px;
   margin-right:20px;
   overflow:hidden;
}

#gsi .ebene_last {
   margin-top:10px;
   margin-left:170px;
}

#gsi .ebene_gbelast {
   margin-top:10px;
   margin-left:80px;
}

#gsi .ebene_icon {
    margin-top:0px;
    margin-left:0px;
    float:left;
    overflow: hidden;
    background-color: white;
}

#gsi .ebene8 {
   margin-top:0px;
   margin-left:25px;
   font: normal 100.01% Helvetica, Arial, sans-serif;
   color: black; background-color: white;
}

/* Gestaltung der Seite Kontakte */

#gsi .ebene1StrukImp {
   margin-top:0px;
    margin-left:0px;
    width:200px;
    float: left;
    overflow:hidden;
    font: bold 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: white;
}

#gsi .ebene2StrukImp {
   margin-top:0px;
   margin-left:0px;
   margin-bottom:10px;
   padding:10px;
   width:400px;
   float: left;
   font: normal 100.01% Helvetica, Arial, sans-serif;
   color: black; background-color: #C6D6E5;
}

#gsi .cfooter
{
   clear: both;
   margin-left: 5px;
   margin-right: 10px;
   padding: .1em;
   color: white;
   background-color: white;
   border-top: 1px solid #283E66;
}