/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#jcarousel-container { position: relative;height:410px;overflow:hidden; }
#jcarousel-container ul li {background:#fff none;}

.jcarousel-clip { z-index: 2;padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

.jcarousel-list li,
.jcarousel-item { list-style-type: none; background:none; padding:0; margin:0;/* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px;    height: 75px;}
/** * 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;}

/*de skinnn */
.jcarousel-skin-inventum .jcarousel-container { background: #eeede9 url('../../grfx/product_categorien_bg.gif') repeat-y top left; }
.jcarousel-skin-inventum .jcarousel-container-vertical { width: 650px; height: 330px; padding: 40px 0; }
.jcarousel-skin-inventum .jcarousel-clip-vertical { width: 630px; margin: 0 0 0 10px; height: 330px; background-color:#eeede9; text-align:center;}
.jcarousel-skin-inventum .jcarousel-item { list-style-type:none; width: 630px; height: 160px; margin-bottom: 10px;background:#fff url('../../grfx/product_categorien_row_bg.gif') 126px 15px no-repeat;float:left; }
.jcarousel-skin-inventum .jcarousel-item-placeholder {  background: #fff;color: #000; }


/** *  Knoppen  */
.jcarousel-skin-inventum .jcarousel-next-vertical { position: absolute; bottom: -1px; left: 0px; width: 650px; height: 30px; cursor: pointer; background: #fff url(next-vertical.gif) no-repeat 0 0; }
.jcarousel-skin-inventum .jcarousel-next-vertical:hover { background-position: 0 -30px; }
.jcarousel-skin-inventum .jcarousel-next-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-inventum .jcarousel-next-disabled-vertical,
.jcarousel-skin-inventum .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-inventum .jcarousel-next-disabled-vertical:active { cursor: default;  background-position: 0 -60px; }

.jcarousel-skin-inventum .jcarousel-prev-vertical { position: absolute; top: -1px; left: 0px; width: 650px; height: 30px; cursor: pointer; background: #fff url(prev-vertical.gif) no-repeat 0 0; }
.jcarousel-skin-inventum .jcarousel-prev-vertical:hover { background-position: 0 -30px; }
.jcarousel-skin-inventum .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-inventum .jcarousel-prev-disabled-vertical,
.jcarousel-skin-inventum .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-inventum .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -60px; }