@charset "utf-8";
/* CSS Document */

/* slideshow */		
.cycle-slideshow {
	width:100%;
	height:auto;
	display:block;
    background: url(img/site/spinner.gif) 50% 50% no-repeat;
	border:1px solid #BCBDCB;	
	}
.cycle-slideshow img {
	/*width:auto; Hochformat wird eingepasst, Querformat ragt bei kleinen Bildschirmen nach rechts heraus*/
	width:100%; /*füllt den Rahmen immer aus, Hochformat wird vergrößert und abgeschnitten */
	height:auto;
	border:none;
	}	

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    width: 100%; z-index: 500; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links - nur wenn JavaScript aktiviert ist*/
.js .cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.js .cycle-prev { left: 0;  background: url(../img/site/scroll_left.png) 20% 50% no-repeat;}
.js .cycle-next { right: 0; background: url(../img/site/scroll_right.png) 80% 50% no-repeat;}
.js .cycle-prev:hover, .cycle-next:hover { opacity: 1; filter: alpha(opacity=100) }

.js .disabled { opacity: .5; filter:alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* Thumbnails */
#image-pager {
	padding:15px 0px 10px 0px;	
	}
#image-pager img {
	border:none;
	}
#image-pager div {
	margin:5px 5px;
	border:1px solid #BCBDCB;
	display:inline;
	float:left;
	width:87px;
	height:87px;
	overflow:hidden;
	text-align:center;
	}
#image-pager img:hover {
	opacity: .5;
	}

/* Images */
#image-browser {
	margin:20px 0px 0px 0px;
	background:rgba(0,0,0,0.3);
	}	

/* Caption */
#alt-caption {
	font-size:0.85em;
	font-style:italic;
	text-align:center;
	margin-bottom:20px;
	}