* { box-sizing: border-box; }
html { margin: 0; padding: 0; }
body {
    background-color: #2B3E50;
    color: #F0F0F0;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
a:link { color: #D4692C; transition: background-color 250ms; text-decoration: none; }
a:visited { color: #D4692C; }
a:hover { color: #D4692C; background-color: #4E5D6C; text-decoration: underline; }
a:active { color: #D4692C; background-color: #4E5D6C; }
hr { color: #596A7B; }
.headline {
    background-color: #4E5D6C;
    color: #F0F0F0;
    padding: 0 10pt;
    width: 100%;
    height: 32pt;
    display: flex;
    margin-bottom: 3pt
}
div.headline:empty { display: none; }
.logo { height: 100%; }
.headline-title { font-size: 14pt; padding-left: 10pt; display: inline; }
.footer {
    background-color: #4E5D6C;
    color: #F0F0F0;
    padding: 0 10pt;
    width: 100%;
    height: 32pt;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3pt
}
div.footer:empty { display: none; }
a.link-legal { color: #F0F0F0; font-size: 10pt; padding: 10pt; }
.content {
    font-size: 12pt;
}
.content-title { font-size: 250%; }
.nav {
    background-color: #4E5D6C;
    font-size: 10pt;
    color: #f0f0f0;
    padding: 5pt 5pt;
 }
.nav-seperator { vertical-align: middle; padding: 2pt; }
a.link-nav { vertical-align: middle; padding: 2pt; }
a.link-nav-current { vertical-align: middle; padding: 2pt; color: #F0F0F0; }
.menu {
    float: left;
    width: 20%;
    padding: 10pt;
}
.menu-title { font-size: 120%; margin: 0; }
.menu-separator {}
.menu-children { list-style: none; padding-left: 15pt; }
.menu-collapsed { display: none !important; }
.menu-entry {}
.menu-icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11pt;
    vertical-align: middle;
}
.menu-icon::before {
    content: "\2022";
    color: #F0F0F0;
    display: inline-block;
    margin-right: 6pt;
    transition: all 100ms;
}
.menu-icon-has-children { font-size: 60%; }
.menu-icon-has-children::before {
    content: "\25B6";
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.menu-icon-collapsed::before {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
a.link-menu { vertical-align: middle; padding: 2pt; }
a.link-menu-current { vertical-align: middle; padding: 2pt; color: #F0F0F0; background-color: #4E5D6C; }
.toc {}
a.link-toc {}
.content-reduced-width {
    float: right;
    width: 80%;
    padding: 10pt;
    border-width: 0 0 1pt 1pt;
    border-style: solid;
    border-color: #596A7B;
}
.content-full-width {
    padding: 10pt;
}
.left {
    float: left;
    width: 65%;
}
.right {
    float: left;
    width: 35%;
    padding: 0 0 0 10pt;
}
.triple-left {
    float: left;
    width: 33.33%;
    padding: 18pt 12pt 18pt 0;
}
.triple-middle {
    float: left;
    width: 33.33%;
    padding: 18pt 6pt 18pt 6pt;
}
.triple-right {
    float: left;
    width: 33.33%;
    padding: 18pt 0 18pt 12pt;
}
.block {
    background-color: #4E5D6C;
    color: #f0f0f0;
    border-radius: 5pt;
    padding: 2pt 10pt;
}
.block hr { color: #8090A0; }
.strong { font-weight: bold; color: #e0e0e0; }
.emphasized { font-style: italic; color: #f0f080; }
.underlined { text-decoration: underline; }
.obsolete { text-decoration: line-through; color: #808080; }
.align-left { text-align: left; border: inherit; padding: 5pt; margin: 0px; }
.align-center { text-align: center; border: inherit; padding: 5pt; margin: 0px; }
.align-right { text-align: right; border: inherit; padding: 5pt; margin: 0px; }
.no-border { border: 0px; }
.thin-border { border: 1pt solid #808080; border-collapse: collapse; }
.fill-width { width: 100%; }
.icon-small { vertical-align: middle; height: 16pt; }
.icon-medium { vertical-align: middle; height: 24pt; }
.icon-large { height: 96pt; }
.icon-link-small { vertical-align: middle; height: 16pt; padding-right: 2pt }
.icon-link-medium { vertical-align: middle; height: 24pt; padding-right: 2pt }
.icon-link-large { height: 48pt; padding-right: 2pt }
.icon-content-title { vertical-align: middle; height: 32pt; padding-right: 10pt }
.icon-nav { vertical-align: middle; height: 16pt; padding-right: 2pt }
.icon-nav-current { vertical-align: middle; height: 16pt; padding-right: 2pt }
.icon-menu { vertical-align: middle; height: 16pt; padding-right: 2pt }
.icon-menu-current { vertical-align: middle; height: 16pt; padding-right: 2pt }
.splash { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }
a.link-icon-small { padding: 1pt 1pt 3pt 1pt; }
a.link-icon-medium { padding: 4pt 1pt 6pt 1pt; }
a.link-icon-large { padding: 88pt 4pt 0pt 4pt; }
a.link-with-icon-small { padding: 2pt; }
a.link-with-icon-medium { padding: 5pt 2pt 6pt 2pt; }
a.link-with-icon-large { padding: 38pt 4pt 0pt 4pt; }
@media only screen and (max-width:1000px) {
    .menu, .content-reduced-width, .left, .right { width:100%; border: 0; }
    .left { padding: 0 0 20pt 0; }
    .right { padding: 0; }
    .triple-left { width: 100%; padding: 18pt 0 0 0; }
    .triple-middle { width: 100%; padding: 18pt 0 0 0; }
    .triple-right { width: 100%; padding: 18pt 0 18pt 0; }
    a.link-menu { font-size: 180%; }
    a.link-menu-current { font-size: 180%; }
    .menu-icon { font-size: 20pt; }
    .icon-menu { height: 24pt; }
    .icon-menu-current { height: 24pt; }
}