/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
/*
  this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
  of course, that means that it might require different styling then.
  in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
*/


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */

    #header,
    #main,
    #footer,
    #tx_cookies {
        background: white;
        border-color: black !important;
        color: black;
    }

    #header *,
    #main *,
    #footer *,
    #tx_cookies * {
        background: white !important;
        border-color: black !important;
        color: black !important;
    }

    ::before,
    ::after {
        background: white !important;
    }

    main [id^="portal-"] {
        max-width: 1232px;
    }

    .flex-direction-nav .disabled {
        filter: alpha(opacity=30);
    }

    .flex-control-nav li {
        display: inline;
    }

    svg.gemeenten {
        height: 790px;
        min-width: 750px;
        width: 100%;
    }

    .warning-IE {
        display: block;

        background: #f86660 !important;
        height: 120px;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 999;
    }

    .warning-IE .container {
        color: white !important;
        width: 980px;
        margin: auto;
    }

    .warning-IE .container .col {
        padding: 20px;
    }

    .warning-IE a,
    .warning-IE .h1.fa-warning,
    .warning-IE .h1.fa-warning::before {
        background: #f86660 !important;
        color: white !important;
    }

    .warning-IE .h1.fa-warning {
        font-size: 60px;
    }

    #header {
        margin-top: 120px;
    }
}