/* Container-Ersatz */
#cc-inner {
    margin: 0 auto;
    max-width: 834px;
    background: white;
}

/* Banner */
.banner {
    margin: -110px -500% 40px;
    padding: 20px 500% 50px !important;
    background-color: rgb(254, 203, 0);
    background-image: url(https://u.jimcdn.com/cms/o/s13c6d2989814a2f1/userlayout/img/bg-grau-muster.png?t=1548325097);
    background-repeat: repeat-x;
    background-position-y: bottom;
}

#random-image {
    width: 100%;
    height: 600px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Navigation */
[data-container="navigation"] {
    float: left;
    width: 220px;
    padding: 17px;
}
ul.mainNav1 {
    margin: 0;
    padding: 0;
}
ul.mainNav1 li {
    display: block;
    margin: 0;
    padding: 0;
}
ul.mainNav1 li a {
    font: normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding: 4px;
}
ul.mainNav1 li a:hover {
    background: #EEE;
    color: black;
}
ul.mainNav1 a.current {
    font-weight: bold;
}

/* Sidebar */
[data-container="sidebar"] {
    float: left;
    width: 220px;
    padding-top: 10px;
}

/* Content */
#content_area {
    float: right;
    width: 530px;
    padding: 17px;
    background: white;
}

/* Footer */
#contentfooter {
    clear: both;
    margin-top: 10px;
    background: url(footer-bg.gif) repeat-x top;
    height: 65px;
}
#contentfooter .gutter {
    height: 30px;
    padding: 35px 15px 0 90px;
}