html, body, div, span, applet, object, iframe, h1, h2, h3, #filelist tr td span.headline, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}


input[type="password"],
input[type="text"] {
    width: 100%;
}

input.credentials_input_text {
    height: auto !important;
}

#fibonacci {
    max-height: 50px;
}

#credentials_table_postheader {
    margin: 10px 0px;
    margin: 1rem 0rem;
    background: #B61A40;
    padding: 10px 10px 10px 40px;
    padding: 1rem 1rem 1rem 4rem;
    color: #fff;
    position: relative;
    min-height: 25px;
    min-height: 2.5rem;
    font-weight: normal;
}

#credentials_table_postheader::before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    content: "\f071";
    color: #fff;
    position: absolute;
    font-size: 26px;
    font-size: 2.6rem;
    top: 10px;
    top: 1rem;
    left: 7px;
    left: 0.7rem;
}

#credentials_table_postheader strong {
    color: inherit;
    font-weight: normal;
}

#credentials_table_postheader * {
    color: #fff !important;
}

footer #footer-content-right ul.service > li {
    float: none;
}

div#main-navigation-wrapper {
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: #FFFFFF;
    margin-top: 10px;
}

div#main-navigation {
    background-color: #00519E;
    color: #fff;
}

div#navifix {
    clear: both;
    border-bottom: #FFFFFF solid 1px;
}

div#main-navigation-line {
    background-color: #3F85C1;
    height: 7px;
    clear: both;
}

.navigation-headline {
    font-size: 1.4em;
    padding: 5px;
    text-align: left;
    color: #FFFFFF;
    padding-left: 40px;
}

#interaction_table,
table#main_table td#main_table_info_cell {
    width: 100% !important;
}


q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    src: url('/public/share/fonts/Lato-Regular.eot');
    src: url('/public/share/fonts/Lato-Regular.eot') format("embedded-opentype"), url('/public/share/fonts/Lato-Regular.woff') format("woff"), url('/public/share/fonts/Lato-Regular.ttf') format("truetype")
}

@font-face {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: normal;
    src: url('/public/share/fonts/typo/PTSans/PTS55F_W.eot');
    src: url('/public/share/fonts/typo/PTSans/PTS55F_W.eot') format("embedded-opentype"), url('/public/share/fonts/typo/PTSans/PTS55F_W.woff') format("woff"), url('/public/share/fonts/typo/PTSans/PTS55F_W.ttf') format("truetype")
}


@font-face {
    font-family: 'Icon DFG';
    src: url('fonts/icon/icon_dfg.eot');
    src: url('/public/share/fonts/icon/icon_dfg.eot') format("embedded-opentype"), url('/public/share/fonts/icon/icon_dfg.woff2') format("woff2"), url('/public/share/fonts/icon/icon_dfg.ttf') format("truetype"), url('/public/share/fonts/icon/icon_dfg.woff') format("woff"), url('/public/share/fonts/icon/icon_dfg.svg#icon_dfg') format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url('/public/share/fonts/icon/FontAwesome/fontawesome-webfont.eot');
    src: url('/public/share/fonts/icon/FontAwesome/fontawesome-webfont.eot') format("embedded-opentype"), url('/public/share/fonts/icon/FontAwesome/fontawesome-webfont.woff') format("woff"), url('/public/share/fonts/icon/FontAwesome/fontawesome-webfont.ttf') format("truetype"), url('/public/share/fonts/icon/FontAwesome/fontawesome-webfont.svg#FontAwesome') format("svg")
}

