.jcarousel-container
{
    position: relative;
}
.jcarousel-container li
{
    margin-left: 0px;
}
.jcarousel-clip
{
    padding-right: 0px;
    padding-left: 0px;
    z-index: 2;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    padding-top: 0px;
    position: relative;
}
.jcarousel-list
{
    padding-right: 0px;
    padding-left: 0px;
    z-index: 1;
    left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    overflow: hidden;
    padding-top: 0px;
    position: relative;
    top: 0px;
}
.jcarousel-item
{
    float: left;
    width: 454px;
    list-style-type: none;
    height: auto;
}
.jcarousel-next
{
    display: none;
    z-index: 3;
}
.jcarousel-prev
{
    display: none;
    z-index: 3;
}

.jcarousel-list
{
    margin-left: -18px;
}


/* old before eigen sponsorbalk
.jcarousel-container.jcarousel-skin-camp26
{

}
.jcarousel-container-horizontal.jcarousel-skin-camp26
{
    border-top: #cccccc 0px solid;
    width: 510px;
}
.jcarousel-skin-camp26
.jcarousel-clip-horizontal
{
    width: 100%;
}
.jcarousel-skin-camp26 .jcarousel-item
{
    margin: 10px 10px 0px;
    width: 150px;
    height: 110px;
}
.jcarousel-skin-camp26
.jcarousel-item-horizontal
{

}
.jcarousel-skin-camp26
.jcarousel-item-placeholder
{
    background: #ffffff;
    color: #000
}
*/

.jcarousel-container.jcarousel-skin-camp-eigen
{

}
.jcarousel-container-horizontal.jcarousel-skin-camp-eigen
{
    border-top: #cccccc 0px solid;
    width: 406px;
    margin: 0px 3px 0px 3px;
}
.jcarousel-skin-camp-eigen
.jcarousel-clip-horizontal
{
    width: 100%;
}
.jcarousel-skin-camp-eigen .jcarousel-item
{
    margin: 10px 10px 0px;
    width: 188px;
    height: 100px;
}
.jcarousel-skin-camp-eigen
.jcarousel-item-horizontal
{

}
.jcarousel-skin-camp-eigen
.jcarousel-item-placeholder
{
    background: #ffffff;
    color: #000
}



/*
  Added for the large one
  
  The math:
    We've got a width of 970px
    The margin on both sizes must be equal
    We've got five 160px width banners
    So 970 - (160 * 5) = 170 px left
    Now there are 6 spaces to fill equaly or 4 and 2.
    4 and 2 is the plan. 4 between the banners and 2 on the sides
    So let's do 4 of (152 / 4) 38 px total margin. And 2 of 9 on the sides.
    This is the plan: 9 + 160 + 38 + 160 + 38 + 160 + 38 + 160 + 38 + 160 + 9 = 970
    But we implement this: 4 + 18 + 160 + 18 + 18 + 160 + 18 + 18 + 160 + 18 + 18 + 160 + 18 + 160 + 18 + 4 = 970 -> width of div = 962px
*/
.jcarousel-container.jcarousel-skin-camp-large
{

}
.jcarousel-container-horizontal.jcarousel-skin-camp-large
{
    border-top: #cccccc 0px solid;
    /*
    width: 960px;
    */
    width: 960px;
    margin: 0px 5px 0px 5px;
}
.jcarousel-skin-camp-large
.jcarousel-clip-horizontal
{
    width: 100%;
}
.jcarousel-skin-camp-large .jcarousel-item
{
    /*
    margin: 10px 10px 0px 10px;
    width: 180px;
    height: 110px;
    */
    /*
    margin-top: 10px;
    margin-right: 18px;
    margin-bottom: 10px;
    margin-left: 18px;
    width: 160px;
    height: 100px;
    */
    margin-top: 10px;
    margin-bottom: 10px;
    width: 200px;
    height: 100px;
}
.jcarousel-skin-camp-large
.jcarousel-item-horizontal
{

}
.jcarousel-skin-camp-large
.jcarousel-item-placeholder
{
    background: #ffffff;
    color: #000000;
}