/* last change: 30.04.2018 */


html {
  /* padding: 0; */
}

body {
  font: normal 100.01% Arial, Helvetica, sans-serif;
  font-size: 1em; line-height: 1.3em;
  color: black; background-color: white;
  min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}


#Container{
  display: flex;
  /* align-items: center; */ /* Vertikale Zentrierung */
  justify-content: center;
}
#Navi{
  float: left;
}
#Main{
  float: left;
  width: 700px;  /* Bildbreite */
  margin: 2em;
  font-size: 1em;
}
#Aside{
  /* Elternelement fuer Counter mit position: absolute
     --> Positionierung des Counters innerhalb Elternelement moeglich */
  position: relative;
  float: left;
}


.geheim     {color: white}
.aktiv      {color: black; background-color: #fecd29}
.kommentar  {color: #CCCCCC; font-size: 0.7em}


a {text-decoration: none;}

a:link, a:visited {
  color: #004e51;
  background-color: white;
}
a:hover {
  color: white;
  background-color: #004e51;
}



ul#Navigation {
  background-color: white;
  width: 240px; /* Videobreite */
}
ul#Navigation li {
  list-style: none;
}
ul#Navigation a {
  display: block;
  padding: 3px;
  font-size: 1em;
}
ul#Navigation a:link {
  color: black; background-color: #EEEEEE;
}
ul#Navigation a:visited {
  color: black; background-color: #EEEEEE;
}
ul#Navigation a:hover {
  color: white;
  background-color: #004e51;
}


.frei2 {background-color: #004e51; color: white}  /* korrespondiert mit Logo */
/*.frei1 {background-color: #ffbb00; color: white} */
.frei0 {background-color: red;     color: white}