body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 0px;
    padding: 0px;
    max-width: 1270px;
}

/* Rahmen links/unten je nach Applikationssumgebung */
body.development_style:after, body.testing_style:after, body.release_style:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    color: #bdeeb5;
}

body.development_style, body.testing_style, body.release_style {
    height: 1000%;
}

body.development_style:after {
    background: lightgreen;
}

body.development_style {
    border-left: 12px solid lightgreen;
}

body.release_style:after {
    background: red;
}

body.release_style {
    border-left: 12px solid red;
}

body.testing_style:after {
    background: orange;
}

body.testing_style {
    border-left: 12px solid orange;
}

body.testing2_style:after {
    background: yellow;
}

body.testing2_style {
    border-left: 12px solid yellow;
}

body.regtest_style:after {
    background: mediumturquoise;
}

body.regtest_style {
    border-left: 12px solid mediumturquoise;
}

body.devLokal_style:after {
    background: lightblue;
}

body.devLokal_style {
    border-left: 12px solid lightblue;
}

body.prodLokal_style:after {
    background: magenta;
}

body.prodLokal_style {
    border-left: 12px solid magenta;
}

body.prodLokalSeparateDB_style:after {
    background: magenta;
}

body.prodLokalSeparateDB_style {
    border-left: 12px solid magenta;
}

body.projekte_style:after {
    background: dodgerblue;
}

body.projekte_style {
    border-left: 12px solid dodgerblue;
}

body.projekteLokal_style:after {
    background: dodgerblue;
}

body.projekteLokal_style {
    border-left: 12px solid dodgerblue;
}

body.development2_style {
    border-left: 12px solid burlywood;
}

body.development2_style:after {
    background: burlywood;
}

.bordered {
    border: 1px solid black;
    display: inline-block;
    padding: 5px 10px 10px;
    margin: 0 0 10px;
}

.warning, a.warning:link, a.warning:visited {
    color: #ff4500 !important;
}

.warningHintergrund, a.warningHintergrund:link, a.warningHintergrund:visited {
    background-color: orange;
}

.ausfall, .ausfall td, .ausfall a {
    background-color: #ffedc8 !important;
    color: darkgray !important;

}

.ausfall .ausfallLesbar, .ausfall .ausfallLesbar a {
    color: black !important;
}

.ausfall .ausfallLesbarFett {
    color: black !important;
    font-weight: bold;
}

.error, a.error:link, a.error:visited {
    color: red !important;
}

.aktiv, a.aktiv:link, a.aktiv:visited {
    color: blue !important;
}

.darkWarning, a.darkWarning:link, a.darkWarning:visited {
    color: #c57820;
}

.durchstrich, a.durchstrich:link, a.durchstrich:visited {
    text-decoration: line-through;
}

.nichtbuchbar, a.nichtbuchbar:link, a.nichtbuchbar:visited {
    color: grey;
}


.infoElement {
    background: url(/zend/img/info-gross-blass.png) no-repeat 0 0;
    background-position: left 0.030cm;
    background-color: lightyellow;
    border: 1px solid darkgray;
}

.infoElement > div {
    margin: 5px;
    margin-left: 20px;

}

.titleTag {
    background: url(/zend/img/info.png) no-repeat 0 0;
    background-position: right 0.030cm;
    padding-right: 13px;
    /* Siehe auch Erweiterung in ie.css */
}

.showHidden {
    visibility: hidden;
}

.spacerTop {
    margin-top: 12px;
}

.spacer td {
    background-color: #fff !important;
}

.deleteButton {
    background: url(/zend/img/delete.png) no-repeat 0 0;
    background-position: right 0.030cm;
    padding-right: 16px;
}

.hinzufuegenButton {
    background: url(/zend/img/hinzufuegen_plus_button.jpeg) no-repeat 0 0;
    background-position: right 0.030cm;
    padding-right: 16px;
}

.abbr {
    border-bottom: 1px dotted;
}

.tblhead.borderTop td {
    border-top: 6px solid white;
}

.checkboxCell {
    width: 25px;
}

