<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300&family=Libre+Barcode+39&display=swap');


table,
th,
td {
	border-collapse: collapse;
	padding: 0.3em 0.5em;
	font-family: 'Hind', sans-serif;
}

table {
	margin-left: auto;
	font-family: 'Hind', sans-serif;
}


button.pointer {
	cursor: url('/Grafik/blaues_Auto.jpg'),auto;
}

th.TourenPlan {
	background-color: SpringGreen;
	text-align: center;
	padding: 5px 5px 10px 10px;
	font-family: 'Hind', sans-serif;
}

th.gescanteTouren  {
	background-color: maroon;
	text-align: center;
	padding: 5px 5px 10px 10px;
	font-family: 'Hind', sans-serif;
}

th.Pakete  {
	background-color: ForestGreen;
	text-align: center;
	padding: 5px 5px 10px 10px;
	font-family: 'Hind', sans-serif;
}

th.verspaeteteTouren  {
	background-color: Moccasin;
	text-align: center;
	padding: 5px 5px 10px 10px;
	font-family: 'Hind', sans-serif;
}

th.ausstehendeTouren  {
	background-color: FireBrick;
	text-align: center;
	padding: 5px 5px 10px 10px;
	font-family: 'Hind', sans-serif;
}

td.TourenPlan {
	background-color: PaleGreen;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.gescanteTouren  {
	background-color: rgb(255,52,179);
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.Pakete  {
	background-color: GreenYellow;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.verspaeteteTouren  {
	background-color: LemonChiffon;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.ausstehendeTouren  {
	background-color: IndianRed;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.blaueAmpel {
	border-radius: 100px; 
	background-color: RoyalBlue;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.Ampelaus  {
	border-radius: 100px; 
	background-color: White;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.gelbeAmpel  {
	border-radius: 100px; 
	background-color: Yellow;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.roteAmpel  {
	border-radius: 100px; 
	background-color: IndianRed;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.grueneAmpel  {
	border-radius: 100px; 
	background-color: GreenYellow;
	text-align: center;
	font-family: 'Hind', sans-serif;
}

td.Barcode {
	font-family: 'Libre Barcode 39', cursive;
	font-size: 60px;
}

td.Detail {
	font-family: 'Hind', sans-serif;
	font-size: 14px;
}

tfoot {

}

input:invalid {
	color: #EE0000;
}

</style>