<style type="text/css">
/* CSS Style-Sheet-Specifications */
/* created with (X)HTML-Format */
/* Pseudoelementselektoren: */
/* 3DE / 2018 */
 a  { font-weight: bold; }
 a:link { text-decoration:none; color:#000080; }
 a:visited { text-decoration:none; color:#000040; } 
 a:focus { text-decoration:none; color:#ffffff;  }
 a:hover { background-color:transparent; } 
 a:active { text-decoration:none; background-color:transparent; } 
 span { font-family:arial,verdana,sans-serif; }
body {
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 180px auto auto; /* 3 Spalten */
	grid-template-columns: 180px auto auto; /* 3 Spalten */
	-ms-grid-template-rows: 100px auto auto; /* 3 Zeilen */
	grid-template-rows: 100px auto auto; /* 3 Zeilen */
	width: 100%;
	height: 100%;
	background-color:#000000;
}
header {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column-span: 3; /* &uuml;ber 3 Spalten */
	grid-column-span: 3; /* &uuml;ber 3 Spalten */
}
nav {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 2;
	grid-row: 2;
	margin:1vw;
	
}
article {
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
}
spalte3 {
	-ms-grid-column: 3;
	grid-column: 3;
	-ms-grid-row: 2;
	grid-row: 2;
}	
footer {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 3;
	grid-row: 3;
	-ms-grid-column-span: 3; /* &uuml;ber 3 Spalten */
	grid-column-span: 3; /* &uuml;ber 3 Spalten */
}
</style>
