@charset "UTF-8";

@media all
{
   ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    padding: 14px 0 0 3px;
  }

    /* base setting for all menu levels */
  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 17px 0 0 0;
    font-size:9pt;
  }
 
  
  ul#Navigation a,
  ul#Navigation strong {
    color: black;
    display: block;
    font-weight: normal;
    padding: 5px 11px 3px 8px;
    text-decoration: none;
    text-transform: none;
    margin:0;
    
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  #nav_main > ul a,
  #nav_main > ul strong { width: auto; }  /* for other browsers */

    
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.1em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: relative;
    top: 0px; left: 0;
    background-color: white;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:white; padding-bottom:0.0em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
 
 ul#Navigation li.level1 {
    float: none;
    display: block;
    font-size:8pt;
    padding: 0;
 }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 115px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 3px 6px 0 6px;
    text-decoration: none; font-weight: normal;
  }
  
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
 
  /* every main-menu item has its own background (welle) because of the gradient */
  ul#Navigation li.item0:focus,
  ul#Navigation li.item0:hover,
  ul#Navigation li.item0:active,
  ul#Navigation li.item0#active {
    background:url(../images/welle0.jpg) no-repeat center top;
    overflow:visible;
  }
  ul#Navigation li.item1:focus,
  ul#Navigation li.item1:hover,
  ul#Navigation li.item1:active,
  ul#Navigation li.item1#active {
    background:url(../images/welle1.jpg) no-repeat center top;
    overflow:visible;
  }
  ul#Navigation li.item2:focus,
  ul#Navigation li.item2:hover,
  ul#Navigation li.item2:active,
  ul#Navigation li.item2#active {
    background:url(../images/welle2.jpg) no-repeat center top;
    overflow:visible;
  }
  ul#Navigation li.item3:focus,
  ul#Navigation li.item3:hover,
  ul#Navigation li.item3:active,
  ul#Navigation li.item3#active {
    background:url(../images/welle3.jpg) no-repeat center top;
    overflow:visible;
  }
  ul#Navigation li.item4:focus,
  ul#Navigation li.item4:hover,
  ul#Navigation li.item4:active,
  ul#Navigation li.item4#active {
    background:url(../images/welle4.jpg) no-repeat center top;
    overflow:visible;
  }
  
  ul#Navigation li.level0:focus a,
  ul#Navigation li.level0:hover a,
  ul#Navigation li.level0:active a {
    background-color:white;
    font-weight: normal;
    border: solid #C50038 1px;
  }
  
  ul#Navigation li.level1 a {
    color:black;
  }
  
  ul#Navigation li.level0 a:focus,
  ul#Navigation li.level0 a:hover,
  ul#Navigation li.level0 a:active {
    color: #C50038;
  }
  
  /* make the non-link active item look like the other (hover)links */
  li#level1-active span {
    color: #C50038; background-color: white;
    border: solid #C50038 1px;
  }

  
}