#slider-container {
    background      : #000;
    height          : 215px;
    /*left            : 300px;*/
    overflow        : hidden;
    position        : absolute;
    right           : -10px;
    top             : 0;
    /*top             : 100px;*/
    width           : 420px;
}

#slider-control-container {
    position        : absolute;
    right           : -10px;
    top             : 225px;
    width           : 420px;
}

    #slider-control-container a#back {
        position        : absolute;
        left            : 5px;
    }

    #slider-control-container a#forward {
        position        : absolute;
        right           : 5px;
    }

#viewport {
    background      : transparent;
    border          : 5px solid #f00;
    height          : 100%;
    left            : -5px;
    position        : absolute;
    top             : -5px;
    width           : 100%;
}

#slider {
    background      : #fff;
    height          : 100%;
    left            : -205px;       /* Bildbreite + Rahmenbreite */
    left            : 0;
    position        : absolute;
    top             : 0;
    width           : 1650px;
}

    .slider-image {
        background      : #fefefe;
        display         : block;
        height          : 195px;        /* Bildhöhe */
        /*left            : 10px;*/
        position        : absolute;
        top             : 10px;
        width           : 195px;        /* Bildbreite */
    }

#slider a {
    text-decoration : none;
}

#slider a#image1 {
    background      : url('../images/moods/der_salon/small/1.png') no-repeat #fefefe;
    left            : 10px;
}

#slider #image2 {
    background      : url('../images/moods/der_salon/small/2.png') no-repeat #fefefe;
    left            : 215px;
}

#slider #image3 {
    background      : url('../images/moods/der_salon/small/3.png') no-repeat #fefefe;
    left            : 420px;
}

#slider #image4 {
    background      : url('../images/moods/der_salon/small/4.png') no-repeat #fefefe;
    left            : 625px;
}

#slider #image5 {
    background      : url('../images/moods/der_salon/small/5.png') no-repeat #fefefe;
    left            : 830px;
}

#slider #image6 {
    background      : url('../images/moods/der_salon/small/6.png') no-repeat #fefefe;
    left            : 1035px;
}




#slider #image7 {
    background      : url('../images/moods/der_salon/small/1.png') no-repeat #fefefe;
    left            : 1240px;
}

#slider #image8 {
    background      : url('../images/moods/der_salon/small/2.png') no-repeat #fefefe;
    left            : 1445px;
}