.menupopup {
    position: relative;
}

    .menupopup .menupopup-field {
        padding-top: 10px;
        position: absolute;
        width: 200px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
        display: none;
    }

        .menupopup .menupopup-field::before {
            content: url('/HTML/images/subMenu2Hover.png');
            position: absolute;
            top: -1px;
            left: 46%;
        }

        .menupopup .menupopup-field.menushow {
            display: block;
        }

    .menupopup .menupopup-menu {
        background-color: white;
        padding: 5px 0 10px 0;
        border: 1px solid #989898;
        border-radius: 10px;
        box-shadow: -1px 2px 4px rgba(0,0,0,0.3);
    }

        .menupopup .menupopup-menu > li {
            padding: 0 10px 0 10px;
            text-align: left;
            position: relative;
        }

            .menupopup .menupopup-menu > li > a {
                width: 100%;
                display: inline-block;
                cursor: pointer;
                color: #898989;
                border-bottom: 1px solid #989898;
                font-size: .9rem;
                padding-left: 20px;
            }

            .menupopup .menupopup-menu > li:hover > a {
                color: #363636;
            }

    .menupopup .menupopup-sub .menupopup-sub-field {
        position: absolute;
        left: 198px;
        top: -10px;
        display: none;
        padding-left: 2px;
    }

        .menupopup .menupopup-sub .menupopup-sub-field::before {
            content: url('/HTML/images/subMenu3Hover.png');
            position: absolute;
            top: 10px;
            left: -6px;
        }

        .menupopup .menupopup-sub .menupopup-sub-field.menushow {
            display: block;
        }

    .menupopup .menupopup-sub .menupopup-sub-menu {
        min-width: 250px;
        background-color: white;
        padding: 5px 0 10px 0;
        border-radius: 10px;
        border: 1px solid #989898;
        box-shadow: -1px 2px 4px rgba(0,0,0,0.3);
    }

        .menupopup .menupopup-sub .menupopup-sub-menu > li {
            padding: 0 10px 0 10px;
            text-align: left;
            position: relative;
        }

            .menupopup .menupopup-sub .menupopup-sub-menu > li > a {
                width: 100%;
                display: inline-block;
                cursor: pointer;
                color: #898989;
                border-bottom: 1px solid #989898;
                font-size: .9rem;
                padding-left: 20px;
            }

            .menupopup .menupopup-sub .menupopup-sub-menu > li:hover > a {
                color: #363636;
            }

    .menupopup .leftIcon {
        background-image: url(/HTML/images/sprite.png);
        background-position: 0 -4270px;
        background-repeat: no-repeat;
    }
/* Active Slide menu Icon*/
.iconMenu.actived {
    background-image: url("https://www.fonde.dk/HTML/images/mainMenuActive.png");
    background-repeat: no-repeat;
    background-size: 20px 25px;
    background-position: top center;
}