html {
    height         : 100%;
    font-size      : 15px;
    font-weight    : normal;
    text-transform : normal;
    letter-spacing : normal;
    line-height    : 1.4em;
    color          : #5d5d5d;
    font-family    : "Arial", sans-serif;
    font-style     : normal;
    font-weight    : normal;
}

body {
    background : #9bd6f0 url('../images/bgd_verlauf.png') repeat-x;
    margin     : 0;
}

* {
    margin  : 0;
    padding : 0;
}

.navbar-toggle {
    display          : none;
    position         : relative;
    float            : left;
    padding          : 8px 6px 4px 6px;
    background-color : transparent;
    background-image : none;
    border           : 1px solid steelblue;
    border-radius    : 4px;
    margin           : 4px 30px;
}

.navbar-toggle .sr-only {
    display : none;
}

.navbar-toggle .icon-bar {
    display       : block;
    width         : 22px;
    height        : 2px;
    border-radius : 1px;
    background    : steelblue;
    margin-bottom : 4px;
}

#wrapper {
    margin             : 0 auto;
    width              : 1094px;
    height             : 100%;
    background         : transparent;
    border             : 0px solid #f00;
    -webkit-box-shadow : 0px -6px 20px #6e6e6e; /* webkit browser*/
    -moz-box-shadow    : 0px -6px 20px #6e6e6e; /* firefox */
    box-shadow         : 0px -6px 20px #6e6e6e;
}

/* Container
-------------------------------------------------------------------------- */

#header {
    position   : relative;
    width      : 1094px;
    background : #fff;
    height     : 200px;
    text-align : center;
}

#middle {
    position   : relative;
    height     : 335px;
    width      : 1094px;
    background : #fff;
}

#middle-navi {
    position   : relative;
    background : #9bd7f3;
    height     : 40px;
}

#middle-pics {
    position   : relative;
    background : #fff;
    height     : 295px;
}

#middle-rechts {
    position      : absolute;
    width         : 340px;
    height        : 325px;
    z-index       : 1000;
    padding-left  : 25px;
    padding-top   : 10px;
    top           : 0;
    right         : 0px;
    border-left   : 4px #fff solid;
    border-bottom : 4px #fff solid;
    background    : url('../images/logo_ausschnitt.png') bottom right no-repeat #b4b4b4;
}

#content {
    position   : relative;
    width      : 1094px;
    background : #fff;
    overflow   : hidden;
}

#content-rechts {
    position     : absolute;
    width        : 340px;
    height       : 100%;
    z-index      : 1000;
    background   : #cdebf9;
    top          : 0;
    right        : 0px;
    padding-top  : 25px;
    padding-left : 25px;
    border-top   : 10px #fff solid;
}


.text {
    padding-top: 85px;
    
}

#content-links {
    position       : relative;
    width          : 670px;
    min-height     : 335px;
    margin-top     : 27px;
    margin-left    : 40px;
    border         : 1px #fff solid;
    padding-bottom : 40px;
}

#content-links .csc-textpic-border .csc-textpic-image {
    right                 : 5px;
    top                   : 0px;
    float                 : right;
    margin-left           : 20px;
    margin-bottom         : 20px;
    -webkit-border-radius : 15px;
    -moz-border-radius    : 15px;
    border-radius         : 15px;
    border                : 0px;
    overflow              : hidden;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border : 0px;
}

.clearfix {
    clear : both;
}

#content-links .article {
    float                 : left;
    position              : relative;
    margin-top            : 20px;
    margin-right          : 20px;
    -webkit-border-radius : 15px;
    -moz-border-radius    : 15px;
    border-radius         : 15px;
    overflow              : hidden;
}

#content-links .article img {
}

#content-links .article .name_wrapper {
    position      : absolute;
    bottom        : 0;
    padding-right : 10px;
    background    : rgba(0, 0, 0, .3);
    text-align    : center;
    display       : block;
    width         : 100%;
    box-sizing    : border-box;
}

#content-links .article .name_wrapper .name {
    display : block;
    width   : 100%;
    padding : 2px 5px;
}

#content-links .article .name_wrapper p {
    font-size   : 0.9em;
    color       : white;
    display     : block;
    width       : 100%;
    line-height : 1.2em;
}

#footer {
    position    : absolute;
    height      : 40px;
    border      : 0px solid #f00;
    text-align  : right;
    padding-top : 10px;
    color       : #fff;
    width       : 1094px;
}

