.jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.navbar-inverse .navbar-brand {
    color: #ddd; /*Rechtsboven Letters in de balk verticale nav */
}

.navbar-inverse {
    background-color: #0277bd; /*800 Primaire navbar achtergrond*/
    border-color: #01579b; /*Rand onder primaire navbar*/
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        background-color: #0288d1; /*Actieve tab achtergrond */
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #bbb;
    }
    /*Rechter uitklap stripe button*/
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #0288d1;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #29b6f6; /*rand om streepjesknop rechtsboven*/
    }

.list-group-item.active {
    background-color: #9575cd; /* 500 STANDAARD 9575CD tab achtergrond rechter verticale menu, lichte kleur bij witte letters */
    border-color: #ce93d8; /*200 STANDAARD donkere kleur */
}

    .list-group-item.active:focus, .list-group-item.active:hover {
        color: #fff;
        background-color: #7e57c2; /*STANDAARD donkere tab achtergrond rechter verticale menu*/
        border-color: #ce93d8; /*Standaard*/
    }

.btn-primary {
    color: #fff;
    background-color: #039be5;
    border-color: #29b6f6;
    outline: none !important;
}

    .btn-primary.hover, .btn-primary:hover {
        color: #fff;
        background-color: #0288d1;
        border-color: #29b6f6;
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #039be5;
        border-color: #29b6f6;
    }

        .btn-primary.focus.hover, .btn-primary:focus:hover {
            color: #fff;
            background-color: #0288d1;
            border-color: #29b6f6;
        }

    .btn-primary.active, .btn-primary:active {
        color: #fff;
        background-color: #039be5;
        border-color: #29b6f6;
    }

        .btn-primary.active.hover, .btn-primary:active:hover {
            color: #fff;
            background-color: #0288d1;
            border-color: #29b6f6;
        }


/*Alleen als na een DIV van de klasse col-xs-6 een h2 en een p komt een minimale height instellen*/

div.col-lg-4 h2 + ul {

    padding-left: 20px; /*Als je een lijst meteen na een heading toont, deze alignen met de titel*/
}

sup {
    font-weight: 900;
    padding-left: 3px;
    padding-right: 3px;
}