body {
  background-color: #eeeeee;
  border: 0px solid purple;
  font-size: 14px;
  font-family: arial;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#home {
  color: white;
  font-size: 16px;
  border: 2px solid #ff2200;
  background-color: #444444;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#home:hover {
  color: white;
  font-size: 18px;
  border: 2px solid #ff2200;
  background-color: #666666;
  text-align: center;
  white-space:nowrap;
  width: 13%;
  cursor: pointer;
}
#secu {
  color: white;
  border: 2px solid #ff4400;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#secu:hover {
  color: white;
  border: 2px solid #ff4400;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#wifi {
  color: white;
  border: 2px solid #ff6600;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#wifi:hover {
  color: white;
  border: 2px solid #ff6600;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#notf {
  border: 2px solid #ff8800;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#notf:hover {
  border: 2px solid #ff8800;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#part {
  color: white;
  border: 2px solid #ffaa00;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#part:hover {
  color: white;
  border: 2px solid #ffaa00;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  width: 13%;
  white-space:nowrap; 
  cursor: pointer;
}
#hist {
  color: white;
  border: 2px solid #ffcc00;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#hist:hover {
  color: white;
  border: 2px solid #ffcc00;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#cont {
  color: white;
  border: 2px solid #ffdd00;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#cont:hover {
  color: white;
  border: 2px solid #ffdd00;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#impr {
  color: white;
  border: 2px solid #ffff00;
  background-color: #444444;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
}
#impr:hover {
  color: white;
  border: 2px solid #ffff00;
  background-color: #666666;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  white-space:nowrap; 
  width: 13%;
  cursor: pointer;
}
#foot {
  text-align: center;
}
h1 {
  font-weight: bold;
  font-size: 18px;
  color: black;
}
h2 {
  font-weight: bold;
  font-size: 16px;
  color: black;
}
h3, th {
  font-weight: bold;
  font-size: 14px;
  color: black;
}
th.money {
  font-weight: bold;
  font-size: 16px;
  color: black;
  text-align: right;
}
h4, li {
  font-weight: bold;
  font-size: 14px;
  color: black;
}
td {
  font-weight: bold;
  font-size: 14px;
  color: black;
  padding: 2px;
}
table {
  width: 100%;
  border: 0px solid blue;
  border-collapse: collapse;
  tr:nth-child(even) {background: #CCC};
  tr:nth-child(odd) {background: #BBB}
}
th {
  background: #CCC;
}
.linksmall {
  color: red;
  font-size: 14px;
}
a:link {
  color: red;
  font-size: 14px;
}

/* visited link */
a:visited {
  color: purple;
  font-size: 14px;
}

/* mouse over link */
a:hover {
  color: yellow;
  font-size: 14px;
}

/* selected link */
a:active {
  color: blue;
  font-size: 14px;
}
.flex { 
  width: 30%;
  height: 30%;
    display: flex;
    justify-content: center; 
}
.qr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    width: 40px;
}
.vcard {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    width: 200px;
}
.rot {
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
}
.menu {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #d9e6f2;
  padding: 2px;
}
.notf {

  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
  font-style: italic;
  width: 10%;
}
.red {
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
  font-style: italic;
}
.ongoing {
  font-weight: bold;
  font-size: 14px;
  color: #009900;
  font-style: italic;
}
.slogan {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #ff0000;
  font-style: italic;
}
.smallred {
  font-weight: normal;
  font-size: 12px;
  color: #ff0000;
  font-style: italic;
}
.maintable {
  border: 0px;
  padding: 0px;
}
.menutabelle {
  width: 100%;
}
.topic {
  font-size: 14px;
}
.maintopic {
  font-size: 18px;
}