/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */



.jcarousel-container {

    position: relative;

}



.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

   overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 10;

    left: 0;

    margin: 0;

    padding: 0;
height:200px;

}



.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

    /*  border: 1px ridge white; We set the width/height explicitly. No width/height causes infinite loops. */

    width:  80px;

    height: 51px;



    margin-top:20px;

 z-index: 3;

 position:relative;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}



/**

 *theme

 */



.jcarousel-skin-tango .jcarousel-container {



    background: #0396e2;

    

}



.jcarousel-skin-tango .jcarousel-container-horizontal {

    width: 500px;

    padding: 0px 40px;


}

*+html .jcarousel-skin-tango, *+html .jcarousel-container-horizontal {

padding-top:0px ! important;

   

}



*+html .jcarousel-list, *+html .jcarousel-list-horizontal {

top:0px !important;

padding-left:0px ! important;

padding-top:0px ! important;

}



.jcarousel-skin-tango .jcarousel-clip-horizontal {

    width:  500px;

    height: 90px;

    padding: 0px;

   margin:0;


}



.jcarousel-skin-tango .jcarousel-item {

    width:  80px;

    height: 51px;

     z-index: 3;

position:relative;     

}





.jcarousel-skin-tango .jcarousel-item:hover {

position:relative;

z-index:500;

}

 



.jcarousel-skin-tango .jcarousel-item-horizontal {

    margin-right: 10px;

}



.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: 40px;

    right: 25px;

    width: 8px;

    height: 9px;

    cursor: pointer;

    background: transparent url(../bilder/pfeil_rechts_normal.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-horizontal:hover {

    background-position: -32px 0;

    background: transparent url(../bilder/pfeil_rechts_hover.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-horizontal:active {

    background-position: -64px 0;

    background: transparent url(../bilder/pfeil_rechts_normal.png) no-repeat 0 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;

    background: transparent url(../bilder/pfeil_rechts_nicht_aktiv.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal {

    position: absolute;

    top: 40px;

    left: 15px;

    width: 8px;

    height: 9px;

    cursor: pointer;

    background: transparent url(../bilder/pfeil_links_normal.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {

    background-position: -32px 0;

    background: transparent url(../bilder/pfeil_links_hover.png) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

    background-position: -64px 0;

    background: transparent url(../bilder/pfeil_links_normal.png) no-repeat 0 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;

    background: transparent url(../bilder/pfeil_links_nicht_aktiv.png) no-repeat 0 0;

}



/**

 *  Vertical Buttons

 */

.jcarousel-skin-tango .jcarousel-next-vertical {

    position: absolute;

    bottom: 5px;

    left: 33px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(../bilder/bildergalerie/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: 32px;

    cursor: pointer;

    background: transparent url(../bilder/bildergalerie/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;

}













.jac

{

	height:200px; /* default height */

	position:relative;

	margin:0 0 1em 0;

}



.jac .carousel 

{

	position:absolute;

	top:0;

	left:0;

	margin:0;

	padding:0;

	list-style-type:none;

}

.jac .arrow-left, .jac .arrow-right {

	float:left;

}

.jac .carousel .jac-content

{

	float:left;

}