.dijitContentPane {
    display: none !important;
}

.dijitDialog {
    background: white;
}


span.info div {
    display: none;
    z-index: 1; /* to make sure the hover always works, put div to front */
    padding: 7px;
    width: 600px;
}

span.info:hover div, span.info div:hover {
    display: block;
    position: absolute;
    left: 250px;
    border: 1px solid #12127D;
    background-color: #dddddd;
    color: #000;
    text-align: left;
}

span.infoBreit div {
    width: 900px;
}

/* Texfelder-disabled ist grau hinterlegt */
textarea[readonly], textarea[disabled] {
    background-color: #CBCBC4;
}

textarea:read-only, textarea:disabled {
    background-color: #CBCBC4;
}

.tblstd {
    margin: 10px 0 0;
    vertical-align: top;
    width: 100%;
    display: table;
}

@media (max-width: 768px) {
    .tblstd {
        display: block;
        overflow: auto;
    }
}

.tblstd tr td {
    vertical-align: top;
    border: thin Black;
    background-color: #E5F2FF;
}

.tblstd .tblhead td, .tblstd tr th {
    vertical-align: middle;
    /*font-weight: bold;*/
    padding-left: 3px;
    padding-right: 3px;

    background-color: #005EBB;
    color: white;
}

.tblstd .tblhead a.link {
    color: white;
}

.tblstd tr:hover > td {
    background-color: #D6E2F4;
}

.tblstd tr.tblhead:hover > td, .tblstd th:hover > th {
    background-color: #005EBB;
}

.tblborder {
    border: 1px solid #000000;
    border-collapse: collapse;
    width: 95%;
    margin: 5px;
}

.tblborder tr td {
    border: 1px solid #000000;
}

.tblborder tr th {
    border: 1px solid #000000;
    background-color: #005EBB;
    color: #ffffff;
}

.restbl tr td {
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.simpleList {
    list-style-type: none;
    list-style-image: none;
    padding-left: 5px;
}

table ul {
    padding-left: 17px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    list-style-image: none;
    list-style-position: outside;
}

table ul li {
    margin-left: 0px;
}

a {
    text-decoration: none;
}

ul li a:visited, a:link {
    color: #000000;
}

ul li a:hover {
    text-decoration: none;
    color: #404448;
}

div.supportForm a:visited, div.supportForm a:link {
    text-decoration: none;
    color: darkblue;
}

div.supportForm a:hover {
    text-decoration: none;
    color: darkorange;
}

.horizontalForm dl {
    float: left;
    width: 100%;
}

.horizontalForm dt {
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 5px;
}

.horizontalForm dd {
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 20px;
}

.nav {
    float: left;
    clear: both;
    width: 220px;
    padding-top: 0px;
    /*padding-left: 5px;*/
    /* padding-right: 10px;*/
    /* margin-right: 8px; */
    margin-top: -20px;
}

@media (max-width: 768px) {
    .nav {
        float: none;
        width: 100%;
    }

    .footerUnderlay {
        display: none;
    }
}

.nav ul {
    padding: 0px;
    margin-left: 10px;
}

.navigation ul {
    margin-left: 5px;
    margin-right: 10px;
}

/*Studiengang */
.nav ul li {
    list-style: none;
    padding-top: 4px;
    font-weight: normal;
    font-size: small;

}

.nav ul li a {
    color: #333333;
}

.nav ul li a:hover {
    color: #707478;
    text-decoration: none;
}

.nav ul.navlink {
    margin-left: 6px;
}

.nav ul.navlink li.link {
    list-style-image: url(/img/pfeil.gif);
    margin-left: 10px;
}

.breadcrumbs {
    padding-bottom: 20px;
}

#content {
    margin-left: 220px;
    padding-top: 4px;

    font-size: 0.9em;
    max-width: 1050px;
}

@media (max-width: 768px) {
    #content {
        margin: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                   header                            */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
    /*min-width: 920px;*/
    max-width: 1270px;
    font-size: 16px;
    /*width: 100%;*/
    /*display: block;
    float: left;
    position: relative;
    top: -15px;*/
}

