@charset "utf-8";
.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;
}