html {
  height: 100%;
}

body {
	background: #222;
	color: #aaa;
	text-align:center;
	height: 100%;
	width: 100%;
	margin:0;
	font-family: "Ebrima";
	font-size: 16px;
	min-width: 600px;
}

.thumbnail {
  max-width: 15%;
  border-radius: 2%;
}

.lightbox {
	/** Thumbnail zu Lightbox */
	display: none;

	/** Position und style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.85);
	
	/**Text Anzeige*/
	text-decoration: none;
	color: white;
}

.lightbox img {
	/** Pad um das Bild */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
	border-radius: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.gallerie{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}


a.navigation{
	color: orange;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	background: grey;	
}

a.navigation:visited{
	color: orange;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	background: grey;	
}

a.navigation:hover{
	color: white;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	background: orange;	
}

a.navigation:visited:hover{
	color: white;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	background: orange;	
}