@charset "utf-8";

div#Rahmen {
   text-align :center; 
    margin-top: -28px;
   width: 780px;;
   height: 28px;
   padding: 0em;
   border-top: 1px solid #b0b0a0;
   background-color: transparent;
   }

div#Rahmen div {
   clear: left;
   }

ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    margin-left:0;
   }

ul#Navigation li {
    list-style: none;
    float:left;
    position: relative;
    margin: 0;
    padding: 0;
/*border-right:1px solid #b0b0a0;*/
    }

* html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
    }
*:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.2em;
  }
*:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:#e0dcdc;
    padding-bottom:0.3em;
   }

ul#Navigation li ul  {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px; left:0;
    display: none;    border-top:0; box-shadow:2px 2px 12px #998; /* Unternavigation ausblenden */
  }

ul#Navigation li:hover ul {
   display: block;
z-index:2;
 /* Unternavigation in modernen Browsern einblenden */
   }

ul#Navigation li ul a {
   width:7em;
   }

ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
   }

ul#Navigation a, ul#Navigation aktiv {
    display: block;
    min-width: 4.8em; /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 0.9em;
    text-decoration: none;  
    color: black;
    line-height:20px;
    background-color:#e0dcdc;
}
*:first-child+html ul#Navigation a, *:first-child+html ul#Navigation aktiv {
      line-height:19px;
   }
* html ul#Navigation a, * html ul#Navigation aktiv {
      line-height:19px;
   }
* html ul#Navigation a, * html ul#Navigation span {
    width: 6.9em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 4.9em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
    }

ul#Navigation a:hover {
    background-color: #f0e8e8;
    background-image:none;
   -webkit-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
  }

a.pfeil:after { content: "\25be"; padding-left:5px; color:#606060 } /* wird momentan nicht gebraucht */
.v {color:black; margin-left:7px;}

li a#aktiv {  /* aktive Seite kennzeichnen */
    color: #c00000;
    background-color: #f0e8e8;
  }
ul#Navigation li a.dir { color:#c00000; } /* aktueller Pfad kennzeichnen */

#navi_button, #navi_button_zu { display: none; }

@media only screen and (max-width: 900px) {
div#Rahmen { width: 100%;}
}

@media only screen and (max-width: 768px) {

ul#Navigation { text-align:left; font-size:1.1em; box-shadow:2px 2px 12px #998; position:relative;}
ul#Navigation a, ul#Navigation aktiv { padding: 0.5em 1.5em; }
ul#Navigation li { float: none;}
ul#Navigation li ul  { font-size:1.0em; margin-top:-1.8em; margin-left:12em;}
div#Rahmen, .homepage_uhr {display:none;}
div#Rahmen.displayblock { display: block; max-width:420px;}
div#menueDerVerein.displayblock { display: block; }
#navi_button.displaynone { display:none; }

#navi_button, #navi_button_zu { display: inline; position:absolute; top:76px; right:20px; border:1px solid #b0b0b0; border-radius:0 0 .4em .4em; padding:0 1.2em; background-color:#e0dcdc; z-index:3;}

#navi_button a, #navi_button_zu a { font-size:2.4em; text-decoration:none; color:#444;}
#navi_button a:hover, #navi_button_zu a:hover { text-decoration:none; color:#c00000;}
#navi_button:hover, #navi_button_zu:hover { color:#c00000; background-color:#f0e8e8;}
}

/*
ul#link {text-align:right; margin-top:7px; list-style:none; border:0; font-size:0.9em; }
ul#link a { text-decoration:none; color:#c00000; }
ul#link a:visited { text-decoration:none; color:#c00000; }
ul#link a:hover { text-decoration:none; color:#000000; }
ul#link a:aktive { text-decoration:none; color:#c00000; }
*/