html, body {
    background-color: #f3f5f6;
}

.logo-header {
    display: block;
    background-color: #fff;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .logo-header img {
        /*margin-left: 195px;*/
    }

.header {
    background-color:  rgba(199, 30, 46, 1); /* #1a51ff rgba(21, 66, 115, 1);*/
}

.was H4, .wordt H4, .resultaat H4 {
    color: rgba(174, 26, 40, 1);
}

span.nav-item {
    background-image: url(../artwork/ic_arrow_forward_black_24dp.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-color: rgba(229, 229, 229, 1);
    color: #000;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    span.nav-item.active {
        background-color: rgba(174, 26, 40, 1); /* donker rood*/
        color: #fff;
    }

    span.nav-item .stapnummer {
        background-color: rgba(229, 229, 229, 1); /*licht rood*/
        color: #000;
    }

    span.nav-item.active .stapnummer {
        background-color: rgba(174, 26, 40, 1);
        color: #fff;
    }


#nav-item-was:hover, #nav-item-wordt:hover, #nav-item-resultaat:hover {
    background-color: rgba(174, 26, 40, 1);
    color: #fff;
}


/* verplaatst naar main.css ?? */
/*span.nav-item {
    width: 319px;
    margin-right: 13px;
    padding-left: 4px;
}

    span.nav-item.last {
        margin-right: 0;
}*/


.submenu {
    background-color: rgba(229, 229, 229, 1);
}
    /* verplaatst naar main.css  */
    /*.submenu .nav-subitem {
        color: #000;
        font-weight: normal;
        height: 30px;
    }*/

.nav-item-wordt.nav-subitem.active, .nav-item-wordt.nav-subitem:hover, .nav-item-resultaat.nav-subitem.active, .nav-item-resultaat.nav-subitem:hover {
    background-color: rgba(174, 26, 40, 1);
    border-color: #ddd;
    color: #fff;
}

.footer {
    display: none;
}

table#resultaat-overzicht tr.netto-nieuw th {
    background-color: rgba(174, 26, 40, 1);
}

table#resultaat-overzicht tr.netto-oud th {
    background-color: rgba(229, 229, 229, 1);
}

#Grafiek .staaf.was {
    background-color: rgba(229, 229, 229, 1);
}

#Grafiek .staaf.wordt {
    background-color: rgba(174, 26, 40, 1);
}

.legenda .was {
    background-color: rgba(229, 229, 229, 1);
}

.legenda .wordt {
    background-color: rgba(174, 26, 40, 1);
}

#homepage p .stap.nr1, #homepage p .stap.nr2, #homepage p .stap.nr3 {
    color: rgba(174, 26, 40, 1);
}