.cardbox3 div.hslider
{
/*    background:                 #ffffff url('/artglobal/bg_sliderbox.jpg') repeat-x scroll top left;*/
}

a.backward,
a.forward
{
    display:                    block;
    position:                   relative;
    top:                        57px;
    width:                      30px;
    height:                     30px;
    background:                 transparent url('/artglobal/bg_arrows.png') no-repeat scroll 0 0;
    text-decoration:            none;
    cursor:                     pointer;
    float:                      left;
}

a.backward.disabled,
a.forward.disabled
{
    cursor:                     default;
}

a.backward.disabled
{
    background-position:        0px -30px;
}

a.forward
{
    text-align:                 right;
    background-position:        -30px 0px;
}

a.forward.disabled
{
    background-position:        -30px -30px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable
{
	/* required settings */
	position:                   relative;
	overflow:                   hidden;
	width:                      630px;
	height:                     145px;
    padding-bottom:             5px;
    float:                      left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items
{
	/* this cannot be too large */
	width:                      20000em;
	position:                   absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div
{
	float:                      left;
}

.slider-item
{
    width:                      285px;
    height:                     115px;
    margin:                     5px;
    padding:                    10px;
    border:                     1px solid #D9D9D9;
    background:                 #ffffff url('/artglobal/bg_sliderbox.jpg') repeat-x scroll top left;
	position:					relative;
}

.slider-item img.artikelbild
{
    margin:                     0 5px 5px 0;
    float:                      left;
}

.slider-item p.artist
{
    margin-top:                 0;
}

.slider-item .feedback-wrapper
{
	position:					absolute;
	left:						89px;
	top:						100px;
}

.slider-item .feedback-pos-right
{
    display:                    inline-block;
    height:                     24px;
    margin:                     0 5px 0 0;
    padding:                    0 5px 0 0;
    line-height:                24px;
    background:                 #f7f7f9 url('/artwork/background_vote_colors_right.gif') no-repeat scroll right -144px;
    font-size:                  18px;
    color:                      #ffffff;
    float:                      left;
}

.slider-item .feedback-pos-right .feedback-pos-left
{
    display:                    inline-block;
    width:                      24px;
    height:                     24px;
    background:                 #f7f7f9 url('/artwork/background_vote_colors_left.gif') no-repeat scroll 0 -144px;
    float:                      left;
}

.slider-item .feedback-neg-right
{
    display:                    inline-block;
    height:                     24px;
    padding:                    0 5px 0 0;
    line-height:                24px;
    background:                 #f7f7f9 url('/artwork/background_vote_colors_right.gif') no-repeat scroll right -168px;
    font-size:                  18px;
    color:                      #ffffff;
}

.slider-item .feedback-neg-right .feedback-neg-left
{
    display:                    inline-block;
    width:                      24px;
    height:                     24px;
    background:                 #f7f7f9 url('/artwork/background_vote_colors_left.gif') no-repeat scroll 0 -168px;
    float:                      left;
}

.rating-stars
{
	position:					absolute;
	top:						101px;
	left:						181px;
}

.slidetabs
{
    display:                    none;
}

.clear
{
    clear:                      both;
}