body {
  margin: 2rem;
  font: 12px system-ui;
  background-color: #272E63;
  color:#ffffff;
  font-family:Verdana;
}

div#container {
	width:1300px;
	height: auto;
	margin: 0 auto;
}
div#head_formular
{
	margin:20px;
	color:#ffffff;
	width: 100%;
	min-width: 600px;
	max-width: 1300px;
	text-align: center;
	padding: 10px;
}
div#head_formular h2
{
	background: #ffffff;
	color: #000000;
	padding: 10px;
	
}
div.meldung
{
	border: 1px solid #ffffff;
	padding: 10px;
	margin: 10px;
	width: 50%;
	margin: 10px auto;
	
}
input
{
	background: #ffffff;
	color: #272E63;
	border: 1px solid #272E63;
	padding:10px;
}
input:hover
{
	background: #272E63;
	color: #ffffff;
	border: 1px solid #ffffff;
}
h1 {
	font-family:Verdana;
	color: #ffffff;
}
h2 {
	text-align:center;
	color: #ffffff;
}
h3 {
	text-align:center;
	font-family:Verdana;
	color: #ffffff;
}
section#top_formular {
	color:#ffffff;
	margin: 20px;
}
section#gametable
{
	background: url('bilder/bg/sales_Hintergrund.png');
	background-size: 100%;
	background-repeat: no-repeat;
	min-width: 600px;
		max-width: 1200px;
	min-height: 1300px;
	float: left;
}	
section#sidebar
{
	border: 1px solid #ffffff;
	float: right;
	width: 250px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0;
  min-width: 600px;
  max-width: 1300px;
	min-height: 1200px;
	
}
.grid > div {
  background-size: 100% auto;
  min-width:100px;
  min-height:100px;
  height: auto;
  padding: 0;
  color:#ffffff;
}
.grid > div:hover {
  }
a, a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	background-color: #ffffff;
	color: #272E63;
	text-decoration: none;
}


div#footer {
	background:#ffffff;
	width: 100%;
	min-height: 70px;
	height: auto;
	margin: 0 auto;
	
}

div#footer a, div#footer a:visited {
	background: #272E63;
	display: block;
	padding: 10px;
	margin:10px;
	float: left;
	width: 180px;
	text-align: center;
}
div#footer a:hover {
	background:#aaaaaa;
}