.text1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #828282;
font-weight: normal;
position: absolute;
top: 100px;
left: 400px;
border-left: solid #828282 1.5pt;
padding: 6px;
}

.text2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #828282;
font-weight: bold;
position: absolute;
top: 350px;
left: 70px;
}

.punkt1 {
background-color: #ffa600;
position: absolute;
top: 155px; 
left: 380px;
width: 15px;
height: 15px;
}

.punkt2 {
background-color: #ffb52a;
position: absolute;
top: 187px; 
left: 380px;
width: 15px;
height: 15px;
}

.punkt3 {
background-color: #ffc55a;
position: absolute;
top: 219px; 
left: 380px;
width: 15px;
height: 15px;
}

.punkt4 {
background-color: #ffd483;
position: absolute;
top: 250px; 
left: 380px;
width: 15px;
height: 15px;
}

.punkt5 {
background-color: #fee0a8;
position: absolute;
top: 282px; 
left: 380px;
width: 15px;
height: 15px;
}

.punkt6 {
background-color: #ffecc8;
position: absolute;
top: 315px; 
left: 380px;
width: 15px;
height: 15px;
}