@media (max-width: 768px) {
    #header_top {
        display: none;
    }
}

#nav {
    /*min-width: 920px;*/
    max-width: 1270px;
}

#header_top {
    height: 3.54em;
    position: relative;
    z-index: 97;
}

.facilityname {
    color: #FFFFFF;
    background: #005EBB;
    padding-left: 13.8em;
    padding-right: 18px;
    height: 3.6em;
    z-index: 98;

}

.facilityname p {
    font-size: 1.125em;
    font-weight: bold;
    padding: 5px 18px 0 18px;
    line-height: 145%;
    z-index: 99;
    margin: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.version2 p {
    position: absolute;
    top: 15px;
    right: 11.6em;
    width: 25em;
    padding: 17px 15px 10px 20px;

    background: #005EBB;
    border: 1px solid #FFFFFF;
}

.metanavi {
    height: 2.54em;
    background: #FFFFFF;
    color: #333;
    font-size: 16px;
}

.metanavi1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 221px;
    height: 3.6em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*  */
}

.metanavi1 ul {
    margin: 0 0 0 10px;
}

.metanavi2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 11.4em;
}

.metanavi2 ul {
    border-bottom: 1px solid #878787;
}

.metanavi ul {
    list-style-type: none;
    height: 1.92em;
    padding: 5px 0 0 0;
}

.metanavi ul li {
    float: left;
    font-size: 0.66em;
}

.metanavi ul li.first {
    margin-left: 10px;
}

.metanavi ul li a,
.metanavi ul li strong {
    text-decoration: none;
    color: #747478;
    background: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #878787;
    line-height: 1.92em;
    margin: 0 0.4em 0 0;
    padding: 0 0.4em 0 0;
}

.metanavi li a:hover,
.metanavi li a:active,
.metanavi li a:focus,
.metanavi li strong {
    color: #000000;
    background: #FFFFFF;
    text-decoration: underline;
}

.metanavi li.last a,
.metanavi li.last strong {
    border-right: none;
}

.metanavi1 li a,
.metanavi1 li strong {
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

.colors img {
    height: 0.3em;
    width: 11.2em;
    display: block;
}

.blue {
    height: 0.3em;
    line-height: 0.3em;
    overflow: hidden;
    width: 6em;
    display: block;
    background: #4593D1;
}

#header_bottom {
    position: relative;
    z-index: 0;
}

#logo {
    width: 221px;
    background: url(/zend/img/bg-logo.jpg) repeat-x left top;
    height: 137px;
}

#mainnavi {
    position: relative;
    top: -12px;
    left: 0;
    clear: both;
    margin: 0 50px 0 221px;
    height: 2.7em;
    background: url(/zend/img/bg_mainnavi.gif) repeat-x top right;
}

.accessibilityButton {
    position: absolute;
    right: 65px;
    top: 15px;
}

.helpButton {
    position: absolute;
    right: 35px;
    top: 15px;
}

.druckButton {
    position: absolute;
    right: 5px;
    top: 15px;
}

@media (max-width: 768px) {
    #mainnavi {
        top: 0;
        margin: 0;
    }

    .druckButton {
        display: none;
    }
}


#mainnavi ul {
    list-style-type: none;
    /*font-size: 1.039em;*/
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

#mainnavi ul li {
    float: left;
    height: 2.7em;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainnavi li a,
#mainnavi ul li strong {
    display: block;
    margin: 6px 0 0 0;
    padding: 9px 12px 0 12px;
    text-decoration: none;
    color: #333333;
    background: url(/zend/img/bg_navi_no.gif) no-repeat top right;
}

#mainnavi ul li a:hover,
#mainnavi ul li a:focus,
#mainnavi ul li a:active,
#mainnavi ul li strong,
#mainnavi ul li.act a {
    margin: 0;
    padding: 15px 12px 0 12px;
    color: #707478;
    background: url(/zend/img/bg_navi_act.gif) no-repeat top right;
}

#metainfo {
    position: absolute;
    top: 10px;
    right: 0;
}

