h3, h4 {
    color: #363d43;
}

div.table-wrapper + header, div.table-wrapper + h1, div.table-wrapper + h2, div.table-wrapper + h3, div.table-wrapper h4,
table + header, table + h1, table + h2, table + h3, table + h4,
ul.link-list-row + header, ul.link-list-row + h1, ul.link-list-row + h2, ul.link-list-row + h3, ul.link-list-row + h4
 {
    margin-top: 3em;
}

#hauptnavigation .nav-main-rollout .nav-second-level > li > a {
    color: #434553;
}

.module.fix {
    height: 34em;
}

.module.disco {
    overflow: hidden;
    background-image: url("/pics/logo/sphere.gif");
    background-position: right -77px;
}

.module.disco .module-content {
    margin: 0 0 1.4em;
    padding-left: 2em;
    padding-right: 2em;
}

.module.disco .module-content:first-child {
    border: none;
}

.module.disco .module-content .row .columns {
    margin-bottom: 0;
}

.module.disco .module-content input {
    font-size: 1.2em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    height: auto;
    width: 100%;
}

.module.disco .module-content .five.columns {
    padding-right: 0;
}

.module.disco .module-content .five.columns input {
    border: 1px solid #a0100c;
}

.module.disco .module-content header {
    position: absolute;
    top: -5.6em;
    z-index: -1000;
}

.module.disco .module-content header h1 {
    color: rgba(160, 16, 12, 0.1);
    font-size: 16em;
    margin: 0;
}

.module.disco .module-content .one.columns input {
    background-color: #a0100c;
    border: 1px solid #a0100c;
    font-weight: bold;
}

/* disco.multi: Start */

.disco.multi .input.columns,
.disco.multi .select.columns,
.disco.multi .button.columns {
        width: 100%;
        padding-right: 0;
}

.disco.multi .button.columns {
    margin-top: 10px;
}

@media all and (min-width:37.5em) {
    .disco.multi .input.columns {
        width: 58%;
        padding-right: 0;
    }
    
    .disco.multi .select.columns {
        width: 29%;
        min-width: 9em;
        padding-right: 1%;
    }
    
    .disco.multi .button.columns {
        width: 10%;
        min-width: 4em;
        margin-top: 0;
    }
}

.layout2017 .content.app-content.row {
    margin-left: 1.6129%;
    width: 95.8947%;
}

@media (min-width: 49.125em) {
    .layout2017 .content.app-content.row {
        margin-left: 1.05263%;
        width: 97.89474%;
    }
}

@media (min-width: 37.5em) and (max-width: 49.125em) {
    .layout2017 .content.app-content.row {
        width: 97.1%;
    }    
}

.disco.multi .input.columns input[type="text"] {
    height: 2.4em;
    border: 1px solid #a0100c;
}

.disco.multi .select.columns:after {
    top: 50%;
    right: 14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}
    
.disco.multi .select.columns select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #fff;
    background-color: #a0100c;
    border: 1px solid #a0100c;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    height: 2.4em;
    width: 100%;
}

.disco.multi .button.columns button {
    background-color: #a0100c;
    border: 1px solid #a0100c;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    height: 2.4em;
    width: 100%;
}

.disco.multi .button.columns button i.icon.query:after {
    font: normal normal 400 1em/1 wwu_symbol;
    content: "\1f50d";
}

/* disco.multi: Ende */

span.placeholder {
    color: #6d6d6d;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
}

.ellipsis {
    text-overflow: ellipsis !important;
}

.content table.rowheader {
    width: 100%;
}

.content table.rowheader tr.item {
    border-top: 5px solid #e8eaea;
}

.content table.rowheader th .thwrap {
    min-height: 20px;
}

.content table.rowheader td {
    width: 100%;
}

.content table.rowheader th.subhead {
    background-color: #4c94ab;
    border-right: 5px solid #e8eaea;
    text-transform: uppercase;
}

.content table th .thwrap.small {
    min-height: 20px;
}

.content legend + p {
    margin-top: 0;
}

/* fuer alte exec-Formulare! */
.content .row.form .columns {
    padding-right: 1.6129%;
    margin-bottom: 1.6129%;
}

/* fuer alte exec-Formulare! */
.content .row.form .columns:last-child {
    padding: 0;
}

.content form fieldset + fieldset {
    margin-top: 2em;
}

.content form select.letter, .content form label.letter {
  width: 5% !important;
  min-width: 27px;
}

.content form select.veryshort, .content form label.veryshort {
  width: 10% !important;
  min-width: 40px;
}

.content form select.short, .content form label.short {
  width: 25% !important;
  min-width: 100px;
}

.content form select.medium, .content form label.medium {
  width: 50% !important;
  min-width: 200px;
}

.module-content a.more {
    display: inline-block;
    margin: 1em 0;
}

.module-content ul.notice-list h3, .module-content ul.notice-list h4, .module-content ul.notice-list p {
    font-size: 1em;
    margin: 0;
}

.module-content ul.notice-list h3 {
    color: #a7a5a5;
}

.module-content ul.link-list, .module-content ul.sitemap {
    list-style: none;
    padding-left: 0;
}

.module-content ul.sitemap ul {
    list-style: none;
}

.module-content ul.image-list-row {
    list-style: none;
    padding-left: 0;
}

.module-content .center ul.image-list-row {
    display: inline-block;
}

.module-content ul.image-list-row li {
    float: left;
    text-align: center;
}

