/* COLORS ViaVia BisBis PieterAnton
 * (c) 1982 - heden
 *
 * EIGEN VIAVIA WEBSITE BASIS KLEUREN
 *
 * KLEUREN VAN VIAVIA BASIC:
 *
 * viavia-wit		    # F5 F5 F5      VOOR DIVERS | COPY VAN bisbisbron-logo-wit
 * viavia-zwart		# 0F 0F 0F      VOOR TEKST | COPY VAN bisbisbron-logo-zwart
 *
 * KLEUREN VAN VIAVIA LOGO SVG FEB 2024:
 *
 * viavialogo-groen     	# 4D 89 7C      VOOR TEKST ETC
 *
 * viavialogo-oranje        # EF 7F 1A      COPY VAN bisbisbron-logo-oranje | VOOR AANDACHT ACCENTEN
 */

.viavia-text-logo-wit {
    color: #F5F5F5 !important;
}

.viavia-wit {
    color: #0F0F0F !important;
    background-color: #F5F5F5 !important
}


.viavia-text-zwart {
    color: #0F0F0F !important;
}

.viavia-zwart {
    color: #F5F5F5 !important;
    background-color: #0F0F0F !important;
}


.viavialogo-text-groen {
    color: #4D897C !important;

}

.viavialogo-groen {
    color: #F5F5F5 !important;
    background-color: #4D897C !important;

}


.viavialogo-text-oranje {
    color: #EF7F1A !important;

}

.viavialogo-oranje {
    color: #F5F5F5 !important;
    background-color: #EF7F1A !important;

}


.viavia-text-navigatieblauw {
    color: #4EABFE !important
}

.viavia-navigatieblauw {
    color: #F5F5F5 !important;
    background-color: #4EABFE !important
}


/* BEGIN BISBIS KLEUREN */

.bisbis-text-hemelsblauw {
    color: #00A0E3 !important
}

.bisbis-hemelsblauw {
    color: #F5F5F5 !important;
    background-color: #00A0E3 !important
}

/* EIND BISBIS KLEUREN */



/* BEGIN OTHER CSS FOR VIAVIA WEBSITES */

/* BEGIN viavia HRs HORIZONTAL RULES */

.viavia-hr-groen {
    height: 0;
    border: 0;
    border-top: 3px solid #4D897C;
    margin: 20px 0
}

.viavia-hr-oranje {
    height: 0;
    border: 0;
    border-top: 3px solid #EF7F1A;
    margin: 20px 0
}

.viavia-hr-navigatieblauw {
    height: 0;
    border: 0;
    border-top: 3px solid #4EABFE;
    margin: 20px 0
}

.viavia-hr-grijs {
    height: 0;
    border: 0;
    border-top: 3px solid #9E9E9E;
    margin: 20px 0
}

/* EIND viavia HRs HORIZONTAL RULES */


/* BEGIN viavia BORDERS */

.viavia-border-groen {
    border: 3px solid #4D897C !important
}

.viavia-border-oranje {
    border: 3px solid #EF7F1A !important
}

.viavia-border-navigatieblauw {
    border: 3px solid #4EABFE !important
}


.viavia-border-grijs {
    border: 3px solid #9E9E9E !important
}

/* EIND viavia BORDERS */


