.notenkasterl_gruen {
	width:10px;
	height:10px;
	background-color:green;
	margin: 2px;
}

.notenkasterl_rot {
	width:10px;
	height:10px;
	background-color:red;
	margin: 2px;
}

.notenkasterl_orange {
	width:10px;
	height:10px;
	background-color:orange;
	margin: 2px;
}

.notenkasterl_gelb {
	width:10px;
	height:10px;
	background-color:yellow;
	margin: 2px;
}

.notenkasterl_hellgruen {
	width:10px;
	height:10px;
	background-color:#7dff7d;
	margin: 2px;
}
.notenkasterl_grau {
	width:10px;
	height:10px;
	background-color:#d0cfce;
	margin: 2px;
}



.noten_leer {
	width:70px;
	height:14px;
	border:1px solid red;
}

.noten_rahmen {
	width:70px;
	height:14px;
	border:1px solid grey;
}

.zehnerskala_rahmen {
	width:140px;
	height:14px;
	border:1px solid grey;

}