body { 
		font-family: Verdana, Geneva, sans-serif; 
		color: #000000;
		background-color: #ffffff;	
		width: 900px;
		margin: 0 auto;
		text-align:left;
		
		
		}
		

header {
	width: 900px;
	border: none;
	border-top: 1px solid grey;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	font-size: 1.5em;
	
			
}
h1 {
	text-align: center;	
	}

section { 

	border: 1px solid grey;
	margin: 5px;
	padding: 10px;	
	background-color: #eeeeee;
		
	}

footer {
	position:fixed;	
	bottom: 0;
	width: 900px;
	border: none;
	border-top: 1px solid grey;
	background-color: #ffffff;
	color: #444444;
	text-align: center;
	font-size: 1.5em;
}
.foot a {
	
			text-decoration: none;
         color: #444444;
         display: block;
         margin: 0;
         padding: 0.2em 0.6em;
         font-size: 1.5em;
}


.mainnav {
	font-family: Arial, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	width: 100%;
	#margin-left: 9%;
	
}

.mainnav ul {
         list-style-type: none;
         margin: 0;
         padding: 0;
         display: table;
         width: 100%;
         border-spacing: 8px;
         table-layout: fixed;
         
         
      }  
      
.mainnav  li {
         width: 20%;
         text-align: center;
         vertical-align: middle;
         display: table-cell;
         height: 3em;
         background-color: #dddd44;
         border: 1px solid #000;
         border-radius: 50px;
         
      }
      
 .mainnav li a {
         text-decoration: none;
         color: #000000;
         display: block;
         margin: 0;
         padding: 0.2em 0.6em;
      
      }
      
 .mainnav li:hover a, li:hover {
         background-color: #ef0000;
         color: #fff;
         border-radius: 50px;
      }
      
      /* für Tastaturnutzer, da kein focus auf Nicht-Links */
      li a:focus, li a:active { 
         background-color: #ef0000;
         color: #fff;
         border-radius: 50px;
}

@media only screen and (min-width: 1081px)	{
	.maincontent {
	font-family: Arial, Geneva, sans-serif;
	font-size: 1.2em;
	width: 98%;
	height: 100%;
	border: 0px solid #000000;
	margin-bottom: 2em;
	#background-color: #aaaaaa;
}

}

@media only screen and (max-width: 1080px) {
.maincontent {
	font-size: 2em;
	font-family: Arial, Geneva, sans-serif;
	width: 98%;
	height: 100%;
	border: 0px solid #000000;
	margin-bottom: 0.5em;
	#background-color: #aaaaaa;
}	

}