@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}header,footer{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size:  1rem;
    line-height: 1.5;
    color: #333;
    background-color: #FFF;
}

p {
    margin: 1rem 0;
}

a {
    color: #337AB7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #1B3A54;
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   No-JS Configurations
   ========================================================================== */

.no-js .print {
    display:none;
}

.no-js .dropdown-menu {
    display: none;
    position: relative;
}
.no-js header {
    height: auto;
}

/* ==========================================================================
   Grid system
   ========================================================================== */

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

@media (min-width: 992px) {
    .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
        float: left;
    }

    .c12 {
        width: 100%;
    }

    .c11 {
        width: 91.66666667%;
    }

    .c10 {
        width: 83.33333333%;
    }

    .c9 {
        width: 75%;
    }

    .c8 {
        width: 66.66666667%;
    }

    .c7 {
        width: 58.33333333%;
    }

    .c6 {
        width: 50%;
    }

    .c5 {
        width: 41.66666667%;
    }

    .c4 {
        width: 33.33333333%;
    }

    .c3 {
        width: 25%;
    }

    .c2 {
        width: 16.66666667%;
    }

    .c1 {
        width: 8.33333333%;
    }
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.nav-header {
    display: block;
}

.nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0.3rem 0;
}

.nav > li:first-child > a {
    padding-left: 0;
}

.nav > li:last-child > a {
    padding-right: 0;
}

.dropdown, .dropup {
    position: relative;
}

.dropdown-menu {
    display: none;
    list-style: none;
    padding: 0 10px;
}

.dropdown-menu > li > a,
.dropdown-menu > li > span {
    padding: 0.3rem 0;
    display: block;
}
.dropdown-menu > li > span {
    color: #DDD;
}

.open > .dropdown-menu {
    display: block;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .nav-header,
    .nav,
    .nav > li {
        float: left;
    }

    .nav-header {
        padding-right: 2.8rem;
    }

    .nav > li > a {
        padding: 0 1.4rem;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        z-index: 1000;
        float: left;
        text-align: left;
        background-color: #FFF;
        border: 1px solid #CCC;
    }

    .dropdown-menu > li > a,
    .dropdown-menu > li > span {
        padding: 0.4rem 1.5rem;
        clear: both;
        white-space: nowrap;
    }

    .dropdown-menu > li > span {
        text-decoration: none;
        cursor: default;
    }

    .right {
        float: right;
    }

    .nav.right .dropdown-menu {
        left: auto;
        right: 0;
    }
}

.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
    color: #1B3A54;
}

header {
    margin-bottom: 1.5rem;
    padding: 0.75rem 0;
}
@media (min-width: 768px) {
    header {
        height: 3.5rem;
    }
}

/* ==========================================================================
  Footer
  ========================================================================== */

footer {
    margin-top: 4rem;
}

/* ==========================================================================
   Sticky Footer: Body margin bottom is Footer outer height
   ========================================================================== */

@media (min-width: 768px) {
    body {
        margin-bottom: 8rem;
    }

    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 4rem;
    }
}

/* ==========================================================================
   clearfix
   ========================================================================== */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.nav-header:before,
.nav-header:after {
    content: "";
    display: table;
}

.clearfix:after,
.container:after,
.row:after,
.nav:after,
.nav:after,
.nav-header:after {
    clear: both;
}

/* ==========================================================================
   Page - Imprint
   ========================================================================== */

.imprint {
    padding-left:20px;
}
.imprint .headline {
    font-weight: 700;
    margin-top: 2rem;
}
.imprint + .source {
    font-size: 0.8rem;
    margin-top: 2rem;
    text-align: right;
}

/* ==========================================================================
   TT_CONTENT - Uploads
   ========================================================================== */

.csc-uploads span,
.news-single .files span {
    padding-left: 10px;
}

.csc-uploads li,
.news-single .files li {
    background: url('../Icons/FileExtensions/file.png') no-repeat left 0;
    padding: 0 0 0 25px;
    margin: 0.7rem 0;
}

.csc-uploads li.pdf,
.news-single .files li.pdf {
    background-image: url('../Icons/FileExtensions/pdf.png');
}

.csc-uploads li.doc,
.news-single .files li.doc {
    background-image: url('../Icons/FileExtensions/doc.png');
}

/* ==========================================================================
   TT_CONTENT - Form
   ========================================================================== */

form ul,
form ol {
    list-style: none;
    padding: 0;
    margin: 0
}

form li {
    margin-bottom: 0.7rem;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend,
label {
    display: block;
    margin-bottom: 0.1rem;
    font-weight: 700;
}

legend em,
label em,
legend strong,
label strong {
    padding-left: 0.2rem;
    color: #D50000;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid #CCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #66AFE9;
    outline: 0 none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

input,
select {
    height: 2.5rem;
}

input,
select,
option,
textarea {
    padding: 6px 12px;
}

fieldset li {
    position: relative;
}

fieldset label {
    margin-left: 25px;
    font-weight: normal;
}

fieldset input {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
}

input[type="reset"],
input[type="submit"] {
    text-align: center;
    background-color: #FFF;
}

input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #E6E6E6;
    border-color: #ADADAD;
    color: #666;
}

/* ==========================================================================
   TT_News
   ========================================================================== */

.news-latest,
.news-list {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.news-latest img,
.news-list img {
    max-width:100%;
    height: auto;
}

.news-single .backlink {
    margin-top: 2.5rem;
}

.news-single .files {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.news-single .files .headline {
    font-weight: 700;
    padding: 0;
    background: none;
}
.news-list-browse > div {
    margin:1rem 0;
}
.browse-links span,
.browse-links a {
    padding: 6px 12px;
    border: 1px solid #CCC;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
.browse-links .disabled {
    color: #CCC;
}
.browse-links .active {
    background-color: #E6E6E6;
    border-color: #ADADAD;
    color: #666;
}

@media (min-width: 600px) {
    .browse-links span,
    .browse-links a {
        display: inline;
        margin-bottom: 0;
    }
}