/** Stage container **/

.connected-carousels .stage {
    width: 670px;
	height: 604px;
    margin: 14px auto;
    position: relative;
}

div.wrapper div.connected-carousels {
	border: 1px solid #e1e1df;
}

div.wrapper div.connected-carousels div.stage{

	height:auto;
}

.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.connected-carousels .photo-credits a {
    color: #fff;
}

/** Navigation container **/

.connected-carousels .navigation {
    margin: 20px auto;
    position: relative;
}  

/** Shared carousel styles **/

.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    /*float: left;   */
    display:table-cell ;
}

/** Stage carousel specific styles **/

/*.connected-carousels .carousel-stage {
    height: 400px;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
            background-size: cover;
} */

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    background-size: cover !important;
    width:580px;
	margin-left:40px;
	margin-top:10px;
  
  /*  width: 240px;     */
   /* background: #fff;
 border: 10px solid #fff;   */
   
}

.connected-carousels .carousel-navigation li {
    cursor: pointer;
    
    text-align:center!important;
}

.connected-carousels .carousel-navigation li img {
    display: block;
   /* border: 1px solid #dddddd; */
}

.connected-carousels .carousel-navigation li.active img {
    /*border-color: #ccc;    */
  /*  border-color:red;
    border:1px solid red!important;  */
}

.connected-carousels .carousel-navigation li{border: 1px solid #dddddd;}
.connected-carousels .carousel-navigation li.active{ border-color:red;}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    
	display:none;
	/** deleted the effect to click direct in the image on the right and on the left to do "next" / previous image
	display: block;
	position: absolute;
    top: 0;
    width: 305px;
    height: 410px;
    color: #fff;
	*/
}

.connected-carousels .prev-stage {
    left: 0;
	text-decoration:none
}

.connected-carousels .next-stage {
    right: 0;
	text-decoration:none
}

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {
    display: none;
}

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {
    display: none;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 60px;
    font-size:0px;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_links_aktiv.png') center no-repeat;
	color: #fff;
	background-position: 0px 26px;
   /* background: #4E443C;  */
 
   /*opacity:0.5;   */
    color: #BD3540;
    text-decoration: none;


    
}

.connected-carousels .next-navigation {

	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_rechts_aktiv.png') center no-repeat;


    
}

.connected-carousels .prev-navigation {
  left: 7px;
  text-indent: 6px;
  top:14px;
background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_links_aktiv.png') center no-repeat;


}

.connected-carousels .next-navigation {
  right: 17px;
  text-indent: 20px;
  top:10px;
background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_rechts_aktiv.png') center no-repeat;


}
.next.next-navigation {
  font-size: 0px!important;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_rechts_aktiv.png') center no-repeat;

  color:#fff;


}

.prev.prev-navigation {
  font-size: 0px!important;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_links_aktiv.png') center no-repeat;

  color:#fff;


}

.next.next-navigation:hover {
	color:#fff;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_rechts_aktiv_hover.png') center no-repeat;


}
.prev.prev-navigation:hover {
	color:#fff;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_links_aktiv_hover.png') center no-repeat;


}

.connected-carousels .prev-navigation.inactive {
    /*opacity: .5;  */
   color:#fff;
   /*font-size:48px !important;*/
    cursor: default;
background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_links_inaktiv.png') center no-repeat;
}


.connected-carousels .next-navigation.inactive {
    /*opacity: .5;  */
   color:#fff;
   /*font-size:48px !important;*/
    cursor: default;
	background: #fff url('http://www.kfz-schutzdecken.de/ebay_shop/images/pfeil_galerie_rechts_inaktiv.png') center no-repeat;

}

/*changed stylesheet*/

.connected-carousels .carousel li img{
	max-width:640px; 
  max-height:100%;
  vertical-align: middle;
}

.connected-carousels .carousel-stage {
	background-size: cover;
	border: 1px solid #e1e1df;
	border-radius: 0px;
	padding:0px 0px;
	margin-left:auto;
	margin-right:auto;
	height: 466px;
	width: 640px;
	background:#fff!important;
	text-align:center!important;
	background-size: cover!important;
}
.carousel.carousel-stage li{ 
	height: 466px;
	width: 640px;
	background-size:cover!important;
	text-align:center!important;
 }

.connected-carousels .carousel-navigation li {
	cursor: pointer;
	height: 88px;
	width: 122px;
	padding:0px;
	float:left !important;
	background-size:cover !important;
	margin:0px 3px;
}

 .connected-carousels .carousel-navigation li img {
	margin: auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle !important;
	text-align: center;
}