.container {
	display:grid;
	grid-template-rows:20px 570px 20px;  /*Höhen der Zeilen, 1., 2., 3.*/
	grid-template-columns: 150px 600px;  /*Breite der Spalten */
	
	width: 750px;
	border: 0px solid yellow;   
	margin-bottom: 0;
	margin-left: auto;   
	margin-right: auto;  
	margin-top: 3px;
	text-align: left;
}
header {
	grid-column-start:1; /*Ränder angeben, 2 spalten = 3 Ränder*/
	grid-column-end:3; 
	grid-row-start:1; 
	grid-row-end:2;
	background-image:url("backgrounds/gold3.jpg");
	background-repeat: repeat;
	background-size: cover;
	padding-left:4px;padding-right:4px;
	height:auto;
}	
navi {
	grid-column-start:1; 
	grid-column-end:2; 
	grid-row-start:2; 
	grid-row-end:3; 
	padding: 8px;
	background-color: sienna;
}	
inhalt {
	grid-column-start:2; 
	grid-column-end:3; 
	grid-row-start:2; 
	grid-row-end:3;
	background-image: url(backgrounds/grainy.jpg);
}
footer {
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:3; 
	grid-row-end:4;
	background-image:url("backgrounds/gold3.jpg");
	background-repeat: repeat;
	background-size: cover;
	padding-left:4px;padding-right:4px;
	text-align:middle;
	height:auto;
}
	
a.menu { color:white; font-family:arial; font-size:16px; text-decoration: none}
a:link.menu { color:white; font-size:16px}
a:visited.menu { color:white; font-size:16px}
a:hover.menu {color:blue; font-size: 18px}
a:active.menu { color:white; font-size:16px}

a.footer { color:white; font-family:arial; font-size:14px; text-decoration: none;}   /*margin-left:4px;margin-right:4px;*/
a:link.footer { color:white; font-size:14px}
a:visited.footer { color:white; font-size:14px}
a:hover.footer {color:blue; font-size:14px}
a:active.footer { color:white; font-size:14px}						  

a.menu { color:white; font-family:arial; font-size:16px; text-decoration: none;
		margin-left:2px;margin-right:2px;
		}

	
hm3 {
	color: white;
	font-size: 14px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}	
body {	
	background-image: url("images/becken-stadthalle-blass.gif");
  	background-repeat: repeat;
	max-width: 100%;
	overflow-x: hidden;
	/*background-image.opacity: 1.0;*/
	} 
.lisa-highlight {
  background: #ffe066;
  padding: 0 2px;
  border-radius: 3px;
  font-weight: 600;
}
</style>