.btntermin {
    position      : absolute;
    left          : 0px;
    top           : 0px;
    border-bottom : 10px solid white;
    padding       : 0px;
    display       : block;
    width         : 100%;
    height        : 62px;
}

.btntermin a {
    color           : #5d5d5d;
    text-transform  : uppercase;
    text-decoration : none;
    background      : #9bd7f3;
    padding         : 13px 0 7px 20px;
    display         : block;
    border          : 0px solid #ccecf7;
    font-size       : 20px;
    letter-spacing  : 0.05em;
    text-align      : center;
    line-height     : 21px;
    background      : url('../images/datebutton_small.png') center center no-repeat;
    background-size : contain;
    height          : 62px;
    box-sizing      : border-box;
}

.btntermin a small {
    text-transform : none;
    font-size      : 15px;
    letter-spacing : 0;
}

/* Text
-------------------------------------------------------------------------- */

#middle-rechts p,
#middle-rechts h2 {
    color       : #fff;
    font-size   : 14px;
    font-family : "Arial", sans-serif;
    font-style  : normal;
    font-weight : normal;
    line-height : 1.25em;
}

#middle-rechts p span.important {
    display : inline-block;
    width   : 70px;
}

#middle-rechts h2 {
    font-size   : 22px;
    font-weight : normal;
}

#content-links h1 {
    color         : #9bd7f3;
    font-weight   : normal;
    font-size     : 26px;
    margin-bottom : 20px;
}

#content-links h2 {
    font-weight    : normal;
    color          : #5d5d5d;
    font-size      : 22px;
    letter-spacing : 0.05em;
}

#content-links p,
#content-links ul {
    color       : #5d5d5d;
    width       : 600px;
    margin-left : 0px;
}

#content-links ul {
    margin-left : -18px;
}

/* Aktuelles */
#content-rechts h2 {
    font-weight    : normal;
    color          : #5d5d5d;
    font-size      : 22px;
    letter-spacing : 0.05em;
}

#content-rechts p.aktuell,
#content-rechts p.aktuell a,
#content-rechts p.archiv a,
#content-rechts p.archiv {
    color           : #5d5d5d;
    width           : 300px;
    font-size       : 13px;
    margin-top      : 13px;
    text-decoration : none;
}

#content-rechts p.archiv {
    margin-top : 26px
}

#content-rechts p.aktuell a,
#content-rechts p.archiv a {
    font-weight : bold;
}

#content-rechts p.aktuell a:hover,
#content-rechts p.archiv a:hover {
    text-decoration : underline;
}

#content-rechts .news {
    margin-top : 55px;
}

#footer a {
    color           : #5d5d5d;
    font-size       : 13px;
    text-decoration : none;
}

/* Navigation
-------------------------------------------------------------------------- */

#middle-navi ul {
    margin      : 0px;
    list-style  : none;
    padding     : 0px;
    margin-left : 5px;
}

#middle-navi ul li {
    float       : left;
    padding-top : 10px;
    margin-left : 20px;
}

#middle-navi ul li a {
    font-size       : 15px;
    color           : #767c7e;
    font-family     : "Arial", sans-serif;
    padding-right   : 22px;
    border-right    : 1px solid #767c7e;
    text-decoration : none;
}

#middle-navi ul li.last a {
    border-right : 0px solid #767c7e;
}

#middle-navi ul li.active a,
#middle-navi ul li a:hover {
    color : #425253;
}

#middle-navi ul li.hide ul {
    display : none;
}

#middle-navi ul li.hide:hover ul {
    display     : block;
    position    : absolute;
    z-index     : 999999;
    padding-top : 14px;
    margin-top  : -5px;
    margin-left : -21px;
    border-left : 1px solid #767c7e;
}

#middle-navi ul li.hide:hover ul li {
    clear            : both;
    margin           : 0px;
    padding          : 5px 0 5px 10px;
    width            : 215px;
    background-color : #cdebf9;
    border-bottom    : 2px solid #fff;
}

#middle-navi ul li.hide:hover ul li a {
    text-decoration : none;
    font-size       : 13px;
    margin          : 10px 10px 10px 0px;
    padding         : 0px;
    border          : 0px;
}

#middle-navi ul li.hide:hover ul li:hover,
#middle-navi ul li.hide:hover ul li.active {
    background-color : #ccc;
}

/* Aktuelles
-------------------------------------------------------------------------- */