@charset "utf-8";

/* CSS Document Tooltip WassenaarDoet*/

/* TOOLTIP */
/* END TOOLTIP */
.tooltip span.tooltip_1 { width: 240px; height:70px;}
.tooltip span.tooltip_2 { width: 260px; height:85px; margin-top:-47px!important;}
.tooltip span.tooltip_3 { width: 320px; height:60px;}
.tooltip span.tooltip_4 { width: 260px; height:55px; margin-top:-30px!important;}
.tooltip img{ width: 15px ; height: 15px;}
a.tooltip {
    position: relative;
    display: inline;
}
a.tooltip span {
    position: absolute;
    width:140px;
    color: #FFFFFF;
    background: #000A7D;
    height: 140px;
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    visibility: hidden;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    /*	-webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        */
}

a.tooltip span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -18px;
    width: 0; height: 0;
    border-right: 8px solid #000A7D;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
a:hover.tooltip span {
    visibility: visible;
    opacity: none;
    left: 100%;
    top: 50%;
    margin-top: -41.5px;
    margin-left: 15px;
    z-index: 999;
}

.tooltipper span.tooltipper_anbi {
    left: 100%;
    margin-left: -55px !important;
    top: 50%;
    margin-top: -188px !important;
    height: 135px;
    width: 300px;
}
a.tooltipper span.tooltipper_anbi:after {
    right: 84% !important;
}
.tooltipper span.tooltipper_anbi_small {
    left: 100%;
    margin-left: -55px !important;
    top: 50%;
    margin-top: -125px !important;
    height: 70px;
    width: 300px;
}
a.tooltipper span.tooltipper_anbi_small:after {
    right: 83% !important;
}
.tooltipper span.tooltipper_werkadres {
    left: 100%;
    margin-left: -125px !important;
    top: 50%;
    margin-top: -96px !important;
    height: 41px;
    width: 300px;
}
a.tooltipper span.tooltipper_werkadres:after {
    right: 62% !important;
}
.tooltipper span.tooltipper_2 {
    left: 100%;
    margin-left: -170px !important;
    top: 50%;
    margin-top: -195px !important;
    height: 145px;
    width: 300px;
}
a.tooltipper span.tooltipper_2:after {
    right: 52% !important;
}
.tooltipper span.tooltipper_1 {
    left: 100%;
    margin-left: -125px !important;
    top: 50%;
    margin-top: -160px !important;
    height: 105px;
    width: 280px;
}
a.tooltipper span.tooltipper_1:after {
    right: 61% !important;
}
.tooltipper span.tooltip_anoniem {
    left: 100%;
    margin-left: -225px !important;
    top: 50%;
    margin-top: -120px !important;
    height: 70px;
    width: 300px;
}
a.tooltipper span.tooltip_anoniem:after {
    right: 31% !important;
}
.tooltipper span.tooltip_bijzonderheden {
    left: 100%;
    margin-left: -158px !important;
    top: 50%;
    margin-top: -135px !important;
    height: 85px;
    width: 300px;
}
a.tooltipper span.tooltip_bijzonderheden:after {
    right: 52% !important;
}
.tooltipper span.tooltip_voorkeurvwlwerk {
    left: 100%;
    margin-left: -158px !important;
    top: 50%;
    margin-top: -115px !important;
    height: 60px;
    width: 220px;
}
a.tooltipper span.tooltip_voorkeurvwlwerk:after {
    right: 36% !important;
}
.tooltipper span.tooltip_contactpersoon {
    left: 100%;
    margin-left: -60px !important;
    top: 50%;
    margin-top: -190px !important;
    height: 140px;
    width: 300px;
}
a.tooltipper span.tooltip_contactpersoon:after {
    right: 82% !important;
}
.tooltipper span.tooltip_reactie_mail {
    left: 100%;
    margin-left: -125px !important;
    top: 50%;
    margin-top: -130px !important;
    height: 80px;
    width: 300px;
}
a.tooltipper span.tooltip_reactie_mail:after {
    right: 62% !important;
}
.tooltipper span.tooltip_rea_aanbod {
    left: 100%;
    margin-left: -195px !important;
    top: 50%;
    margin-top: -104px !important;
    height: 55px;
    width: 250px;
}
a.tooltipper span.tooltip_rea_aanbod:after {
    right: 30% !important;
}
.tooltipper img {
    width: 15px;
    height: 15px;
}
a.tooltipper {
    position: relative;
    display: inline;
}
a.tooltipper span {
    position: absolute;
    color: #fff;
    background: #6a75a7;
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    visibility: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
a.tooltipper span:after {
    content: "";
    position: absolute;
    top: 100%;
    margin-top: 0;
    width: 0;
    height: 0;
    border-top: 8px solid #6a75a7;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
a:hover.tooltipper span {
    visibility: visible;
    opacity: none;
    z-index: 999;
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .tooltip span {
        display: none;
    }
    .tooltip:hover span {
        display: block;
    }
}