/*=================Produkt on Top -Slider===================*/
* Additional styles for the controls./**

 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 13px;
    text-decoration: underline;
    padding: 0 5px;
    margin: 0px 5px 5px 0;
    border: 1px solid #red;
    color: #eee;
    /*background-color: #4088b8;*/
    font-weight: bold;
   /* background-image:url(pagination.png);*/
	  background-position:0 0;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
    text-decoration: none;
    background-position:0 -12px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li a:focus,
.pagination li a:active,
.pagination li.current a {
	background-position:0 -12px;
}


/*----------------------------------------------
-------------------------------------------------*/

#slider_pot{
margin: 0 auto;
border: 1px solid #EBF5E8;
background:#EBF5E8;
width:965px;
border-bottom: 0px;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow:5px 5px 5px #6C665F;
-webkit-box-shadow: 5px 5px 5px #6C665F;
-moz-box-shadow: 5px 5px 5px #6C665F;
}


.slider-img{
margin: 0 auto;
width: 200px;
padding: 0px;
height: 155px;
text-align: center;
line-height:155px;
display: table;
}
.slider-img img{
vertical-align:middle;
box-shadow:5px 5px 5px #6C665F;
-webkit-box-shadow: 5px 5px 5px #6C665F;
-moz-box-shadow: 5px 5px 5px #6C665F;
}
.slider_img_inner{
display: table-cell;
vertical-align: middle;
}

.slider-text{
border-bottom: solid 0px #a3a3a3;
color: #1e2630;
font-size: 10px;
margin: 0;
padding-top: 3px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin:auto;
text-align:center;
height: 48px;
line-height: 15px;
overflow: hidden;
}
.slider-text a{
color: #000; /*#1e2630;*/
}

.slider-price{
font-weight: normal;
}

.collapsedborders li {
  margin: 0 -1px -1px 0;
}

#mycarousel{
float:left;
width: 970px;
border: 0px solid red;
height: 242px;
}

#mycarousel li{
font-size:14px;
text-align: center;
border: 1px solid #a3a3a3;
border-top: 0px;
border-right: 0px;
padding: 0px;
list-style-type:none;
}

/* BOF FALLBACK NO_JAVASCRIPT*/
ul#mycarousel li{
float:left;
margin-right:0px;
margin-bottom: 5px;
height: 240px;
width:215px;
background: #EBF5E8;
}
/* EOF FALLBACK NO_JAVASCRIPT*/

#mycarousel img{
border: 0px solid #a3a3a3;
}

.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
    /*background: #F0F6F9;*/
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 10px solid #B7B1A2;
    margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 865px; /*Breite des Bildcontainers*/
    padding: 0px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  864px; /*Breite des Bildcontainers*/
    height: 240px; /*Höhe Bilder + Text*/
    border-right: 1px solid #a3a3a3;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 200px;
    height: 200px; /*Höhe des Bildcontainers*/
    padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  210px; /*Breite der Bilder */
    height: 200px; /*Höhe Bilder + Text*/
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px; /*Breite der Bilder */
    height: 200px; /*Höhe Bilder + Text*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
  margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
  margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 103px; /*Abstand Button Oben*/
    right: 5px;
    width: 32px;
    height: 105px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../img/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 103px; /*Abstand Button Oben*/
    left: 5px;
    width: 32px;
    height: 105px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 64px;
    cursor: pointer;
    background: transparent url(../img/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 64px;
    cursor: pointer;
    background: transparent url(../img/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}