/* BEGIN viavia NOMARGIN */
.viavia-nomargin {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

/* BEGIN viavia NOPADDING */
.viavia-nopadding {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

/* A LINK */
a:link {
    text-decoration: none;
}

/* EIND A LINK */

/* A LINK ACTIVE HOVER */
a:hover,
a:active {
    color: #EF7F1A !important;
    text-decoration: none;
}

/* EIND A LINK LINK ACTIVE HOVER */



/* BEGIN viavia CARDS 2 4 6 16 ETC ZONDER LINK EN OPLICHTEN */

/* BEGIN VIAVIA CARD 2 */
.viavia-card-2-noeffect {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}
/* END VIAVIA CARD 2 */


/* BEGIN VIAVIA CARD 4 */
.viavia-card-4-noeffect {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}
/* END VIAVIA CARD 4 */


/* BEGIN VIAVIA CARD 8 */
.viavia-card-8-noeffect {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}
/* END VIAVIA CARD 8 */


/* BEGIN VIAVIA CARD 16 */
.viavia-card-16-noeffect {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}
/* END VIAVIA CARD 16 */


/* EIND viavia CARDS 2 4 8 16 ETC */






/* CSS FOR EFFECT BIJ IMAGES MET LINK GRIJS OPLICHTEND */

.viavia-card-8 img:hover {
    /* border:2px solid red */
    box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    -o-box-shadow: 0 0 10px #333;
    -ms-box-shadow: 0 0 10px #333;
}

.viavia-card-8 img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

/* EIND CSS FOR EFFECT BIJ IMAGES MET LINK GRIJS OPLICHTEND*/



/* CSS FOR EFFECT BIJ IMAGES MET LINK WIT OPLICHTEND*/

.viavia-card-8-wit img:hover {
    /* border:2px solid red */
    box-shadow: 0 0 33px #FFF;
    -webkit-box-shadow: 0 0 33px #FFF;
    -moz-box-shadow: 0 0 33px #FFF;
    -o-box-shadow: 0 0 33px #FFF;
    -ms-box-shadow: 0 0 33px #FFF;
}

.viavia-card-8-wit img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

/* EIND CSS FOR EFFECT BIJ IMAGES MET LINK WIT OPLICHTEND */



/* BEGIN viavia BUTTON */
.viavia-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    margin: 4px 2px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

/* BEGIN viavia BUTTON SMALL LESS PEDDING*/
.viavia-button-small {
    border: none;
    display: inline-block;
    padding: 4px 8px;
    margin: 4px 2px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.viavia-button,
.viavia-button-small {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viavia-button:hover,
.viavia-button-small:hover {
    color: #000 !important;
    background-color: #ccc !important
}

/* EIND viavia BUTTON */

/* BEGIN viavia BUTTON NO HOVER*/
.viavia-button-no {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    margin: 4px 2px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    /* cursor: pointer; */

    white-space: nowrap
}

.viavia-button-no {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* EIND viavia BUTTON NO HOVER */

/* PADDING */
.viavia-padding-64 {
    padding-top: 64px;
    padding-right: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
}

.viavia-padding-32 {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
}

.viavia-padding-16 {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
}

.viavia-padding-8 {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.viavia-padding-4 {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

/* EIND PADDING */

/* CSS FOR BACKGROUND IMAGE COLLAGE NEL */

#ogen_top {
    background-image: url("pix/Ogen_Collage_Nel_Scan_original_03.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#ogen_full {
    background-image: url("pix/Ogen_Collage_Nel_Scan_original_02.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* EIND CSS FOR BACKGROUND IMAGE COLLAGE NEL */

/* CSS FOR POPUP BOXES KAART VERGROTINGEN */


/*  Pop-up content shifted off-screen when not in view.
    Still readable by screen-reader software.
    When targeted it fills the browser window.
*/

.pop-up {
    position: absolute;
    top: 0;
    left: -500em;
}

.pop-up:target {
    position: static;
    left: 0;
}

/* The pop-up itself */

.popBox {
    background: #ffffff;
    /* alternatively fixed width / height and negative margins from 50% */
    position: absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    z-index: 10;
    border: 1px solid #3a3a3a;
    /* CSS3 where available: rounded corners, drop-shadow, and fade in. */
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 4px #3a3a3a;
    -moz-box-shadow: 2px 2px 4px #3a3a3a;
    box-shadow: 2px 2px 4px #3a3a3a;
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

:target .popBox {
    position: fixed;
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

/* Light box properties */

.lightbox {
    display: none;
    text-indent: -200em;
    background: #000;
    opacity: 0.4;
    /* For IE8 and earlier */
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}

:target .lightbox {
    display: block;
}

.lightbox:hover {
    background: #fff;
}

/* The pop-ups close link, moved via CSS to the top right of the pop-up */

.close:link,
.close:visited {
    /* POSITION & SIZE OF CLOSE BOX */
    position: absolute;
    top: -0.75em;
    right: -0.75em;
    display: block;
    width: 38px;
    height: 38px;
    /*    width: 1em; */
    /*    height: 1em; */
    padding: 0;
    border: 2px solid #fff;
    /* COLORS OF CLOSE BOX */
    color: #fff;
    background: #000;
    /* SHADOW OF BOX */
    -moz-box-shadow: 0 0 2px 2px #3a3a3a;
    -webkit-box-shadow: 0 0 2px 2px #3a3a3a;
    box-shadow: 0 0 2px 2px #3a3a3a;
    /* ROUND CORNERS OF CLOSE BOX */
    /* -moz-border-radius: 1em; */
    /* -webkit-border-radius: 1em; */
    /* border-radius: 1em; */
    /* X TEXT */
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    /* font: bold large/0.5 arial, sans-serif; */
    /* font: inherit  */
    text-align: center;
    text-decoration: none;
}

.close:before {
    /*    content: × */
    content: "X";
}

.close:hover,
.close:active,
.close:focus {
    box-shadow: 0 0 1px 1px #c00;
    /* background: #c00; */
    /* viavia orange */
    background: #EF7F1A;
    color: #fff;
}

.close span {
    text-indent: -200em;
    display: block;
}

/* The pop-up content div will scroll if it has too much content */

.popScroll {
    position: absolute;
    top: 2%;
    left: 1%;
    right: 1%;
    bottom: 2%;
    overflow: auto;
}

/* EIND VAN CSS FOR POPUP BOXES KAART VERGROTINGEN */



/* EIND OTHER CSS FOR VIAVIA WEBSITES */


/* EIND VAN CSS FOR VIAVIA WEBSITES */