[class^='dfgicon-'], [class*=' dfgicon-'] {
    font-family: 'Icon DFG' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dfgicon-menu:before {
    content: ""
}

.dfgicon-user:before {
    content: ""
}

.dfgicon-logout:before {
    content: ""
}

.dfgicon-upload:before {
    content: ""
}

.dfgicon-questionmark:before {
    content: ""
}

.dfgicon-cross:before {
    content: ""
}

.dfgicon-arrow-right-down:before {
    content: ""
}

.dfgicon-arrow-left:before {
    content: ""
}

.dfgicon-arrow-right:before {
    content: ""
}

.dfgicon-arrow-down:before {
    content: ""
}

.dfgicon-arrow-right-up:before {
    content: ""
}

.dfgicon-dropdown-down:before {
    content: ""
}

.dfgicon-dropdown-up:before {
    content: ""
}

.dfgicon-pdf:before {
    content: ""
}

.dfgicon-information:before {
    content: ""
}

.arrowlink, #filelist tr td:not(.icon) a:not(.active):not(.button):before, #filelist tr td.actions:first-of-type a:before, span.button:before, a.button:before, input[type='submit']:before, button:before, #wrapper header #path a:before, #wrapper header .user .overlay .profile-links li a:before, #wrapper header #service-navigation ul li a:before, #wrapper header #main-navigation ul li ul li span a:before, footer #footer-content-right ul.service > li .toggleTestlinks:after, footer #footer-content-right ul.service > li ul li a:before {
    font-family: "Icon DFG";
    content: "";
    margin-right: 5px;
    margin-right: 0.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
}

.accessibility {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    display: inline-block
}

h1, h2, h3, #filelist tr td span.headline, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

html {
    font-size: 62.5%
}

body, html {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #313035
}

p {
    margin-bottom: 10px;
    margin-bottom: 1rem
}

b, strong {
    font-weight: bold
}

i, em {
    font-style: italic
}

#wrapper {
    padding-bottom: 30px;
    padding-bottom: 3rem;
    box-shadow: 1px 1px 5px #bbb;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 2rem
}

#page {
    margin: 0 auto;
    max-width: 1024px;
    max-width: 102.4rem;
    text-align: left;
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem
}

#main {
    margin: 0px 40px;
    margin: 0rem 4rem;
    padding-top: 29px;
    padding-top: 2.9rem
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#main ul {
    margin: 20px 0px;
    margin: 2rem 0rem
}

#main ul li {
    padding-left: 20px;
    padding-left: 2rem;
    position: relative
}

#main ul li:before {
    content: "";
    display: block;
    width: 6px;
    width: 0.6rem;
    height: 6px;
    height: 0.6rem;
    border-radius: 3px;
    border-radius: 0.3rem;
    position: absolute;
    left: 0;
    background: #00519E;
    top: 8px;
    top: 0.8rem
}

#main ul li + li {
    margin-top: 10px;
    margin-top: 1rem
}

a {
    text-decoration: none;
    color: #03519d
}

h1, div#headline {
    color: #00519E;
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    line-height: 35px;
    line-height: 3.5rem;
    margin-top: 30px;
    margin-top: 3rem
}

h1 {
    margin-top: 0;
}

h2 {
    color: #00519E;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 20px;
    margin-top: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

h3, #filelist tr td span.headline {
    margin-top: 20px;
    margin-top: 2rem;
    font-size: 17px;
    font-size: 1.7rem
}

#content {
    overflow: hidden;
    *zoom: 1
}

#filelist table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 3px solid #57585d
}

#filelist table th {
    background-color: #00519E;
    color: #fff;
    padding: 4px 10px;
    padding: 0.4rem 1rem;
    border-right: 1px solid #fff
}

#filelist table th:last-child {
    border-right: none
}

#filelist table tr:last-child td {
    padding-bottom: 10px;
    padding-bottom: 1rem
}

#filelist table h3.responsive_head, #filelist table tr td span.responsive_head.headline, #filelist tr td table span.responsive_head.headline {
    display: none
}

#filelist table td a {
    padding-top: 5px;
    padding-top: 0.5rem
}

#filelist table td a:not(.button) {
    display: inline-block;
    padding-left: 20px;
    padding-left: 2rem;
    position: relative
}

#filelist table td a:not(.button):before {
    position: absolute;
    left: 0
}

#filelist table.transform {
    border-bottom: none
}

#filelist table.transform, #filelist table.transform tbody, #filelist table.transform tr, #filelist table.transform td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    *zoom: 1
}

#filelist table.transform tr {
    border-bottom: 3px solid #57585d;
    margin-bottom: 15px;
    margin-bottom: 1.5rem
}

#filelist table.transform th {
    display: none
}

#filelist table.transform td {
    padding-top: 0 !important;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    border-bottom: none
}

#filelist table.transform td:last-child, #filelist table.transform td.actions {
    padding-right: 10px;
    padding-right: 1rem
}

