/**************************************  start DIV.promotie hover info-meldingen */
div.promotie_mouse_over {
    position: relative;
    z-index: 4;
}

div.promotie_mouse_over:hover {
    z-index: 23;
    color: #ff0000;
}

div.promotie_mouse_over div {
    display: none;
}

div.promotie_mouse_over:hover div {
    z-index: 25;
    display: block;
    position: absolute;
    font-size: 13px;
    color: #000000;
    top: 1em;
    left: 0;
    width: 19em;
    border: 2px solid #a5a5a5;
    background-color: #ffffff;
    padding: 5px;
}

div.promotie {
    position: relative;
    left: 0;
    z-index: 4;
    margin-top: 2px;
    padding: 7px 0 7px 0;
    border: 5px #eeeeee solid;
    border-radius:1px;
}

div.promotie_tekst {
    position: relative;
    display: block;
    top: 1px;
    left: 11px;
    width: 24px;
    height: 39px;
    overflow: hidden;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: 0 solid;
}

div.promotie_tekst:hover {
    z-index: 4;
    width: 361px;
    height: auto;
    padding: 7px;
    font-size: 15px;
    color: #000000;
    border: 2px solid #e7e7e7;
    background-color: #f9fff3;
    box-shadow: 15px 15px 10px #888888;
}


.pijler_item1 {
    text-align: center;
    width: 143px;
    vertical-align: middle;
    margin: 5px auto 5px auto;
    padding: 0;
}

.div_om_pijler_tekst1 {
    max-width: 143px;
    height: 41px;
    margin: 2px auto;
    border-radius: 1px;
    /*overflow: hidden;*/
}

.pijler_item_titel1 {
    margin: 0 auto;
    padding: 2px 0 2px 0;
    display: block;
    width: calc(100% + 4px);
    max-width: 136px;
    text-align: center;
    font-size: 12px;
    border-radius: 1px;

}





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

.rij_hover:hover {
    background-color: #e3e3e3;
}