/* CSS Document */
.bwiseGallery									{ display:block; clear:both; }
.bwiseGalleryHidden							{ display: none; }
.bwiseGalleryHidden.act						{ display: block; }

.bwiseGallery > div 							{ transition:left ease .5s;
													  -webkit-transition:left ease .5s;
													  -moz-transition:left ease .5s; }

.bwiseGallery > div > a						{

	
	transition:background ease .5s;
	-webkit-transition:background ease .5s;
	-moz-transition:background ease .5s;
}

.bwiseGallery.act>div,
.bwiseGallery.bwiseTheatre>div{
	width:10000%;
	height:100%;
	position:relative;
}
.bwiseGallery.act>div>a,
.bwiseGallery.bwiseTheatre>div>a{
	float: left;
	height:100%;
	width:1%;
	margin:0;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}

.bwiseGallery.bwiseTheatre{
	height:200px;
	overflow:hidden;
	background:#000;
	position:relative;
}
.bwiseGallery.bwiseTheatre>div{
	position:relative;
}

.bwiseGallery.act{
	width: 100% !important;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,.8) !important;
	z-index:10000;
	overflow:hidden;
	height:auto;
}
.bwiseGallery.act a{ background-color: transparent !important; border: none !important; }


/* UI Elemente */

.bwiseGallery>span{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	margin-top:-30px;
	height:1px;
	height:0;
	overflow:visible;
}
.bwiseGallery.act>span,
.bwiseGallery.bwiseTheatre>span{
	display:block;
}

.bwiseGallery>span>strong,
.bwiseGallery>em											{ display: none; float: left; height: 50px; width: 50px; margin: 10px;
																  border: 1px solid #969696; border-radius: 50%;
																  background:rgba(255,255,255,.8);																  
																  text-align: center; color: #969696; }
																  
.bwiseGallery>em											{ position: absolute; right: 0px; top: 0px;
																  line-height: 44px; font-size: 34px; font-style: normal; }
.bwiseGallery.act>em										{ display: block; }
.bwiseGallery>em:before									{ content:"x"; }

.bwiseGallery.act>span>strong							{ display: block; }
.bwiseGallery>span>strong								{ line-height: 52px; font-size: 40px; font-weight: normal; }
.bwiseGallery>span>strong:nth-child(1)				{ float:right; }
.bwiseGallery>span>strong:nth-child(1):before	{ content:">"; }
.bwiseGallery>span>strong:nth-child(2):before	{ content:"<"; }

.bwiseGallery>em:hover,
.bwiseGallery>span>strong:hover						{ border: 1px solid #254997; background: #254997; color: #ffffff; cursor: pointer; }

.bwiseGallery:not(.act)>div>a.gallery_box			{ cursor: pointer; }