#category-list li {
    float:left;
    background-image: url('images/category-sprite.png');
    margin-left:45px;
    cursor:pointer;
}

.sprite-badplats-inactive{ background-position: 0 0; width: 32px; height: 32px; }
.sprite-badplats-active{ background-position: -37px 0; width: 32px; height: 32px; }
.sprite-badplats-hovered{ background-position: -74px 0; width: 32px; height: 32px; }
.sprite-cafe-active{ background-position: -111px 0; width: 32px; height: 32px; }
.sprite-cafe-hovered{ background-position: -148px 0; width: 32px; height: 32px; }
.sprite-cafe-inactive{ background-position: -185px 0; width: 32px; height: 32px; }
.sprite-camping-active{ background-position: -222px 0; width: 32px; height: 32px; }
.sprite-camping-hovered{ background-position: -259px 0; width: 32px; height: 32px; }
.sprite-camping-inactive{ background-position: -296px 0; width: 32px; height: 32px; }
.sprite-gardsbutik-active{ background-position: -333px 0; width: 32px; height: 32px; }
.sprite-gardsbutik-hovered{ background-position: -370px 0; width: 32px; height: 32px; }
.sprite-gardsbutik-inactive{ background-position: -407px 0; width: 32px; height: 32px; }
.sprite-hantverk-active{ background-position: -444px 0; width: 32px; height: 32px; }
.sprite-hantverk-hovered{ background-position: -481px 0; width: 32px; height: 32px; }
.sprite-hantverk-inactive{ background-position: -518px 0; width: 32px; height: 32px; }
.sprite-hotell-active{ background-position: -555px 0; width: 32px; height: 32px; }
.sprite-hotell-hovered{ background-position: -593px 0; width: 32px; height: 32px; }
.sprite-hotell-inactive{ background-position: -629px 0; width: 32px; height: 32px; }
.sprite-restaurang-active{ background-position: -666px 0; width: 32px; height: 32px; }
.sprite-restaurang-hovered{ background-position: -703px 0; width: 32px; height: 32px; }
.sprite-restaurang-inactive{ background-position: -740px 0; width: 32px; height: 32px; }