@charset "utf-8";

header, article, left, right, footer {             /* Normalisierung */
  margin: 0;
  padding: 0;
}

* {
  font-family: sans-serif;
}

body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0px;
  max-width: 100em;      /* optional: Begrenzung für sehr große Bildschirme */
  background-color: ghostwhite;
}

header, footer {
  flex: 1 100%;
  border: 0px solid;
  /*padding: 1em; */
}

header {
  /*background-image: url("../pics/header-composed.gif"); */  
  background-color: darkgrey;  
  padding-left: 2em;
  padding-right: 2em;
  color: white;
  /*height: 60px;*/
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}



header a {
  /* float: right; */
  color: white;
}  


article {
  flex: 2 2 0%;
  border: 0px solid;
  padding: 2em;
  min-height: 73vh;
  background-color: ghostwhite;

}

left, right {
  flex: 1 1 0%;
  border: 0px solid;
  padding: 2em;
  background-color: ghostwhite;
}

/* class togglehidden-Tabellenzeilen initial ausblenden*/
tr.togglehide {
  /*visible: false;   */ 
  display: none;
}


footer {
   padding: 0.8em;
   background-color: ghostwhite;
}

footer a {
   display: inline-block;
   color: black;
   background-color: gainsboro;
   padding: 0.4em;
   text-decoration: none;
   margin-left: 0.5em;
   margin-right: 0.5em;
}

footer a.alignright {
   float: right;
}