.cycle-prev  { position:absolute; top: 0; width: 7%; opacity: 0.95; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.cycle-next  { position:absolute; top: 0; width: 7%; opacity: 0.95; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;}
.cycle-prev 		{display:none; left:0%; background:url(../resources/left.png) 50% 50% no-repeat; transition:}
.cycle-next			{display:none; 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.3); }
.disabled 			{opacity:.2; filter:alpha(opacity=20) }

#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; text-align: center; width: 100%; z-index:90; position: absolute; bottom:-25px; left:0; overflow: hidden; }
.cycle-pager span { font-family: arial; font-size: 70px; width: 10px; height: 10px; margin: 5px 8px; display: inline-block; color: rgba(255,255,255,0.7); border: 10px solid #c5c5c5; transition: all 1s;}
.cycle-pager span.cycle-pager-active { color: rgba(255,255,255,1); border: 10px solid #7d7d7d;}
.cycle-pager span:hover {color: rgba(255,255,255,0.9); border: 10px solid #7d7d7d;}
.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; bottom:2px; height:auto; bottom:10px; z-index:1; margin:0 25px; overflow:hidden; text-align:left; text-shadow:0px 0px 0px white; padding:15px 20px 5px 20px; color:white; background:rgba(255,255,255,0.85);} 
.captionbox 		{ width: 100%; max-width: 1200px; margin-right: auto; margin-left: 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){
.caption 			{position:absolute; font-size:0.7rem; line-height:1rem; left:0px; height:auto; width:auto; bottom:20px; z-index:1; margin:0 0 0 0px;  overflow:hidden; 
					text-align:left; text-shadow:0px 0px 0px white; padding:15px 50px 5px 50px;} 
.captionbox			{position:relative; width:auto; max-width:1200px; height:0px;  margin:0 auto; z-index:99;} 
.cycle-prev 		{display:inline-block; left:0%; background:url(../resources/left.png) 45% 50% no-repeat; transition:}
.cycle-next			{display:inline-block; 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; bottom:-25px; left:0; overflow: hidden; }
.cycle-pager span { font-family: arial; font-size: 70px; width: 15px; height: 15px; margin: 5px 8px; display: inline-block; color: rgba(255,255,255,0.7); border: 15px solid #c5c5c5; transition: all 1s;}
.cycle-pager span.cycle-pager-active { color: rgba(255,255,255,1); border: 15px solid #7d7d7d;}
.cycle-pager span:hover {color: rgba(255,255,255,0.9); border: 15px solid #7d7d7d;}

}
/* XXXXXXXXXX TABLET PORTRAIT XXXXXXXXXX */
@media screen (min-width:768px) and (max-width:1024px) and (orientation: portrait){
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:80px; margin:0 0 0 0; } 
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:91; position: absolute; bottom:-25px; left:0; overflow: hidden; }
}
/* XXXXXXXXXX Desktop über 1025 XXXXXXXXXX */
@media screen and (min-width:1025px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:40px; } 
.cycle-prev 		{display:inline-block; left:0%; background:url(../resources/left.png) 45% 50% no-repeat; transition:}
.cycle-next			{display:inline-block; right:0%; background:url(../resources/right.png) 55% 50% no-repeat; }
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:91; position: absolute; bottom:-25px; left:0; overflow: hidden; }
}
/* XXXXXXXXXX Desktop über 1400 XXXXXXXXXX */
@media screen and (min-width:1400px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:70px; } 
.cycle-prev 		{display:inline-block; left:0%; background:url(../resources/left.png) 45% 50% no-repeat; transition:}
.cycle-next			{display:inline-block; right:0%; background:url(../resources/right.png) 55% 50% no-repeat; }
.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:91; position: absolute; bottom:-25px; left:0; overflow: hidden; }
}
/* XXXXXXXXXX Desktop über 1810 XXXXXXXXXX */
@media screen and (min-width:1810px) {
/*.cycle-pager span 	{height:44px;}*/
.caption 			{bottom:35px; padding:15px 50px 5px 50px;} 
.cycle-prev 		{display:inline-block; left:0%; background:url(../resources/left.png) 45% 50% no-repeat; transition:}
.cycle-next			{display:inline-block; right:0%; background:url(../resources/right.png) 55% 50% no-repeat; }
}
/* XXXXXXXXXX TABLET  XXXXXXXXXX */
@media screen and (min-width:1251px) {

.cycle-pager 		{display:inline-block; text-align: center; width: 100%; z-index:91; position: absolute; bottom:-26px; left:0; overflow: hidden; }
}