body {
}

.login-bg {
    background-image: url(../Images/Leraarportfolio/login.jpg);
}

#layoutBackground {
    background-image: url(../Images/Leraarportfolio/login.jpg);
}

.img-QualityArea {
    background-image: url(../Images/Leraarportfolio/kompas.png);
    background-position-x: 155px;
    background-position-y: 28px;
}

.AreaButton_1 {
    background-image: url("../Images/Leraarportfolio/ICON_Leraar_Visie_als_professioneel.png");
    height: 66px;
    width: 85px;
    left: calc(50% - 35px - 418px);
    top: 247px;
}

    .AreaButton_1 .text-area {
        right: 85px;
    }

    .AreaButton_1:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Visie_als_professioneel.png");
    }

.AreaButton_2 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Professioneel_plan.png");
    height: 66px;
    width: 85px;
    left: -43px;
}

    .AreaButton_2 .text-area {
        right: 85px;
    }

    .AreaButton_2:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Professioneel_plan.png");
    }

.AreaButton_3 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Pedagogisch_leiderschap.png");
    height: 66px;
    width: 85px;
    top: 32px;
}

    .AreaButton_3:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Pedagogisch_leiderschap.png");
    }

.AreaButton_4 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Leidinggeven_aan_leren.png");
    height: 66px;
    width: 85px;
    top: 108px;
    left: 467px;
}

    .AreaButton_4 .text-area {
        left: 85px;
    }

    .AreaButton_4:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Leidinggeven_aan_leren.png");
    }

.AreaButton_5 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Onderwijs_met_kwaliteit.png");
    height: 66px;
    width: 85px;
    top: 306px;
}

    .AreaButton_5 .text-area {
        left: 85px;
    }
    .AreaButton_5:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Onderwijs_met_kwaliteit.png");
    }

.AreaButton_6 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Leren_van_een_ander.png");
    height: 72px;
    width: 98px;
    top: 430px;
    left: 322px;
}

    .AreaButton_6:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Leren_van_een_ander.png");
    }

.AreaButton_7 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Curriculum_vitae.png");
    height: 72px;
    width: 98px;
    top: 446px;
    left: 18px;
}

    .AreaButton_7:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Curriculum_vitae.png");
    }

#qualityAreaIcon1 {
    background-image: url("../Images/Leraarportfolio/ICON_Leraar_Visie_als_professioneel.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon1:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Visie_als_professioneel.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon2 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Professioneel_plan.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon2:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Professioneel_plan.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon3 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Pedagogisch_leiderschap.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon3:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Pedagogisch_leiderschap.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon4 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Leidinggeven_aan_leren.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon4:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Leidinggeven_aan_leren.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon5 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Onderwijs_met_kwaliteit.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon5:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Onderwijs_met_kwaliteit.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon6 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Leren_van_een_ander.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon6:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Leren_van_een_ander.png");
        background-repeat: no-repeat;
    }

#qualityAreaIcon7 {
    background-image: url("../Images/LeraarPortfolio/ICON_Leraar_Curriculum_vitae.png");
    background-repeat: no-repeat;
}

    #qualityAreaIcon7:hover {
        background-image: url("../Images/LeraarPortfolio/ICON_BOLD_Leraar_Curriculum_vitae.png");
        background-repeat: no-repeat;
    }