/*
.bxslider {
	background:					url(images/loading.gif) center center no-repeat;
}
*/
.bx-wrapper,
.bx-viewport,
.bxslider,
.bxslider li {
	width:						100%;
	height:						100%;
	margin:						0px;
	padding:					0px;
	list-style:					none;
}

.bxslider li {
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
    box-shadow:					5px 5px 5px rgba(0, 0, 0, 0.5);
}

.page-bg-slider.bxslider li {
	-o-background-size:			auto;
	-moz-background-size:		auto;
	-webkit-background-size:	auto;
	background-size:			auto;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow:			none;
	-webkit-box-shadow:			none;
	box-shadow:					none;
	border:						none;
	left:						0px;
	background:					none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom:						8px;
	z-index:					999;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link {
	width:						16px;
	height:						4px;
	background-color:			#ebeef4;
	-moz-border-radius:			0;
	-webkit-border-radius:		0;
	border-radius:				0;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active,
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link:hover {
	background-color:			#333333;
}


/* -------- bxpager ------- */

.bxpager {
	width:						475px;
	height:						auto;
	overflow-x:					hidden;
	overflow-y:					visible;
	margin-top:20px;
}

.bxpager a {
	width:						140px;
	height:						120px;
	padding:					0px;
	margin-bottom:				8px;
 	margin-right:				8px; /* muss auf jeder Seite mindestens die Größe der outline (.active) haben!!! */
	display:					block;
	float:						left;
	overflow:					hidden;
	text-decoration:			none;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
	border:						1px solid #666666;
	outline:					none;

}

.bxpager a.active span {
	width:						100%;
	height:						100%;
	display:					block;
	border:						1px solid #333333;
}

.bxpager a:hover {
	opacity:					0.85;
}

#backBtn {
	bottom:					15px;
	left:					50px;
	z-index:				999;
	position:				absolute;
	text-decoration:		none;
	font-size:				30px;
	color:					#000;
	font-weight:			bold;
	line-height:			16px;
	text-transform:			uppercase;
}

#backBtn span {
	font-size:				12px;
	vertical-align:			3px;
}

#backBtn:hover {
	color:					#0854c6;
}

.ImgZoom {
    background: rgba(0, 0, 0, 0) url("../style/images/bilder.layer.png") no-repeat scroll right bottom;
	display: block;
    height: 100%;
    text-align: left;
    width: 100%;
}

.DetailArea {
 background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.ImgDesc {
    display: block;
    height: auto;
	min-height:20px;
	max-height:40px;
	line-height:20px;
    text-align: left;
    width: 90%;
	font-size:20px;
	padding:15px 5%;
	text-align:center;
	cursor:		default;
	color: #fff;
	background-color: none;
	overflow:hidden;
	position:absolute;
	bottom:0px;
}

.ImgDesc p {
	margin:	0px!important;
}