#filelist table.transform td h3.responsive_head, #filelist table.transform tr td span.responsive_head.headline, #filelist tr table.transform td span.responsive_head.headline {
    display: block !important;
    width: 100%;
    background-color: #00519E;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    margin: 0px -10px 10px -10px;
    margin: 0rem -1rem 1rem -1rem;
    text-align: left
}

#filelist table.transform td .button {
    margin-right: -10px;
    margin-right: -1rem
}

#filelist table.transform td .button + .button {
    margin-right: 20px;
    margin-right: 2rem
}

#filelist table.transform td.no_responsive_head {
    border-top: 1px solid #57585d;
    padding-top: 0.5em !important;
    padding-top: 0.5rem !important
}

#filelist table.transform td.no_responsive_head + .no_responsive_head {
    border-top: none
}

#filelist table.transform td span.button, #filelist table.transform td a.button, #filelist table.transform td input[type='submit'], #filelist table.transform td button {
    min-width: 150px;
    min-width: 15rem
}

#filelist table.transform .formular-row {
    border-bottom: 2px solid #57585d;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

#filelist table.transform .formular-row:last-of-type {
    border-bottom: none
}

#filelist table.transform .form-link {
    text-align: right
}

#filelist tr td {
    border-bottom: 1px solid #8F999E;
    padding: 4px 10px;
    padding: 0.4rem 1rem
}

#filelist tr td .mark-as-read a:before {
    display: none
}

#filelist tr td.actions {
    padding-right: 0;
    text-align: right
}

#filelist tr td.actions:first-of-type {
    text-align: left
}

#filelist tr#header-row + .program td, #filelist tr#header-row + .titel td, #filelist tr#header-row + .project-title td {
    border-top: 4px solid #fff;
    padding: 4px 10px;
    padding: 0.4rem 1rem
}

#filelist tr .spacer {
    display: none
}

#filelist tr td:last-child {
    padding-right: 0
}

#filelist tr td:last-child a.button {
    float: right
}

.formline {
    margin: 20px -40px;
    margin: 2rem -4rem;
    padding: 15px 40px;
    padding: 1.5rem 4rem;
    background-color: #e4edf5;
    overflow: hidden;
    *zoom: 1
}

.formline label {
    width: 24.414%;
    display: block;
    float: left
}

.formline input {
    border: 1px solid #57585d;
    padding: 3px 10px;
    padding: 0.3rem 1rem;
    width: 24.414%;
    box-sizing: border-box
}

.formline input[type='checkbox'], .formline input[type='radio'] {
    width: auto;
    margin-left: 0
}

.buttons {
    width: 48.828%;
    overflow: hidden;
    margin-bottom: 50px;
    margin-bottom: 5rem
}

.buttons span.button, .buttons a.button, .buttons input[type='submit'], .buttons button {
    float: right;
    margin-left: 20px;
    margin-left: 2rem
}

.buttons.right {
    width: auto
}