#metainfo .location {
    padding: 0 0 0 28px;
}

#metainfo .centre {
    padding: 0 0 0 25px;
    margin-left: 3px;
}

#metainfo span {
    margin-right: 5px;
}

.hidden, dfn.menu, #font_switcher dfn {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
}

.upper {
    text-transform: uppercase;
}

#footer {
    height: 20px;
    box-shadow: 0 0 25px #444;
    background: white;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#footer > div.footer-opener {
    color: #444;
    width: 100%;
    line-height: 20px;
    text-align: center;
    z-index: 1;
    position: absolute;
}

#footer > div.footer-opener:before {
    content: '▲';
}

#footer.open > div.footer-opener:before {
    content: '▼';
}

#footer.open {
    height: 145px;
}

.footerUnderlay {
    height: 145px;
    width: 100%;
}

#footer ul {
    float: right;
    margin-right: 50px;

}

#footer ul li {
    padding-top: 24px;
    padding-right: 10px;
    padding-bottom: 0pt;
    padding-left: 20px;
    float: left;
    display: block;
}

#footer > div.footer-wrapper {
    width: 100%;
    overflow: auto;
}

#footer > div.footer-wrapper > div {
    display: table;
}

#footer > div.footer-wrapper > div > div {
    display: table-cell;
    width: 100%;
}

#footer > div.footer-wrapper div.footer-quick-actions {
    vertical-align: top;
}

#footer > div.footer-wrapper div.footer-quick-actions > div {
    margin-top: 10px;
    margin-right: 15px;
    border: 1px solid black;
    padding: 5px;
}

#footer > div.footer-wrapper div.footer-quick-actions a {
    display: block;
}

ul.footer li {
    padding-right: 20px;
    float: left;
    display: block;
}

#footer form {
    font-size: 0.9em;
    min-width: 880px;
    position: relative;
}

li.link {
    list-style-image: url(/img/pfeil.gif);
}

a.link {
    background-image: url(/img/pfeil.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 6px;
    padding-left: 12px;
}

a.link:visited {
    color: black;
}

.bold {
    font-weight: bold;
}

.alignRight {
    text-align: right;
}

.optionLabel {
    font-weight: bold;
}

.optionLabelRed {
    font-weight: bold;
    color: red;
}

.optionLabelGreen {
    font-weight: bold;
    color: green;
}

.sectionTitle {
    font-weight: bold;
    font-size: larger;
    margin: 15px;
    display: block;
}

.right {
    text-align: right;
}

tr.blank td {
    background-color: #FFFFFF;
}

a.sortlink {
    text-decoration: underline;
}

a.sortlink:visited, a.sortlink:link {
    color: #FFFFFF;
}

a.sortlink:hover {
    color: #707478;
}

.caption {
    font-weight: bold;
}

a.grayLink:link, a.grayLink:visited {
    color: #997777;
}

img {
    border: 0;
    border-style: none;
    font-size: 0.66em;
}

.flashMessage > ul, div.flashMessage {
    font-weight: bold;
    padding: 10px;
    padding-left: 50px;
    background-color: #e3e3e3;
}

.status {
    color: red;
}

.cellComponent {
    float: left;
}

.toggleForm {
    font-style: italic;
}

.notice, a.notice:link, a.notice:visited {
    color: green;
}

.minorNotice {
    font-size: smaller;
    float: left;
    padding: 2px 0 0 20px;
    font-style: italic;
}

.highlightedMessage {
    font-weight: bold;
    padding: 20px;
}

.finishingLve {
    color: #ff4500;
    font-style: italic;
}

.finishingLveRow {
    background-color: #4593d1 !important;
}

.status ul {
    margin-left: 6px;
    padding-left: 6px;
}

a.tooltip {
    color: black;
}

a.tooltip span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 130px;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
}

.red a.red:link a.red:visited {
    color: red;
}

.errors {
    color: red;
}

.res_typ_buch {
    background-color: #ffff33 !important;
    color: black;
}

.res_typ_e-book {
    background-color: #00cc00 !important;
    color: black;
}

