@charset "UTF-8";

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Anpassung der "Shiny Buttons" Navigation Bilder und Farben
   */
    #nav_main { background: transparent !important;padding-left:12px; }
    #nav_main ul { }
    #nav_main ul li { margin-right:1px; }
        
    #nav_main ul li strong{
        color:#076430;
    }
    
    #nav_main ul li .rdg_left{
        background-image:url(/static_files/grawe_at_2009/images/layout/menu_left.gif);
        background-repeat:no-repeat;
    }
    
    #nav_main ul li .rdg_right{
        background-image:url(/static_files/grawe_at_2009/images/layout/menu_right.gif);
        background-repeat:no-repeat;
    }
    
    #nav_main ul li a{
        background-image:url(/static_files/grawe_at_2009/images/layout/menu_bg.gif);
        background-repeat:repeat-x;
        background-color:transparent;
    }
    
    #nav_main ul li a:hover .rdg_left{
        background-position:left -32px;
    }
    
    #nav_main ul li a:hover .rdg_right{
        background-position:right -32px;
    }
    
    #nav_main ul li.active a,
    #nav_main ul li.active a:focus,
      #nav_main ul li.active a:hover,
      #nav_main ul li.active a:active{
          background-position:left 0px;
      }
    
    #nav_main ul li.active a:focus .rdg_left,
      #nav_main ul li.active a:hover .rdg_left,
      #nav_main ul li.active a:active .rdg_left,
    #nav_main ul li.active .rdg_left{
        background-position:left 0px;
    }
    
    #nav_main ul li.active a:focus .rdg_left,
      #nav_main ul li.active a:hover .rdg_left,
      #nav_main ul li.active a:active .rdg_left,
    #nav_main ul li.active a .rdg_left{
        background-position:left 0px;
    }
    
    #nav_main ul li.active a:focus .rdg_right,
      #nav_main ul li.active a:hover .rdg_right,
      #nav_main ul li.active a:active .rdg_right,
    #nav_main ul li.active a .rdg_right{
        background-position:right 0px;
    }
    
    #nav_main ul li strong {
        background-color:transparent;
        background-position:5px 0.45em;
        background-repeat:no-repeat;
        color:#ffffff;
    }
    
    #nav_main ul li.active strong{
        font-weight:bold;
    }
    
    #nav_main ul li .rdg_left{
        background-color:transparent;
        background-position:left -64px;
    }
    
    #nav_main ul li .rdg_right{
        background-color:transparent;
        background-position:right -64px;
    }
    
    #nav_main ul li a,
    #nav_main ul li a:focus,
      #nav_main ul li a:active,
    #nav_main ul li a:hover {
        background-position:left -32px;
    }
}

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Anpassung der "Shiny Buttons" Navigation
   */
    
  #nav * { border: 0px none !important; }
  #nav_main { width:auto;margin-bottom:0;position:relative;top:1px;}
  #nav_main ul { width:auto; margin: 0px; }
  #nav_main ul li {
    cursor:pointer;
    height:32px;
  }
  
  #nav_main ul li a{
      float:left;
      padding:0;
    margin:0;
    height:32px;
    overflow:hidden;
  }
  
  #nav_main ul li strong {
      float:left;
    height:32px;
    overflow:hidden;
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    font-weight:normal;
  }
  
  #nav_main ul li.active strong{
     padding-top:0px;
  }
  
  #nav_main ul li .rdg_left{
      float:left;
      padding-left:5px;
  }
  
  #nav_main ul li .rdg_right{
      float:left;
      padding-right:5px;
  }
  
}