html {
        height: 100%;
    }
    
    body {
        background: #e6e6e6 url(../img/back.gif) repeat;
        margin: 0;
        padding: 0;
    }
    
    #wrapper {
        width: 960px;
        margin: 0 auto 10px auto;
        background: url(../img/back_content.gif) repeat-y;
        overflow: hidden;
    }
    
    .wrap {
        width: 958px;
        margin: -5px -1px 0 0;
    }
    
    #main {
        padding-left: 30px;
        margin-top: 30px;
        width: 630px;
        float: left;
    }
    
    #sidebar {
        margin-top: 20px;
        width: 280px;
        float: right;
    }
    
    .sidebarbox {
        position: relative;
        width: 220px;
        margin: 10px 30px 0 30px;
        padding: 0;
    }
    
    .sidebarboxFirst {
        margin: 30px 30px 0 30px;
    }
    
    .sidebarWhite {
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
    }
    
    .sidebarLink {
        display: block;
        margin: 10px 30px 0px 0px;
    }
    
    .sidebarbox a {
        margin: 0px;
        padding: 0px;
    }
    
    #footer {
        width: 960px;
        clear: both;
        height: 40px;
        background-color: #bcbcbc;
        padding: 15px 0 0 30px;
    }
    
    body {
        color: #323232;
        font-size: 12px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        line-height: 18px;
    }
    
    td {
        color: #323232;
        font-size: 12px;
        line-height: 18px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        font-style: normal;
    }
    
    h1 {
        color: #c00;
        padding-bottom: 18px;
        font-size: 24px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        font-style: normal;
        font-weight: bolder;
        line-height: 28px;
    }
    
    h2 {
        color: #323232;
        padding-bottom: 18px;
        font-size: 10px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        font-style: normal;
        font-weight: normal;
        line-height: 12px;
    }
    
    a:link {
        color: #ba0000;
        text-decoration: none;
    }
    
    a:visited {
        color: #ba0000;
        text-decoration: none;
    }
    
    a:active {
        color: #ba0000;
        text-decoration: none;
    }
    
    a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    h3 {
        color: #c00;
        padding-bottom: 10px;
        padding-top: 8px;
        font-size: 17px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        font-style: normal;
        font-weight: bolder;
        line-height: 24px;
    }
    
    h6 {
        color: #000;
        padding-bottom: 18px;
        padding-top: 8px;
        font-size: 17px;
        font-family: "Lucida Grande", Verdana, Swiss, Geneva, Helvetica;
        font-weight: bold;
    }
    
    h5 {
        color: #163E60;
        font-size: 12px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        margin: 0;
    }
    
    h4 {
        font-size: 12px;
        font-family: "Lucida Grande", Verdana, Swiss, Geneva, Helvetica;
        font-weight: bold;
        margin: 0px 0px 5px 0px;
    }
    
    .trenner {
        width: 620px;
        height: 60px;
        background: url(../img/trenner_620.gif) no-repeat;
        margin-bottom: 10px;
    }
    /*p{padding-bottom:17px;}*/
    
    #literaturbanner p {
        color: #323232;
        font-size: 10px;
        font-family: "Lucida Grande", Verdana, Swiss, Helvetica, Geneva;
        font-style: normal;
        font-weight: normal;
        line-height: 12px;
        padding-bottom: 2px;
    }
    
    li.pdf {
        background: url(../img/pfeil_pdf.gif) no-repeat;
        padding-left: 70px;
    }
    
    li.zip {
        background: url(../img/pfeil_zip.gif) no-repeat;
        padding-left: 70px;
    }
    
    li.href {
        background: url(../img/pfeil_link.gif) no-repeat;
        padding-left: 70px;
    }
    
    li.pdf a,
    li.zip a,
    li.href a {
        color: #000000;
    }
    
    #main td {
        padding-bottom: 10px
    }
    
    #main input {
        width: 210px
    }
    
    #main input.plz {
        width: 50px
    }
    
    #main input.ort {
        width: 175px
    }
    
    img.img300 {
        float: right;
        margin: 0 10px 3px 10px;
    }
    
    input[type="checkbox"],
    input[type="radio"] {
        width: auto !important;
    }
    
    input.error {
        border-color: #FF0000;
    }
    
    table.newstable {
        width: 620px;
    }
    
    #menutoggleinput {
        display: none;
    }
    
    td.tdimg {
        width: 200px;
    }
    
    td.tddiv {
        width: 30px;
    }
    
    @media only screen and (max-width: 960px) {
        * {
            box-sizing: border-box;
        }
        #wrapper {
            width: 100%;
            background: white;
        }
        #main {
            padding: 0 10px;
            margin-top: 30px;
            width: 100%;
            float: unset;
        }
        table.newstable {
            width: 100%;
        }
        td.tdimg {
            width: 25%;
        }
        td.tddiv {
            width: 10px;
        }
        .trenner {
            width: 100%;
            background: url(../img/trenner_620.gif) repeat-x;
        }
        #sidebar {
            position: relative;
            margin: 20px auto 20px auto;
            width: 100%;
            float: unset;
            text-align: center;
        }
        .sidebarboxFirst {
            margin: 10px auto 0 auto;
        }
        .sidebarbox {
            /* position: relative; */
            width: 220px;
            margin: 10px auto 0 auto;
            padding: 0;
            float: unset;
        }
        .sidebarLink {
            /* position: relative; */
            width: 220px;
            margin: 10px auto 0 auto;
            padding: 0;
            float: unset;
        }
        #menuToggle {
            display: block;
            position: relative;
            top: 15px;
            left: 10px;
            z-index: 1;
            -webkit-user-select: none;
            user-select: none;
        }
        #menuToggle input {
            display: block;
            width: 40px !important;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;
            cursor: pointer;
            opacity: 0;
            z-index: 2;
            -webkit-touch-callout: none;
        }
        #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
            background: #cdcdcd;
            border-radius: 3px;
            z-index: 1;
            transform-origin: 4px 0px;
            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
        }
        #menuToggle span:first-child {
            transform-origin: 0% 0%;
        }
        #menuToggle span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }
        #menuToggle input:checked~span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;
        }
        /* But let's hide the middle one. */
        #menuToggle input:checked~span:nth-last-child(3) {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2);
        }
        #menuToggle input:checked~span:nth-last-child(2) {
            transform: rotate(-45deg) translate(0, -1px);
        }
        #mega-menu-9 {
            position: absolute;
            width: 65%;
            margin: -41px 0 0 -50px;
            padding: 50px 20px 20px 20px;
            background: #ededed;
            list-style-type: none;
            -webkit-font-smoothing: antialiased;
            /* to stop flickering of text in safari */
            transform-origin: 0% 0%;
            transform: translate(-100%, 0);
            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
            height: 1800px;
        }
        #mega-menu-9 li {
            padding: 1px 0;
            font-size: 14px;
            width: 100%;
        }
        #menuToggle input:checked~ul {
            transform: none;
        }
        .white ul.mega-menu li a {
            float: unset;
            display: block;
            color: #000;
            padding: 12px 38px 12px 25px;
            background: transparent;
            text-shadow: none;
            text-decoration: none;
            width: 100%;
        }
        .exsubmenu {
            padding-left: 30px !important;
        }
        .exsubsubmenu {
            display: block !important;
            padding-left: 30px !important;
        }
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        /* Don't forget your Retina CSS! */
        body {
            background-size: 72px 72px;
        }
    }