.res_typ_weblink {
    background-color: #ff6633 !important;
    color: black;
}

.res_typ_artikel {
    background-color: #00ccff !important;
    color: black;
}

.versteckt {
    display: none;
}

.institut_no_show {
    display: none;
}

input[readonly].anzahlGruppen, .campus input[readonly] {
    background-color: #eeeeff;
    color: #808080;
}

.anzahlDiv, .list, .wk {
    margin: 10px 0;
}

#aenderungsgrad_dialog label {
    margin-top: 1em;
    display: block;
}

#aenderungsgrad_dialog .dijitRadio {
    margin: 0 5px;
}

#divFilterParent {
    margin: 22px 0 0 20px;
}

@media (max-width: 768px) {
    #divFilterParent {
        margin-top: 0;
    }
}

.divFilterChild, .divFilterChildAZ {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 5px 5px;
    position: relative;
    width: 270px;
}

.azSelectEditPage {
    width: 270px;
}

.addfilter {
    margin: 3px 0 0 1px !important;
}

div.tabContent {
    background-color: #f1f0ee;
    border: 1px solid #c9c3ba;
    margin: 14px 0 0 12px;
}

div.tabContent.hide {
    display: none;
}

ul#filterTabs {
    left: 549px;
    top: -11px;
    list-style-type: none;
    position: absolute;
    width: 300px;
    z-index: 10;
}

ul#filterTabs li {
    display: inline;
    padding: 0 4px 0 0;
}

ul#filterTabs li a {
    color: #42454a;
    background-color: #dedbde;
    border: 1px solid #c9c3ba;
    border-bottom: none;
    text-decoration: none;
    padding: 0 4px;
}

ul#filterTabs li a:hover {
    background-color: #f1f0ee;
}

ul#filterTabs li a.selected {
    color: #000;
    background-color: #f1f0ee;
    font-weight: bold;
}

label.optional {
    font-weight: bold;
}

.filterCombined .optional {
    float: left;
    text-align: right;
    padding: 0 5px 0 0;
    width: 40px;
}

.linklist {
    float: right;
}

.pageCaption {
    float: left;
}

.outsider, .outsider a {
    color: #778899 !important;
}

.objectivesContainer section, section.objectivesContainer {
    background: #005ebb;
    border: 1px solid #000;
    clear: right;
    padding-top: 30px;
    position: relative;
}

.objectivesContainer section > div {
    overflow-y: auto;
    height: 300px;
    background: #e5f2ff;
}

section.objectivesContainer section > div {
    background: #f1f4de;
}

.objectivesContainer table {
    width: 100%;
    border-collapse: collapse;
}

.objectivesContainer td + td {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.objectivesContainer td, .objectivesContainer th {
    background: #ddd;
    border-bottom: 1px solid #fff !important;
    padding: 0;
}

.objectivesContainer th {
    border: 0;
    color: transparent;
    height: 0;
    line-height: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 12px;
    white-space: nowrap;
}

.objectivesContainer th div {
    position: absolute;
    background: transparent;
    color: #fff;
    padding: 9px 0 9px 6px;
    top: 0;
    margin-left: 0;
    line-height: normal;
    border-left: 1px solid #fff;
}

.objectivesContainer th:first-child div {
    border: 0;
}

.pageTitle {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.editLinks {
    float: right;
}

.showCheckBox {
    clear: right;
    float: left;
}

.outcomesHeadline td {
    padding: 0 15px 10px;
}

.outcomesHeadline td div {
    float: left;
    font-weight: bold;
    margin-right: 15px;
}

.outcomesHeadline td ul li {
    float: left;
    margin: 0 10px;
}

.noSearchResult {
    clear: right;
}

.breakingnews {
    text-align: center;
    border: 2px solid darkblue;
    padding: 5px;
    width: 283px;
    position: absolute;
    right: 0;
    bottom: 8px;
    background-color: white;
}

.breakingnewstitle {
    padding-bottom: 5px;
    font-size: small;
}

.ausschreibung {
    border: 3px dotted darkgray;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
}

.nominalActual {
    border: 1px solid #000000;
}

.nominalActual caption {
    font-weight: bold;
}

.nominalActual thead td {
    font-weight: bold;
    border: 1px solid #000000;
}

tr.sumRow td {
    border-top: 1px solid #000000;
}

tr.sumRow td.sumCaption {
    font-weight: bold;
}

.objectiveViewObjective {
    padding: 8px;
}

.lernzielCell dt {
    font-weight: bold;
}

.lernzielCell dd {
    margin: 0 0 10px;
}

.zeitsemester, .fachsemester, .modul, .woche, .lehrformat, .veranstaltung {
    background-color: #e5f2ff !important;
}

.catalogue1level1, .catalogue1level2, .catalogue1level3, .catalogue1level3 td,
#containercatalogue1level1, #catalogue1filter {
    background-color: #dccbe8 !important;
}

.objectiveViewObjective, .lernziel, .lernziel td, .version, .nummer, .assessments, .dimension, .details,
.ass, .mc, .smpp, .osce, .kogdim, .lastchange, .lzDelete, .az, .wk, .rc {
    background-color: #e8d7b9 !important;
    border: 4px solid darkred;
}

.catalogue2level3, .catalogue2level3 td, #containercatalogue2level1, #catalogue2filter {
    background-color: #ffcfcb !important;
}

