#lijntjes {
    float:right;
    position:absolute;
}
.card {
    width: 100px;
    height: 100px;
    background: url("../images/buttons/vierkant-grijs-up.svg") no-repeat;
    display: inline-block;
    background-size: 100px 100px;
    font:bold 60px Cabin Sketch;
    text-align: center;
    color:#fff;
    cursor: pointer;
    }
.card:hover {
    background: url("../images/buttons/vierkant-groen-up.svg") no-repeat;
    background-size: 100px 100px;
    }
    
.buttonRechthoek {
    width: 290px;
    height: 100px;
    background: url("../images/buttons/rechthoek-grijs-up.svg") no-repeat;
    display: inline-block;
    background-size: 290px 100px;
    font:bold 25px Cabin Sketch;
    text-align: center;
    color:#fff;
    cursor: pointer;
    }
.buttonRechthoek:hover {
    background: url("../images/buttons/rechthoek-blauw-up.svg") no-repeat;
    background-size: 290px 100px;
    } 
.ster {
    background-color: #fff;
    border: none;
    border-radius: 30px;
    color: #000;
    padding: 2px 9px;
    text-align: center;
    text-decoration: none;
    display: none;
    font-size: 15px;
    cursor: pointer;
    position:absolute;
    z-index:4;
}

.ster:hover {
    background-color: #ffff00;
}    
.white_content {
  display: none;
  position: fixed; /* Stay in place */
  top: 25%;
  left: 25%;
  width: 50%;
  height: 70%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}