body {
		width: 100%;
		height: 100%;
		min-height: 100%;
	}
	
	#abdunkeln {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0, 0.8);
		display: none;
		z-index: 3000;
	}
	
	.lightboxdiv {
		top: 0;
		left: 0;
		width: 80%;
		height:80%;
		margin-left: auto;
		margin-right: auto;
		padding: 5% 10% 15% 10%;
		position: fixed;
		z-index: 3001;
		display: block;
		text-align: center;
		z-index:3001;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0.0;
		-khtml-opacity: 0.0;
		opacity: 0.0;
		transition: all 2.0s ease-in-out;
	}
	
	.lightboxdiv.show {
		z-index: 3002;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}
	
	.lightboxbild {
		max-width: 60%;
		max-height: 60%;
		margin-top: 0%;
		position: relative;
		border: solid 4px #FFFFFF;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		transition: all 2.0s ease-in-out;
	}
	
	.lightboxdiv.show .lightboxbild {
		max-width: 95%;
		max-height: 95%;
	}
	
	.lightboxdiv p {
		text-align: center;
		color: #FFFFFF;
	}
	
	#lightboxswitchdiv {
	}
	
	#lightboxswitch {
		position: fixed;
		left: 50%;
		top: 20px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		display: block;
		z-index: 4000;
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.lightboxswitch:hover {
		cursor: pointer;
	}
	
	.lightboxplay {
		background-image: url(play.png);
		float: left;
	}
	
	.lightboxplay:hover {
		background-image: url(play_hover.png);
	}

	.lightboxstop {
		background-image: url(stop.png);
		float: right;
	}
	
	.lightboxstop:hover {
		background-image: url(stop_hover.png);
	}
	
	.slideswitch {
		width: 40px;
		height: 40px;
		z-index: 4000;
		background-position: center center;
		background-size: 100% 100%;
		position: absolute;
		top: 20px;
		display: none;
	}
	
	#slideswitchleft {
		background-image: url(slideswitchleft.png);
		left: 50%;
		margin-left: -140px;
	}

	#slideswitchleft:hover {
		background-image: url(slideswitchleft_hover.png);
		cursor: pointer;
	}
		
	#slideswitchright {
		background-image: url(slideswitchright.png);
		left: 50%;
		margin-left: 100px;
	}

	#slideswitchright:hover {
		background-image: url(slideswitchright_hover.png);
		cursor: pointer;
	}