header, nav, section, footer {
    display: block;
}

/*
Damit teilt die css-Datei dem Browser mit, dass es sich um Blockelemente handelt
*/
body {
	font-family: Arial, sans-serif;
	font-size: 20 px;
	color: blue;
	text-align: center;
	background-color: lightgray;
    
}

h1 {
	color: red;
	font-size: 60 px;
}

h2 {
	color: green;
	font-size: 40 px;
}
h3 {
	color: yellow;
	font-size: 30 px;
}

hr {
	color: deeppink;
	border-style: solid;
}



header {
	/* float: top;
     Element an die Innenkante verschieben */
	height: 120px;
	background-color: gray;
}

nav ul{
				list-style: none;
    /* Listenformatierung */
				margin: 0;
    /* Außenabstand */
				padding-left: 10px;
                padding-right: 10px;
    /* Innenabstand */
                display: flex;
    /* responsive und fexibles Layout */
                
			}
			nav ul li{
				float:left;
				border: 5px solid #73726D;
    /* Rahmen Stärke */
				width: 25%;
			}
			nav ul li a{
				background: #89c7e3;
				display: block;
                
/* Mit display: block; können Sie den Browser anweisen, Elemente als Block-Boxen darzustellen, die keine Blockelemente sind.  */
				
                padding: 5% 12% ;
				font-weight: bold;
				color: #e7f3ef;
				text-decoration: none;
				text-align: center;
			}
			

main {

	text-align: center;
}

table, th, td{
	margin: auto; 
	border: 3px ;
	border-style: solid;
    
    /* Rahmen durchgezogen */ 
	
    border-collapse: collapse;
    
    /* Rahmen getrennt oder zusammenfallend */ 
    
    font-size: 20px;
}

table, th, {
	 font-weight: bold
}

footer{
    font-size: 30px;
    font-weight: bold;
}