.cycle-prev  { position:absolute; top: 0; width: 10%; opacity: 0.95; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.cycle-next  { position:absolute; top: 0; width: 10%; opacity: 0.95; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.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-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 { text-align: center; width: 100%; z-index:9000; position: absolute; bottom:-15px; left:0; overflow: hidden; }
.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; left:0px; height:auto; width:auto; bottom:0px; z-index:1; padding:10px 20px; margin:0 0 0 0px; background:rgba(234,115,16,0.8); 
					color:#666; font-family:'Open Sans', sans-serif; font-size:0.8rem; line-height:1.4rem; overflow:hidden; text-align:left;} 
.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) {
.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 		{bottom:-5px;}
}
/* XXXXXXXXXX TABLET PORTRAIT XXXXXXXXXX */
@media screen and (max-width:1024px) and (orientation: portrait){
/*.cycle-pager span 	{height:44px;}*/
.caption 			{margin:0 0 0 0;} 
}
/* XXXXXXXXXX Desktop über 1700 XXXXXXXXXX */
@media screen and (min-width:1700px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:0px} 
.cycle-pager 		{bottom:-5px;}
}
/* XXXXXXXXXX Desktop über 1700 XXXXXXXXXX */
@media screen and (min-width:1810px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:0px} 
}
/* 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;}*/
}