/* hidden fancybox content elements */
.js-fancy-content {
	width:1px;
	height:1px;
	display: none !important;
}
.fancybox-title{
	position: static !important;
}
.fancybox-title.fancybox-title-inside-wrap{
   min-height: 30px;
}
.fancybox-close{
	display: none;
}
/*Standard-X oben rechts zum schliessen */
.fancybox-nx-base .fancybox-close,
.fancybox-nx-iframe .fancybox-close{
	display: block;
}

/*Icon war anhand der WortlÃ¤nge positioniert
 *sodass dies bei kÃ¼rzeren WÃ¶rtern zu Darstellungsfehlern fÃ¼hrte*/
.fancybox-overlay a.closeImg {
	bottom: 15px;
	position: absolute;
	right: 15px;
	background: url('../images/close-big.png') no-repeat right 0 !important;
	padding-right: 35px;
	height: 24px;
	line-height: 24px;
}

.js-no-touch .fancybox-overlay a.closeImg:hover{
	background: url('../images/close-big.png') no-repeat right -24px !important;
}

.fancybox-next span,
.fancybox-prev span{
	width: 24px;
	height: 24px;
	margin-top: -12px;
}
.fancybox-next span{
	background: url('../images/arrow-right-big.png') no-repeat 0 0;
}
.js-no-touch .fancybox-next:hover span{
	background: url('../images/arrow-right-big.png') no-repeat 0 -24px;
}
.fancybox-prev span {
	background: url('../images/arrow-left-big.png') no-repeat 0 0;
}
.js-no-touch .fancybox-prev:hover span {
	background: url('../images/arrow-left-big.png') no-repeat 0 -24px;
}

/*
 * Fullsize
 */
.fancybox-overlay.fancybox-fullsize{
	overflow-y: hidden;
	overflow-x: hidden;
}

.fancybox-overlay.fancybox-fullsize .fancybox-outer {
	display: table;
	width: 100%;
}
.fancybox-overlay.fancybox-fullsize .fancybox-inner{
	display: table-cell;
	vertical-align: middle;
	margin:0;
}
.fancybox-overlay.fancybox-fullsize .fancybox-nav{
	display: none;
}
.fancybox-overlay.fancybox-fullsize img.fancybox-image{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
}
/* << fullsize */


/*
 * Downloadlinks unter dem Bild
 */
.downloadcontainer{
	color: #fff;
	position: absolute;
	height: 20px;
	margin-top: 8px;
	bottom: 0;
}
.downloadcontainer .download{
	color: #fff;
	float: left;
	min-width: 170px;
}
@media only screen and (max-width: 320px) {
	.downloadcontainer{
		height: 50px;
		margin-top: 0;
	}
	.galleryImageTextTop{
		width: 100%;
		position: static;
	}
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
	div.fancybox-inner{
		margin-top: 40px;
	}
	div.downloadcontainer{
		height: 35px;
	}

	.fancybox-content .downloadcontainer {
		height: auto;
	}

	.downloadcontainer .download{
		float: none;
	}
	.fancybox-overlay a.closeImg{
		float: right;
		position: static;
		bottom: 20px;
	}
}
/* << Downloadlinks unter dem Bild */

.fancybox-nx-error{

}
.fancybox-nx-error .fancybox-skin{
	border-radius: 0;
}
.fancybox-nx-error .fancybox-outer{
	padding: 50px 10px 10px 60px;
	background: url("../images/formulare/alert_error.png") 0 0 no-repeat;
}
.fancybox-nx-error .fancybox-inner{
	margin: 0 0 20px 0;
	width: auto !important;
	height: auto !important;
}
.fancybox-nx-error  .footer{
	text-align: right;
}

.fancybox-error-outer {
	padding: 15px;
}

.fancybox-error-box {
	padding: 50px 10px 10px 60px;
	background: white url("../images/formulare/alert_error.png") 0 0 no-repeat;
}

.fancybox-error-message {
	margin-top: 20px;
	text-align: right;
}

.fancybox-error-message.formbutton {
	display: block;
}


/*CLAASPRO-306*/

/*fancybox image name*/
.fancybox-content .galleryImageTextTop {
	top: -30px;
	left: 0;
	color: #fff;
}

/*fancybox image download*/
.fancybox-content .downloadcontainer {
	bottom: -30px;
	left: 0;
}

.fancybox-content .downloadcontainer a {
	color: #fff;
}

.fancybox-content .downloadcontainer a:hover {
	color: #b3c618;
}

/*Reset for margin*/
.fancybox-content .fancybox-image {
	margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
	.fancybox-content .downloadcontainer,
	.fancybox-content .galleryImageTextTop {
		left: 20px;
	}
}

.fancybox-progress {
	background: #b3c618;
}
