.cycle-prev  { position:absolute; top: 0; width: 7%; opacity: 0.2; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.cycle-next  { position:absolute; top: 0; width: 7%; opacity: 0.2; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.cycle-prev 		{left:0%; background:url(../resources/left.png) 50% 50% no-repeat; transition:}
.cycle-next			{right:0%; background:url(../resources/right.png) 60% 50% no-repeat; }
.cycle-prev:hover, .cycle-next:hover {opacity:.8; filter:alpha(opacity=80); background-color:rgba(0,0,0,0.2); }
.disabled 			{opacity:.5; filter:alpha(opacity=50) }

#adv-custom-pager img {margin:0 5px }
#alt-caption 		{background-color:rgba(94,84,77,0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome */; padding:8px }

.cycle-pager {display:none;}
.cycle-pager span { font-family: arial; font-size: 70px; width: 20px; height: 20px; margin: 5px 5px; display: inline-block; color: rgba(255,255,255,0.5); }
.cycle-pager span.cycle-pager-active { color: rgba(255,255,255,1); }
.cycle-pager span:hover {color: rgba(255,255,255,0.9); }
.cycle-pager span.cycle-pager-active:hover { background-color:transparent;}
.cycle-pager > * { cursor: pointer;}


.caption 			{position:absolute; font-size:0.7rem; line-height:1rem; left:0px; height:auto; width:auto; bottom:10px; z-index:1; padding:5px 20px; margin:0 0 0 0px;  overflow:hidden; text-align:left;
					background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 7%, rgba(255,255,255,0.85) 93%, rgba(255,255,255,0) 100%);} 
.captionbox			{position:relative; width:auto; max-width:1200px; height:0px;  margin:0 auto;} 
.mydiv 				{ width: 100%; }

.container		{font-size:0.8rem; line-height:1.4rem; width:100%; height:auto; min-height:100%; position:relative; clear:both;} /* min-height und position für sticky footer */


/* XXXXXXXXXX TABLET  XXXXXXXXXX */
@media screen and (min-width:768px) and (max-width:1250px) {
.caption 			{padding:15px 40px; } 
.cycle-prev 		{left:0%; background:url(../resources/left.png) 45% 50% no-repeat; transition:}
.cycle-next			{right:0%; background:url(../resources/right.png) 55% 50% no-repeat; }
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:2000; position: absolute; top:40px; left:180px; overflow: hidden; }
}
/* XXXXXXXXXX TABLET PORTRAIT XXXXXXXXXX */
@media screen and (max-width:1024px) and (orientation: portrait){
/*.cycle-pager span 	{height:44px;}*/
.caption 			{margin:0 0 0 0; padding:5px 20px; } 
}
/* XXXXXXXXXX Desktop über 1700 XXXXXXXXXX */
@media screen and (min-width:1700px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:40px; padding:15px 40px;} 
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:2000; position: absolute; top:40px; left:180px; overflow: hidden; }
}
/* XXXXXXXXXX Desktop über 1700 XXXXXXXXXX */
@media screen and (min-width:1810px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:40px; padding:15px 40px;} 
}
/* XXXXXXXXXX TABLET  XXXXXXXXXX */
@media screen and (min-width:1251px) {
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:2000; position: absolute; top:40px; left:180px; overflow: hidden; }
}
/* XXXXXXXXXX DT 1800 XXXXXXXXXX 
@media screen and (min-width: 1800px) {.caption {bottom:40px;}}*/
/* XXXXXXXXXX DT 1890 XXXXXXXXXX 
@media screen and (min-width: 1890px) {.caption {bottom:60px;}}*/
/* XXXXXXXXXX DT 1900 XXXXXXXXXX 
@media screen and (min-width: 1900px) {.caption {bottom:65px;}*/
}