/* ---------------------------------------------------------
   Navigation
   ---------------------------------------------------------*/
   
  #kopf
  {
    background-image: url('/images/css/logo.png');
    background-position: top right;
    background-repeat: no-repeat;
	  _background-origin: content-box;
	  _background-size: 100% auto;  
    width: 100%;
    max-width: 1920px;
    
    height: 122px;
    position:fixed;    
    
    z-index: 100;
    
    _border: 1px solid #000;    
  }   
  
  #home
  {
    float: right;
    
    _border: 1px solid #000;
  }
   
  #navigation 
  {
    float:left;
    margin:0px auto;
    position:relative;
    
    height: 59px;

    _border: 1px solid #000;
  }
  
  #navigation li 
  {
    display:inline;
    float:left;
    position:relative;    
  }

  #navigation li a 
  {
    padding: 0px 25px;
    color: #b8b8b8;
    font-size: 1.5rem;
    text-transform:uppercase;    
    text-decoration:none;
    _display:inline-block;
    line-height: 59px;

    border-right: 1px solid #b8b8b8;
    
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
  }
  
  #navigation .pfeillink
  {
    margin: 0 -25px 0 -20px;
    border: none;
  }
  
  #navigation .pfeil
  {
    border: none;
  }
  
  #navigation a#m5,
  #navigation a#m9,
  #navigation a#m12,
  #navigation a#m20,
  #navigation a#m26,
  #navigation a#m28,
  #navigation a#m106,
  #navigation #hauptmenu a 
  {
    border-right: none;
  } 
  
  #navigation li#hauptmenu
  {
    background: #00ab50 url('/images/css/hauptmenu.png') top right no-repeat;    
    
  }
  
  #navigation li#hauptmenu a
  {
    color: #fff;
  }
 
  #navigation li a:hover,
  #navigation li a.auswahl  
  {
    color:#00ab50;
  }

 
  #navigation li:hover > a 
  {
    background:#fff;
  }

  #navigation li#hauptmenu:hover > a 
  {
    background: none;
  }


  /* Drop-Down Navigation */
  ul#navigation li:hover > ul
  {
  /*these 2 styles are very important,
  being the ones which make the drop-down to appear on hover */
      visibility:visible;
      opacity:1;
  }
   
  ul#navigation ul 
  {
      _float: left;
      list-style: none;
      margin: 0;
      padding: 0;

      /*the next 2 styles are very important, being the ones which make the drop-down to stay hidden */
      visibility:hidden;
      opacity:0;
      position: absolute;
      z-index: 99;
      
      background:#fff;
      
      /* css3 transitions for smooth hover effect */
      -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
      -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
      -o-transition:opacity 0.2s linear, visibility 0.2s linear;
      transition:opacity 0.2s linear, visibility 0.2s linear;
  }
   
  ul#navigation ul 
  {
      top: 64px;
      left: 1px;      
  }
   
  
  ul#navigation ul li 
  {    
      _display:inline;
      _float:right;
      _position:relative;
      text-align: left;
      border:0 none;
      width: 100%;
  }
   
  ul#navigation ul li a 
  {
      padding:0px 25px;
      text-decoration:none;
      display:inline-block;
      width: 100%;
      border: none;
      line-height: 2.5rem;
  }

  
   #dl-menu
   {
    display: none;
   }
   
   .dl-trigger
   {
    float: right;
    margin: 10px 10px 0 0;
    
    _border: 1px solid #000;
   }

/* ---------------------------------------------------------
   Anpassen der Schrift an die Bildschirmgröße bis das mobile Menü angezeigt wird 
   ---------------------------------------------------------*/

@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift15 li a, ul.menuschrift15 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}


@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift16 li a, ul.menuschrift16 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}


@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift17 li a, ul.menuschrift17 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}

@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift27 li a, ul.menuschrift27 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}


@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift28 li a, ul.menuschrift28 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}

@media only screen and (min-width:1466px) and (max-width: 1595px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 1.3rem !important;}}
@media only screen and (min-width:1401px) and (max-width: 1465px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 1.2rem !important;}}
@media only screen and (min-width:1275px) and (max-width: 1400px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 1.0rem !important;}}
@media only screen and (min-width:1211px) and (max-width: 1274px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 0.9rem !important;}}
@media only screen and (min-width:1145px) and (max-width: 1210px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 0.8rem !important;}}
@media only screen and (min-width:1080px) and (max-width: 1144px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 0.8rem !important; padding: 0 20px !important;}}
@media only screen and (min-width:1025px) and (max-width: 1079px) {.menuschrift29 li a, ul.menuschrift29 ul li a  {font-size: 0.8rem !important; padding: 0 15px !important;}}




@media only screen and (min-width:1325px) and (max-width: 1450px) {#navigation li a,  ul#navigation ul li a  {font-size: 1.3rem;}}
@media only screen and (min-width:1245px) and (max-width: 1324px) {#navigation li a,  ul#navigation ul li a  {font-size: 1.2rem;}}
@media only screen and (min-width:1101px) and (max-width: 1244px) {#navigation li a,  ul#navigation ul li a  {font-size: 1.0rem;}}
@media only screen and (min-width:1050px) and (max-width: 1100px) {#navigation li a,  ul#navigation ul li a  {font-size: 0.9rem;}}
@media only screen and (min-width:1025px) and (max-width: 1049px) {#navigation li a,  ul#navigation ul li a  {font-size: 0.8rem;}}




/* ---------------------------------------------------------
   Mobile styles 
   ---------------------------------------------------------*/

@media only screen and (max-width: 1024px)
{
  #navigation, #home {display: none;}
  #dl-menu {display: block;}
}