body{
	background-image: url("bilder/leopard.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:fixed;
}



ul{
	position:fixed;
	text-align:center;	
	list-style-type:none;
	margin:0; 
	padding:0; 
	width:auto;
	height:auto;
	background-color:purple;
	border:solid 2px gold;
	 
}


ul li:hover{
	background-color:white; 
}



ul li{ 
	height:8px;
	padding:0;
	margin:0;
	list-style-type:none;
	color:white;
	display:inline;
	
	 
}

span:hover{
	background-color:white; 
	border-right:solid 2px gold ; 
	
}


span {
	background-color:purple; 
	border-right:solid 1px gold ;
	
	
}

li a {
	font-size:1.9vw;
	text-align:center; 
	text-decoration:none;

	list-style-type:none;
	color:white; 
	display:block;
	display:inline;  
}



li a:hover {      
	text-align:center;                                /* li a:hover:not(.aktiv) { background-color:#777; color:white; } */
	background-color:white; 
	color:black;
 
}


h1{
	color:red;
	text-align:center;
	font-size:2.8vw;
}

img{
	height:170;
	width:170;
	margin:1px 1px;
	padding:1px 1px;
	border:1px solid black;	
}

#text{
	color:yellow ;
	background-color:blue;
	height:150;
	width:auto;
	border:solid 3px green;
}



#seitenleiste{   
	position:fixed;
	color:gold;
	background-color:blue; 
	height:50%;
	width:10%;
	border:solid 3px green;
	 
 
	overflow:auto;
}

#bild{ 
	float:left; 
	margin: 0em 1.9em 0em;
	padding:0 8.3%;

}
  
#footer{
	  position:absolute;
      bottom: 0; 
	  background-color:#333;
	  color:#d1d1d1;
	  height:15%;
	  width:100%;
	  #position: absolute;
	 
  }
 
div{
	font-size:1.4vw;
	
}