div.gallery_container {
	
		position:relative ;
	
		width:calc(100% - 10px) ;
		box-sizing:border-box ;
		
		margin:10px ;
		
		background:white ;
		border-radius: 3px / 3px;
		
		padding:5px ;
		box-sizing:border-box ;
		box-shadow: 3px 3px 3px grey;
	
	}


/* Navigation */

	div.navigation {
		
		margin-top:5px ;
		
	}

	div.gallery_nav, div.gallery_nav_blank {
		
		float:left ;
		
		width:calc(33.33333% - 10px) ;
		
		margin-left:5px ;
		margin-right:5px ;
		
		text-align:center ;
		
		background-color:#eae9e9 ;
	
	}
	
/* Fotos weiterschalten */

	div.gallery_nav:hover {
	
		cursor:pointer ;
		
	}
	
/* Lightbox */

	/*	Basierend auf
	*	CSS-Lightbox
	*	von Cerealkillerway https://github.com/Cerealkillerway
	*	Original Code: https://github.com/Cerealkillerway/css-lightbox
	*/

	.lightbox {
		position: fixed;
		z-index: 999;
		height: 0;
		width: 0;
		text-align: center;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.9);
		opacity: 0;
	}

	.lightbox img {
		max-width: 90%;
		max-height: 80%;
		margin-top: 2%;
		opacity: 0;
	}

	.lightbox:target {
		outline: none;

		width: 100%;
		height: 100%;
		opacity: 1 !important;
		
	}

	.lightbox:target img {
		border: solid 17px rgba(77, 77, 77, 0.8);
		opacity: 1;
		webkit-transition: opacity 0.6s;
		transition: opacity 0.6s;
	}
	
	.btn-close {
		position: absolute;
		right: 2%;
		top: 2%;
		color: #fafafa;
		background-color: #92001d;
		border: solid 5px #ef4036;
		padding: 10px 15px;
		border-radius: 1px;
		text-decoration: none;
	}

	.btn-close:hover {
		background-color: #740404;
	}
	
	p.lightboxtext {
		
		color:white ;
		
		text-align:center ;
		
	}
	
	p.lightboxsource {
		
		color:white ;
		
		text-align:center ;
		
	}
	
	div.lightboxdescwrap {
	
		width:90% ;
		max-width:1000px ;
	
		margin:0 auto ;
		
	}
	
	a.lightboxlink {
		
		color:white ;
	
	}