.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating {
  background: url(bilder/ok.gif) left -1000px repeat-x;
}

.star-rating {
  position: relative;
  width: 205px;
  height: 34px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.star-rating li {
  display: inline;
}

.star-rating a,.star-rating .current-rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 34px;
  line-height: 34px;
  outline: none;
  overflow: hidden;
  border: none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus {
  background-position: left bottom;
}

.star-rating a.one-star {
  width: 20%;
  z-index: 6;
}

.star-rating a.two-stars {
  width: 40%;
  z-index: 5;
}

.star-rating a.three-stars {
  width: 60%;
  z-index: 4;
}

.star-rating a.four-stars {
  width: 80%;
  z-index: 3;
}

.star-rating a.five-stars {
  width: 100%;
  z-index: 2;
}

.star-rating .current-rating {
  z-index: 1;
  background-position: left center;
}

/* for an inline rater */
.inline-rating {
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

/* smaller star */
.small-star {
  width: 205px;
  height: 34px;
}

.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating {
  background-image: url(bilder/ok.gif);
  line-height: 34px;
  height: 34px;
}