body{
  background-color:lightgrey;
  color: midnightblue;
  
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 40px;
  width: auto;
  text-align: center;
  /* padding: 20px; */
  float:unset;
  font-family: Arial, Helvetica, sans-serif;
}

.platzhalter{
  height:40px;
}
/* .content{
  margin: 20px;
  background-color:slateblue;
} */

.left{
  text-align: left;
}

.right{
  text-align: right;
  /* float:right; */
}


h1{
  size: 40px;
  /* margin: 0px; */
}

table, th, td{
  margin: auto;
  border-collapse: collapse;
  border: rgb(88, 88, 88) solid 2px;
  /* background-color: rgb(179, 179, 179); */
  /* background-image: url("img/NEBULA.jpg"); */
  padding: 20px;
}

wctable{
  border: rgb(49, 49, 49) solid 4px;
  background-color: rgb(179, 179, 179);
}

img{
    width: 200px;
}

/* AB HIER CSS FÜR NAVIGATIONSMENÜ */
.topnav {
  overflow: hidden;
  background-color:rgb(163, 162, 162);
  position: fixed;
  padding: 0px;
  display: block;
  width: 100%;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  /* border-radius: 10px; */
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color:royalblue;
  color: white;
}

.topnav .icon {
  display: none;
}

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

  .topnav a {
    float: none;
    padding: 3px 5px;
    font-size: 14px;
  }

  table, th, td{
    padding: 5px;
  }
  .platzhalter{
    height:70px;
  }
  
}