@CHARSET "UTF-8";

body {
	display: grid;
	grid-template-columns: 1em 1fr 1fr 8em 1em ;
	grid-template-rows: 1.5em 1fr 1fr 1fr 1.5em 1.5em;
/*	max-width: 20em; */
}

oben{
	grid-column:1 / span 3;
	grid-row:1;
	font: bold 0.5em Impact, Verdana, Geneva, sans-serif;
	color: rgb(0,102,153);
	text-align: left;
	background: lightgrey;
	vertical-align: center;
	content: top;
	padding: 0.5em;
}

unten{
	grid-column:1 / span 5;
	grid-row:6;
	padding: 0.5em;
	font: normal 0.5em Verdana, Geneva, sans-serif;
/*	color: rgb(0,102,153); */
	content: bottom;
	text-align: right;
	background:lightgrey;
}

infozeile{
	grid-column:2 / span 3;
	grid-row:5;
	background:gainsboro;
	font: normal 0.8em sans-serif;
	text-align: right;
	vertical-align: center;
	padding: 0.5em;
}

Datum{
	grid-column: 4 / span 2;
	grid-row:1;
	font: normal 0.8em sans-serif;
	text-align: center;
	vertical-align: center;
	padding: 0.3em;
	background: gainsboro;
}
main{
	grid-column:2 / span 3;
	grid-row: 2 / span 3;
	background: snow;
	color: blue;
	font: normal 1.5em Geneva, Helvetica, sans-serif;
	text-align: center;
	vertical-align: center;
}

links{
	grid-column:1;
	grid-row:2 /span 4;
	background: lightgrey;
}

rechts{
	grid-column:5;
	grid-row:2 /span 4;
	background: lightgrey;
	padding-top: 2em;
}

.textsenkrecht{
	font: normal 0.8em Geneva, Helvetica, sans-serif;
	transform: rotate(90deg);
}

.infoabsatz{
	color: black;
}

logo{
	font: bold 0.5em Impact, sans-serif;
	color: rgb(0,102,153);
}