.catalogue3level3, .catalogue3level3 td, #containercatalogue3level1, #catalogue3filter {
    background-color: #ffe59f !important;
}

.catalogue4level3, .catalogue4level3 td, #containercatalogue4level1, #catalogue4filter {
    background-color: #9fb5ff !important;
}

.wochenkompetenzen, .wochenkompetenzen td, .outcomesHeadline td {
    background-color: #c8cca3 !important;
}

.targetlevel, .targetmodule, .actualmodule {
    text-align: center;
}

.colourlegend {
    border: 1px solid #000;
    padding: 5px 0 5px 5px;
    clear: right;
    display: block;
    float: right;
}

.colourcode {
    width: 15px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.colourhint {
    margin: 0 5px 0 0;
    display: block;
    float: left;
}

.lernzielCell {
    padding: 8px;
    width: 32%;
    vertical-align: top;
}

.cornerCell {
    background-color: #EEEEEE;
}

.centerCell {
    background-color: #99CCFF;
}

.moduleStatus {
    float: right;
    clear: right;
    margin-top: 10px;
}

.completionInfo {
    color: #008000;
    display: inline-flex;
    font-style: italic;
    margin-left: 10px;
}

.completionInfo b {
    padding: 0 5px;
}

.completionInfo span:first-of-type {
    display: inherit;
    margin: -2px 0;
}

.completionForm {
    clear: both;
}

.completionForm span, .completionForm span button, .completionForm span select {
    font-size: inherit;
}

.completionForm span label {
    padding-left: 10px;
}

.noteSaveCompletionInfo {
    float: none;
    font-weight: bold;
    margin: 20px;
}

ul.mappedCatalogueTree li {
    clear: left;
    float: left;
}

dl.completionLegend {
    float: right;
}

dl.completionLegend dt {
    float: left;
    font-weight: bold;
}

dl.completionLegend dt::after {
    content: ":";
}

dl.completionLegend dd {
    float: left;
    margin: 0 10px 0 5px;
}

.noEntries {
    font-style: italic;
    margin: 10px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                   leftColumn                        */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#leftColumn #subnavi ul {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.84em;
    font-weight: bold;
    line-height: 140%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#leftColumn #subnavi ul li {
    margin: 4px 0 0 0;
}

#leftColumn #subnavi ul > li#hauptMenu > a,
#leftColumn #subnavi ul > li#hauptMenu > strong {
    font-size: 1.00em;
}

#leftColumn #subnavi ul > li#hauptMenu > a > span {
    display: none;
}

@media (max-width: 768px) {
    #leftColumn #subnavi ul > li#hauptMenu > ul {
        display: none;
    }

    #leftColumn #subnavi ul > li#hauptMenu.open > ul {
        display: block;
    }

    #leftColumn #subnavi ul > li#hauptMenu > a > span {
        float: right;
        display: block;
    }
}

