/**************************************  start DIV.uitleg hover info-meldingen */

div.uitleg {
    position: relative;
    z-index: 4;
    text-decoration: none;
    margin: 0 auto 0 auto;
    width: 20px;
    border: 0 dashed #ff0000;
}

div.uitleg:hover {
    border: 0;
    width: 197px;
}

div.uitleg div {
    display: none;
    height: auto;
    padding: 4px;
    background-color: #ffffff;
    width: 350px;
}

/* BRON: https://css-tricks.com/examples/nth-child-tester/# */
div.uitleg:hover div:nth-child(n+1) {
    z-index: 25;
    display: block;
    width: calc(100% - 10px);
    padding: 5px;
    border: 2px solid #a5a5a5;
}

div.uitleg:hover div:nth-child(n+2) {
    z-index: 0;
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid #b8b8b7;
}

/**************************************  einde DIV.uitleg hover info-meldingen */