body {
    color: #354248;
    background-color: #cdcdcd;
}
body.frame {
    background-color: #fff;
}


#pageheader {
    background-color: #fff;
    border-bottom: 4px solid #cc0006;
}
#pageheader .nav .nav-link, header .nav .dropdown-item {
    text-transform: uppercase;
    color: #222;
}
#pageheader .nav .nav-link.active {
    border-bottom: 1px solid #354248;
    color: #cc0006;
}
#pageheader nav .navbar-nav .nav-link {
    color: #cc0006;
}
#pageheader nav .navbar-nav .nav-item.active .nav-link {
    background-color: #cc0006;
    color: #fff;
}

.logo { height: 65px; }
h1, h2, h3 { color: #222; }
a { color: #cc0006; text-decoration: none; }
a:hover { color: #800004; }

main.container-md {
    background-color: #fff;
    padding: 5rem 1.5em;
}
main.container-fluid {
    background-color: #fff;
    padding: 0 1.5em;
}

.navbar-nav .nav-link a { color: #222; }
.navbar-nav .nav-link a:hover { color: #800004; }

div.kuvaEtusivu {
    background-color: #354248;
    border-radius: 5px;
    padding: 2em;
}

.table thead th {
    border-bottom: 2px solid #cc0006;
    color: #cc0006;
    font-weight: 400;
}

.table .tfoot th, .table .tfoot td {
    border-top: 1px solid #cc0006;
}