div {
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    line-height: 100px;
    color: white;
    margin: 0px;
}

/* Specific styling and positioning for each block */
#BLOK1 {
    background-color: #4682B4;
    position: relative;
    top: 200px; /* Move 20px down */
    left: 450px; /* Move 10px right */
}

#BLOK2 {
    background-color: #FFA500	;
    position: relative;
    top: 200px; /* Move 20px up */
    left: 405px;/* Move 10px right */
}

#blok3 {
    background-color: #FF0000;
    position: relative; width: 200px; height: 100px;
    top: 200px; /* Move 20px down */
    left:  360px; /* Move 10px left */
}
#blok4 {
    background-color: #32CD32;
    position: relative;
    top: 300px;/* Move 20px down */
    left: -83px; /* Move 10px left */
}
#blok5 {
    background-color: #483D8B;
    position: relative;
    top: 300px;/* Move 20px down */
    left: -129px; /* Move 10px left */
}
#blok6 {
    background-color: #FFFF00;
    position: relative; width: 100px; height: 100px;
    top: 300px;/* Move 20px down */
    left: -173px; /* Move 10px left */
}
#blok7 {
    background-color: #40E0D0;
    position: relative; width: 100px; height: 200px;
    top: 400px;/* Move 20px down */
    left: -220px; /* Move 10px left */
}
#blok8 {
    background-color: #DCDCDC;
    position: relative; width: 200px; height: 100px;
    top: 400px;/* Move 20px down */
    left: -661px; /* Move 10px left */
}
#blok9 {
    background-color: #FF1493;
    position: relative;
    top: 400px;/* Move 20px down */
    left: -709px; /* Move 10px left */
}