/* Cycles */  

.cycle-slideshow img { 					/* some of these styles will be set by the plugin but setting them here helps avoid flash-of-unstyled-content */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.cycle-slideshow img:first-child { 		/* in case script does not load */
	position:static;
	z-index:100;
}

/* Composite Cycles (mit z.B. Links) auf der Indexseite*/

#index .cycle-slideshow > div { 
    position:absolute;
	top:0;
	left:0;
    width:100%;
	padding:0;
}

.composite > div {  }
.composite > div > img { display: block; }

/* Pager */

.cycle-pager {
	text-align:center;
	width:100%;
	z-index:500;
	position:absolute;
	top:10px;
	overflow:hidden;
}
.cycle-pager span {
	font-family:arial;
	font-size:50px;
	width:20px;
	height:16px;
	display:inline-block;
	color:#ddd;
	cursor:pointer;
}
.cycle-pager span.cycle-pager-active {
	color:#7A7067;
}
.cycle-pager > * {
	cursor:pointer;
}
.cc-pager {
	text-align:center;
	width:100%;
	height:3em;
	z-index:500;
	top:0;
	overflow:hidden;
}
.cc-pager span {
	font-size:3em;
	width:.5em;
	height:.5em;
	display:inline-block;
	color:#ddd;
}
.cc-pager span.cycle-pager-active {
	color:#7a7067;
}
.cc-pager > * {
	cursor:pointer;
}

/* Button zum starten und stoppen der Slideshow */

.pauseToggle {
	float:right;
	margin-right:1.5em;
}

/* Overlay */

.cycle-overlay {						/* Cycles Overlauy */
	position:absolute;
	bottom:0;
	width:100%;
	z-index:600;
	background:#423f40;
	background:-moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); 
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); 
	background:-webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
	background:-o-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); 
	background:-ms-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
	background:linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
	color:#fff;
	margin-bottom:3em;
	padding:1.5em 1.5em;
}
.overlaytitle {
	font-size:3em;
	text-shadow:none;
	}
.overlaydesc {
	font-size:1.5em;
	text-shadow:none;
	margin-top:.5em;
}
#content a:hover .cycle-overlay {
	text-shadow:none;
	color:#fff;
}


/* prev / next links */

.cycle-prev, .cycle-next {
	position:absolute;
	top:0;
	width:30%;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:800; 
	height:100%; 
	cursor:pointer; 
	transition:all 0.5s ease;
}
.cycle-prev {
	left:0;
	background:url(../files/plus.png) 50% 50% no-repeat;
	
}
.cycle-next {
	right:0; 
	background:url(../files/minus.png) 50% 50% no-repeat;
	
}
.cycle-prev:hover, .cycle-next:hover {
	opacity:.3; 
	filter:alpha(opacity=70) 
}

@media only screen and (min-width: 760px) and (max-width: 979px) {
	.cycle-overlay {
		margin-bottom:2em;
		padding:1em 1.5em;	
	}
	.overlaytitle {
		font-size:1.5em;
	}
	.overlaydesc {
		font-size:1em;
	}
}
@media only screen and (max-width: 759px) {
	.cycle-overlay {
		margin-bottom:1em;
		padding:.5em 1.5em;	
	}
	.overlaytitle {
		font-size:1.2em;
	}
	.overlaydesc {
		font-size:.9em;
	}
	.cycle-prev, .cycle-next {
		background:none;
	}
	.cc-pager {
		height:1.5em
	}
	.cc-pager span {
		font-size:1.5em;	
	}
	.pauseToggle {
		float:left;
		margin-top:1em;
		margin-left:1.5em;
	}
}