/*** ************************************************ ***/
/*** name: stylesheet for navigationbar               ***/
/*** created: 28.05.2013 10:10:52 by Herbert Pangerl  ***/
/*** import: nothing                                  ***/
/*** ************************************************ ***/

  /*** ********************************* ***/
  /***  CSS Navigation                   ***/
  /*** ********************************* ***/  

  ul#Navigation {
  	font-size: 8.5pt;
  	width:20px;
    margin: 0; 
    padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0.1em; 
    padding: 0.2em;
    width:150px;
    
  }

  * html ul#Navigation li {
    margin-right:1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
  }

  ul#Navigation li ul {
    margin: 0; 
    padding: 0;
    top: 0; 
    left: 9em;
  }

  ul#Navigation li ul li {
    margin: 0; 
    padding-left: 1.4em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 10px 0 0 5px;
    height: 15px;
    width: 120px;
    text-decoration: none; 
    font-weight: bold;
    color: black;
      
  }

  * html ul#Navigation a, * html ul#Navigation span {
   
    width: 9em;
   w\idth: 7em;  /* (IE 6 in standards-compliant mode) */
  }
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding-top: 5px;
  	width: 50px;
  	height: 20px;
  	font-weight: bolder;
    background-color:#175BA2;
    color: white;
    border-radius: 2px;
    box-shadow: 4px 4px 5px #ccc;
  }

  li a#aktuell {
    border-right-color: #300; 
    border-bottom-color: #300;
    background-color: #BBD9EE;
  }

  ul#Navigation li ul span {
    border-color: #900; 
    border-left-color: #c96;
    color: #900; 
    background-color: white;
  }

  ul#Navigation li a:active {
    color: black; 
    background-color:#BBD9EE;
 }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }

  ul#Navigation li:hover>ul {
    display: block;
  }

  ul#Navigation>li:hover>a {
    width: 120px;   
  }



/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */

  * html ul#Navigation li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }

  * html ul#Navigation li.hoverIE ul {
    display: block;
  }

  * html ul#Navigation li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
  }