.yildiz-puan, .yildiz-puan a:hover, .yildiz-puan a:active, .yildiz-puan a:focus, .yildiz-puan .aktif-puan {
background : url('../img/yildiz.gif') repeat-x left -1000px;
}
.yildiz-puan {
position : relative;
width : 125px;
height : 25px;
overflow : hidden;
list-style : none;
background-position : left top;
margin : 0;
padding : 0;
}
.yildiz-puan li { display : inline; }
.yildiz-puan a, .yildiz-puan .aktif-puan {
position : absolute;
top : 0;
left : 0;
text-indent : -1000em;
height : 25px;
line-height : 25px;
outline : none;
overflow : hidden;
border : none;
}
.yildiz-puan a:hover, .yildiz-puan a:active, .yildiz-puan a:focus { background-position : left bottom; }
.yildiz-puan a.bir-yildiz { width : 20%; z-index : 6; }
.yildiz-puan a.iki-yildiz { width : 40%; z-index : 5; }
.yildiz-puan a.uc-yildiz { width : 60%; z-index : 4; }
.yildiz-puan a.dort-yildiz { width : 80%;  z-index : 3; }
.yildiz-puan a.bes-yildiz { width : 100%; z-index : 2; }
.yildiz-puan .aktif-puan { z-index : 1; background-position : left center; }