A:link {
	text-decoration:none;
	background-color:#444444;
	color:#e8e8e8;
	}
A:visited {
	text-decoration:none;
	background-color:#444444;
	color:#e8e8e8;
	}
A:hover {
	background-color:#e8e8e8;
 	color: #6f0000;
	}
A:active {
	background-color::#e8e8e8;
 	color: #6f0000;
	}
body {  font-family:Arial;
	background-color:#444444;
 	color:#e8e8e8;
	border-width:0px;
	}
nav li {
      display: inline;
    }
 
    @media screen and (max-width: 750px) {
      nav li {
        display: block;
        width: 50%;
      }
	
    }
 
    @media only screen and (max-width : 320px) {
      nav li {
        width: 30%;
    }
	
  }
.bildvar  {
	width:auto;
	height:90%;
	} 
    @media screen and (max-width: 750px) {

	.bildvar  {
	width:auto;
	height:70%;
	} 

    }
 
    @media only screen and (max-width : 320px) {

	.bildvar  {
	width:auto;
	height:45%;
	} 
  }

.navi {
	padding:5px;
	border-color:#6f0000; 
	border-right-width:0px;
	border-left-width:0px; 
	border-top-width:0px; 
	border-bottom-width:1px; 
	border-style:ridge;
	}


#foto-popup { 
  text-align: center; 
   background-color:#444444;
  color: #e8e8e8;
  position: fixed;
  width:50%;
height:auto;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  }
#foto-popup.hidden {
  display: none;
}