html {
    background: white;
    max-width: 2000px;
    margin: auto;
}

body {
    margin: auto;
    background-color: white;
}

#main_menu {
    background-color: ghostwhite;
}

#main_menu_collapsed {
    display: none;
}

#back_on_top {
    position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0px;
    opacity: 0.5;
    color: grey;
}

#back_on_top button {
    background-color: lightgrey;
    font-size: large;
}

.gallery_control{
    text-align: center;
    }

#aklogo img{
    width: 100%;
}

.infobar{
    text-align: center;
    font-family: 'Courier New';
    color: slategrey;
}

#infobar_sunrise-sunset {
    text-align: left;
}

#infobar_date {
    text-align: left;
}

#infobar_time {
    text-align: left;
}

#infobar_temperature {
    text-align: left;
}

#infobar_precipitation {
    text-align: left;
}

#infobar_wind {
    text-align: left;
}

#infobar_baro {
    text-align: left;
}

.container-fluid {
    margin-top: 1em;
    width: 95%;
}

.sidebar-left {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.sidebar-right {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.mainbar {
    width: 100%;
}

.sidebar-button {
    text-align: center;
}

.sidebar-button button {
    width: 100%;
    font-weight: bolder;
}

.headline {
    text-align: center;
    font-size: xx-large;
}

.briefing-subsection {
    font-weight: bold;
    font-size: smaller;
    color: #2b669a;
}

.image-classic {
    text-align: center;
    margin-top: 0.5em;
}

.image-bordered img {
    border: solid lightgrey 0.1em;
}

.image-classic img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.image-50 {
    text-align: center;
    margin-top: 0.5em;
}

.image-50 img {
    display: block;
    margin: auto;
    max-width: 50%;
    height: auto;
}

.image-75 {
    text-align: center;
    margin-top: 0.5em;
}

.image-75 img {
    display: block;
    margin: auto;
    max-width: 75%;
    height: auto;
}

.section {
    margin: 2em;
}

.sidebar-breaker {
    margin-top: 1em;
    margin-bottom: 1em;
}

.article {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 0.1em solid lightgrey;
    width: auto;
}

.article .article-controlpanel {
    text-align: center;
    width: auto;
    margin: auto;
    font-size: xx-large;
}

.article .article-controlpanel button {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.article .article-header {
    width: auto;
}

.article .article-body {
}

.article .article-header .article-title {
    font-weight: bold;
    font-size: xx-large;
    text-align: center;
}

.article .article-header .article-metadata {
    font-size: small;
    text-align: center;
    margin-bottom: 1em;
}

#storage-content-tree .storage-folder-button {
    width: 75%;
    text-align: left;
}

.torage-folder-button {
    width: 100%;
}

.subsection-buttons {
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.subsection-buttons button{
    font-weight: bold;
    font-size: large;
    border: solid #0275d8 0.1em;
    margin: 0.1em;
}

#new_article {
    margin: 2em;
    width: auto;
}

#new_article_content {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#new_article_content_pastehelper {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#section-select {
    text-align: left;
}

#new_article_creativespace {
    width: 100%;
    text-align: center;
}