/*Menü von w3schools:*/
nav ul {
  list-style-type: none;
  margin: -7;
  padding: 0;
  overflow: hidden;
  background-color: #006e73;
  
  /* Menü unten:
  position: fixed;
  bottom: 40;
  width: 100%;*/

}

nav li {
  float:left;
  border-right: 1px solid #bbb;
}

nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: SourceSansProBlack;
}


nav li a:hover {
  background-color: #009197;
}

	@font-face {font-family: 'SourceSansProBlack';
				src: url('fonts/SourceSansPro-Black.ttf') format('truetype'); }
				
	@font-face {font-family: 'SourceSansPro';
				src: url('fonts/SourceSansPro-Regular.ttf') format('truetype'); }
				
	@font-face {font-family: 'SourceSansProSemibold';
				src: url('fonts/SourceSansPro-Semibold.ttf') format('truetype'); }
				
	


    #content{margin-right:  100px;
   			 margin-left:   150px;
   			 margin-top: 	 30px;
			 color:			white;
			 font-family:	SourceSansPro;
			 background-color: #006e73;
			 padding: 20px;
			 padding-bottom:	 40px;
			 display: flex;
			 align-items: center;}
			 
	#content img {margin-left: auto;
				margin-right: 10px;
	
	}
			 
	#line{float: right;
		  font-family:	SourceSansProSemibold;
		  color: #003a3c;}
   
   h1 {text-align:center;}

   a  {color: white }

   
   
	#heading {margin-top:10px;
			  color: white; 
			  font-family: SourceSansProBlack}
			  
	#img_menu {float: left; 
			  text-decoration: none;}
			  
	#img_menu ul{list-style-type:none;
				 margin-top: 30px;
				 margin-left:10px;
				 padding: 0;
				 border: 2px solid white}
			  
	#img_menu li {overflow: hidden;}
	
	#img_menu a{display:block;}
	
	
			  
	#img_menu_i1{background-color: #E1801B;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i1:hover{opacity:100}
	
	#img_menu_i2{background-color: #E48A2F;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i2:hover{opacity:100}
	
	#img_menu_i3{background-color: #E79544;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i3:hover{opacity:100}
	
	#img_menu_i4{background-color: #EAA05A;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i4:hover{opacity:100}
	
	#img_menu_i5{background-color: #EDAC6E;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i5:hover{opacity:100}
	
	#img_menu_i6{background-color: #F0B881;
			  width:90px;
			  height:90px;
			  opacity:0}
	#img_menu_i6:hover{opacity:100}
	
	#img_menu_i{width:90px;
			  height:90px;
			  opacity:100}
			  
	#img_menu_l1{background-color: #E1801B;
				border-bottom:2px solid white;}
	#img_menu_l2{background-color: #E48A2F;
				border-bottom:2px solid white;}
	#img_menu_l3{background-color: #E79544;
				border-bottom:2px solid white;}
	#img_menu_l4{background-color: #EAA05A;
				border-bottom:2px solid white;}
	#img_menu_l5{background-color: #EDAC6E;
				border-bottom:2px solid white;}
	#img_menu_l6{background-color: #F0B881;}

			  
	

	
	
	



	
	