span.button, a.button, input[type='submit'], button {
    background-color: #B61A40;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF0CFD0', endColorstr='#FFB61A40');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwY2ZkMCIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iI2YwY2ZkMCIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iI2QyNzA4YSIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iI2QyNzA4YSIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iI2I2MWE0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2MWE0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0cfd0), color-stop(16px, #f0cfd0), color-stop(16px, #d2708a), color-stop(26px, #d2708a), color-stop(26px, #b61a40), color-stop(100%, #b61a40));
    background-image: -moz-linear-gradient(left, #f0cfd0 0%, #f0cfd0 16px, #d2708a 16px, #d2708a 26px, #b61a40 26px, #b61a40 100%);
    background-image: -webkit-linear-gradient(left, #f0cfd0 0%, #f0cfd0 16px, #d2708a 16px, #d2708a 26px, #b61a40 26px, #b61a40 100%);
    background-image: linear-gradient(to right, #f0cfd0 0%, #f0cfd0 16px, #d2708a 16px, #d2708a 26px, #b61a40 26px, #b61a40 100%);
    padding: 5px 10px 5px 36px;
    padding: 0.5rem 1rem 0.5rem 3.6rem;
    color: #fff !important;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: right;
    display: inline-block;
    border: none;
    white-space: nowrap
}

span.button.inactive, a.button.inactive, input[type='submit'].inactive, button.inactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

span.button.prio2, a.button.prio2, input[type='submit'].prio2, button.prio2 {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZGNlYiIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iI2NjZGNlYiIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iIzY2OTZjNCIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iIzY2OTZjNCIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iIzAwNTE5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTE5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ccdceb), color-stop(16px, #ccdceb), color-stop(16px, #6696c4), color-stop(26px, #6696c4), color-stop(26px, #00519e), color-stop(100%, #00519e));
    background-image: -moz-linear-gradient(left, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%);
    background-image: -webkit-linear-gradient(left, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%);
    background-image: linear-gradient(to right, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%)
}

.invalidInfo {
    margin: 10px 0px;
    margin: 1rem 0rem;
    background: #B61A40;
    padding: 10px 10px 10px 40px;
    padding: 1rem 1rem 1rem 4rem;
    color: #fff;
    position: relative;
    min-height: 25px;
    min-height: 2.5rem;
    font-weight: normal
}

.invalidInfo strong {
    color: inherit;
    font-weight: normal
}

.invalidInfo strong a {
    color: inherit;
    font-weight: bold
}

.invalidInfo strong a:before {
    font-family: "Icon DFG";
    content: "";
    margin-right: 5px;
    margin-right: 0.5rem;
    margin-left: 5px;
    margin-left: 0.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
}

.invalidInfo:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    content: "\f071";
    color: #fff;
    position: absolute;
    font-size: 26px;
    font-size: 2.6rem;
    top: 10px;
    top: 1rem;
    left: 7px;
    left: 0.7rem
}

.invalidInfo.loose {
    background-color: #dd7426
}

.invalidInfo.loose:before {
    content: "\f06a";
    left: 10px;
    left: 1rem
}

.invalidInfo.success {
    background-color: #00519E
}

.invalidInfo.success:before {
    content: "\f14a";
    left: 10px;
    left: 1rem
}

#wrapper header #logo-wrapper {
    padding-top: 54px;
    padding-top: 5.4rem
}

#wrapper header #dfg-logo {
    display: block;
    margin-left: 40px;
    margin-left: 4rem;
    margin-bottom: 38px;
    margin-bottom: 3.8rem;
    width: 333px;
    width: 33.3rem;
    height: 43px;
    height: 4.3rem;
    background: url('/public/share/images/dfg_logo_schrift_blau.png') 0 no-repeat;
    background-size: contain
}

#wrapper header #fibonacci {
    height: 50px;
    height: 5rem;
    background: url('/public/share/images/fibonacci.gif') 0 0 repeat-y;
    background-size: 100%
}

#wrapper header #fibonacci img {
    display: none
}

#wrapper header #path {
    padding: 10px 0px;
    padding: 1rem 0rem;
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 36px;
    padding-bottom: 3.6rem;
    padding-left: 40px;
    padding-left: 4rem;
    color: #6e6f74
}

#wrapper header #path a {
    color: #6e6f74;
    margin-right: 10px;
    margin-right: 1rem
}

#wrapper header .user {
    position: relative
}

#wrapper header .user .overlay {
    display: none;
    position: absolute;
    min-width: 160px;
    min-width: 16rem;
    left: 0px;
    left: 0rem;
    top: 25px;
    top: 2.5rem;
    z-index: 10
}

#wrapper header .user .overlay > div {
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 4px 5px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 4px 5px 1px;
    box-shadow: rgba(0, 0, 0, 0.25) 4px 5px 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    *zoom: 1
}

#wrapper header .user .overlay .close {
    display: block;
    height: 0
}

#wrapper header .user .overlay .user-name-info {
    background-color: #6696C4
}

#wrapper header .user .overlay .user-name-info a.button {
    float: right;
    margin-top: 20px;
    margin-top: 2rem;
    margin-right: -30px;
    margin-right: -3rem;
    display: block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZGNlYiIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iI2NjZGNlYiIvPjxzdG9wIG9mZnNldD0iMTZweCIgc3RvcC1jb2xvcj0iIzY2OTZjNCIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iIzY2OTZjNCIvPjxzdG9wIG9mZnNldD0iMjZweCIgc3RvcC1jb2xvcj0iIzAwNTE5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTE5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ccdceb), color-stop(16px, #ccdceb), color-stop(16px, #6696c4), color-stop(26px, #6696c4), color-stop(26px, #00519e), color-stop(100%, #00519e));
    background-image: -moz-linear-gradient(left, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%);
    background-image: -webkit-linear-gradient(left, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%);
    background-image: linear-gradient(to right, #ccdceb 0%, #ccdceb 16px, #6696c4 16px, #6696c4 26px, #00519e 26px, #00519e 100%)
}

#wrapper header .user .overlay .user-name-info .name {
    font-weight: bold;
    display: block
}

