@media screen, projection
{
  /* (de) Randbereiche & Seitenhintergrund */
  body {
        margin: 0px;
        padding: 0px;
        background-image: url(../../bilder/hg_body.jpg);
        background-repeat: repeat;
        background-position: left top;
  }

  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body {
        text-align: left;
  }

  #seitenraender {
        margin: 0 auto;
        text-align: left;
        z-index: 4;
  }

  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #seitenraender {
        width: 1060px;
        min-width: 1060px;
        height: 100%;
        padding: 0px;
        background-image: url(../../bilder/hg_seite.png);
        background-repeat: repeat-y;
        background-position: left top;
  }

  #seite {
        width: 1060px;
        margin: 0px;
        padding: 0px;
        z-index: 5;
  }

  /* (de) Gestaltung der Hauptelemente des Layouts */
  #kopfzeile {
        position: relative;
        width: 1039px;
        height: 136px;
        vertical-align: top;
        margin: 0px;
        padding: 0px;
  }

  #kopfzeile_links {
        float: left;
        width: 322px;
        height: 76px;
        margin: 28px 0px 0px 26px;
        padding: 0px;
        background-image: url(../../bilder/logo.gif);
  }

  #kopfzeile_rechts {
        float: right;
        margin: 0px;
        padding: 0px;
  }

  #navigation {
        display: block;
        width: 670px;
        text-align: right;
        margin: 79px 14px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #main {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #oben_quer {
        float: left;
        width: 723px;
        max-height: 274px;
        overflow: hidden;
        color: #ffffff;
        margin: 0px 0px 30px 0px;
        padding: 0px 0px 0px 0px;
        background: #47525a;
        display: none;
  }

  #oben_quer_inhalt {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #links_mitte {
        float: left;
        width: 723px;
        margin: 24px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #links_mitte_inhalt {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #rechts {
        float: right;
        width: 251px;
        font-size: 100%;
        line-height: 160%;
        text-align: left;
        margin: 0px 21px 0px 0px;
        padding: 0px 0px 40px 0px;
  }

  #rechts_inhalt {
        text-align: left;
        margin: 0px 31px 0px 0px;
        padding: 0px;
  }

  #unten_quer {
        width: 1039px;
        margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #dadcde;
  }

  #unten_quer_inhalt {
        margin: 0px 0px 0px 28px;
        padding: 0px;
  }

  #fusszeile {
        width: 1039px;
        margin: 23px 0px 0px 0px;
        padding: 0px 0px 100px 0px;
  }

  #fusszeile_inhalt {
        float: right;
        text-align: right;
        font-size: 85%;
        text-align: left;
        color: #999999;
        margin: 0px 30px 0px 0px;
        padding: 0px 0px 0px 0px;
  }

  #fusszeile_inhalt a {
        color: #999999;
  }

  #fusszeile_inhalt a:hover {
        color: #999999;
  }

  #fusszeile_inhalt p {
        display: inline;
  }

  .clearer {
        clear: both;
  }

  /*------------------------------------------------------------------------------------------------------*/

  #navigation ul {
        float: right;
        position: relative;
        margin: 0px;
        padding: 0px;
        margin-right: -14px;
        z-index: 20;
  }

  #navigation ul li {
        float: left;
        height: 100%;
        list-style: none outside none;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        border-bottom: 1px solid #006ab3;
  }

  #navigation ul li.erstes {
        width: 43px;
        height: 24px;
        /*padding-right: 26px;*/
        background: url(../../bilder/li_home.gif) no-repeat left top;
        border-bottom: 0px;
  }

  #navigation ul li.erstes:hover {
        background: url(../../bilder/li_home_aktiv.gif) no-repeat left top;
  }

  #navigation ul li a {
        position: relative;
        top: 0px;
        display: block;
        color: #006ab3;        
        font-size: 13px;
        font-weight: 700;
        padding: 6px 18px 1px 18px;
        text-transform: uppercase;
        text-decoration: none;
        transition: none;
        vertical-align: middle;
        z-index: 21;
  }
  
  #navigation ul li a:hover {
        color: #ffffff;        
        background-color: #006ab3;
  }

  #navigation ul li.aktiv a, #navigation ul li.aktiv a:hover, #navigation ul li.aktiv_unter a {
        color: #ffffff;        
        background-color: #006ab3;
  }

  #navigation ol {
        display: none;
        position: absolute;
        top: 0px;
        padding: 27px 0px 0px 0px;
        margin: 0px;
        background: url(../../bilder/ol_li.gif) repeat-x left top;
        z-index: 10;
  }

 /* #navigation li.aktiv_unter ol {
        display: block;
  }*/

  #navigation ul li:hover ol {
        display: block;
        cursor: pointer;
  }

  #navigation ul li:hover a {
        color: #ffffff;
        cursor: pointer;
        background-color: #006ab3;
  }

  #navigation ol li {
        float: none;
        height: 100%;
        list-style: none outside none;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        border-bottom: 0px;
  }

  #navigation ol li a {
        top: 0px;
        display: block;
        color: #ffffff;        
        font-size: 13px;
        font-weight: 700;
        padding: 6px 18px 1px 18px;
        text-transform: uppercase;
        text-decoration: none;
        transition: none;
        vertical-align: middle;
  }
  
  #navigation ol li a:hover {
        background-color: #47525a;
  }
  
  #navigation li ol li.aktiv a {
        background-color: #47525a;
  }

  #navigation li ol li.aktiv a:hover {
        background-color: #47525a;
  }

}