#beoordeling{
	cursor:pointer;
}

#circle, #circle2, #circle3, #circle4, #circle5{
	position:relative;
	border-radius: 50%;
}

#circle{
	background-image: linear-gradient(yellow, red);
}
#circle2{
	background-image: linear-gradient(yellow, green);
}
#circle3{
	background: white;
	text-align:center;
}
#circle4, #circle5{;
	background: #d3dae5;
}
#circleholder, #circleholder2, #circleholder4, #circleholder6, #circleholder7, #circleholder8{
	overflow:hidden;
	position:absolute;
}
#circleholder3, #circleholder5{
	position:absolute;
}

#circlemaster{
	float:left;
	position:relative;
}
#circletext{
	position:relative;	
}
.stars {
text-align:center;
position:relative;
 
}
.checked {
  color: orange;
}
.kwartchecked{
	  background: -webkit-linear-gradient(left,orange 25%, black 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}
.halfchecked{
	  background: -webkit-linear-gradient(left,#efb11f 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 
	
}
.driekwartchecked{
	  background: -webkit-linear-gradient(left,orange 75%, black 25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}
#beoordeeltext{
	float:left;
	position:relative;
	text-align:center;
}