#wrapper header .user .overlay .profile-links {
    margin-top: 6px;
    margin-top: 0.6rem;
    background-color: #B61A40;
    color: #fff
}

#wrapper header .user .overlay .profile-links h3, #wrapper header .user .overlay .profile-links #filelist tr td span.headline, #filelist tr td #wrapper header .user .overlay .profile-links span.headline {
    margin-top: 0
}

#wrapper header .user .overlay .profile-links li {
    float: none
}

#wrapper header .user .overlay .profile-links li a {
    color: #fff
}

#wrapper header .user .logout, #wrapper header .user .login {
    color: #fff;
    float: left;
    background: #B61A40;
    height: 25px;
    height: 2.5rem;
    width: 25px;
    width: 2.5rem;
    line-height: 25px;
    line-height: 2.5rem
}

#wrapper header .user .logout:before, #wrapper header .user .login:before {
    font-family: "Icon DFG";
    content: "" !important;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    margin-left: 5px;
    margin-left: 0.5rem;
    vertical-align: top
}

#wrapper header .user .logout + a.name, #wrapper header .user .login + a.name {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0px 5px 0px 5px;
    padding: 0rem 0.5rem 0rem 0.5rem;
    border-left: 1px solid #fff;
    background-color: #B61A40;
    color: #fff !important;
    border-left: 1px solid #fff;
    height: 25px;
    height: 2.5rem;
    cursor: pointer;
    float: left
}

#wrapper header .user .logout + a.name:before, #wrapper header .user .login + a.name:before {
    content: '' !important
}

#wrapper header .user .login {
    background: #00519E url(images/login.png) center center no-repeat
}

#wrapper header .user .login + span.name {
    background-color: #00519E
}

#wrapper header #service-navigation {
    -moz-box-orient: horizontal;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    float: right;
    padding: 20px 10px 0px 0px;
    padding: 2rem 1rem 0rem 0rem;
    line-height: 25px;
    line-height: 2.5rem
}

#wrapper header #service-navigation ul {
    *zoom: 1
}

#wrapper header #service-navigation ul:after {
    content: "";
    display: table;
    clear: both
}

#wrapper header #service-navigation ul li {
    float: left;
    color: #fff;
    background-color: #e4edf5;
    font-size: 13px;
    font-size: 1.3rem;
    color: #6e6f74;
    margin-left: 1px;
    margin-left: 0.1rem;
    height: 25px;
    height: 2.5rem;
    padding: 0px 10px;
    padding: 0rem 1rem
}

#wrapper header #service-navigation ul li:hover, #wrapper header #service-navigation ul li.open {
    background-color: #00519E;
    color: #fff
}

#wrapper header #service-navigation ul li:hover a, #wrapper header #service-navigation ul li.open a {
    color: #fff
}

#wrapper header #service-navigation ul li:hover .overlay, #wrapper header #service-navigation ul li.open .overlay {
    display: block
}

#wrapper header #service-navigation ul li:hover .overlay p, #wrapper header #service-navigation ul li.open .overlay p {
    margin: 10px;
    margin: 1rem
}

#wrapper header #service-navigation ul li:hover .overlay li, #wrapper header #service-navigation ul li.open .overlay li {
    background-color: transparent;
    display: block;
    float: none;
    border-bottom: 1px solid #fff
}

#wrapper header #service-navigation ul li:hover .overlay li:first-child, #wrapper header #service-navigation ul li.open .overlay li:first-child {
    padding-left: 10px;
    padding-left: 1rem
}

#wrapper header #service-navigation ul li:hover .overlay li:last-child, #wrapper header #service-navigation ul li.open .overlay li:last-child {
    border-bottom: none
}

#wrapper header #service-navigation ul li a {
    color: #6e6f74;
    font-size: 13px;
    font-size: 1.3rem
}

#wrapper header #service-navigation ul li a.button {
    color: #fff
}

#wrapper header #service-navigation ul.langswitch li {
    padding: 0px 10px;
    padding: 0rem 1rem
}

