/* sterren default 5, min = 1, max = 10 *************************************/
#assignment_sterren{
   width:100%;
   margin: 30px 0;
}
.assignment_content #assignment_sterren ul.rating{
   width:250px;
}
.assignment_content #assignment_sterren  ul.rating,
.assignment_content #assignment_sterren  ul.rating.rating_klein{
   margin:0 auto !important;
   display:block;
}
body.module .assignment_content  ul.rating,
.assignment_content  ul.rating{
	margin: auto !important;
}
.assignment_content  ul.rating li,
.assignment_content  ul.rating.rating_klein li{
   background-image:none !important;
   list-style: none !important;
}

.margintop{
   margin-top:-50px;
}
.margintop_klein{
   /*margin-top:-35px;*/
}


div.container_sterren{
	max-height:50px;
}

ul.rating{
	padding:0;
	list-style:none;
	position:relative;
	margin:auto;
}
ul.rating{
	/*width:250px;*/
	height:50px;
	background: url(../images/star-matrix10.png) no-repeat 0 0;
   box-sizing:border-box;
}
ul.rating.rating_klein{
	/*width:125px;*/
	height:25px;
	background: url(../images/star-matrix10_klein.png) no-repeat 0 0;
   box-sizing:border-box;
}

ul.rating, ul.rating li a:hover{width:250px;}
ul.rating.maxoptions_1, ul.rating.maxoptions_1 li a:hover{width:50px;}
ul.rating.maxoptions_2, ul.rating.maxoptions_2 li a:hover{width:100px;}
ul.rating.maxoptions_3, ul.rating.maxoptions_3 li a:hover{width:150px;}
ul.rating.maxoptions_4, ul.rating.maxoptions_4 li a:hover{width:200px;}
ul.rating.maxoptions_5, ul.rating.maxoptions_5 li a:hover{width:250px;}
ul.rating.maxoptions_6, ul.rating.maxoptions_6 li a:hover{width:300px;}
ul.rating.maxoptions_7, ul.rating.maxoptions_7 li a:hover{width:350px;}
ul.rating.maxoptions_8, ul.rating.maxoptions_8 li a:hover{width:400px;}
ul.rating.maxoptions_9, ul.rating.maxoptions_9 li a:hover{width:450px;}
ul.rating.maxoptions_10, ul.rating.maxoptions_10 li a:hover{width:500px;}

ul.star0 {background-position:0 0}
ul.star1 {background-position:0 -50px}
ul.star2 {background-position:0 -100px}
ul.star3 {background-position:0 -150px}
ul.star4 {background-position:0 -200px}
ul.star5 {background-position:0 -250px}
ul.star6 {background-position:0 -300px}
ul.star7 {background-position:0 -350px}
ul.star8 {background-position:0 -400px}
ul.star9 {background-position:0 -450px}
ul.star10{background-position:0 -500px}


ul.rating.rating_klein, ul.rating li a:hover{width:125px;}
ul.rating.rating_klein.maxoptions_1, ul.rating.rating_klein.maxoptions_1 li a:hover{width:25px;}
ul.rating.rating_klein.maxoptions_2, ul.rating.rating_klein.maxoptions_2 li a:hover{width:50px;}
ul.rating.rating_klein.maxoptions_3, ul.rating.rating_klein.maxoptions_3 li a:hover{width:75px;}
ul.rating.rating_klein.maxoptions_4, ul.rating.rating_klein.maxoptions_4 li a:hover{width:100px;}
ul.rating.rating_klein.maxoptions_5, ul.rating.rating_klein.maxoptions_5 li a:hover{width:125px;}
ul.rating.rating_klein.maxoptions_6, ul.rating.rating_klein.maxoptions_6 li a:hover{width:150px;}
ul.rating.rating_klein.maxoptions_7, ul.rating.rating_klein.maxoptions_7 li a:hover{width:175px;}
ul.rating.rating_klein.maxoptions_8, ul.rating.rating_klein.maxoptions_8 li a:hover{width:200px;}
ul.rating.rating_klein.maxoptions_9, ul.rating.rating_klein.maxoptions_9 li a:hover{width:225px;}
ul.rating.rating_klein.maxoptions_10, ul.rating.rating_klein.maxoptions_10 li a:hover{width:250px;}

ul.rating_klein.star0{background-position:0 0}
ul.rating_klein.star1{background-position:0 -25px}
ul.rating_klein.star2{background-position:0 -50px}
ul.rating_klein.star3{background-position:0 -75px}
ul.rating_klein.star4{background-position:0 -100px}
ul.rating_klein.star5{background-position:0 -125px}
ul.rating_klein.star6{background-position:0 -150px}
ul.rating_klein.star7{background-position:0 -175px}
ul.rating_klein.star8{background-position:0 -200px}
ul.rating_klein.star9{background-position:0 -225px}
ul.rating_klein.star10{background-position:0 -250px}