#leftColumn #subnavi ul li a,
#leftColumn #subnavi ul li strong {
    background-color: #4593D1;
    color: #ffffff;
    display: block;
    font-size: 0.82em;
    font-weight: bold;
    line-height: 140%;
    margin: 0 13px 0 0;
    padding: 5px 5px 5px 19px;
    text-decoration: none;
}

/************** 2. level ****************/
#leftColumn #subnavi ul ul {
    font-size: 0.85em;
    margin: 4px 0 0 0;
}

#leftColumn #subnavi ul ul li {
    margin: 2px 0 0 0;
    padding: 0;
}

#leftColumn #subnavi ul ul li a,
#leftColumn #subnavi ul ul li strong {
    color: #ffffff;
    background: #005EBB;
    font-weight: bold;
    margin: 0 13px 0 9px;
    padding: 4px 5px 4px 10px;
}

#leftColumn #subnavi ul ul li a:hover,
#leftColumn #subnavi ul ul li a:active,
#leftColumn #subnavi ul ul li a:focus,
#leftColumn #subnavi ul ul li strong,
#leftColumn #subnavi ul ul li.subnavi-act a {
    background: #4593D1 url(/zend/img/subnavi-act.gif) no-repeat 0 0.8em;
    color: #ffffff;
}

/************** 3. level ****************/
#leftColumn #subnavi ul ul ul {
    font-size: 1em;
    text-transform: none;
    margin: 0 0 7px 0;
}

#leftColumn #subnavi ul ul li.subnavi-act ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li strong {
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 19px;
}

#leftColumn #subnavi ul ul li.subnavi-act ul li a:hover,
#leftColumn #subnavi ul ul li.subnavi-act ul li a:active,
#leftColumn #subnavi ul ul li.subnavi-act ul li a:focus,
#leftColumn #subnavi ul ul li.subnavi-act ul li strong,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act a {
    background: #4593D1 url(/zend/img/subnavi-act.gif) no-repeat 0 0.8em;
    color: #ffffff;
}

/************** 4. level ****************/
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li strong {
    margin: 0 13px 0 32px;
    font-weight: normal;
    background: #005EBB;
    color: #ffffff;
}

#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li a:hover,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li a:active,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li a:focus,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li strong {
    background: #4593D1 url(/zend/img/subnavi-act.gif) no-repeat 0 0.8em;
    color: #ffffff;
}

/************** 5. level ****************/
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li strong {
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 39px;
    font-weight: normal;
}

#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li.subnavi-act > a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li.subnavi-act strong {
    font-weight: bold;
    background: #4593D1 url(/zend/img/subnavi-act.gif) no-repeat 0 0.8em;
    color: #ffffff;
}

/************** 6. level ****************/

#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li strong {
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 49px;
    font-weight: normal;
}

/************** 7. level ****************/
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li strong {
    /*font-size: 0.75em;*/
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 59px;
    font-weight: normal;
}

/************** 8. level ****************/

#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li ul li strong {
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 70px;
    font-weight: normal;
}

/************** 9. level ****************/

#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li ul li ul li a,
#leftColumn #subnavi ul ul li.subnavi-act ul li.subnavi-act ul li ul li ul li ul li ul li ul li strong {
    background: #005EBB;
    color: #ffffff;
    margin: 0 13px 0 77px;
    font-weight: normal;
}

.hoverInfo > div {
    display: none;
}

.hoverInfo:hover > div {
    display: inline;
}

/************* Fortschrittsbalken ********/

.progressbar {
    width: 600px;
    height: 30px;
    border: 1px solid black;
    background-image: linear-gradient(to right, white, darkgreen 600px);
}

.progressbar .inner {
    border-right: 5px solid black;
    height: 30px;
}

.progressbar .inner2 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid darkred;
    position: relative;
    top: 5px;
}

.progressbar .half {
    width: 300px;
    border-right: 2px solid #4169e1;
    height: 40px;
}