#wrapper header #main-navigation {
    margin-top: 3px;
    margin-top: 0.3rem
}

#wrapper header #main-navigation ul {
    -moz-box-orient: horizontal;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    width: 300px;
    width: 30rem
}

#wrapper header #main-navigation ul li {
    flex-basis: auto;
    background-color: #03519d;
    border-right: 3px solid #fff;
    position: relative;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    text-align: center;
    z-index: 9
}

#wrapper header #main-navigation ul li.active, #wrapper header #main-navigation ul li.open {
    background-color: #B61A40
}

#wrapper header #main-navigation ul li.open ul, #wrapper header #main-navigation ul li.open + ul {
    display: block !important
}

#wrapper header #main-navigation ul li:last-child {
    border-right: none
}

#wrapper header #main-navigation ul li a, #wrapper header #main-navigation ul li span {
    display: inline-block;
    color: #fff;
    padding: 5px 0px;
    padding: 0.5rem 0rem
}

#wrapper header #main-navigation ul li ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 30px;
    top: 3rem;
    box-shadow: 1px 1px 5px #bbbbbb;
    border-top: 3px solid #fff
}

#wrapper header #main-navigation ul li ul li {
    background-color: #B61A40;
    text-align: left;
    border-bottom: 3px solid #fff;
    border-right: none;
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem;
    position: relative;
    width: auto !important
}

#wrapper header #main-navigation ul li ul li.active {
    background-color: #C44164
}

#wrapper header #main-navigation ul li ul li:hover {
    background-color: #C44164
}

#wrapper header #main-navigation ul li ul li span a {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-left: 3rem
}

#wrapper header #main-navigation ul li ul li span a:before {
    color: #fff;
    position: absolute;
    left: 10px;
    left: 1rem;
    top: 3px;
    top: 0.3rem
}

#wrapper header #main-navigation ul li ul li span a.active {
    font-weight: bold;
    background-color: #C44164
}

#wrapper header #main-navigation ul li ul li:last-child {
    border-bottom: none
}

#wrapper header #main-navigation ul li.home {
    width: 40px;
    width: 4rem;
    flex-grow: 0
}

#wrapper header #main-navigation ul li.home a {
    padding-top: 3px;
    padding-top: 0.3rem
}

#wrapper header #main-navigation ul li.home a span {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    display: inline-block
}

#wrapper header #main-navigation ul li.home a:before {
    font-family: "Icon DFG";
    content: '\f017'
}

#wrapper header #main-navigation ul > li:nth-child(2) {
    width: 23.5%
}

@media only screen and (min-width: 768px) {
    #wrapper header #main-navigation ul li:hover {
        background-color: #b61a40
    }

    #wrapper header #main-navigation ul li:hover ul {
        display: block
    }
}

#wrapper header #main-navigation ul li.home a:not(*:root) {
    padding-left: 10px;
    padding-left: 1rem
}

footer {
    overflow: hidden;
    *zoom: 1;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 40px 0px 40px;
    padding: 1.5rem 4rem 0rem 4rem
}

footer #footer-content-left {
    float: left
}

footer #footer-content-right {
    float: right
}

footer #footer-content-right ul.service {
    overflow: hidden;
    *zoom: 1
}

footer #footer-content-right ul.service > li {
    float: left;
    min-width: 115px;
    min-width: 11.5rem;
    margin-left: 40px;
    margin-left: 4rem;
    overflow: hidden;
    *zoom: 1
}

footer #footer-content-right ul.service > li h3, footer #footer-content-right ul.service > li #filelist tr td span.headline, #filelist tr td footer #footer-content-right ul.service > li span.headline {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 0
}

footer #footer-content-right ul.service > li .toggleTestlinks {
    background: #00519E;
    padding: 10px 30px 10px 10px;
    padding: 1rem 3rem 1rem 1rem;
    line-height: 20px;
    line-height: 2rem;
    color: #fff;
    cursor: pointer;
    position: relative
}

footer #footer-content-right ul.service > li .toggleTestlinks:after {
    content: "";
    font-size: 18px;
    font-size: 1.8rem;
    position: absolute;
    top: 10px;
    top: 1rem;
    right: 5px;
    right: 0.5rem;
    margin-right: 0
}

