/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*Frames stellt nur den Unterbau des MediaQueries zur Verfügung*/
/*Hier kommen die Mixins*/
/*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
/*Definition für den Titel-DIV. Dieser liegt über dem Header*/
/*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
/*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
/*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
/*Der scrollbare Bereich, in dem der Inhalt steht*/
.noQleoContent {
  position: unset;
  top: unset;
  left: unset;
  margin-left: unset;
  bottom: unset;
  width: unset;
  padding: unset;
}
/*Der Footer*/
/*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
/*Hier stehen Funktionen für den Header*/
/*Gemeinsame Definition für alle Elemente des Headers*/
.q-col-03 {
  width: 3%;
  display: flex;
  justify-content: center;
}
.q-col-2 {
  display: flex;
  justify-content: center;
  width: 20%;
}
.q-col-6 {
  display: flex;
  width: 60%;
}
.q-col-100 {
  display: flex;
  width: 100%;
}
.q-flex {
  display: flex;
}
.q-col-5 {
  width: 50%;
}
.centerStage {
  display: flex;
  justify-content: center;
}
.centerStage .mainElemente {
  width: 95%;
  margin-top: 2%;
}
.qleoEnd {
  display: flex;
  justify-content: end;
}
.fdbFooter {
  margin: 2%;
}
.adminSupportPanelBlock {
  position: fixed;
  bottom: 5px;
  width: 100%;
  background-color: white;
  height: 3%;
  margin-bottom: -5px;
}
.w100 {
  width: 100%;
}
@media print {
  #viewportwrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
  /*Die meisten dieser Angaben werden ausgeblendet*/
  #qleo_titel,
  #qleo_header,
  #qleoHeaderCenter,
  #qleoHeaderLeft,
  #qleoHeaderRight {
    display: none;
  }
  .leftframe,
  #qleo_nav,
  #qleo_logo {
    display: none;
  }
  .qleo_below_header_menu,
  .qleo_below_header_menu_without_nav {
    display: none;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content,
  .qleo_content_without_nav {
    top: 0px;
    left: 0px;
    /*width: 100%;*/
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 1em;
    color: black;
    background-color: white;
  }
  .qleo_content h1,
  .qleo_content_without_nav h1,
  .qleo_content h2,
  .qleo_content_without_nav h2,
  .qleo_content h3,
  .qleo_content_without_nav h3,
  .qleo_content h4,
  .qleo_content_without_nav h4 {
    color: black;
    background-color: white;
  }
  .noPrint {
    display: none !important;
  }
  .qleo_footer,
  .qleo_footer_without_nav {
    height: 30px;
    left: 0px;
    border: 1px solid #1f1f1f;
  }
  .menuOn {
    display: none;
  }
  .menuOff {
    display: none;
  }
}
/*Hier stehen die Variablen für diesen Fall*/
@media only screen and (min-width: 1600px) {
  /*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
  #viewportwrapper {
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    width: 1600px;
    margin-left: 800px;
  }
  /*Definition für den Titel-DIV. Dieser liegt über dem Header*/
  #qleo_titel {
    position: fixed;
    font-size: 20px;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 3px;
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 30px;
    background-color: transparent;
    z-index: 8;
  }
  /*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
  #qleo_header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
    height: 80px;
  }
  /*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
  .leftframe {
    position: fixed;
    left: 50%;
    margin-left: -800px;
    width: 240px;
    hyphens: auto;
  }
  .leftframe a {
    width: 250px;
    display: inline-block;
  }
  #qleo_nav {
    position: fixed;
    left: 50%;
    margin-left: -800px;
    width: 240px;
    hyphens: auto;
    top: 80px;
    bottom: 25px;
    padding: 1.1em 5px 5px 5px;
    overflow-y: auto;
  }
  #qleo_nav a {
    width: 250px;
    display: inline-block;
  }
  #qleo_logo {
    position: fixed;
    left: 50%;
    margin-left: -800px;
    width: 240px;
    hyphens: auto;
    bottom: 0px;
    padding: 2px 10px 5px 5px;
    text-align: left;
    height: 25px;
  }
  #qleo_logo a {
    width: 250px;
    display: inline-block;
  }
  /*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
  /*TODO Das muss irgendwann mal sauberer gemacht werden (@navWidth + 10px)*/
  .qleo_below_header_menu {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -550px;
    height: 35px;
    width: 1340px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  .qleo_below_header_menu_without_nav {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -800px;
    height: 35px;
    width: 1590px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -550px;
    bottom: 30px;
    width: 1320px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  /*Der Footer*/
  .qleo_footer {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1600px;
    margin-left: -550px;
  }
  #qleoHeaderLeft {
    left: 0px;
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    width: 250px;
    text-align: left;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
  }
  #qleoHeaderLeft img {
    max-height: 70px;
    max-width: 220px;
  }
  #qleoHeaderRight {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    right: 0px;
    width: 400px;
    text-align: right;
  }
  #qleoHeaderCenter {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    padding-left: 20px;
    left: 250px;
    width: 948px;
    text-align: left;
  }
  /*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
  .qleo_footer_without_nav {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1600px;
    margin-left: -800px;
  }
  .qleo_content_without_nav {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -800px;
    bottom: 30px;
    width: 1570px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  .menuOn {
    position: fixed;
    left: 50%;
    margin-left: -575px;
    top: 90px;
  }
  .menuOff {
    position: fixed;
    left: 50%;
    margin-left: -575px;
    top: 90px;
    margin-left: -800px;
  }
}
/*Hier stehen die Variablen für diesen Fall*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  /*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
  #viewportwrapper {
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    width: 1400px;
    margin-left: 700px;
  }
  /*Definition für den Titel-DIV. Dieser liegt über dem Header*/
  #qleo_titel {
    position: fixed;
    font-size: 20px;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 3px;
    left: 50%;
    margin-left: -560px;
    width: 1120px;
    height: 30px;
    background-color: transparent;
    z-index: 8;
  }
  /*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
  #qleo_header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -700px;
    width: 1400px;
    height: 80px;
  }
  /*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
  .leftframe {
    position: fixed;
    left: 50%;
    margin-left: -700px;
    width: 240px;
    hyphens: auto;
  }
  .leftframe a {
    width: 250px;
    display: inline-block;
  }
  #qleo_nav {
    position: fixed;
    left: 50%;
    margin-left: -700px;
    width: 240px;
    hyphens: auto;
    top: 80px;
    bottom: 25px;
    padding: 1.1em 5px 5px 5px;
    overflow-y: auto;
  }
  #qleo_nav a {
    width: 250px;
    display: inline-block;
  }
  #qleo_logo {
    position: fixed;
    left: 50%;
    margin-left: -700px;
    width: 240px;
    hyphens: auto;
    bottom: 0px;
    padding: 2px 10px 5px 5px;
    text-align: left;
    height: 25px;
  }
  #qleo_logo a {
    width: 250px;
    display: inline-block;
  }
  /*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
  /*TODO Das muss irgendwann mal sauberer gemacht werden (@navWidth + 10px)*/
  .qleo_below_header_menu {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -450px;
    height: 35px;
    width: 1140px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  .qleo_below_header_menu_without_nav {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -700px;
    height: 35px;
    width: 1390px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -450px;
    bottom: 30px;
    width: 1120px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  /*Der Footer*/
  .qleo_footer {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1400px;
    margin-left: -450px;
  }
  #qleoHeaderLeft {
    left: 0px;
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    width: 250px;
    text-align: left;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
  }
  #qleoHeaderLeft img {
    max-height: 70px;
    max-width: 220px;
  }
  #qleoHeaderRight {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    right: 0px;
    width: 400px;
    text-align: right;
  }
  #qleoHeaderCenter {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    padding-left: 20px;
    left: 250px;
    width: 748px;
    text-align: left;
  }
  /*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
  .qleo_footer_without_nav {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1400px;
    margin-left: -700px;
  }
  .qleo_content_without_nav {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -700px;
    bottom: 30px;
    width: 1370px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  .menuOn {
    position: fixed;
    left: 50%;
    margin-left: -475px;
    top: 90px;
  }
  .menuOff {
    position: fixed;
    left: 50%;
    margin-left: -475px;
    top: 90px;
    margin-left: -700px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
  #viewportwrapper {
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    width: 1200px;
    margin-left: 600px;
  }
  /*Definition für den Titel-DIV. Dieser liegt über dem Header*/
  #qleo_titel {
    position: fixed;
    font-size: 20px;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 3px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height: 30px;
    background-color: transparent;
    z-index: 8;
  }
  /*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
  #qleo_header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 80px;
  }
  /*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
  .leftframe {
    position: fixed;
    left: 50%;
    margin-left: -600px;
    width: 240px;
    hyphens: auto;
  }
  .leftframe a {
    width: 250px;
    display: inline-block;
  }
  #qleo_nav {
    position: fixed;
    left: 50%;
    margin-left: -600px;
    width: 240px;
    hyphens: auto;
    top: 80px;
    bottom: 25px;
    padding: 1.1em 5px 5px 5px;
    overflow-y: auto;
  }
  #qleo_nav a {
    width: 250px;
    display: inline-block;
  }
  #qleo_logo {
    position: fixed;
    left: 50%;
    margin-left: -600px;
    width: 240px;
    hyphens: auto;
    bottom: 0px;
    padding: 2px 10px 5px 5px;
    text-align: left;
    height: 25px;
  }
  #qleo_logo a {
    width: 250px;
    display: inline-block;
  }
  /*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
  /*TODO Das muss irgendwann mal sauberer gemacht werden (@navWidth + 10px)*/
  .qleo_below_header_menu {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -350px;
    height: 35px;
    width: 940px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  .qleo_below_header_menu_without_nav {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -600px;
    height: 35px;
    width: 1190px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -350px;
    bottom: 30px;
    width: 920px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  /*Der Footer*/
  .qleo_footer {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1200px;
    margin-left: -350px;
  }
  #qleoHeaderLeft {
    left: 0px;
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    width: 250px;
    text-align: left;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
  }
  #qleoHeaderLeft img {
    max-height: 70px;
    max-width: 220px;
  }
  #qleoHeaderRight {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    right: 0px;
    width: 400px;
    text-align: right;
  }
  #qleoHeaderCenter {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    padding-left: 20px;
    left: 250px;
    width: 548px;
    text-align: left;
  }
  /*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
  .qleo_footer_without_nav {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 1200px;
    margin-left: -600px;
  }
  .qleo_content_without_nav {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -600px;
    bottom: 30px;
    width: 1170px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  .menuOn {
    position: fixed;
    left: 50%;
    margin-left: -375px;
    top: 90px;
  }
  .menuOff {
    position: fixed;
    left: 50%;
    margin-left: -375px;
    top: 90px;
    margin-left: -600px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  /*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
  #viewportwrapper {
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    width: 960px;
    margin-left: 480px;
  }
  /*Definition für den Titel-DIV. Dieser liegt über dem Header*/
  #qleo_titel {
    position: fixed;
    font-size: 20px;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 3px;
    left: 50%;
    margin-left: -384px;
    width: 768px;
    height: 30px;
    background-color: transparent;
    z-index: 8;
  }
  /*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
  #qleo_header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height: 80px;
  }
  /*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
  .leftframe {
    position: fixed;
    left: 50%;
    margin-left: -480px;
    width: 240px;
    hyphens: auto;
  }
  .leftframe a {
    width: 250px;
    display: inline-block;
  }
  #qleo_nav {
    position: fixed;
    left: 50%;
    margin-left: -480px;
    width: 240px;
    hyphens: auto;
    top: 80px;
    bottom: 25px;
    padding: 1.1em 5px 5px 5px;
    overflow-y: auto;
  }
  #qleo_nav a {
    width: 250px;
    display: inline-block;
  }
  #qleo_logo {
    position: fixed;
    left: 50%;
    margin-left: -480px;
    width: 240px;
    hyphens: auto;
    bottom: 0px;
    padding: 2px 10px 5px 5px;
    text-align: left;
    height: 25px;
  }
  #qleo_logo a {
    width: 250px;
    display: inline-block;
  }
  /*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
  /*TODO Das muss irgendwann mal sauberer gemacht werden (@navWidth + 10px)*/
  .qleo_below_header_menu {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -230px;
    height: 35px;
    width: 700px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  .qleo_below_header_menu_without_nav {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -480px;
    height: 35px;
    width: 950px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -230px;
    bottom: 30px;
    width: 680px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  /*Der Footer*/
  .qleo_footer {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 960px;
    margin-left: -230px;
  }
  #qleoHeaderLeft {
    left: 0px;
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    width: 250px;
    text-align: left;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
  }
  #qleoHeaderLeft img {
    max-height: 70px;
    max-width: 220px;
  }
  #qleoHeaderRight {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    right: 0px;
    width: 400px;
    text-align: right;
  }
  #qleoHeaderCenter {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    padding-left: 20px;
    left: 250px;
    width: 308px;
    text-align: left;
  }
  /*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
  .qleo_footer_without_nav {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 960px;
    margin-left: -480px;
  }
  .qleo_content_without_nav {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -480px;
    bottom: 30px;
    width: 930px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  .menuOn {
    position: fixed;
    left: 50%;
    margin-left: -255px;
    top: 90px;
  }
  .menuOff {
    position: fixed;
    left: 50%;
    margin-left: -255px;
    top: 90px;
    margin-left: -480px;
  }
}
@media only screen and (max-width: 959px) {
  /*Wrapper um den Inhalt Pixelgenau darstellen zu können*/
  #viewportwrapper {
    position: fixed;
    height: 100%;
    top: 0px;
    left: 50%;
    width: 720px;
    margin-left: 360px;
  }
  /*Definition für den Titel-DIV. Dieser liegt über dem Header*/
  #qleo_titel {
    position: fixed;
    font-size: 20px;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 3px;
    left: 50%;
    margin-left: -288px;
    width: 576px;
    height: 30px;
    background-color: transparent;
    z-index: 8;
  }
  /*Definition für den Header-DIV. Angaben zu den Kindelementen stehen in qleoHeader.less*/
  #qleo_header {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -360px;
    width: 720px;
    height: 80px;
  }
  /*Der Linke Bereich wird von der Navigation und dem QLEO-Logo gebildet*/
  .leftframe {
    position: fixed;
    left: 50%;
    margin-left: -360px;
    width: 140px;
    hyphens: auto;
  }
  .leftframe a {
    width: 150px;
    display: inline-block;
  }
  #qleo_nav {
    position: fixed;
    left: 50%;
    margin-left: -360px;
    width: 140px;
    hyphens: auto;
    top: 80px;
    bottom: 25px;
    padding: 1.1em 5px 5px 5px;
    overflow-y: auto;
  }
  #qleo_nav a {
    width: 150px;
    display: inline-block;
  }
  #qleo_logo {
    position: fixed;
    left: 50%;
    margin-left: -360px;
    width: 140px;
    hyphens: auto;
    bottom: 0px;
    padding: 2px 10px 5px 5px;
    text-align: left;
    height: 25px;
  }
  #qleo_logo a {
    width: 150px;
    display: inline-block;
  }
  /*Dieses Menü steht unterhalb des Headers -> z.B. für Breadcrumbs*/
  /*TODO Das muss irgendwann mal sauberer gemacht werden (@navWidth + 10px)*/
  .qleo_below_header_menu {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -210px;
    height: 35px;
    width: 560px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  .qleo_below_header_menu_without_nav {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -360px;
    height: 35px;
    width: 710px;
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    vertical-align: baseline;
  }
  /*Der scrollbare Bereich, in dem der Inhalt steht*/
  .qleo_content {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -210px;
    bottom: 30px;
    width: 540px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  /*Der Footer*/
  .qleo_footer {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 720px;
    margin-left: -210px;
  }
  #qleoHeaderLeft {
    left: 0px;
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    width: 150px;
    text-align: left;
    vertical-align: middle;
    top: 0px;
    bottom: 0px;
  }
  #qleoHeaderLeft img {
    max-height: 70px;
    max-width: 120px;
  }
  #qleoHeaderRight {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    right: 0px;
    width: 400px;
    text-align: right;
  }
  #qleoHeaderCenter {
    color: white;
    position: absolute;
    display: block;
    margin: 0px;
    vertical-align: bottom;
    padding-top: 5px;
    bottom: 5px;
    padding-left: 20px;
    left: 150px;
    width: 168px;
    text-align: left;
  }
  /*Diese Angaben beziehen sich auf eine Seite ohne linkes Menü, weshalb content und footer größer angezeigt werden müssen.*/
  .qleo_footer_without_nav {
    position: fixed;
    height: 30px;
    left: 50%;
    bottom: 0px;
    width: 720px;
    margin-left: -360px;
  }
  .qleo_content_without_nav {
    position: fixed;
    top: 115px;
    left: 50%;
    margin-left: -360px;
    bottom: 30px;
    width: 690px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 2em;
  }
  .menuOn {
    position: fixed;
    left: 50%;
    margin-left: -235px;
    top: 90px;
  }
  .menuOff {
    position: fixed;
    left: 50%;
    margin-left: -235px;
    top: 90px;
    margin-left: -360px;
  }
}