ul.rating li{
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
ul.rating li a{
	position:absolute;
	left:0;
	top:0;
	text-decoration:none;
	z-index: 200;
   line-height:inherit !important;
   font-size: inherit !important;
   margin:0 !important; padding: 0 !important;
}
ul.rating li a{
   width:50px;
	height:50px;
}
ul.rating.rating_klein li a{
   width:25px;
	height:25px;
}
/*NORMAAL*/
ul.rating li.ster_1 a, ul.rating li.one a {left:0}
ul.rating li.ster_2 a, ul.rating li.two a {left:50px;}
ul.rating li.ster_3 a, ul.rating li.three a {left:100px;}
ul.rating li.ster_4 a, ul.rating li.four a {left:150px;}
ul.rating li.ster_5 a, ul.rating li.five a {left:200px;}
ul.rating li.ster_6 a  {left:250px;}
ul.rating li.ster_7 a  {left:300px;}
ul.rating li.ster_8 a  {left:350px;}
ul.rating li.ster_9 a  {left:400px;}
ul.rating li.ster_10 a{left:450px;}

ul.rating li a:hover {
	z-index:2;
	/*width:250px;*/
	height:50px;
	overflow:hidden;
	left:0;
	background: url(../images/star-matrix10.png) no-repeat 0 0;
}

ul.rating li.ster_1 a:hover, ul.rating li.one a:hover {background-position:0 -600px;}
ul.rating li.ster_2 a:hover, ul.rating li.two a:hover {background-position:0 -650px;}
ul.rating li.ster_3 a:hover, ul.rating li.three a:hover {background-position:0 -700px;}
ul.rating li.ster_4 a:hover, ul.rating li.four a:hover {background-position:0 -750px;}
ul.rating li.ster_5 a:hover, ul.rating li.five a:hover {background-position:0 -800px;}
ul.rating li.ster_6 a:hover {background-position:0 -850px;}
ul.rating li.ster_7 a:hover {background-position:0 -900px;}
ul.rating li.ster_8 a:hover {background-position:0 -950px;}
ul.rating li.ster_9 a:hover {background-position:0 -1000px;}
ul.rating li.ster_10 a:hover {background-position:0 -1050px;}

/*KLEIN*/
ul.rating_klein li.ster_1 a, ul.rating_klein li.one a {left:0}
ul.rating_klein li.ster_2 a, ul.rating_klein li.two a {left:25px;}
ul.rating_klein li.ster_3 a, ul.rating_klein li.three a {left:50px;}
ul.rating_klein li.ster_4 a, ul.rating_klein li.four a {left:75px;}
ul.rating_klein li.ster_5 a, ul.rating_klein li.five a {left:100px;}
ul.rating_klein li.ster_6 a {left:125px;}
ul.rating_klein li.ster_7 a {left:150px;}
ul.rating_klein li.ster_8 a {left:175px;}
ul.rating_klein li.ster_9 a {left:200px;}
ul.rating_klein li.ster_10 a {left:225px;}

ul.rating_klein li a:hover {
	z-index:2;
	/*width:125px;*/
	height:25px;
	overflow:hidden;
	left:0;
	background: url(../images/star-matrix10_klein.png) no-repeat 0 0;
}
ul.rating_klein li.ster_1 a:hover ,ul.rating_klein li.one a:hover {background-position:0 -300px;}
ul.rating_klein li.ster_2 a:hover ,ul.rating_klein li.two a:hover {background-position:0 -325px;}
ul.rating_klein li.ster_3 a:hover ,ul.rating_klein li.three a:hover {background-position:0 -350px}
ul.rating_klein li.ster_4 a:hover ,ul.rating_klein li.four a:hover {background-position:0 -375px}
ul.rating_klein li.ster_5 a:hover ,ul.rating_klein li.five a:hover {background-position:0 -400px}
ul.rating_klein li.ster_6 a:hover{background-position:0 -425px}
ul.rating_klein li.ster_7 a:hover{background-position:0 -450px}
ul.rating_klein li.ster_8 a:hover{background-position:0 -475px}
ul.rating_klein li.ster_9 a:hover{background-position:0 -500px}
ul.rating_klein li.ster_10 a:hover{background-position:0 -525px}

.sterren_rapportage,
.sterren_rapportage_sel
{
   position:relative;
   overflow:hidden;
   height:50px;
}

.sterren_rapportage{
   width:250px;

}
.sterren_rapportage_sel{
   margin-top:-50px;
}