/* ######################
   Globale Format
   ###################### */

body { margin: 0px; padding: 0px; border: 0px }

.norm       { font-size: 10pt; font-family: Arial}
.norm12pt       { font-size: 12pt; font-family: Arial }
.orange14pt    { color: #ff4500; font-size: 14pt; font-family: "Times New Roman" }
.titel01   { color: #0000ef; font-style: italic; font-weight: bold; font-size: 16pt; font-family: Verdana; text-align: center; margin-bottom: 0cm }


#seitemain    { text-align: center; position: relative; z-index: 0; top: 0px;
  width: 100%; height: auto }


/* ######################
   Navigation
   ###################### */
#kopfzeile  { background: url(../Grafiken/Hintergrund/h_berge.jpg) repeat-x left top; background-size: 720px 100%;
text-align: center; margin: 0px; position: static; z-index: 9;
width: 100%; min-height: 100px; overflow: hidden }

#lastchange { color: white; font-weight: bold; }

.kopfzeile-layout {
  width: 100%;
  border-collapse: collapse;
}

.kopfzeile-layout td {
  padding: 0;
}

.kopfzeile-layout .navi {
  text-align: center;
  vertical-align: bottom;
}

.kopfzeile-layout .platzhalter,
.kopfzeile-layout .td_datum {
  width: 10%;
  text-align: center;
  vertical-align: top;   
}

.tab_datum {
  width: 80px;
  height: 64px;
  border: 1px solid;
  background: white;
  border-collapse: separate;
  border-spacing: 0;
}

.tab_datum td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}

  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;

  }
  ul#Navigation li {
    list-style: none;
    display: inline-block;
    margin: 0.4em; padding: 0em;
  }

  ul#Navigation a {
    padding: 0.2em 0.5em;
    text-decoration: none; font-weight: bold; font-family: Arial; font-style: italic;
    font-size: 12pt;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #33FF66; 
    background-color: #3366FF;
  }

  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }


/* Responsives Design */
@media (max-width: 768px) {
  ul#Navigation {
      text-align: right;
  }

  ul#Navigation li {
      display: block;
      margin: 0.2em 0;
  }
}