.module-content ul.image-list-row li a:focus {
    background-color: transparent;
}

.module-content ul.image-list-row li a:focus .label {
    background-color: #423c39;
}

.module-content ul.image-list-row img {
    margin-bottom: 1em;
}

.module-content ul.image-list-row .label {
    border-right: 1px solid #366d43;
    padding: 0 1em;
}

.module-content ul.image-list-row li:last-child .label {
    border: none;
}

.module-content ul.link-list-row {
    list-style: none;
    padding-left: 0;
}

.module-content ul.link-list-row li {
    display: inline;
    border-right: 1px solid #366d43;
    margin-bottom: 0;
}

.module-content ul.link-list-row li:first-child a, .module-content ul.link-list-row li:first-child .message {
    padding-left: 0;
}

.module-content ul.link-list-row li:last-child {
    border-right: none;
}

.module-content ul.link-list-row a, .module-content ul.link-list-row .message {
    padding: 0 1em;
}

.autocomplete-suggestions {
    overflow: auto;
    border: 1px solid #cbd3dd;
    background: #fff;
}

.autocomplete-suggestion {
    overflow: hidden;
    padding: 5px 15px;
    white-space: nowrap;
}

.autocomplete-selected {
    background:  #e8eaea;
}

.autocomplete-suggestions strong {
    color: #029cca;
    font-weight: normal;
}

ul.alpha-ruler {
    list-style: none;
    text-align: center;
}

ul.alpha-ruler li {
    display: inline-block;
    padding: 0 2px;
}

ul.alpha-ruler li a {
    background: #A0100C;
    color: #FFF;
    display: block;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
}

ul.alpha-ruler li a:hover {
    background: #c6676d;
    text-decoration: none;
}

ul.liste-1 {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

ul.liste-1 li {
    margin-bottom: 2em;
}

ul.liste-1 h2 {
    margin-top: 2em;
}

ul.liste-1 h3 {
    margin: 0;
}

ul.liste-1 ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 0 2em;
}

ul.liste-1 ul li {
    margin-bottom: 0.2em;
}

header.module h2 {
    margin-top: 2em;
    margin-bottom: -0.5em;
    border-bottom: 2px solid #a0100c;
}

h2.schulung-cluster {
    margin: -1em 0 2em;
    padding-top: 41px;
    line-height: 120%;
    border-bottom: 1px solid #363d43;
}

h2.schulung-cluster-1 {
    background: url("/pics/ulb-tutor/schulung-cluster-1-header.png") no-repeat 95% 10px;
}

h2.schulung-cluster-3 {
    background: url("/pics/ulb-tutor/schulung-cluster-3-header.png") no-repeat 95% 10px;
}

h2.schulung-cluster-9 {
    background: url("/pics/ulb-tutor/schulung-cluster-9-header.png") no-repeat 95% 10px;
}

.layout2017 .table-wrapper + .linkliste.links2017 {
    margin-top: 2em;
}

table.form-input {
    width: 100%;
}

table.form-input th {
    width: 40%;
}

.nav-apps .jammer picture {
    background-color: #ffffff;
}

div.error_message {
    border: 1px solid #a0010c;
    color: #a0010c;
    font-weight: bold;
    margin: 1em 0;
    padding: 0.4em;
}

.form-error {
    border: 2px solid #ba4d34!important;
}

fieldset.form-error {
    padding: 0 8px!important;
}

/* Timetable Start */

.timetable {
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
}

.timetable.special {
    margin-top: 1em;
}

.timetable td:first-child {
    text-align: right;
}

.timetable.special thead th {
    text-align: center;
}

.timetable th.subhead {
     text-align: center;
     color: #666;
     background: #fafafa;
     font-size: inherit;
}

.timetable.special tbody td {
   text-align: center;
}

.timetable .closed {
   color: #a0100c;
   
}

/* Timetable Ende */

/* Seatings Start */

.no-js .js-only {
    display: none!important;
}

.availableSeatings {
    text-align: center;
    border: #e8eaea 9px solid;
    padding: 10px;
}

.availableSeatings h2 {
    margin: 0;
}

.availableSeatings .location {
    display: block;
    text-transform: uppercase;
    opacity: .3;
}

.availableSeatings .free {
    display: block;
    font-size: .9em;
    color: #666;
    font-weight: bold;
}

.availableSeatings .closed h2 .now {
    font-size: 1.2em;
    color: #666;
}
.availableSeatings .closed h2 .status {
    font-size: 2em;
    color: #a0100c;
}

.availableSeatings .note {
    color: #ccc;
    font-size: 0.4em;
    display: block;
}

.seatingsCounter {
    display: block;
    font-size: 1.6em;
    color: #7ab51d;
    font-weight: bold;
}

.availableSeatings .updated {
    display: block;
    font-size: .85em;
    color: #ccc;
    font-weight: bold;
}

.availableSeatings .locations {
    margin: 10px -10px -10px;
}

.availableSeatings .locations.allClosed {
    margin-top: -19px;
}

.availableSeatings .locations table {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.availableSeatings .locations table .label {
    text-align: right;
}

.availableSeatings .locations table .status.closed {
    color: #a0100c;
}

.availableSeatings .error {
    display: block;
    padding: 10px 20px;
    font-size: 1em;
    text-align: center;
    color: #a0100c;
    font-weight: bold;
}

/* Seatings Ende */

/* Application CSS */

.app-content .main .module.extended {
    margin-left: 0;
    width: 100%;
}