#spielbrett {
    height: 640px;
    width: 640px;
    background-image: url("images/spielbrett_640_640.png");

}


button {
    height: 110px;
    width: 110px;
    border-radius: 50px;
    border-style: hidden;
    background: transparent;
}

#createGroupButton {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;

}

#newGame {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;

}

#changeUnameButton {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;

}

#createUserButton {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;
}

#startGameButton {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;

}

#submit-button {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;
}

#joinGroupButton {
    height: 40px;
    width: auto;
    background: green;
    color: white;
    border-radius: 20px;
}

.hide {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
}



#btn01 {
    position: absolute;
    left: 60px;
    top: 155px;
}

#btn02 {
    position: absolute;
    left: 60px;
    top: 275px;
}

#btn03 {
    position: absolute;
    left: 60px;
    top: 395px;
}

#btn04 {
    position: absolute;
    left: 165px;
    top: 95px;
}

#btn05 {
    position: absolute;
    left: 165px;
    top: 215px;
}

#btn06 {
    position: absolute;
    left: 165px;
    top: 333px;
}

#btn07 {
    position: absolute;
    left: 165px;
    top: 455px;
}

#btn08 {
    position: absolute;
    left: 273px;
    top: 32px;
}

#btn09 {
    position: absolute;
    left: 273px;
    top: 155px;
}

#btn10 {
    position: absolute;
    left: 273px;
    top: 275px;
}

#btn11 {
    position: absolute;
    left: 273px;
    top: 395px;
}

#btn12 {
    position: absolute;
    left: 273px;
    top: 513px;
}

#btn13 {
    position: absolute;
    left: 380px;
    top: 95px;
}

#btn14 {
    position: absolute;
    left: 380px;
    top: 215px;
}

#btn15 {
    position: absolute;
    left: 380px;
    top: 333px;
}

#btn16 {
    position: absolute;
    left: 380px;
    top: 455px;
}

#btn17 {
    position: absolute;
    left: 485px;
    top: 155px;
}

#btn18 {
    position: absolute;
    left: 485px;
    top: 275px;
}

#btn19 {
    position: absolute;
    left: 485px;
    top: 395px;
}




.filled01 {
    position: absolute;
    left: 47px;
    top: 151px;
}

.filled02 {
    position: absolute;
    left: 47px;
    top: 271px;
}

.filled03 {
    position: absolute;
    left: 47px;
    top: 391px;
}

.filled04 {
    position: absolute;
    left: 153px;
    top: 91px;
}

.filled05 {
    position: absolute;
    left: 153px;
    top: 211px;
}

.filled06 {
    position: absolute;
    left: 154px;
    top: 331px;
}

.filled07 {
    position: absolute;
    left: 153px;
    top: 451px;
}

.filled08 {
    position: absolute;
    left: 260px;
    top: 31px;
}

.filled09 {
    position: absolute;
    left: 260px;
    top: 151px;
}

.filled10 {
    position: absolute;
    left: 260px;
    top: 271px;
}

.filled11 {
    position: absolute;
    left: 260px;
    top: 391px;
}

.filled12 {
    position: absolute;
    left: 260px;
    top: 511px;
}

.filled13 {
    position: absolute;
    left: 366px;
    top: 91px;
}

.filled14 {
    position: absolute;
    left: 366px;
    top: 211px;
}

.filled15 {
    position: absolute;
    left: 366px;
    top: 331px;
}

.filled16 {
    position: absolute;
    left: 366px;
    top: 451px;
}

.filled17 {
    position: absolute;
    left: 473px;
    top: 151px;
}

.filled18 {
    position: absolute;
    left: 473px;
    top: 271px;
}

.filled19 {
    position: absolute;
    left: 473px;
    top: 391px;
}