body 
{
  background-color: #b1bdf0;
  text-align: center; 
  font-family: arial,sans-serif;
}

#divLogin
{
	background-color: white;
	height: 500px;
	width: 500px;
	border: none;
	border-radius: 20px;
	margin: auto;
	box-shadow: 3px 3px 10px #999;
}

#divLoginNeu
{
	background-color: white;
	height: 350px;
	width: 900px;
	border: none;
	border-radius: 20px;
	margin: auto;
	box-shadow: 3px 3px 5px #999;
}

.tableLogin
{
  width: 400px;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: white;
}


.tableLogin td
{
	
	color: black;
	height: 30px;
	padding: 5px;
	font-size: 1.2em;
}

.tableDownload
{
  width: 50%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: white;
  text-align: center;
}
.tableDownload td
{
	color: black;
	height: 80px;
	padding: 5px;
	font-size: 1.2em;
}

.tableHaftung
{
  width: 50%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: white;
  text-align:left;
}

.tableHaftung th
{
	width:50%;
	color: black;
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
}
.tableHaftung td
{
	width:50%;
	color: black;
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
}

.tableFinish
{
  width: 80%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: white;
  text-align:left;
}

.tableFinish th
{
	color: black;
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
}
.tableFinish td
{
	color: black;
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
}

.tableAnmeldung
{
  width: 500px;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: white;
}


.tableAnmeldung td
{
	background-color: white;
	color: black;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1.2em;
}

.tableAnmeldung th
{
	height: 30px;
	background-color: white;
	color: black;
	font-size: 1.1em;
}

.butMagneto
{
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:white;
	cursor: pointer;
	border: 3px solid grey;
	border-radius: 15px;
	box-shadow: 1px 5px 10px #999;
}

.butdown
{
  border:none;
  padding: 15px 25px;
  font-size: 18px;
  font-weight:bold;
  box-shadow: 1px 1px #999;
  border-radius: 15px;
  font-family: arial;
  cursor: pointer;
  background-color: darkslategrey;
  color:white;
  width:400px;
  height:50px;
} 
.butdown:hover 
{
	background-color: blue;
	color:white;
}
.butdown:focus 
{
	background-color: Orange;
	color:black;
}

.butprint
{
  border:none;
  padding: 2px 15px;
   box-shadow: 1px 1px #999;
  border-radius: 5px;
  cursor: pointer;
  background-color: lightyellow;
 
} 
.butprint:hover
{
	background-color: blue;
}

.butmain 
{
  border:none;
  padding: 15px 25px;
  font-size: 18px;
  font-weight:bold;
  box-shadow: 1px 1px #999;
  border-radius: 25px;
  font-family: arial;
  cursor: pointer;
  background-color: navy;
  color:white;
  width:250px;
  height:50px;
} 
.butmain:hover 
{
	background-color: blue;
	color:white;
}
.butmain:focus 
{
	background-color: Orange;
	color:black;
}
.butmain:disabled
{
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
} 

.FormAn
{
	font-size: 1.2em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 5px;
	text-align: center;
	background-color: #ffffa6;
}
.FormKo
{
	font-size: 1.2em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 5px;
	text-align: center;
	background-color: #ffffa6;
}

.FormReg
{
	font-size: 1.2em;
	box-shadow: 2px 2px 10px #999;
	border: 3px solid grey;
	padding: 5px;
	text-align: center;
	background-color: white;
}

.DatumAn
{
	font-size: 1.3em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 7px;
	background-color: yellow;
}

.CHKBox
{
	width: 30px;
	height: 30px;
	font-size: 1.3em;
	box-shadow: 2px 2px 5px #999;
	border: 1px solid grey;
	cursor: pointer;
}
.CHKBoxFinish
{
	width: 30px;
	height: 30px;
	font-size: 1.3em;
	box-shadow: 2px 2px 5px #999;
	border: 1px solid grey;
	cursor: pointer;
}
.CHKList
{
	width: 50px;
	height: 50px;
	font-size: 3em;
	box-shadow: 2px 2px 5px #999;
	border: 1px solid grey;
	cursor: pointer;
}

input[type=file] 
{
  width: 350px;
  max-width: 100%;
  color: #444;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid green;
}
input[type=file]::file-selector-button 
{
  margin-right: 20px;
  border: none;
  background: green;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover 
{
  background: #0d45a5;
}