body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f0f0f0;
  /* background-image: linear-gradient(to top, #f0f0f0 92%, #333 96%); */
  background-repeat: no-repeat;
}


#wertetabelle {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#wertetabelle td, #wertetabelle th {
  border: 1px solid #ddd;
  padding: 8px;
}

#wertetabelle tr:nth-child(even){background-color: LightGrey;}

#wertetabelle tr:hover {background-color: #ddd;}

#wertetabelle th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: Gray;
  color: white;
}

.main {
  padding: 3px;
  margin-top: 0px;
}

.main h2 {
  text-align: center;
}

/* Header/logo Title */
.header {
  padding: 10px;
  text-align: center;
  background: grey;
  color: black;
  background-image: linear-gradient(to top, Orange -20%, DodgerBlue 100%);
  clear: both;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Increase the font size of the heading */
.header h1 {D
  font-size: 20px;
}

/* Style the footer */
footer {
  padding: 10px;
  text-align: center;
}

#rcorners {
  border-radius: 5px;
}

.topnav {
  float: right;
  overflow: hidden;
  margin: 0px;
  border: 0px;
}

.topnav a.active {
  color: white;
}

.topnav a {
  font-size: 12px;
  color: black;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: white;
}


.basicnav {
  overflow: hidden;
  background-color: Gray;
  margin: 0px;
  border: 0px;
}

.basicnav a.active {
  background-color: #f0f0f0;
  color: black;
}

.basicnav a {
  float: left;
  font-size: 15px;
  color: white;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
}

.basicnav a:hover, .dropdown:hover .dropbtn {
  background-color: #f0f0f0;
  color: black;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #green;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.box {
background-color: DarkGrey;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:0px;
color:#000000;
text-align:center;
margin-top:20px;
margin-left:20px;
margin-right:20px;
margin-bottom:0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

}

.box h3 {
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.box_content {
background-color: #ddd;
text-align:left;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
margin-left:20px;
margin-right:20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.box_content ul{
	padding-top:0px;
	margin-top:0px;
}
}