body{background-color: #DCF6FE;width: 100%; height: 100%;
	font-size: medium;font-family: Verdana, Arial, 'sans-serif';
}
.auto-style1 {
	position: absolute;
	width: 90%;
	height: 15%;
	z-index: 1;
	text-align: center;
	background-color: #DCF6FE;
}
.auto-style2 {
	position: absolute;
	width: 20%;
	
	z-index: 2;
	top: 1%;
	left: 1%;background-color: #DCF6FE;
}
nav,                     
  nav ul,
  nav li {   
    list-style: none; 
    margin: 0.2em; 
    padding: 0;
    text-align: left;
	top: -3px;
	left: 0px;
}
  nav a {
	text-decoration: none;
	font-weight: bold;
}
nav a:focus,
nav a:hover,
nav a:active {
	color: royalblue;
	background-color: yellow;
}

.auto-style3 {
	position: absolute;
	height: 59%;
	z-index: 3;
	top: 15%;
	left: 20%;background-color: #DCF6FE;text-align: center;
	width: 749px;
}

	
td,
th {
	border: 0px solid;text-align: center;
}

#spaltengruppe {
	width: 40%;text-align: center;
}

#spalte4 {
	width: 60%;text-align: center;
}
.auto-style4 {position: fixed;
	
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	text-align: center;
 position: fixed;

  left: 0;
  width: 100%;
  font-size:xx-small;
}
.auto-style5 {
	
	width: 20%;


}
.auto-style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.auto-style7{left: 30%;
	position: absolute;
	height: 60%;
	z-index: 4;
	top: 15%;
text-align: center;
  list-style: none; 
}
.auto-style9{  list-style: none; 
}
.auto-style10 {
	color: #DCF6FE;
}
 .myButton {
     width: 160px;
     height: 15px;
     font-size: 16px;
     color: #ebd809;
     background: linear-gradient(to top right, #9fd9eb, #63c3e6);
     border: 1px solid #004d6b;
     border-radius: 9px;
     font-family: arial;
     transition: all 0.25s ease;
}
.myButton:hover {
     color: #ffb700;
     background: linear-gradient(to top right, #1675c9, #04688c);
     border-color: #1590bd;
}