.absolut {
    position: absolute;
    color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100pt;
  font-weight: bold;
  padding: 10px;
}
.a1 { top: 50px; left: 50px; background-color: red; z-index: 1; }
.a2 { top: 80px; left: 90px; background-color: blue; z-index: 2; }
.a3 { top: 110px; left: 130px; background-color: green; z-index: 3; }
.a4 { top: 140px; left: 170px; background-color: purple; z-index: 4; }
.a5 { top: 170px; left: 210px; background-color: orange; z-index: 5; }
.a6 { top: 200px; left: 250px; background-color: brown; z-index: 6; }


.relativ {
    position: relative;
    display: inline-block;   /* VIKTIG */
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100pt;
    font-weight: bold;
    padding: 10px;
}


.r1 { left: 0px; background-color: red; }
.r2 { left: -40px; background-color: blue; }
.r3 { left: -80px; background-color: green; }
.r4 { left: -120px; background-color: purple; }
.r5 { left: -160px; background-color: orange; }
.r6 { left: -200px; background-color: brown; }