.darkbackground {
    background: #616161;
}

.white {
    color: white!important;

}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* 
 * generic
 */
.body {
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: 300;
}

@media (min-width: 62em) {
    body {
        padding-top: 8.5rem;
    }
}

h1 {
    font-weight: 300;
}

h2 {
    font-weight: 300;
}

h3 {
    font-weight: 300;
}

h4 {
    font-weight: 300;
}

h5 {
    font-weight: 300;
}


li {
    font-size: 1.1rem;
    font-weight: 300;
}

p {
    font-size: 1.25rem;
    font-weight: 300;
}


.sfvdbMonospace {
	font-family: monospace;
}

.sfvdbTopContainer {
    margin-top: -8.5rem;
}



/*
 * navbar
 */
.navbar-brand-active {
    font-size: 1.5rem;
    font-weight:300;
    color: #ffffff !important;
}

.nav-link {
    font-size: 1.5rem;
    font-weight: 300;
    color: white!important;
    margin-left: 1rem;
    margin-right: 1rem;
}



.dropdown-item {
    font-size: 1.5rem;
    font-weight: 300;
}

.dropdown-menu {
    background-color: #ffffff;
}

.selected {
    background-color: #c1c1c1;
}



/*
 * menu fixation
 */
.menufixedtop {
}

@media (min-width: 62em) {
    .menufixedtop {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}


/* 
 * table 
 */
.cellwithborder {
    border-style: solid;
    border-width: 1px;
    border-color: #a1a1a1;
    background-color: #ececec;
    padding: 1em;
}