body 
{
  background-color: aliceblue;
  text-align: center; 
  font-family: arial,sans-serif;
  width: 100%;
}

div.header
{
	margin: -20px 0px;
	height: 350px;
	background-color: white;
	position: sticky;
	top: 0;
	width: 100%;
}

div.menu
{
	background-color: white;
	float: left;
}

#actSpeed
{
	border:10px solid black;
	border-radius:50px;
	text-align:center;
	height:230px;
	width:300px;
	font-size:10em;
	font-family:arial, sans-serif;
	font-weight:bold;
}

#rowTitle
{
	font-weight:bold;
	font-size:1.7em;
}
#actDatum
{
	font-weight:bold;
	font-size:1.5em;
}
#actZeit
{
	font-weight:bold;
	font-size:1.4em;
}
.hidefull
{
	display: none;
}

@media screen and (max-width: 800px)
{
	
	
	#actDatum
	{
		font-size:1.2em;
	}
	
	#actZeit
	{
		font-size:1.2em;
	}
	
	#rowTitle
	{
		font-weight:bold;
		font-size:1.3em;
	}
	
	#actSpeed
	{
		border:10px solid black;
		border-radius:25px;
		text-align:center;
		height:130px;
		width:200px;
		font-size:7em;
		font-family:arial, sans-serif;
		font-weight:bold;
	}
	
	div.header
	{
		position: relative;
		height: 300px;
	}
	
	.hideme
	{
		display: none;
	}
	.hidefull
	{
		display: table-row;
	}
}
/* .tableHistory
{
  width: 70%;
  font-family: Arial;
  border-collapse: collapse;
}

.tableHistory td
{
	color:black;
	height: 30px;
	padding: 15px;
	font-size:1.2em;
	
	border-bottom: 10px solid lightgrey;
	border-top: 10px solid lightgrey; 
}

.tableHistory th
{
	height: 30px;
} */

/* .tableWarenkorb
{
  width: 95%;
  font-family: Arial;
  border-collapse: collapse;
  border: 2px solid white;
}

.tableWarenkorb td
{
	color: black;
	height: 30px;
	padding: 15px;
	
	border-left: none;
	border-right: none; 
	background-color:white;
}

.tableShWarenkorb
{
	height: 30px;
}

.tableShWarenkorb
{
  width: 95%;
  font-family: Arial;
  border-collapse: collapse;
  
}

.tableShWarenkorb td
{
	color: black;
	height: 30px;
	padding: 15px;
	
	border-left: none;
	border-right: none; 
	background-color:white;
}

.tableWarenkorb
{
	height: 30px;
}

.column 
{
  float: left;
}

.column.links 
{
  width: 40%;
}

.column.rechts 
{
  width: 60%;
}


@media (max-width: 1200px) 
{
  .column.links, .column.rechts 
  {
    width: 100%;
  }
  
}
@media (max-width: 1200px) 
{
  .Klinks, .Kmitte, .Krechts 
  {
    width: 100%;
  }
  
}

table 
{
  width: 90%;
  border-collapse: collapse;
}


th
{
  background-color: #197052;
  color: white;
  height: 25px;
  font-size: 1.1em;
  padding: 3px;
  font-family: Arial;
  
}

td 
{
  text-align: center;
  height: 15px;
  font-size: 1.1em;
  padding: 5px;
  border: 1px solid white;
}

.Form
{
	font-size: 1em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 1px;
	text-align: center;
}
.FormVariation
{
	font-size: 1.2em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 1px;
	text-align: center;
}
.FormVarAnzahl
{
	font-size: 1.2em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 1px;
	text-align: center;
}

.Datum
{
	font-size: 1.4em;
	box-shadow: 1px 1px #999;
	border: 1px solid grey;
	padding: 5px;
}

.button 
{
  padding: 8px 25px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  color: white;
  background-color: #03145c;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px #999;
  font-family: verdana;
 
}

.button:hover 
{
	background-color: blue;
	color:white;
}


.button:focus 
{
	background-color: #dec4a4;
}

.button:disabled
{
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
} 

.button:disabled:hover,
.button:disabled:focus 
{
  color:#fff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  transform: none;
  box-shadow: none;
}

.button:active 
{
  background-color: green;
  box-shadow: 1px 2px #666;
  transform: translateY(4px);
} 

.butminus 
{
  padding: 6px 11px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  color: white;
  background-color: darkgreen;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px #999;
  font-family: verdana;

}

.butminus:hover 
{
	background-color: blue
}


.butminus:focus 
{
	background-color: #dec4a4;
}

.butplus
{
  padding: 6px 8px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  color: white;
  background-color: darkgreen;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px #999;
  font-family: verdana;
 
}

.butplus:hover 
{
	background-color: blue;
}


.butplus:focus 
{
	background-color: #dec4a4;
}

.butedit 
{
  padding: 5px 15px;
  font-size: 16px;
  background-color: green;
  font-weight:bold;
}

.buteditrot 
{
  padding: 5px 15px;
  font-size: 16px;
  color: white;
  background-color: red;
}
.buteditorange
{
  padding: 5px 15px;
  font-size: 16px;
  color: black;
  background-color: orange;
}

.buteditwhite
{
  padding: 5px 15px;
  background-color: #f0ecec;
  border-radius: 10px;
 
}

.buteditlink
{
  padding: 5px 15px;
  background-color: #1E90FF;
  border-radius: 10px;
 
}
.butfile
{
  padding: 5px 15px;
  font-size: 14px;
  background-color: #0c4202;
  border-radius: 8px;
 
}

.butfile2
{
  padding: 5px 15px;
  font-size: 14px;
  background-color: brown;
  border-radius: 8px;
 
}

.butsave 
{
  padding: 5px 15px;
  background-color: orange;
  font-size: 16px;
  color: black;
  font-weight:bold;
} 

.butmenu
{
  padding: 5px 15px;
  background-color: #a6713c;
  font-size: 16px;
} 

.butdelete 
{
  padding: 5px 15px;
  background-color: red;
  font-size: 16px;
  font-weight:bold;
} 

.butback 
{
  padding: 5px 15px;
  background-color: aqua;
  font-size: 16px;
  font-weight:bold;
  color: black;
}

.textareaWS
{
	text-align:left;
	font-size:1.4em;
	resize:none;
	border:none;
	height:10em;
	width:50em;
}

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;
} */