<style type="text/css">

body 
{	
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(7, 1fr);
justify-items: stretch;
gap: 0.1em;

border-style: none;
border-color: #415975 ;
background-color: #ffffff;
max-width: 75em;
font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 1em;  
}

@media (min-width: 45em) {
	/* Breite beträgt mindestens 45em */
}	






header  {
	display: grid;
	 grid-column: 1 / -1;
	 gap: 0.5em;	
	 border-radius:  1em 1em 0em 0em;
	 padding: 1.5em;
	 background: #415975 ;
	 border-color: #415975 ;
} 

footer {
	grid-column: 1 / -1;
	gap: 0.0em;
	display: grid; 
	border-radius:  0em 0em 1em  1em ;
	border: thin solid;
	padding: 1.5em;
	background: #415975 ;
	border-color: #415975 ;
	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 0.75em; background: #415975 ;  border-color: #415975 ;
}

nav {
	
	grid-column: 1 / 3;
	padding-left: 0em; padding-right: 0.0em; 
	text-align:top;
	background: #415975 ;
	border-color: #415975 ;
	border-left-width: 0;
	white-space: normal;
	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 0.55em;
	}
	



main {
	grid-column: 3 / -1;
	gap: 0.0em;
	padding: 1.5em;
	border-left: 1px solid;
	border-left-color: white ;
	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 1em; background: #415975 ;  border-color: #415975 ;
}

/*aside {
	
	
	grid-column: 7 / 8;
	gap: 0.5em;
	text-align:top
	padding-right: 0.5em
	border-radius:  0.0em 0.0em;
	border: 0;
	padding: 1.5em;
	background: #415975 ;
	border-color: #415975 ;
	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 0.75em; background: #415975 ;  border-color: #415975 ;
	overflow: visible;
}*/

li {
  display: grid; background: #415975 ;
  margin-top: 0.65em;
  
  
}

li.cl2	{	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: .8em; background: #415975 ;  border-color: #415975 ; list-style-image: url:(Bilder/pfeilrechts_rot.gif);	}


div	{ 	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 1.2em; background: #415975 ;  border-color: #415975 ;
}

div.cl2	{ 	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 3em; background: #415975 ;  border-color: #415975 ;
}

div.cl3	{ 	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: 1em; background: #415975 ;  border-color: #415975 ; text-align: center;
}

div.cl4	{ 	font-family: Calibri light, Verdana, Arial, 'sans serif'; color: white; font-size: .9em; background: #415975 ;  border-color: #415975 ; text-align: center;
}

td	{	padding-left: 0.4em; 	}


iframe	{ 	
frame-ancestors: 'self'; 

border-top-width: 0 ;
border-right-width: 0; <!-- /*thin; border-color: white*/ -->
border-bottom-width: 0 
border-left-style: none  
target: _parent;	}

              
a:link { color:#ffccff; text-decoration:none }
a:visited { color:#ffccff; text-decoration:none }
a:hover { color:#ffccff; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }                
               
</style>