/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow {/* width: 100% !important;*/margin: 0; padding: 0; position: relative;top:0px;
/*    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat; max-width: 1900px; */
  
  max-width:1100px;  min-height:500px;
  margin:0px auto 0px auto;padding-bottom:30px;
 }



/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
/*    position: absolute; bottom: 0; left: 200px; 
    width: 35% !important; height:auto; max-width:500px;
    padding: 0; display: block;*/
}



.newscontainer{ width:100%;   margin: 0px auto 0px auto;position:relative; padding:0px 0px 0px 0px;}

.slide-element {float:left; width:100%;  /**/display:block;padding:0px 0px 0px 0px;  }

.slide-element img {width:100%; height:auto;} 

.newscontainer #prev {position:absolute; left:0px; top: 0px; width:60px; height:475px;cursor:pointer;background-color:#D8D8D8;
 
background-image:url('../images/karousell_links.png');
background-repeat:no-repeat;
background-size:auto 30px;
background-position: center center;
}
.newscontainer #next {position:absolute; right:0px; top:0px; width:60px; height:475px;cursor:pointer;background-color:#D8D8D8;
background-image:url('../images/karousell_rechts.png');
background-repeat:no-repeat;
background-size:auto 30px;
background-position:center center;
}

/*

.cycle-slideshow img { width: 100%; height: auto; display: block; }*/


.sliderimage { width:50%; float:left; padding:0px 20px 20px 0px; background:#fff;   }


.sliderimage img {width:100%; height:auto;}

.slidertext {width:50%; float:left; height:auto; padding:0px 0px 20px 20px} 
 
 .cycle-pager {position:absolute; bottom:0px; left:50%;z-index:100;}
 
 .cycle-pager span  {display:inline-block; width:30px; height:20px; padding-right:10px;
 cursor:pointer;background-color:transparent; color:transparent;
background-image:url('../../DATEN/images/icons/radio_button_off_grey.png');
background-repeat:no-repeat;
background-size:auto 15px;
background-position:center center;
}
  span.cycle-pager-active {background-image:url('../../DATEN/images/icons/radio_button_on_grey.png');}
  
  
@media all and (min-width: 380px){
	
.cycle-slideshow { min-height:480px;}
.testimonials .cycle-slideshow  { min-height:520px;}
}
    
    
  @media all and (min-width: 540px){
.cycle-slideshow { min-height:450px;}
}
   
  /*zweispaltig*/     
      
  @media all and (min-width: 640px){
.cycle-slideshow { min-height:450px;}
.testimonials .cycle-slideshow  { min-height:320px;}

}
  
  
@media all and (min-width: 768px){
.cycle-slideshow { min-height:400px;}
} 
 
 
@media all and (min-width: 1024px){
.cycle-slideshow { min-height:350px;}

}