/**************************************  start hover bij bewaar-buttons */

#saveknop_op_kabelkrant:hover + #saveknop_op_kabelkrant_hoverveld {
    background-color: rgba(203, 28, 32, 0.10);
    border: 0 solid rgba(203, 28, 32, 0.40);
}


#bewaarknop_bovenstaande_waardes:hover + #bewaarknop_bovenstaande_waardes_hoverveld {
    background-color: rgba(203, 28, 32, 0.10);
    border: 0 solid rgba(203, 28, 32, 0.40);
}

#bewaarknop_interne_notitie:hover + #bewaarknop_interne_notitie_hoverveld {
    background-color: rgba(203, 28, 32, 0.10);
    border: 0 solid rgba(203, 28, 32, 0.40);
}

#bewaar_knop_alles_bovenstaand:hover + #bewaarknop_alles_bovenstaand_hoverveld {
    background-color: rgba(28, 203, 78, 0.10);

    border: 0 solid rgba(203, 28, 32, 0.40);
}

/**************************************  einde hover bij bewaar-buttons */

/**/

/**************************************  start hover bij overzicht cursor_question */

.cursor_question {
    position: absolute;
    top: 15px;
    /*left: -90px;*/
    width: 350px;
    min-height: 80px;
    border: 1px solid #969696;
    box-shadow: 10px 10px 5px #888888;}

/**************************************  einde hover bij overzicht cursor_question  */

/**/

/****************************  start hover effect bij uitleg-icoontjes in file ./6~incl_open_button_tekst_edit.tpl*/
/* BRON: https://codepen.io/Pixelizm/pen/ICpKv/  */
.thumbnail {
    display: block;

    width: 20px;
    height: 150px;
}

.thumbnail:hover + .title {
    display: block;
    box-shadow: 1px 0 14px 3px #ff6600;
}

.title {
    display: none;

    background-color: #000000;
    text-align: center;

    width: 250px;
    padding: 250px;
}

.title:hover {
    display: block;

    background-color: #000000;
    text-align: center;

    width: 250px;
    padding: 250px;
}

/****************************  einde hover effect bij uitleg-icoontjes in file ./6~incl_open_button_tekst_edit.tpl*/

/**/



/**************************************  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 */














/****************************  START: zoeken_op_deze_pagina */


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

div.zoeken_op_deze_pagina:hover {
    border: 0;
    width: 296px;
}

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

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

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

/****************************  EINDE: zoeken_op_deze_pagina */