/* Diaschau 
-------------------------------------------------------------- */
.diaschaucontainer {
	margin-left:367px;
	margin-bottom:30px;
	width:734px;
	clear:both;
}
.diaschaucontainer.fixiert {/*fuer js slideshow*/
	width:734px;
}
.bildcontainer {
	max-width:100%;
	height:auto;
	display:inline-block;
	background:rgb(100,100,100);
	padding:0px;
}
.bildcontainer a, .bildcontainer a:hover, .bildcontainer a:active, .bildcontainer a:focus, .legendecontainer a, .legendecontainer a:hover {
	border-bottom:none !important;
	text-decoration:none !important;
}
.bildcontainer a {
	cursor:zoom-in;
}
.bildcontainer img {
	max-width:100%;
	max-height:100%;
	height:100%;
	height:auto;
	margin:0px;
	vertical-align:bottom;
}
.legendecontainer {
	margin-top:8px;
	padding-top:0px;
	display:block;
}
.legendecontainer.kurz {
	margin-top:0px;
	margin-bottom:3px;
}
.steuerung {
	margin-top:2px;
	width:90px;
	display:block;
	float:left;
}
.legendecontainer .blaetter-l {
	width:16px;
	height:18px;
	margin-right:4px;
	display:inline-block;
	background:url(bb-imgs/pfeile.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:-2px -47px;	
}
.legendecontainer .blaetter-r {
	width:16px;
	height:18px;
	display:inline-block;
	background:url(bb-imgs/pfeile.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:-2px -71px;	
}
.legendecontainer .nummerdisplay {
	margin-right:4px;
	width:40px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	font-size:13px;
	line-height:16px;
}
.legendecontainer .nummerdisplay.breit {/* > 9 */
	width:50px;
}
.legendecontainer .bildlegende {
	padding-top:3px;
	font-size: 13px;
	line-height:16px;
	font-style:italic;
	display:inline-block;
	width:70%;
	float:left;
}
.legendecontainer .bildschliessbutt {
	float:right;
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(bb-imgs/schliessbutt.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:1px -25px;
	display:none;
}
.legendecontainer.kurz .bildschliessbutt {
	height:32px;
	background-position:1px -30px;
}
.legendecontainer .bildschliessbutt.sichtbar {
	display:block;
}


/*fancy slideshow*/
.slideshowBG {
	z-index:1001;
	position:fixed;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	background:#000;
	display:block;
	opacity:0;
  	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}	
.slideshowBG.offen {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.8;
  	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.yyydiaschaucontainer.gross {/*text wird unscharf*/
	z-index:1002;
	position:fixed;
	margin-left:0px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width:auto;
    height:auto;
	/*max-width:90%;*/
	-webkit-transition: margin,width,height 0.4s ease-out;
	-moz-transition: margin,width,height 0.4s ease-out;
	transition: margin,width,height 0.4s ease-out;
}
.diaschaucontainer.gross {
	z-index:1002;
	position:fixed;
	top: 0px;/*positionierung via js*/
	left: 0px;
	margin-left:0px;
    width:auto;
    height:auto;
	-webkit-transition: margin,width,height 0.4s ease-out;
	-moz-transition: margin,width,height 0.4s ease-out;
	transition: margin,width,height 0.4s ease-out;
}
.diaschaucontainer.gross .bildcontainer {
	background:#000;
}

.diaschaucontainer.gross .nummerdisplay, .diaschaucontainer.gross .bildlegende {
	color:#fff;
}
.diaschaucontainer.gross .legendecontainer .bildschliessbutt {
	background:url(bb-imgs/schliessbutt-weiss.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:1px -25px;
}
.diaschaucontainer.gross .legendecontainer .blaetter-l {
	background:url(bb-imgs/pfeile-weiss.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:-2px -47px;	
}
.diaschaucontainer.gross .legendecontainer .blaetter-r {
	background:url(bb-imgs/pfeile-weiss.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:-2px -71px;	
}