.progressbar .full {
    width: 600px;
    border-right: 2px solid #4169e1;
    height: 40px;
}

/* #1769: NKLM-Auswahl soll immer links am Bildschirm losgehen */
#widget_catalogue4level1_dropdown, #widget_catalogue4level2_dropdown, #widget_catalogue4level3_dropdown,
    /* Dropdown Ebene 1 max. 12 Einträge */
#widget_catalogue4_0-catalogue4Level_10_dropdown, #widget_catalogue4_1-catalogue4Level_11_dropdown,
#widget_catalogue4_2-catalogue4Level_12_dropdown, #widget_catalogue4_3-catalogue4Level_13_dropdown,
#widget_catalogue4_4-catalogue4Level_14_dropdown, #widget_catalogue4_5-catalogue4Level_15_dropdown,
#widget_catalogue4_6-catalogue4Level_16_dropdown, #widget_catalogue4_7-catalogue4Level_17_dropdown,
#widget_catalogue4_8-catalogue4Level_18_dropdown, #widget_catalogue4_9-catalogue4Level_19_dropdown,
#widget_catalogue4_10-catalogue4Level_110_dropdown, #widget_catalogue4_11-catalogue4Level_111_dropdown,
    /* Dropdown Ebene 2 max. 12 Einträge */
#widget_catalogue4_0-catalogue4Level_20_dropdown, #widget_catalogue4_1-catalogue4Level_21_dropdown,
#widget_catalogue4_2-catalogue4Level_22_dropdown, #widget_catalogue4_3-catalogue4Level_23_dropdown,
#widget_catalogue4_4-catalogue4Level_24_dropdown, #widget_catalogue4_5-catalogue4Level_25_dropdown,
#widget_catalogue4_6-catalogue4Level_26_dropdown, #widget_catalogue4_7-catalogue4Level_27_dropdown,
#widget_catalogue4_8-catalogue4Level_28_dropdown, #widget_catalogue4_9-catalogue4Level_29_dropdown,
#widget_catalogue4_10-catalogue4Level_210_dropdown, #widget_catalogue4_11-catalogue4Level_211_dropdown,
    /* Dropdown Ebene 3 max. 12 Einträge */
#widget_catalogue4_0-catalogue4Level_30_dropdown, #widget_catalogue4_1-catalogue4Level_31_dropdown,
#widget_catalogue4_2-catalogue4Level_32_dropdown, #widget_catalogue4_3-catalogue4Level_33_dropdown,
#widget_catalogue4_4-catalogue4Level_34_dropdown, #widget_catalogue4_5-catalogue4Level_35_dropdown,
#widget_catalogue4_6-catalogue4Level_36_dropdown, #widget_catalogue4_7-catalogue4Level_37_dropdown,
#widget_catalogue4_8-catalogue4Level_38_dropdown, #widget_catalogue4_9-catalogue4Level_39_dropdown,
#widget_catalogue4_10-catalogue4Level_310_dropdown, #widget_catalogue4_11-catalogue4Level_311_dropdown {
    width: 94% !important;
    left: 3% !important;
}

.formSpaceBottom, div.formSpaceBottom.dijitTextBox {
    margin-bottom: 8px;
}

.evaFrame {
    border: 2px solid rgba(244, 0, 255, 0.24);
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 4px;
}

tr.dozent1 > td {
    background-color: rgba(255, 175, 39, 0.5);
}

tr.dozent2 > td {
    background-color: rgba(12, 255, 55, 0.4);
}

tr.dozent3 > td {
    background-color: rgba(255, 140, 100, 0.5);
}

.ansichtmodusHeader {
    font-size: 190%;
    font-weight: bolder;
    border: 2px dashed gray;
    padding: 8px;
}

.login-content {
    width: 100%;
    display: table;
}

.login-content > div {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.login-content > div:first-child {
    width: 0;
    min-width: 260px;
}

.sf-toolbar-clearer {
    position: absolute;
}

@media (max-width: 768px) {
    .login-content > div {
        display: block;
        width: 100%;
    }
}