footer #footer-content-right ul.service > li .toggleTestlinks ~ li {
    display: none
}

footer #footer-content-right ul.service > li .toggleTestlinks.open {
    background: #B61A40
}

footer #footer-content-right ul.service > li .toggleTestlinks.open:after {
    content: ""
}

footer #footer-content-right ul.service > li .toggleTestlinks.open ~ li {
    display: block
}

footer #footer-content-right ul.service > li ul {
    float: left
}

footer #footer-content-right ul.service > li ul li {
    background: #ebebed;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

footer #footer-content-right ul.service > li ul li a {
    color: #000;
    display: block;
    padding: 10px;
    padding: 1rem;
    min-width: 95px;
    min-width: 9.5rem;
    line-height: 20px;
    line-height: 2rem
}

footer #footer-content-right ul.service > li ul li a.pdf {
    position: relative;
    padding-left: 30px;
    padding-left: 3rem
}

footer #footer-content-right ul.service > li ul li a.pdf:before {
    content: "";
    font-size: 20px;
    font-size: 2rem;
    color: #B61A40;
    position: absolute;
    top: 10px;
    top: 1rem;
    left: 5px;
    left: 0.5rem
}

footer #footer-content-right ul.service > li.extern a {
    padding-left: 10px;
    padding-left: 1rem
}

footer #footer-content-right ul.service > li.extern a:before {
    content: ""
}

@media only screen and (max-width: 1024px) {

    body, html {
        text-align: left
    }

    #main {
        margin: 0px 30px;
        margin: 0rem 3rem
    }

    .formline {
        margin: 15px -30px;
        margin: 1.5rem -3rem;
        padding: 12px 30px;
        padding: 1.2rem 3rem
    }

    .formline label, .formline input {
        width: 36.3158%
    }

    .buttons {
        width: 72.6316%
    }

    #wrapper header #path {
        padding-left: 3.9%
    }

    #wrapper header #service-navigation ul li:not(:first-child), #wrapper header #service-navigation ul.langswitch li {
        padding: 5px 10px;
        padding: 0.5rem 1rem
    }

    #wrapper header .user .logout + a.name, #wrapper header .user .login + a.name {
        height: 30px;
        height: 3rem;
        padding: 5px;
        padding: 0.5rem
    }

    #page {
        margin: 0 0;
        padding: 0
    }

    .intro {
        width: 100%
    }

    #content-left .news {
        margin-bottom: 1rem;
        max-width: 100%
    }

    #content-left .news:first-of-type {
        padding-left: 0;
        background-size: auto 150px;
        padding-top: 180px;
        padding-top: 18rem
    }

    #wrapper header #service-navigation .user .logout, #wrapper header #service-navigation .user .login {
        height: 40px;
        height: 4rem;
        line-height: 40px;
        line-height: 4rem;
        width: 40px;
        width: 4rem
    }

    #wrapper header #service-navigation .user .logout::before, #wrapper header #service-navigation .user .login::before {
        font-size: 25px;
        font-size: 2.5rem;
        margin-left: 10px;
        margin-left: 1rem
    }

    #wrapper header #service-navigation .user .logout + span.name, #wrapper header #service-navigation .user .login + span.name {
        height: 33px;
        height: 3.3rem;
        font-size: 15px;
        font-size: 1.5rem;
        padding: 6.5px 10px 0px 10px;
        padding: 0.65rem 1rem 0rem 1rem
    }

    #service-navigation ul.langswitch li {
        padding: 7px 10px;
        padding: 0.7rem 1rem
    }

    h1, div#headline {
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    #page {
        padding: 0
    }

    #main {
        margin: 0px 20px;
        margin: 0rem 2rem
    }

    .formline {
        margin: 15px -20px;
        margin: 1.5rem -2rem;
        padding: 12px 20px;
        padding: 1.2rem 2rem
    }

    .formline label {
        float: none;
        width: auto;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }

    .formline input {
        width: 100%
    }

    .buttons {
        width: auto
    }

    #wrapper header #logo-wrapper {
        padding-top: 20px;
        padding-top: 2rem
    }

    #content-left {
        float: none;
        width: 100%
    }

    footer {
        padding: 15px 10px 0px 10px;
        padding: 1.5rem 1rem 0rem 1rem
    }

    footer div {
        float: none
    }
}