* {
    margin: 0;
    padding: 0;
}
body {
    font: 62.5% arial, helvetica, sans-serif;
    color: #333;
    background: #e5e5e5;
}
.onlyforprinting {
    display: none;
}

.staff_pic {
    float: right;
}

/* LINKS
############################ */
a{
    color: #00549F;
    text-decoration: none;
}
a[href]:hover,
a[href]:active,
a[href]:focus {
    text-decoration: underline;
}
a.hiddenmark {
    display: block;
    float: left;
    height: 0;
    width: 0; /* Michael Simon A.A. [2014.05.23]: Damit die Hiddenmarks auch im IE11 unsichtbar sind. */
}
/* Michael Simon A.A. [2014.09.03]: Abstand etwas verkleinert. */
a.intranet {
    display: inline;
    background: url(../img/icons/icon-sprites.png) 0 -24800px no-repeat;
    padding-left: 17px;
}

a.internal {
    display: inline;
    background: url(../img/icons/icon-sprites.png) 0 0 no-repeat;
    padding-left: 17px;
}
a.external {
    display: inline;
    background:  url(../img/icons/icon-sprites-1.png) 0 -5200px no-repeat;
    padding-left: 17px;
}
a.download {
    display: inline;
    background:  url(../img/icons/icon-sprites.png) 0 -21000px no-repeat;
    padding-left: 17px;
}
a.download em {
    font-style: normal;
    color: #333333;
    background: none;
}
.email {
    display: inline;
    background: url(../img/icons/icon-sprites.png) 0 -24400px no-repeat;
    padding-left: 17px;
}
th a.intranet {
    background: url(../img/icons/icon-sprites.png) 0 -24600px no-repeat;
    color: #fff;
}
th a.internal {
    background: url(../img/icons/icon-sprites.png) 0 -19800px no-repeat;
    color: #fff;
}
th a.external {
    background: url(../img/icons/icon-sprites.png) 0 -20000px no-repeat;
    color: #fff;
}
th a.download {
    background: url(../img/icons/icon-sprites.png) 0 -20200px no-repeat;
    color: #fff;
}
th a.email {
    background: url(../img/icons/icon-sprites.png) 0 -20800px no-repeat;
    color: #fff;
}
.listing span a.sortable {
    color: #fff;
    background-image: url(../img/tablesorter/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.listing span a.sortasc {
    color: #fff;
    background-image: url(../img/tablesorter/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.listing span a.sortdesc {
    color: #fff;
    background-image: url(../img/tablesorter/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
a img {
    border: none;
}
abbr {
    border: none;
    cursor: help;
}
/* Michael Simon [2012.01.25]: Gegenmaßnahmen für immer größer werdende Schriften */
td > p,
td ul > li,
td ol > li,
td ul > li > p,
td ol > li > p,
ul > li > p,
ol > li > p,
ul li ul li,
ul li ol li,
ol li ul li,
ol li ol li,
label > p {
    font-size: 100% !important;
}
/* Michael Simon A.A. [2014.01.13]: Fix, damit hochgestellt / tiefgestellt keine zu grossen Zeilenabstaende macht */
sup, sub {
    line-height: 10%;
}
#main form fieldset div div.form-item p {
    padding-bottom: 0;
}
/* Michael Simon [2012.05.21]: Einrueckung bei Kontaktformularen */
label.ui-checkbox > p {
    padding-left: 2em;
}
/* Michael Simon [2012.02.27]: Gegenmaßnahmen für zu kleine Schriften */
/*div.text > a,
div.text > div > div > a {
    font-size: 140%;
}*/
/* Michael Simon [2012.02.13]: Gegenmaßnahmen für zu großes padding-bottom bei <p>-Tags in Tabellenzellen */
#main table td {
    line-height: 140%;
}
/* Michael Simon A.A. [2013.10.14]: Zentrierung, Linksbuendig, Rechtsbuendig ueber den JS Editor */
#main table p.tableCenter {
    text-align: center;
}
#main table p.tableRight {
    text-align: right;
}
/* Editor CSS */
span.Textmarker{
    background-color:yellow;
}
blockquote > p.Quellenangabe {
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 75% !important;
    font-style: normal;
    margin-top: 5px;
}
p.Zwischenueberschrift {
    color: #262626;
    font-size: 200%;
    font-weight: normal;
    padding: 0 0 8px;
}
/* Michael Simon B.B. [2014.11.20]: CSS fuer die No-Float-Trennlinie. */
.trennlinie {
    width: 100%;
    clear: both;
    height: 0px;
}
/* Michael Simon A.A. [2013.10.31]: Weitere Zwischenueberschrift hinzugefuegt. */
#main p.Unterueberschrift {
color: #262626;
font-size: 175%;
font-weight: normal;
padding: 0;
}
table thead th.sortableColumn {
    background-image: url(../img/tablesorter/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
/* Hidden & Skip link  */
.aural,
.skip a,
#nav-global h6,
#nav-global em,
#nav h6,
#nav em,
#search-box h6,
#search-box label,
#breadcrumb h2,
#navigator label,
#persona h6,
#persona-search label,
#wrapper .new-search label,
.listing label,
#filter fieldset.date label,
.pagination em,
.pagination h3,
.vcard div h3,
.vcard .type {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -9999px;
    width: 1px;
    height: 1px;
}
/* Michael Simon A.A. [2014.10.06]: Damit die Ueberschrift bei Orgainfoboxen nicht verschwindet. */
.orgainfo.vcard div h3 {
    display: inline;
    position: relative;
    left: 0;
}
/* Michael Simon D.D. [2016.01.11]: Damit der Link in einer Orgainfobox auch schwarz bleibt. */
.orgainfo.vcard div h3 a {
    color: #000;
}
.skip a:active,
.skip a:focus {
    position: absolute;
    z-index: 1000;
    left: 20em;
    top: 3.7em;
    overflow: visible;
    outline: none;
    width: auto;
    height: auto;
    background: #000;
    padding: 7px 12px 8px 12px;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.faculty .skip a:active,
.faculty .skip a:focus {
    top: 7.7em;
}
/* clear */
#wrapper-2:after,
#breadcrumb:after,
#breadcrumb ol:after,
#article-functions:after,
#article-functions ul:after,
#site-info #site-info-inner:after,
#wrapper .form-button:after,
.article-metadata:after,
.article-functions .section ul:after,
.teaser-row:after,
.teaser:after,
.two-column-box:after,
span.caption-wrapper:after,
#filter label:after,
#main .text .more-box ul li:after,
#main .text dl:after,
#main .text .profile dl:after,
.listing ul:after,
#persona:after,
#persona .persona-item:after,
#navigator .col-box:after,
.two-columne #main .box:after,
.teaser-group:after,
.ts-box:after,
.text .tw-history  {
    content: " ";
    display: block;
    clear: both;
}
/* GRID / LAYOUT
############################ */
#wrapper {
    background: #fff;
    margin: 0 auto;
    max-width: 128em;
}





#site-info-inner {
    position: relative;
    max-width: 103em; /* Todo */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#persona ol {
    padding: 0 20px;
}
.site-navigation-box {
    max-width: 98em;
    margin: 0 auto;
    padding: 0 20px;
}
#breadcrumb {
    position: relative;
    z-index: 1;
    /* width: 85%; */
    float: left;
}
#breadcrumb ol {
    position: relative;
}
#persona {
    clear: both;
    position: relative;
    max-width: 128em;
    margin: 0 auto;
}
#search-box {
    position: absolute;
    top: -32px;
    right: 0;
}
#nav-meta {
  padding-top: 12px;
}
.em-increased-3 #nav-meta {
    top: 3.6em;
}
#wrapper-2 {
    max-width: 98em;
    margin: 0 auto 0 auto;
    border-top: 4px solid #000;
    padding: 20px 0 0 0;
}
#wrapper-2-outer {
    max-width: 102em;
    padding: 0 20px;
    margin: 0 auto;
}
#wrapper-3 {
    display: flex;
    width: 100%;
}
#nav,
#search-results #nav {
    /*display:table-cell;
    vertical-align: top;*/
    min-width: 22.3em;
    width: 22.3em;
    padding: 0 1.4em 0 0;
}
.col #main {
    padding: 0;
    display: block;
    background: none;
}
#main {
    padding: 0 0 0 1.3em;
    /*display: table-cell;
    vertical-align: top;
    width: 100%;*/
    width: calc( 100% - 22.3em );
    /*overflow: auto;*/
}
.single-page #main {
    float: right;
    max-width: 72.9em;
    width: 100%;
    padding-left: 0;
    background: none;
    display: block;
}
#search-results #main {
    background: none;
    padding: 0;background: none;
}
.col #main {
    margin-left: 0;
    padding: 0;
}
#article-functions .af-box {
    position: relative;
    width: 98em;
    margin: 0 auto;
}

/* Formulare */
/* Michael Simon A.A. [2014.07.30]: Die "todo"s von Aperto erledigt, damit dynamische Formulare nun auch auf Tablets besser aussehen. */
.form-wrapper div.size0 {
    width: 59.5em;
}
.form-wrapper div.size1 {
    clear: none;
    float: left;
    margin-right: 2.2em;
    width: 43.8em;
}
.form-wrapper div.size2 {
    clear: none;
    float: left;
    margin-right: 2.2em;
    width: 28.5em;
}
.form-wrapper div.size3 {
    clear: none;
    float: left;
    margin-right: 2.2em;
    width: 13.2em;
}

/* ALL NAVIGATIONS incl. Flyouts
############################ */
/* ********** Main Navigation ********** */
#nav-global {
    margin-top: 0;
    padding-top: 5px;
    background: #F7F7F7;
}
#nav-global.has-subnav {

}
#nav-global .nav-global-subnav {
    border-bottom: 1px solid #E5E5E5;
}
#nav-global.has-subnav .nav-global-item.js-expanded {
    border-bottom: 1px solid #E5E5E5;
}
.division #nav-global.has-subnav {
    border-bottom: 0 hidden #FFFFFF;
}

.nav-global-inner {
    position: relative;
    background: #FFFFFF;
    /*
    AW Case 23357 auskommentiert, wg. CE Buttons in 2 und 3 Naviebene.
    Michael Simon A.A. [2014.08.21]: Die Klasse wird einzig für die ausklappbare Navigation im Header (außer bei Institutsseiten, da dort nichts ausklappt) verwendet.
                                     Nach einigen Tests unterhalb der RWTH Startseite, exemplarischen Fakultätsstartseiten und Fachgruppenstartseiten, sehe ich keine
                                     negativen Auswirkungen und lasse es nun auskommentiert.
    z-index: 9;
    */
}
.has-subnav .nav-global-inner {

}
#nav-global .menu,
.nav-global-subnav ul  {
    overflow: hidden;
    position: relative;
    max-width: 98em;
    margin: 0 auto;
}
.nav-global-toc  {
    overflow: hidden;
    position: relative;
    max-width: 98em;
    width: 100%;
    margin: 0 auto;
}
.nav-global-subnav {
    background: #fff;
}
.nav-global-subnav {
    width: 100%;
}
.nav-global-wrapper {
    width: 100%;
}
/* Toc */
.nav-global-toc ol {
    position: relative;
    float: right;
}
.nav-global-toc li {
    float: left;
    margin: 0 0 0 2px;
    list-style: none;
    font-size: 180%;
    font-weight: bold;
    text-transform: uppercase;
}
.nav-global-toc a,
.nav-global-toc strong {
    display: block;
    background: url(../img/icons/icon-sprites.png) 100% -3164px no-repeat;
    padding: 28px 30px 30px 20px;
    color: #333;
    word-wrap: break-word;
}
.division .nav-global-toc a,
.division .nav-global-toc li a.on,
.division .nav-global-toc strong {
    padding: 28px 20px 30px;
    background-image: none;
    color: #333333;
}
.division .nav-global-toc li a.on {
    color: #FFFFFF;
}
.division .nav-global-toc li a.js-selected,
.division .nav-global-toc li a.on.js-selected,
.division .nav-global-toc li a.open.js-selected,
.division .nav-global-toc li a.open {
    background-image: none;
}
.nav-global-toc a:hover,
.nav-global-toc a:active,
.nav-global-toc a:focus {
    background-color: #e6e6e6;
    text-decoration: none;
    cursor: pointer;
}
.nav-global-toc a.js-selected,
.nav-global-toc li a.on.js-selected,
.nav-global-toc li a.open.js-selected,
.nav-global-toc a.open {
    background-color: #fff;
    background-image: url(../img/icons/icon-sprites.png);
    background-position: 100% -3364px;
    text-decoration: none;
    color: #333;
}
.nav-global-toc a.open {
    background-position: 100% -3164px;
}
.nav-global-toc li a.on {
    background: #00549F url(../img/icons/icon-sprites-3.png) 86% -5164px no-repeat;
    color: #fff;
}

/* 2nd level */
.nav-global-subnav li {
    float: left;
/*  margin: 0 0 0 2px; Michael Simon B.B. [2014.10.13]: Das bisschen mehr Abstand sorgte in der Mathe dazu, dass die 2. Navileiste umbrach. */
    padding: 0;
    font-weight: normal;
    list-style: none;
    font-size: 140%;
}
.nav-global-subnav li a,
.nav-global-subnav li.on a,
.nav-global-subnav li strong {
    display: block;
    background: #fff;
    color: #000;
    padding: 1.2em;
}
.nav-global-subnav li a:hover,
.nav-global-subnav li a:active,
.nav-global-subnav li a:focus {
    background: #e6e6e6;
    text-decoration: none;
}
.nav-global-subnav li.on a,
.nav-global-subnav li strong {
    background: #00549F;
    color: #fff;
}
.nav-global-subnav li.open a {
    background: #e6e6e6;
    font-weight: bold;
}
/* ********* Sub Navigation ******** */
#nav .nav-back {
    margin-bottom: 20px;
}
#nav .nav-back a {
    background: #ccc url(../img/icons/icon-sprites.png) 8px -5187px no-repeat;
    padding: 11px 10px 11px 28px;
    color: #333333;
    font-size: 120%;
    display: block;
    font-weight: bold;
}
#nav ul {
    list-style: none;
}
#nav ul li {
    padding: 1px 0 2px 0;
    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#nav ul li a,
#nav ul li strong {
    display: block;
    font-size: 140%;
    color: #333333;
    padding: 13px 10px 13px 22px;
}
#nav ul li.has-childs a,
#nav ul li.has-childs strong {
    background: url(../img/icons/icon-sprites-1.png) no-repeat 5px -782px;
}
#nav ul li strong,
#nav ul li.open a:hover,
#nav ul li.open a:active,
#nav ul li.open a:focus,
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a:focus {
    color: #fff;
    text-decoration: none;
    background: #00549F;
}
#nav ul li.open a {
    font-size: 140%;
    color: #333333;
    font-weight: bold;
    padding-left: 17px;
    background: #eee url(../img/icons/icon-sprites-1.png) no-repeat 5px -982px;
}
#nav ul li.open ul {
    padding-top: 1px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
#nav ul li.open ul li {
    margin-left: 20px;
}
#nav ul li.open ul ul {
    background: none repeat scroll 0 0 transparent;
}

#nav ul li.open ul li.last-child {
    background: none;
}
#nav ul li.open ul li:last-child {
    background: none;
}
#nav ul li.open li a {
    display: block;
    font-weight: normal;
    font-size: 140%;
    color: #333333;
    background: #fff;
}
#nav ul li.open li a:hover,
#nav ul li.open li strong {
    padding: 13px 10px 13px 22px;
    display: block;
    font-size: 140%;
    padding-left: 17px;
    color: #fff;
    text-decoration: none;
    background: #00549F;
}
#nav ul li.open strong {
    display: block;
    font-weight: bold;
    font-size: 140%;
    color: #fff;
    background: #00549F url(../img/icons/icon-sprites-1.png) no-repeat 5px -1382px;
}
/*  ********* Navigator  ********* */

#navigator {
    width: 100%;
    background: #00539f;
    color: #fff;
}
#navigator-inner {
  max-width: 98em;
  position: relative;
}
#navigator h2 {
  width: max-content;
  font-size: 100%;
}

.navigator-content {
    /* display: none; */
    overflow: hidden;
    padding: 0 2em;
}
.navigator-breadcrumb {
    margin: 0 0 20px 0;
    border-bottom: 4px solid #276ba8;
    padding: 30px 0;
    font-size: 140%;
}
#navigator .close {
    position: absolute;
    top: 26px;
    right: 0;
    background: #1a65a9 url(../img/icons/icon-sprites.png) 87% -1392px no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 25px 6px 8px;
    font-size: 110%; /* 11px */
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#navigator .close:hover,
#navigator .close:active,
#navigator .close:focus {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

#navigator .col-1,
#navigator .col-2,
#navigator .col-3 {
    float: left;
    width: 21.83%;

}
#navigator .col-2 {
    width: 56.33%;
}
#navigator .col-2 .col-box {
    border-left: 1px solid #276ba8;
    border-right: 1px solid #276ba8;
    margin: 0 12px 20px;
    padding: 0 12px;
}

#navigator h3 {
    padding: 0 0 18px 0;
    font-size: 160%;
    text-transform: uppercase;
}
#navigator ul {
    background: url(../img/bgs/dotted-line-navigator.png) 0 100% repeat-x;
}
#navigator li {
    background: url(../img/bgs/dotted-line-navigator.png) 0 0 repeat-x;
    list-style: none;
    font-size: 140%;
    font-weight: bold;
    padding: 2px 0 1px 0;
}
#navigator li a {
    display: block;
    background: url(../img/icons/icon-sprites.png) 6px -991px  no-repeat;
    padding: 8px 0 7px 26px;
    color: #fff;
}
#navigator li a:hover,
#navigator li a:active
#navigator li a:focus {
    background-color: #0D5DA4;
    text-decoration: none;
}
#navigator span {
    display: block;
    padding: 0 0 10px 20px;
    font-weight: normal;
    font-size: 85.7%; /* 12px */
    color: #c8ddee;
}
#navigator .col-2 ul {
    float: left;
    width: 46%;
    margin: 0 0 0 30px;
}
#navigator .col-2 ul li {
    margin-bottom: 1px;
    padding-top: 2px;
}
#navigator .col-2 ul.first {
    margin-left: 0;
}
#navigator .col-2 li:nth-child(even) {
    margin: 0;
}
#navigator .col-2 li a {
    background-position: 6px -990px;
    padding-top: 10px;
}
#navigator .col-2 li a span {
    display: block;
    margin-top: 0;
    padding-left: 0;
}
#navigator .insitut-search {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px;
    border-top: 4px solid #276ba8;
    padding-top: 20px;
    padding-bottom: 20px;
}
#navigator .insitut-search h3 {
    float: left;
    padding: 5px 0 10px 0;
}
#navigator .insitut-search form {
    float: right;
    position: relative;
}
#navigator .insitut-search input {
    background: #3d7bb4 url(../img/icons/icon-sprites.png) 4px -1794px no-repeat;
    border: 0 !important;
    padding: 6px 20px 6px 30px;
    font-size: 130%;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
#navigator .insitut-search input.button {
    position: absolute;
    top: 1px;
    right: 3px;
    background: transparent url(../img/icons/icon-sprites.png) 4px -2191px no-repeat;
    width: 20px;
    padding: 0;
    text-indent: -9999em;
    cursor: pointer;
}
#navigator .insitut-search input.button:hover,
#navigator .insitut-search input.button:focus {
    background-position: 4px -2391px;
}


.contact .combobox span {
    top: 20px;
    right: 18px;
}
.contact .combobox span {
    line-height: 1.1em;
}
.datalist-select-persona,
.datalist-contact {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    cursor: default;
}
.datalist-select-persona .datalist-box,
.datalist-contact .datalist-box {
    background: #fff;
    border-right: 1px solid #D9CB4B;
    border-bottom: 1px solid #D9CB4B;
    padding: 4px;
    color: #333;
}
.datalist-contact .datalist-box {
    border: 1px solid #CDCDCD;
}
.datalist-select-persona ul,
.datalist-contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.datalist-select-persona li,
.datalist-contact li {
    padding: 2px 4px;
    outline: none;
    cursor: pointer;
    font-size: 150%;
    font-style: italic;
}
.datalist-contact li {
    margin: 0 0 2px 0;
    font-style: normal;
}
.datalist-select-persona li.js-selected,
.datalist-select-persona li.js-checked {
    background: #FFF059;
}
.datalist-contact li.js-selected,
.datalist-contact li.js-checked {
    background: #e1e1e1;
}
/*  *********  Meta Navigation ********* */
#nav-meta li {
    list-style: none;
    font-size: 110%;
}
#nav-meta li a {
    color: #666;
}
/*  ********* Breadcrumb ********* */
#breadcrumb ol {
    margin-top: 25px;
    margin-bottom: 10px;
}
#breadcrumb li {
    float: left;
    list-style: none;
}
#breadcrumb li.home a {
    display: block;
    background: url(../img/icons/icon-sprites.png) 0 -3998px no-repeat;
    height: 15px;
    width: 15px;
    padding-left: 0;
    margin: 0 4px 0 0;
    text-indent: -4000px;
}
#breadcrumb li a,
#breadcrumb li strong {
    font-size: 120%;
    font-weight: normal;
    padding-left: 10px;
    margin-right: 10px;
    background: url(../img/icons/icon-sprites.png) 0 -4197px no-repeat;
}
/*  ********* Filter ********* */
#filter {
    border: 4px solid #fc0;
    overflow: hidden;
}
#filter h2 {
    background: #fc0;
    padding: 12px 0;
    font-size: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}
#filter .filter-box {
    border-top: 1px solid #fc0;
    padding: 5px;
}
#filter h3 {
    background: url(../img/icons/icon-sprites.png) 0 -3795px no-repeat;
    margin: 0 0 15px 0;
    padding-left: 16px;
    font-size: 140%;
}
#filter h3.collapsed {
    background: url(../img/icons/icon-sprites-3.png) 0 -4996px no-repeat;
    margin-bottom: 0;
}
.js-on #filter h3 {
    cursor: pointer;
}
#filter .entries {
    overflow: hidden;
}
#filter .entries .more,
#filter .entries .less {
    display: block;
    background: url(../img/icons/icon-sprites-3.png) 0 -4400px no-repeat;
    margin: 3px 0 0 0;
    padding: 0 0 0 22px;
/* Michael Simon A.A. [2014.04.11]: Fix damit im IE11 die Plus-Zeichen nicht unten abgeschnitten sind. */
font-size: 130%;
line-height: 130%;
    color: #00549F;
    font-weight: bold;
}
#filter .entries .less {
    background-position: 0 -4600px;
}
#filter .entries .more:hover,
#filter .entries .more:active,
#filter .entries .more:focus,
#filter .entries .less:hover,
#filter .entries .less:active,
#filter .entries .less:focus {
    text-decoration: underline;
    cursor: pointer;
}
#filter .filter-box ul {
    margin: -5px 0 0 0;
    overflow: hidden;
}
#filter .filter-box li,
#filter .filter-box fieldset.date {
    background: url(../img/bgs/border-50.png) 0 0 repeat-x;
    padding: 1px 0 0 0;
}
#filter .filter-box fieldset.date {
    padding-top: 12px;
}
#filter .filter-box li:first-child {
    background: none;
}
#filter .filter-box li a {
    background: url(../img/icons/icon-sprites.png) 0 7px no-repeat;
    padding: 7px 10px 6px 21px;
    color: #00549F;
}
#filter .filter-box li a:hover,
#filter .filter-box li a:active,
#filter .filter-box li a:focus {
    background: #fff url(../img/icons/icon-sprites.png) 0 7px no-repeat;
    text-decoration: underline;
    color: #00549F;
}
#filter .select-filter {
    float: left;
    margin: 0 6px 0 0;
    min-width: 5.1em;
}
.js-on #filter .select-filter {
    min-width: 6.1em;
}
.js-on #filter input[type="submit"] {
    display: none
}
#filter select.select-filter.a11y-hidden{
    position: absolute;
    left: -9999px;
}
#wrapper #filter .date .button {
    background: #e1e1e1 url(../img/icons/icon-sprites-2.png) 6px -144px no-repeat;
    width: 18px;
    border: none;
    margin: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 9px;
    text-indent: -999em;
    cursor: pointer;
}
#wrapper #filter .date .button:hover,
#wrapper #filter .date .button:active,
#wrapper #filter .date .button:focus {
    background-color: #BFBFBF;
}
#filter .combobox {
    position: relative;
    display: inline;
    padding: 0;
    cursor: pointer;
    outline: none;
}
#wrapper #filter .combobox input {
    min-width: 44px;
    background: #fff url(../img/icons/icon-sprites-3.png) 100% -3791px no-repeat;
    border: 1px solid #d7d7d7;
    margin: 0 12px 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 24px 4px 6px;
    cursor: pointer;
    font-size: 110%;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
.datalist-select-filter {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    margin-top:1px;
    cursor: default;
}
.datalist-select-filter .datalist-box {
    background: #fff;
    border: 1px solid #d7d7d7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    color: #000;
}
.datalist-select-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.datalist-select-filter li {
    padding: 2px 4px;
    outline: none;
    cursor: pointer;
    font-size: 110%;
    font-weight: bold;
    text-transform: uppercase;
}
.datalist-select-filter li.js-selected,
.datalist-select-filter li.js-checked {
    background: #FC0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#wrapper #filter input {
    float: left;
    margin: 1px 6px 0 0;
    padding: 0;
}
#wrapper #filter label,
#wrapper #filter strong,
#wrapper #filter a {
    margin-bottom: 5px;
    font-size: 140%;
}
#wrapper #filter label {
    font-weight: normal;
    cursor: pointer;
    padding-left: 21px;
}
#wrapper #filter a {
    display: block;
}
#wrapper #filter a {
    padding-left: 22px;
    background: url(../img/icons/icon-sprites.png) no-repeat scroll 0 1px transparent;
}
#wrapper #filter label:hover,
#wrapper #filter label:active,
#wrapper #filter label:focus {
    text-decoration: underline;
}
#wrapper #filter a.reset {
    display: block;
    background: url(../img/icons/icon-sprites-3.png) 0 -4800px no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 22px;
    font-size: 140%;
    color: #00549F;
    font-weight: normal;
}
#wrapper #filter .entries strong {
    font-weight: normal;
    background: url(../img/icons/icon_radio.png) no-repeat scroll 0 -100px transparent;
    padding-left: 23px;
}
.ui-helper-hidden-accessible {
    position: absolute;
    left: -999em;
}
span.ui-checkbox {
    display: block;
    background: #fff;
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 6px 0 0;
    padding: 0 !important;
    border: 1px solid #ccc;
    cursor: pointer;
}
/* Michael Simon [2012.12.10]: Beim Hover soll eine Checkbox nicht ausgewaehlt werden, da dies den User verwirrt */
span.ui-checkbox-state-checked,
span.ui-checkbox-state-checked-hover/*,
span.ui-checkbox-hover*/ {
    background: url(../img/icons/icon_checkbox.png) -1px 0 no-repeat;
}
.ui-radio-state-hover,
.ui-checkbox-state-hover,
.ui-radio-state-checked-hover,
.ui-checkbox-state-checked-hover{
    text-decoration: underline;
}
span.ui-radio {
    display: block;
    background: #fff;
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 6px 0 0;
    padding: 0 !important;
    cursor: pointer;
}
span.ui-radio {
    background: url(../img/icons/icon_radio.png) 0 0 no-repeat;
}
span.ui-radio-hover,
span.ui-radio-state-checked {
    background: url(../img/icons/icon_radio.png) 0 -100px no-repeat;
}
label.ui-radio-hover {
    text-decoration: none;
}
span.ui-radio-label {
    display: block;
    font-size: 140%;
    margin-bottom: 10px;
}

/* SECTION-HEADER
############################ */
#section-header h1 {
    display: block;
    margin: 0;
    padding: 30px 0;
    font-size: 480%;
}
p.overview-intro {
    font-size: 140%;
    line-height: 1.4em;
    padding-bottom: 30px;
}
/* MAIN
############################ */
/* MAIN Text-Elements */
h1 {
    color: #262626;
    font-size: 400%;
    font-weight: normal;
    margin-bottom: 38px;
}
.text h2 {
    color: #262626;
    font-weight: normal;
    font-size: 300%;
    padding: 0 0 10px 0;
}
/* Michael Simon A.A. [2014.09.01]: Da die dyn. Formulate wegen 100% Breite nicht floaten, sollte die Überschrift es auch nicht tun. */
.text h2.formheadline {
    clear: both;
}
.text h3 {
    color: #262626;
    font-weight: normal;
    font-size: 200%;
    padding: 0 0 8px 0;
}
.text em {
    font-style: normal;
}
#main p:not(.vl_table *) {
    font-size: 140%;
    color: #333;
    line-height: 140%;
    padding-bottom: 20px;
    /* Michael Simon [2012.11.28]: Fix fuer den Chrome, damit p-Tags hinter blockquote-Tags richtig einruecken und nicht aus der Seite heraus fliessen. */
    margin-top: 1px;
}

#main td p:last-child {
    padding-bottom: 0;
}
#main p.Zwischenueberschrift {
    color: #262626;
    font-size: 200%;
    font-weight: normal;
    padding: 0 0 8px;
}

#main p.intro {
    font-weight: bold;
    clear: left; /* Michael Simon A.A. [2014.08.21]: Wird benoetigt damit Meldungen mit Bildern und Ansprechpartnern sich fluide verhalten. Da Introtexte eh immer am Anfang sind oder nach einem 100%-breiten Bild kommen, sollte diese Aenderung keine negativen Auswirkungen haben. */
}
#main .article-metadata {
    font-size: 140%;
}

/* Page-Intro */
#main #page-intro {
    padding: 0 0 15px 0;
}
#main #page-intro img {
    width: 100%;
    height: auto;
    padding: 17px 0 13px 0;
}
#main #page-intro p {
    font-size: 160%;
}

/* Hinweistexte */
.hint  {
    padding:  15px 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
}
.hint h4 {
    font-size: 140%;
    line-height: 140%;
}
/* Article Meta Data */
.article-metadata {
    margin-top: 60px;
    padding-top: 8px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
.article-metadata p {
    font-size: 140%;
    color: #333;
    line-height: 140%;
}
.article-metadata .update {
    float: left;
    max-width: 30em;
}
.article-metadata .top {
    float: right;
    max-width: 30em;
    text-align: right;
}
.article-metadata .top a {
    padding-left: 20px;
    background: url(../img/icons/icon-sprites.png) no-repeat 0 -600px;
}
/* Article Functions */
.site-navigation-box {
    overflow: hidden;
}
.article-functions {
    float: right;
    max-width: 98em;
    margin-top: -38px;
    margin-bottom: 10px;
    width: 100%;
}
.article-functions .article-functions-box {
    max-width: 98em;
    position: relative;
    overflow: hidden;

}
.article-functions ol {
    width: 66px;
    float: right;
    margin-bottom: 5px;
}
.article-functions ol li {
    float: left;
    list-style: none;
}
.article-functions ol li {
    float: left;
    list-style: none;
}
.article-functions ol li a {
    display: block;
    width: 33px;
    height: 38px;
    background: #f2f2f2;
    text-indent: -4000px;
    cursor: pointer;
}
.article-functions ol a.ui-disabled {
    cursor: default;
    text-decoration: none;
}
.article-functions div.print,
.article-functions div.rss {
    float: right;
}
.js-off .article-functions div.print {
    display: none;
}
.article-functions div.print a {
    display: block;
    overflow: hidden;
    width: 33px;
    height: 38px;
    background: #f2f2f2;
    text-indent: -4000px;
    cursor: pointer;
    background: #f2f2f2 url(../img/icons/icon-sprites-1.png) 10px -1587px no-repeat;
}
.article-functions div.print a:hover,
.article-functions div.print a:active,
.article-functions div.print a:focus {
    display: block;
    background: #00549F url(../img/icons/icon-sprites-1.png) 10px -1787px no-repeat;
}
.article-functions div.print a:hover span,
.article-functions div.print a:active span,
.article-functions div.print a:focus span {
    display: block;
    background: none;
}
.article-functions div.rss a {
    display: block;
    overflow: hidden;
    width: 33px;
    height: 38px;
    background: #f2f2f2;
    text-indent: -4000px;
    cursor: pointer;
    background: #f2f2f2 url(../img/icons/icon-sprites.png) 9px -12989px no-repeat;
}
.article-functions div.rss a:hover,
.article-functions div.rss a:active,
.article-functions div.rss a:focus {
    display: block;
    background: #00549F url(../img/icons/icon-sprites.png) 9px -13189px no-repeat;
}
.article-functions div.rss a:hover span,
.article-functions div.rss a:active span,
.article-functions div.rss a:focus span {
    display: block;
    background: none;
}
.article-functions ol li a:hover span,
.article-functions ol li a:active span,
.article-functions ol li a:focus span,
.article-functions ol li a.js-selected span {
    display: block;
    width: 33px;
    height: 42px;
}
.article-functions ol li a:active span,
.article-functions ol li a.js-selected span {
    background: url(../img/bgs/arrow-article-functions.png) 50% 100% no-repeat;
}
.article-functions ol li.send a {
    display: block;
    background: #f2f2f2 url(../img/icons/icon-sprites-1.png) 10px -1987px no-repeat;
}
.article-functions ol li.send a:hover,
.article-functions ol li.send a:active,
.article-functions ol li.send a:focus {
    display: block;
    background: #00549F url(../img/icons/icon-sprites-1.png) 10px -2187px no-repeat;
}
.article-functions ol li.send a:hover span,
.article-functions ol li.send a:active span,
.article-functions ol li.send a:focus span {
    display: block;
    background: none;
}
.article-functions ol li.send a.js-selected,
.article-functions ol li.send a.js-selected:hover {
    display: block;
    background: #000 url(../img/icons/icon-sprites-1.png) 10px -2187px no-repeat;
}
.article-functions ol li.share a {
    display: block;
    background: #f2f2f2 url(../img/icons/icon-sprites-1.png) 10px -2387px no-repeat;
}
.article-functions ol li.share a:hover,
.article-functions ol li.share a:active,
.article-functions ol li.share a:focus {
    display: block;
    background: #00549F url(../img/icons/icon-sprites-1.png) 10px -2587px no-repeat;
}
.article-functions ol li.share a:hover span {
    display: block;
    background: none;
}
.article-functions ol li.share a.js-selected,
.article-functions ol li.share a.js-selected:hover{
    display: block;
    background: #000 url(../img/icons/icon-sprites-1.png) 10px -2587px no-repeat;
}
.article-functions a.close {
    position: absolute;
    top: 25px;
    right: 28px;
    overflow: hidden;
    background: url(../img/icons/icon-sprites-3.png) 0 -2600px no-repeat;
    height: 21px;
    width: 21px;
    text-indent: -4000px;
}
.article-functions a.close:hover {
    text-decoration: none;
    background: url(../img/icons/icon-sprites-3.png) 0 -2800px no-repeat;
}
.js-off .article-functions a.close {
    display: none;
}
.article-functions h3 {
    font-size: 200%;
    color: #2D2D2D;
    margin-bottom: 21px;
    font-weight: normal;
}
.article-functions fieldset {
    border:  none;
}
.article-functions label {
    color: #333;
    font-size: 120%;
    font-weight: bold;
    display: block;
}
.article-functions .form-column-1 {
    float: left;
    width: 260px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.article-functions .form-column-2 {
    float: left;
    width: 635px;
    margin-bottom: 30px;
}
.article-functions input {
    width: 96%;
}
.article-functions textarea {
    width: 98.6%;
    height: 5.7em;
}
.article-functions .section-group {
    overflow: hidden;
    clear: both;
}
.js-off .article-functions .section-group {
    height: 27em;
    overflow: auto;
}
.article-functions .section-wrapper {
    overflow: hidden;
}
.article-functions .section {
    position: relative;
    background: #f2f2f2; /* IE opacity-Bug */
    padding: 20px 27px;
    margin: 0 0 30px;
    width: 92.6em;
    float: left;
}
.article-functions .section ul {
    overflow: hidden;
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
}
.article-functions .section ul li {
    list-style: none;
    border-left: 1px solid #F2F2F2;
    float: left;
    text-align: center;
}
.article-functions .section ul li a {
    display: block;
    padding-top: 75px;
    height: 2.5em;
    margin-top: 18px;
    width: 184px;
    overflow:  hidden;
    color: #333;
    font-size: 140%;
    text-align: center;
    font-weight: bold;
}
.article-functions .section ul li.facebook a {
    background:  url(../img/icons/share-sprites.png) 50% -1000px no-repeat;
}
.article-functions .section ul li.twitter a {
    background:  url(../img/icons/share-sprites.png) 50% -1200px no-repeat;
}
.article-functions .section ul li.xing a {
    background:  url(../img/icons/share-sprites.png) 50% -1400px no-repeat;
}
.article-functions .section ul li.linkedin a {
    background:  url(../img/icons/share-sprites.png) 50% -1600px no-repeat;
}
.article-functions .section ul li.plus a {
    background:  url(../img/icons/share-sprites.png) 50% -1800px no-repeat;
}
.article-functions .section ul li a:hover,
.article-functions .section ul li a:active,
.article-functions .section ul li a:focus {
    text-decoration: none;
    color: #00549F;
}
/* *********
BOXEN IM FLIESSTEXT
********************** */
#main .text .box ul,
#main .text .box ol {
    padding-left: 0;
}

#main .box {
    float: right;
    width: 18.9em;
    clear: right;
    border: 4px solid #BFBFBF;
    margin-left: 20px;
    margin-bottom: 15px;
    padding: 1.2em 1.3em;
}
#main .box-wrapper.dir-2 .box {
    margin-left: 0;
    margin-right: 20px;
}
.two-columne #main .box-wrapper,
.two-columne #main .box-wrapper-mod {
    width: auto;
    padding: 0;
    margin: 0;
}
.two-columne #main .box-wrapper {
    float: right;
    clear: right;
}

.two-columne #main .text-block .box-wrapper .box,
.two-columne #main .text-block .box-wrapper-mod .box,
.csscolumns .two-columne #main .text .mb-middle.more-box {
    max-width: 31.7em;
    padding: 12px 13px;
    margin-left: 0;

    width: 100%;
    float: none;
}
.two-columne #main .box-wrapper .box {
    width: 31.7em;
    float: right;
    max-width: 100%;
    margin-left: 20px;
    margin-bottom: 15px;
}


#main .box h3 {
    color: #000;
    font-size: 150%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px;
    padding-top: 5px;
    margin-top: 0;
}
#main .box-wrapper {
    float: right;
    clear: right;
    width: auto;
}
#main .box-wrapper.dir-2 {
    float: left;
}
#main .box-wrapper .box {
    clear: both;
}
*+html #main .box-wrapper {
    float: none;
}
#main .box-wrapper-mod {
    float: right;
}
#main .box-wrapper-mod.dir-2 {
    float: left;
}
#main .box-wrapper.bw-landscape {
    float: none;
}
#main .box-wrapper-mod .box {
    clear: left;
    float: left;
}
#main .box-wrapper-mod .box {
    border: 4px solid #BFBFBF;
    margin-left: 20px;
    margin-right: 0;
}
#main .box-wrapper-mod.dir-2 .box {
    margin-left: 0;
    margin-right: 20px;
}
#main .ol-small, #main .ul-small {
    width: 31.7em;
}
#main .ordered-list, #main .unordered-list {
    width: 44em;
}

/* ordered Linklist */
#main .ordered-list,
#main .unordered-list {
    max-width: 44em;
}
#main .ol-small,
#main .ul-small {
    max-width: 31.7em;
}
#main .ordered-list h3,
#main .unordered-list h3 {
    margin-bottom: 15px;
}
#main .ordered-list ol,
#main .unordered-list ul {

    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text .ordered-list ol li,
#main .text .unordered-list ul li {
    list-style:  none;
    padding-bottom: 12px;
    padding-top: 12px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
#main .text .ordered-list ol li:last-child,
#main .text .unordered-list ul li:last-child {
    list-style:  none;
    padding-bottom: 12px;
    padding-top: 12px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
#main .text .unordered-list ul li {
    list-style-image: none !important;
}
#main .ordered-list ol li div {
    padding-left: 50px;
    min-height: 2.3em;
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .unordered-list ul li div {
    padding-left: 18px;
    min-height: 2.1em;
    background: url(../img/icons/list-image.gif) 0 5px no-repeat;
}
#main .ordered-list ol li a,
#main .unordered-list ul li a {
    display: block;
    margin-top: 4px;
    font-size: 100%;
}
#main .ordered-list ol li.item-1 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 0;
}
#main .ordered-list ol li.item-2 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -300px;
}
#main .ordered-list ol li.item-3 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -600px;
}
#main .ordered-list ol li.item-4 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -900px;
}
#main .ordered-list ol li.item-5 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1200px;
}
#main .ordered-list ol li.item-6 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1500px;
}
#main .ordered-list ol li.item-7 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1800px;
}
#main .ordered-list ol li.item-8 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ordered-list ol li.item-9 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2400px;
}
#main .ordered-list ol li.item-10 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2700px;
}
/* profile box */
#main .text .profile {
    width: 31.7em !important;
    padding-bottom: 0 !important;
}

/* yellow small more-box */
#main .text .more-box {
    border: none;
    width: 19.7em;
    margin-left: 1.6em;
    background: #FFE57F url(../img/bgs/corner-download.png) 100% 0 no-repeat;
}
.two-columne #main .text .more-box {
    max-width: 100%; /*31.7em;*/
}
#main .text .more-box h3 {
    text-align: left;
}
#main .text .more-box img {
    float: left;
    margin: 0 10px 0 0;
}
#main .text .more-box ul {
    margin-bottom: 10px;
    float: right;
    width: 100%;
    clear: both;
    padding-left: 0;
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 0 transparent;

}
#main .text .more-box ul li {
    padding: 8px 0 !important;
    list-style: none ;
    list-style-image: none;
    width: 100%;
    clear: both;
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;

}
#main .text .more-box.profile ul li {
    width: 96%;
    padding: 2px 6px !important;
}
.js-off #main .text .more-box ul li {
    float: none;
    width: auto;
}
/* Michael Simon [2012.02.13]: Damit der Link im Post-it auf 2-spaltigen Inhaltsseiten nicht nur 99px breit ist. */
.two-columne #main .text .more-box ul li a {
    width: 220px;
}
.two-columne #main .text .more-box ul li a.external,
.two-columne #main .text .more-box ul li a.intranet,
.two-columne #main .text .more-box ul li a.internal {
    width: 295px;
}
/* Michael Simon [2012.02.13]: Damit der Link im schmalen Post-it nur 99px breit ist. */
#main .text .more-box ul li a.external,
#main .text .more-box ul li a.intranet,
#main .text .more-box ul li a.internal {
    width: 175px; /* todo */
}
#main .text .more-box ul li a,
#main .text .more-box.mb-middle ul li a,
#main .text .more-box.mb-big ul li a {
    color: #000;
    display: inline-block;
}
#main .text .more-box ul li a {
    color: #000;
    display: inline;
}
#main .text .profile ul li a {
    width: auto !important;
}

#main .text .more-box.mb-middle ul li a,
#main .text .more-box.mb-big ul li a {
    display: block;
    width: 100%;
}
#main .text .more-box ul li a em {
    color: #000;
}
#main .text .more-box ul li a.intranet {
    background: url(../img/icons/icon-sprites-3.png) no-repeat 0 -6399px;
}

#main .text .more-box ul li a.internal {
    background: url(../img/icons/icon-sprites-3.png) no-repeat 0 1px;
}
#main .text .more-box ul li a.external {
    background: url(../img/icons/icon-sprites-3.png) no-repeat 0 -399px;
}
#main .text .more-box ul li a.download {
    background: url(../img/icons/icon-sprites-3.png) no-repeat 0 -199px;
}
/* red small more-box */
#main .text .mb-color-1 {
    background: #D9455B url(../img/bgs/corner-download-color-1.png) 100% 0 no-repeat;
}
#main .text .mb-color-1 * {
    color: #fff;
}
#main .text .mb-color-1 ul {
    background: url(../img/bgs/border-50-w.png) repeat-x 0 100%;
}
#main .text .mb-color-1 ul li a {
    color: #fff;
}
#main .text .mb-color-1 ul li a em {
    color: #fff;
}
#main .text .mb-color-1 ul li {
    background: url(../img/bgs/border-50-w.png) repeat-x 0 0;
}
/* blue download-box */
#main .text .mb-color-2 {
    background: #407FB7 url(../img/bgs/corner-download-color-2.png) 100% 0 no-repeat;
}
#main .text .mb-color-2 * {
    color: #fff;
}
#main .text .mb-color-2 ul {
    background: url(../img/bgs/border-50-w.png) repeat-x 0 100%;
}
#main .text .mb-color-2 ul li a {
    color: #fff;
}
#main .text .mb-color-2 ul li a em {
    color: #fff;
}
#main .text .mb-color-2 ul li {
    background: url(../img/bgs/border-50-w.png) repeat-x 0 0;
}

/* blue download-box */
#main .text .mb-color-3 {
    background: #f2f2f2 url(../img/bgs/corner-download-color-3.png) 100% 0 no-repeat;
}
#main .text .mb-color-3 * {
    color: #000;
}
#main .text .mb-color-3 ul li a {
    color: #000;
}
#main .text .mb-color-3 ul li a em {
    color: #000;
}
#main .text .mb-color-3 ul li {
}
/* yellow big more-information-box */
#main .text .more-box.mb-big {
    float: right;
    overflow: hidden;
    clear: right;
    border: none;
    margin-left: 0;
    width: 96.4%;
    display: block;
    max-width: 96.4%;
    background: #FFE57F url(../img/bgs/corner-download.png) 100% 0 no-repeat;
}
#main .text .more-box.mb-big h3 {
    text-align: left;
    padding: 10px 0 10px 0;
}
#main .text .more-box.mb-big p {
    padding-right: 40px;
}
#main .text .more-box.mb-big p a {
    color: #333;
    border-bottom: 1px dotted;
}
#main .text .more-box.mb-big p a:hover,
#main .text .more-box.mb-big p a:active,
#main .text .more-box.mb-big p a:focus {
    border-bottom: 1px solid;
    text-decoration: none;
}
/* more-box big */
/* blue big more-information-box */
#main .text .mb-big.mb-color-1 {
    background: #407FB7 url(../img/bgs/corner-download-color-2.png) 100% 0 no-repeat;
}
#main .text .mb-big.mb-color-1 * {
    color:#fff;
}
#main .text .mb-big.mb-color-1 p a {
    color: #fff;
    border-bottom: 1px dotted;
}
#main .text .mb-big.mb-color-1 p a:hover,
#main .text .mb-big.mb-color-1 p a:active,
#main .text .mb-big.mb-color-1 p a:focus {
    border-bottom: 1px solid;
    text-decoration: none;
}
/* red big more-information-box */
#main .text .mb-big.mb-color-2 {
    background: url(../img/bgs/corner-download-color-1.png) no-repeat 100% 0 #D9455B;
}
#main .text .mb-big.mb-color-2 * {
    color:#fff;
}
#main .text .mb-big.mb-color-2 p a {
    color: #fff;
    border-bottom: 1px dotted;
}
#main .text .mb-big.mb-color-2 p a:hover,
#main .text .mb-big.mb-color-2 p a:active,
#main .text .mb-big.mb-color-2 p a:focus {
    border-bottom: 1px solid;
    text-decoration: none;
}
/* gray big more-information-box */
#main .text .mb-big.mb-color-3 {
    background: url(../img/bgs/corner-download-color-3.png) no-repeat 100% 0 #f2f2f2;
}
#main .text .mb-big.mb-color-3 * {
    color:#000;
}
#main .text .mb-big.mb-color-3 p a {
    color: #000;
    border-bottom: 1px dotted;
}
/* gray medium more-information-box */
#main .text .mb-medium.mb-color-3 {
    width: 350px;
}
#main .text .mb-medium.mb-color-3 * {
    color:#000;
}

.tooltip-wrapper {
    position: absolute;
    width: 350px;
    padding-top: 10px;
    background: transparent url(../img/icons/tooltip.gif) center top no-repeat;
    top: 0;
}
@media only screen and (max-width: 1290px){
    .tooltip-wrapper {
        background: transparent url(../img/icons/tooltip.gif) right top no-repeat;
    }
    .tooltip-wrapper span.close-button {
        top: 18px;
        right: 10px;
    }
}
.tooltip-wrapper.positionaround-1-0 {
    padding-top: 0px;
    padding-bottom: 10px;
    background-position: center bottom;
}
.tooltip-wrapper span.close-button {
    position: absolute;
    right: 0;
    top: 10px;
    height: 21px;
    width: 21px;
    background: black url(../img/icons/icon-sprites.png) -35px -1395px no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.tooltip-wrapper span.close-button:hover,
.tooltip-wrapper span.close-button:active,
.tooltip-wrapper span.close-button:focus {
    background-color: #00549F;
}
.tooltip-wrapper.positionaround-1-0 span.close-button {
    top: 0;
}
.tooltip {
    width: 330px;
    background-color: #333;
    color: #fff;
    padding: 10px;
}
.tooltip h3 {
    font-size: 160%;
    margin-bottom: 5px;
}
.tooltip p {
    font-size: 130%;
}
.tooltip p a {
    color: #fff;
    text-decoration: underline;
}


/* More Box middle */
/* yellow middle more-box */
#main .text .mb-middle.more-box {
    border: none;
    width: 45em;
    margin-left: 20px;
    background: #FFE57F url(../img/bgs/corner-download.png) 100% 0 no-repeat;
    padding: 12px 13px;
}
#main .text .box-wrapper-mod .mb-middle.more-box  {
    margin-left: 0;
}
#main .text .mb-middle.more-box h3 {
    text-align: left;
    padding: 10px 20px 10px 0;
    text-align: left;
    color: #000000;
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
#main .text .mb-middle.more-box img {
    float: left;
    margin: 0 10px 0 0;
}
#main .text  .mb-middle.more-box ul,
#main .text .mb-big.more-box ul {
    margin-bottom: 10px;
    background: none;
}
#main .text .mb-middle.more-box ul li,
#main .text .mb-big.more-box ul li {
    padding: 0 !important;
    margin-bottom: 8px;
    list-style: none;
    font-size: 140%;
    line-height: 140%;
    background: none;
}
#main .text .mb-middle.more-box ul li a {
    display: block;
    color: #000;
}
#main .text .mb-middle.more-box p {
    padding-bottom: 15px;
}
/* Michael Simon B.B. [2014.10.09]: Hier den Unterordner img ergaenzt. */
#main .text .mb-middle.more-box ul li a.intranet {
    background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -6398px;
}

#main .text .mb-middle.more-box ul li a.internal {
    background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 2px;
}
#main .text .mb-middle.more-box ul li a.download {
    background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -198px;
}
#main .text .mb-middle.more-box ul li a.external {
    background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -398px;
}
#main .text .mb-middle.more-box ul li a.external em {
    background: none;
}

/* red middle more-box */
#main .text .mb-middle.mb-color-1 {
    background: #D9455B url(../img/bgs/corner-download-color-1.png) 100% 0 no-repeat;
}
#main .text  .mb-middle.mb-color-1 * {
    color: #fff;
}
#main .text  .mb-middle.mb-color-1 h3 {
    color: #fff;
}
#main .text  .mb-middle.mb-color-1 ul li a {
    display: block;
    color: #fff;
}

/* blue middle more-box */
#main .text  .mb-middle.mb-color-2 {
    background: #407FB7 url(../img/bgs/corner-download-color-2.png) 100% 0 no-repeat;
}
#main .text  .mb-middle.mb-color-2 * {
    color: #fff;
}
#main .text  .mb-middle.mb-color-2 h3 {
    color: #fff;
}
#main .text  .mb-middle.mb-color-2 ul li a {
    display: block;
    color: #fff;
}

/* gray middle more-box */
#main .text  .mb-middle.mb-color-3 {
    background: #f2f2f2 url(../img/bgs/corner-download-color-3.png) 100% 0 no-repeat;
}
#main .text  .mb-middle.mb-color-3 * {
    color: #000;
}
#main .text  .mb-middle.mb-color-3 h3 {
    color: #000;
}
#main .text  .mb-middle.mb-color-3 ul li a {
    display: block;
    color: #000;
}
/*
middle Box in two-columne template
*/
/* More Box middle */
/* yellow middle more-box */
.csscolumns .two-columne #main .text .mb-middle.more-box {
    max-width: 32.4em;
}

/* Checkliste */
#main .check-list {
    width: 44em;
    padding-bottom: 0;
}
#main .cl-small {
    max-width: 31.7em
}
#main .check-list h3 {
    margin-bottom: 12px;
}
#main .check-list ol {
    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text .check-list ol li {

    list-style:  none;
    padding-bottom: 12px;
    padding-top: 12px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
#main .check-list ol li a {
    display: block;
    margin-top: 4px;
    font-size: 100%;
}
#main .check-list ol li div {
    padding-left: 50px;
    min-height: 33px;
    background:  url(../img/icons/icon-sprites-1.png) no-repeat 0 -3400px;
}

/* Linkliste in box */
#main .text .linklist ul {
    padding: 0 0 1px 0;
}
#main .text .linklist ul li {
    list-style: none;
    list-style-image: none;
    padding: 2px 0 1px 0;
}
#main .text .linklist {
    padding-bottom: 0;
}

/* two Columne Box */
.further-informations {
    clear: right;
    float: right;
    width: 100%;
    display: block;

    border-top: 4px solid #BFBFBF;
    padding-top: 25px;
    margin-top: 30px;
}
#main .further-informations div ul li p {
    font-size: 100%;
    padding: 0 0 10px 26px;
    margin: 0;
}
.two-column-box {
    margin: 0 0 25px 0;
    overflow: hidden;
}
.two-column-box div {
    width: 43.28%;
    float: left;
    margin: 0 0 0 3.98%;
    padding: 0 1.37%;
    background: #F2F2F2;
}
.two-column-box div.tcb-first {
    margin: 0;
    width: 47.26%;
}
.two-column-box div h3 {
    font-size: 150%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px 0 15px 0;
}
#main .two-column-box div ul {
    background: url(../img/bgs/border-50.png) 0 0 repeat-x;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 1px;
}
#main .two-column-box div ul li {
    list-style: none;
    list-style-image: none;
    line-height: 1.3em;
    background-position: 0 100%;
    padding: 1px 0 2px 0;
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
}
#main .two-column-box div ul li a {
    display: block;
    background-position: 5px 8px;
    padding: 8px 2px 8px 26px;
}
#main .two-column-box div ul li a:hover,
#main .two-column-box div ul li a:active,
#main .two-column-box div ul li a:focus {
    background-color: #dcdcdc;
    text-decoration: none;
}

/* one Columne Box */
.one-column-box {
    margin: 0 0 25px 0;
    width: 100%;/*72.9em*/
}
.one-column-box div {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 10px;
    background: #F2F2F2;
}
.one-column-box div h3 {
    font-size: 150%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px 0 15px 0;
}
#main .one-column-box div ul {
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 0 transparent;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 1px;
    padding-left: 0;
}
#main .one-column-box div ul li {
    list-style: none;
    list-style-image: none;
    line-height: 1.3em;
    background-position: 0 100%;
    padding: 1px 0 2px 0;
    background: url(../img/bgs/border-50.png) repeat-x 0 100%

}
#main .one-column-box div ul li a {
    display: block;
    background-position: 5px 9px;
    padding: 8px 2px 8px 26px;
}
#main .one-column-box div ul li a.intranet,
#main .two-column-box div ul li a.intranet {
    background-position: 5px -24792px;
}

#main .one-column-box div ul li a.external,
#main .two-column-box div ul li a.external {
    background-position: 5px -5192px;
}
#main .one-column-box div ul li a.download,
#main .two-column-box div ul li a.download {
    background-position: 5px -20992px;
}

#main .one-column-box div ul li a:hover,
#main .one-column-box div ul li a:active,
#main .one-column-box div ul li a:focus {
    background-color: #dcdcdc;
    text-decoration: none;
}

/* einfache Listen im Fließtext */
#main .text .simple-ct-list ul,
#main .text .simple-ct-list ol {
    margin-left: 20px;
    background: none;
}
#main .text ol {
    padding-left: 23px;
    margin-bottom: 20px;
}
#main .text ol li {
    line-height: 140%;
    list-style-type: decimal;
    font-size: 140%;
    list-style-position: outside;
    padding-bottom: 12px;
    padding-top: 12px;
}
#main .text .simple-ct-list ul li,
#main .text .simple-ct-list ol li {
    line-height: 140%;
    list-style-type: decimal;
    font-size: 140%;
    list-style-position: outside;
    padding-bottom: 10px;
    padding-top: 10px;
    background: none
}
#main .text ul li {
    line-height: 140%;
    list-style: none;
    list-style-image: url(../img/icons/list-image.gif);
    font-size: 140%;
    list-style-position: outside;
    padding-bottom: 12px;
    padding-top: 12px;
}
/* Michael Simon E.E. [2016.02.25]: Damit Zusatzinfoboxen unter Listen die richtige Schriftgroesse haben. */
#main .further-informations.under_listing ul li {
    font-size: 140%;
}
#main .text ul {
    padding-left: 23px;
    margin-bottom: 20px;
}
/* Damit Listen in Listen keinen Abstand innerhalb haben */
#main .text ul ul,
#main .text ul ol,
#main .text ol ul,
#main .text ol ol {
    margin-bottom: 0;
}
#main .text .ordered-list ol,
#main .text .unordered-list ul {
    padding-left: 0;
    margin-bottom: 20px;
    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text ul li,
#main .text ol li {
    padding: 4px 0;
}
/* Damit Listen in Listen keinen Abstand innerhalb haben */
#main .text ul li:last-child,
#main .text ol li:last-child {
    padding: 4px 0 0;
}

#main .text ul li a,
#main .text ol li a {
    display: inline;
    font-size: 100%;
}
#main .text .linklist ul li a,
#main .text .linklist ol li a {
    background-position: 5px 9px;
    padding: 8px 2px 8px 26px;
}
#main .text .ct-list ul li a,
#main .text .ct-list ol li a {
    color: #00549F;
}
#main .text .linklist ul li a:hover,
#main .text .linklist ul li a:active,
#main .text .linklist ul li a:focus,
#main .text .linklist ol li a:hover,
#main .text .linklist ol li a:active,
#main .text .linklist ol li a:focus {
    background-color: #EAF1F7;
    text-decoration: none;
}
#main .ct-list ol {
    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text .ct-list ol li {
    list-style:  none;
    padding-bottom: 12px;
    padding-top: 12px;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
.two-columne #main .text .ct-list ol li {
    list-style: decimal;
    list-style-position: inside;
}
#main .ct-list ol li div {
    padding-left: 50px;
    min-height: 30px;
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ct-list ol li a {
    display: inline;
    margin-top: 4px;
    font-size: 100%;
}
#main .ct-list ol li.item-1 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 0;
}
#main .ct-list ol li.item-2 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -300px;
}
#main .ct-list ol li.item-3 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -600px;
}
#main .ct-list ol li.item-4 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -900px;
}
#main .ct-list ol li.item-5 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1200px;
}
#main .ct-list ol li.item-6 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1500px;
}
#main .ct-list ol li.item-7 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1800px;
}
#main .ct-list ol li.item-8 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ct-list ol li.item-9 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2400px;
}
#main .ct-list ol li.item-10 div {
    background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2700px;
}

/* Michael Simon [2012.11.28]: Ein genereller Fix fuer alle Elemente, die "float: left" und "clear: left" haben, damit diese nicht mehr unter die Navi rutschen. */
#main div.text {
    display: block;
    /* float: left;
    width: 73em; *//* todo */
}

/* Zitate */
#main blockquote {
    clear: right;
    float: left;
    width: 90.4%; /* Michael Simon C.C. [2015.07.23]: Im IE verursachten die dynamisch breiten Quotes mit Floatelementen ein Problem. */
    margin-right: 0;
    display: block;
    background: url(../img/icons/blockquote.png) 0 40% no-repeat;
    margin-bottom: 20px;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    padding: 10px 0 10px 70px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-size: 160%;
    line-height: 1.4em;
    color: #191919;
    min-height: 2.2em;
}
/* Michael Simon C.C. [2015.07.02]: Klassen, damit Zitate auch zwangsweise auf verschiedene Groessen gebracht werden koennen. */
#main blockquote.Schmal {
    width: 38%;
    margin-right: 20px;
}
#main blockquote p {
    font-style: italic;
}
#main blockquote cite {
    font-size: 75%;
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    display: block;
    margin-top: 5px;
}
#main blockquote p {
    font-size: 100%;
    padding-bottom: 0;
}

/* video im Fließtext - continuous text Video */
/* video im Fließtext - continuous text Video */
.js-off .videowithjs {
    display: none;
}
.js-on .videonojs {
    display: none;
}

.ct-video {
    max-width:476px;
    margin: 5px 20px 5px 0;
    float: left;
    width: 100%;
}
/* Michael Simon A.A. [2014.09.03]: Im CE-Modus brach das DIV zusammen, also verzichten wir im CE-Modus auf RD und zeigen es immer 476px breit an. */
.aw_ce_wrapper .ct-video {
    width: 476px;
}
/* Michael Simon A.A. [2013.10.01]: Im Contextedit wird der Topabstand vergroessert, sodass der CE-Button einfacher zu klicken ist. */
.aw_ce .ct-video {
    margin-top: 17px;
}
.mm-video-box {
    width: 100% !important;
}

/* article-date */
.article-data {
    font-size: 140%;
    margin-bottom: 8px;
}
.article-data .social {
    display: inline-block;
    width: 250px;
    font-size: 71.5%;
    margin-left: 16.3em;
}
.article-data .social .fb-like {
    float: left;
}
/*
PHOTOS
---------------------- *
/* photos / images */
img.logolist {
    float: right;
    margin-left: 1.8em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.photo {
    /* max-width: 476px; */
    float: left;
    display: table !important;
    margin: 5px 20px 5px 0;
    overflow: hidden;
    display: block;
    padding: 0;
}
/* Michael Simon B.B. [2014.10.13]: Die kleinen Bilder floateten nebeneinander */
.photo.smallimage {
    clear: left;
}
.photo.smallimage.dir-2 {
    clear: right;
}
.csscolumns .two-columne .photo {
    max-width: 35em;
}
.photo-mod {  /* wenn das Bild am Anfang  der Seite steht */
    margin-right: 0;
    margin-bottom: 13px;
}
.csscolumns .two-columne .landscape {
    max-width: 100%
}

.photo.dir-2 {
    float: right;
    margin: 5px 0 5px 20px;
}
.photo.nofloat {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.photo img {
    display: block;
    max-width: 100%;
}
.csscolumns .two-columne .photo img {
    display: block;
    width: 100%;
}
.p-mod {
    float: right;
    margin: 3px 0 10px 10px;
}
.p-block {
    float: none;
    margin: 3px 0 10px 0;
}
span.caption-wrapper {
    display: table-caption;
    caption-side: bottom;
    background: #fff;
    border:  1px solid #e6e6e6;
    font-size: 120%;
    color: #333;
    padding: 6px 5px;
}
span.caption-wrapper .caption {
    /*display: block;*/
}
span.caption-wrapper p.bodytext {
    padding-bottom: 0px !important;
    font-size: 100% !important;
    margin-top: 0px !important;
}
/* landscape formats */
span.landscape {
    display: block;
    float: none;
    /* max-width: 74.5em;*/
    overflow: hidden;
    margin: 0 0 20px 0;
}
span.landscape img {
    max-width: 100%;
    width: 100%;
}
img.landscape {
    float: none;
    width: 100%; /*730px*/
    margin-bottom: 20px;
    margin-right: 0;
}

span.landscape-middle { /* landscape  */
    display: block;
    width: 250px;
    overflow: hidden;
}
span.landscape-middle img {
    width: 250px;
}
.landscape-middle img {
    width: 250px;
}
img.landscape-middle {
    width: 250px;
}

span.landscape-small { /* landscape  */
    display: block;
    width: 130px;
}
span.landscape-small img {
    width: 130px;
    overflow: hidden;
}
.landscape-small img {
    width: 130px;
}
img.landscape-small {
    width: 130px;
}
/* portrait format */
span.portrait-big {
    display: block;
    width: 275px;
}
span.portrait-big img {
    width: 275px;
}
.portrait-big img {
    width: 275px;
}
img.portrait-big {
    width: 275px;
}
span.portrait-middle { /* landscape  */
    display: block;
    width: 155px;
}
span.portrait-middle img {
    width: 155px;
}
.portrait-middle img {
    width: 155px;
}
img.portrait-middle {
    width: 155px;
}
span.portrait-small { /* landscape  */
    display: block;
    width: 98px;
}
span.portrait-small img {
    width: 98px;
}
.portrait-small img {
    width: 98px;
}
img.portrait-small {
    width: 98px;
}
#main span.caption {
    font-size: 100%;
}
#main p span.caption {
    font-size: 100%;
}

/* Tabellen */
/* Michael Simon A.A. [2013.11.05]: Fix, weil ploetzlich - kA warum! - b/strong in Tabellenkoepfen zu doppelt-Bold (900) fuehrte aber nur 700 (normal bold) erwuenscht war. */
#main table th strong,
#main table th b {
font-weight: 700;
}
#main table {
    margin: 0 20px 18px 0;
    padding: 0;
    font-weight: normal;
    empty-cells: show;
    border-collapse: collapse;
    width: 100% !important;
}


#main table caption {
    text-align: left;
    font-size: 200%;
    padding: 0 0 8px 0;
}
#main th,
#main td {
    font-size: 140%;
    background-color: #fff;
    padding: 12px 10px;
    vertical-align: top;
    text-align: left;
    word-wrap: break-word;

}

#main th p {
    color: #fff;
    font-size: 100%;
    padding-bottom: 0;
}
/* Michael Simon [2012.05.07]: Entfernt, da dadurch SPANs in THs unsichtbar werden. Da der Editor aber manchmal SPANs dort plaziert, ist das doof.
#main th span {
float: right;
margin: 5px 0 0 0;
display: block;
width: 11px;
height: 7px;
text-indent: -4000px;
} */
#main th em {
    float: left;
    margin: 5px 0 0 0;
}
#main th span.sort-up {
    background: url(../img/icons/icon-sprites-1.png) 0 -3200px;
}
#main th span.sort-down {
    background: url(../img/icons/icon-sprites-1.png) 0 -3000px;
}
#main th {
    /* Michael Simon [2016.04.19]: Damit auch Kopfspalten schwarze Trennlinien (horizontal) haben. */
    border: 1px solid #303030;
    background-color: #595959;
    color: #fff;
}
#main td {
    border: 1px solid #E5E5E5;
}

#main .text tr.odd td {
    background: #F5F5F5;
}
#main .text td p {
    font-size: 100%;
}
#main .text tr:hover td {
    background: #EAF1F7;
}
#main table th a.sort {
    float: left;
    padding-right: 10px;
}

/* Two Column Layout */
.csscolumns .two-columne .text-block {
    max-width: 72.9em;
    -moz-column-count:2;
    -moz-column-gap: 29px;
    -webkit-column-count:2;
    -webkit-column-gap: 29px;
    column-count: 2;
    column-gap: 29px;
    clear: both;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    background:  url(../img/bgs/border-50.png) repeat-x 0 100%;
}
.csscolumns .two-columne .text-block:last-child {
    background: none;
}
.text-block .more {
    font-style: normal;
    background: none;
}
.text-block .more a {
    background: url(../img/icons/icon-sprites.png) 0 0 no-repeat;
    padding-left: 20px;
}
.csscolumns .two-columne #main h2 {
    clear: none;
}
.csscolumns .two-columne .text-block {
    overflow: hidden;
}

/* FOOTER
############################ */
#site-info {
    background: #333;
    margin-top: 100px;
    color: #fff;
    padding: 0 20px;
}
#site-info a {
    color: #ccc;
    font-size: 140%;
    padding-left: 22px;
    background: url(../img/icons/icon-sprites-1.png) 0 0 no-repeat;
}
/* Michael Simon [2012.04.12]: Externe Links im Footer durch URLWeiterleitung */
#site-info a.external {
    background: url(../img/icons/icon-sprites.png) 0 -11400px no-repeat;
}
/* Michael Simon [2016.05.12]: Intranet Links im Footer durch URLWeiterleitung */
#site-info a.intranet {
    background: url(../img/icons/icon-sprites.png) 0 -25200px no-repeat;
}
#site-info div div {
    width: 30%;
    margin-top: 20px;
    overflow: hidden;
}
.js-off #site-info div div {
    margin-right: 15px;
}
#site-info div div ul {
    list-style: none;
}
#site-info div div ul li {
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    background: url(../img/bgs/border-25.png) repeat-x 0 100%;
}
/* Michael Simon A.A. [2014.07.25]: YouTube Social Media Icon fuer Footer */
/* Michael Simon C.C. [2015.11.10]: Vimeo   Social Media Icon fuer Footer */
#site-info div div ul li.twitter,
#site-info div div ul li.facebook,
#site-info div div ul li.googleplus,
#site-info div div ul li.linkedin,
#site-info div div ul li.xing,
#site-info div div ul li.youtube,
#site-info div div ul li.vimeo,
#site-info div div ul li.moresocial {
    margin: 0 0 17px 0;
    padding: 0 0 8px 0;
    background: none;
}
#site-info div div ul li.facebook a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites-1.png) 0 -200px no-repeat;
}
#site-info div div ul li.twitter a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites-1.png) 0 -400px no-repeat;
}
#site-info div div ul li.xing a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites-1.png) 0 -600px no-repeat;
}
#site-info div div ul li.googleplus a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites.png) 0 -12400px no-repeat;
}
#site-info div div ul li.linkedin a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites.png) 0 -12200px no-repeat;
}
/* Michael Simon A.A. [2014.07.25]: YouTube Social Media Icon und More Icon fuer Footer */
#site-info div div ul li.youtube a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites.png) 0 -13400px no-repeat;
}
/* Michael Simon C.C. [2015.11.10]: Vimeo Social Media Icon und More Icon fuer Footer */
#site-info div div ul li.vimeo a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites.png) 0 -13800px no-repeat;
}
#site-info div div ul li.moresocial a {
    padding: 8px 0 7px 40px;
    background: url(../img/icons/icon-sprites.png) 0 -13600px no-repeat;
}
#site-info div div ul.facilities li {
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
}
#site-info div div ul.facilities li a {
    padding: 0;
    background: none;
}
#site-info div div ul.facilities li img {
    display: block;
    width: 100%;
    max-width: 224px; /* Michael Simon B.B. [2015.02.27]: Damit das Bild nicht groesser wird als es ist und dadurch unscharf wird. */
    height: auto;
}
#site-info div div h3 {
    margin: 0 0 18px 0;
    font-size: 160%;
    text-transform: uppercase;
}
/* PAGES
############################ */
/* Sitemap */
.sitemap {
    width: auto;
    margin: 0;
}
.accordion-box-headline,
.accordion-box-box {
    margin: 0 0 30px 0;
    padding: 10px 15px;
    border:  4px solid #BFBFBF;
}
.accordion-box-headline a{
    text-decoration: none;
}
.sitemap h2 {
    padding: 0 0 2px 15px;
    font-size: 160%;
    color: #292929;
    text-transform: uppercase;
    font-weight: bold
}
.sitemap h2 a {
    color: #292929;
}
.js-on .sitemap h2 {
    cursor: pointer;
    outline: none;
    background: url(../img/icons/icon-sprites.png) no-repeat 0 -5595px;
}
.js-on .sitemap h2.js-selected {
    cursor: pointer;
    outline: none;
    background: url(../img/icons/icon-sprites.png) no-repeat 0 -5793px;
}
.js-on .sitemap h2.ui-disabled {
    cursor: default;
}
.js-on .sitemap h2.a11y-focus-key {
    text-decoration: underline;
}
#main .sitemap ul {
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-left: 0;
    padding-bottom: 10px;
}
#main .sitemap ul li {
    list-style: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 100%;
    list-style: none;
    list-style-image: none;
    background-position: 0 100%;
    background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;

    padding: 12px 0;
}
#main .sitemap ul li:last-child,
#main .sitemap ul li.last-child {
    background: none;
    padding: 12px 0 0;
}
#main .sitemap ul li a {
    font-size: 160%;
    display: block;
    font-weight: bold;
    padding: 1px 0 0 22px;
    background: url(../img/icons/icon-sprites.png) 0 0 no-repeat;
}
#main .sitemap ul li ul li a {
    font-size: 140%;
    display: block;
    font-weight: normal;
}
#main .sitemap ul li ul li ul li a {
    font-size: 120%;
}
#main .sitemap ul ul {
    padding: 10px 0 0 20px;
    background-position: 0 0;
    margin: 10px 0 0 0;
}
#main .sitemap ul ul ul {
    padding: 10px 0 0 20px;
    background-position: 0 0;
    margin: 10px 0 0 0;
}
#main .sitemap ul ul ul li {
    background: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
#main .sitemap ul ul ul li:last-child,
#main .sitemap ul ul ul li.last-child {
    padding: 3px 0 0;
}
#main .sitemap ul ul ul ul {
    padding: 0 0 0 20px;
    background: none 0 0 no-repeat;
    margin: 0;
}

/* Search Results */
/* Search Results */
#main h2.result {
    margin-bottom: 25px;
    border-top: 4px solid #bfbfbf;
    padding-top: 15px;
    font-size: 160%;
    text-transform: uppercase;
}
.pagination {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.pagination ul {
    text-align: center;
}
.pagination li {
    display: inline-block;
    text-align: center;
    list-style: none;
    font-size: 140%;
}
*+html .pagination li {
    display: inline;
}
.pagination li a,
.pagination li strong {
    display: block;
    padding: 10px 5px;
    font-weight: bold;
    width: 5em;
}
.pagination li strong {
    background: #00549F;
    color: #fff;
}
.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus {
    background-color: #ebebeb;
    text-decoration: none;
}
.pagination .previousfive a,
.pagination .nextfive a {
    background-color: #404040;
    color: #FFFFFF;
    height: 1.1em;
}
.pagination .previousfive a:hover,
.pagination .previousfive a:active,
.pagination .previousfive a:focus,
.pagination .nextfive a:hover,
.pagination .nextfive a:active,
.pagination .nextfive a:focus {
    background-color: #00549F;
}
.pagination .previous,
.pagination .first,
.pagination .previousfive,
.pagination .previousfiveplaceholder,
.pagination .leftplaceholder {
    float: left;
    margin-right: 0.5em;
}
.pagination .previousfiveplaceholder,
.pagination .nextfiveplaceholder,
.pagination .centerplaceholder {

}
.pagination .leftplaceholder,
.pagination .rightplaceholder {


    display: block;
}
.pagination .next,
.pagination .last,
.pagination .nextfive,
.pagination .nextfiveplaceholder,
.pagination .rightplaceholder {
    float: right;
    margin-left: 0.5em;
}
.pagination .previous a,
.pagination .next a,
.pagination .previous span,
.pagination .next span,
.pagination .first a,
.pagination .last a,
.pagination .first span,
.pagination .last span {
    overflow: hidden;
    display: block;
    width: 2.5em;
    height: 2.5em;
    background: #404040 url(../img/icons/icon-sprites.png) 55% -10195px no-repeat;
    padding: 0;
    text-indent: -999em;
}
.pagination .previous a:hover,
.pagination .next a:hover,
.pagination .previous a:active,
.pagination .next a:active,
.pagination .previous a:focus,
.pagination .next a:focus,
.pagination .first a:hover,
.pagination .last a:hover,
.pagination .first a:active,
.pagination .last a:active,
.pagination .first a:focus,
.pagination .last a:focus {
    background-color: #00549F;
}
.pagination .previous span,
.pagination .next span,
.pagination .first span,
.pagination .last span {
    background-color: #bfbfbf;
}
.pagination .next a,
.pagination .next span {
    overflow: hidden;
    background-position: 45% -10395px;
}
.pagination .first a,
.pagination .first span {
    overflow: hidden;
    background-position: 55% -11595px;
}
.pagination .last a,
.pagination .last span {
    overflow: hidden;
    background-position: 45% -11795px;
}
/* Michael Simon A.A. [2014.08.07]: Damit die Links zum Umblaettern (in Listen und Suchen) ab einer gewissen Breite kleiner werden, damit alles in einer Zeile bleibt. */
@media only screen and (max-width: 1036px){
    .pagination li {
        font-size: 110%;
    }

    .pagination .previous a,
    .pagination .next a,
    .pagination .previous span,
    .pagination .next span,
    .pagination .first a,
    .pagination .last a,
    .pagination .first span,
    .pagination .last span {
        width: 2.7em;
        height: 2.9em;
    }

    .pagination .previous a,
    .pagination .previous span {
        overflow: hidden;
        background-position: 55% -10196px;
    }
    .pagination .next a,
    .pagination .next span {
        overflow: hidden;
        background-position: 45% -10396px;
    }
    .pagination .first a,
    .pagination .first span {
        overflow: hidden;
        background-position: 50% -11596px;
    }
    .pagination .last a,
    .pagination .last span {
        overflow: hidden;
        background-position: 55% -11796px;
    }
}
#wrapper .new-search {
    position: relative;
    background: url(../img/bgs/bg-event-search.jpg) 0 0 repeat-x;
    margin: 0 0 40px 0;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index: 2;
}
#wrapper .new-search:hover {
    border: 1px solid #7FA9CF;
}
#wrapper .new-search:focus,
#wrapper .new-search:active {
    border: 1px solid #00549F;
}
#wrapper .new-search input {
    background: url(../img/icons/icon-sprites.png) 15px -1985px no-repeat;
    max-width: 35em;
    width: 85%;
    border: none;
    padding: 14px 10px 14px 55px;
    font-size: 180%;
    font-style: italic;
}
#wrapper .new-search input[type=text]::-ms-clear {
    display: none;
}
#wrapper .new-search input:hover,
#wrapper .new-search input:focus,
#wrapper .new-search input:active {
    border: none;
}
#wrapper .new-search input.button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 30px;
    background: url(../img/icons/icon-sprites.png) -30px -5382px no-repeat;
    padding: 0;
    cursor: pointer;
    text-indent: -9999em;
}
.content-text-box {
    border-top: 4px solid #bfbfbf;
    padding-top: 13px;
}
/* listing (for Events and Search Results) */
/*
.listing {
    clear: both;
}
.listing h3 {
    background: url(../img/icons/icon-sprites.png) 0 -5595px no-repeat;
    padding: 0 0 0 16px;
    font-size: 160%;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.listing h3.js-selected {
    background-position: 0 -5794px;
}
.listing-item {
    overflow: hidden;
    border: 4px solid #e5e5e5;
    margin: 0 0 30px 0;
    padding: 15px 10px;
}
.listing ul {
    background: url(../img/bgs/dotted-line-persona.png) 0 0 repeat-x;
    margin: 25px 0 14px 0;
    padding: 1px 0 0 0;
}
.listing li {
    background: url(../img/bgs/dotted-line-persona.png) 0 100% repeat-x;
    overflow: hidden;
    padding: 10px;
    list-style: none;
    font-size: 100%;
}
*/
/* Michael Simon A.A. [2014.08.07]: Damit bei der Suche die Auflistung besser zusammenrutscht beim Responsive-Design. */
#search-results .listing li {
    position: relative;
}
.listing li.odd {
    background-color: #f5f5f5;
}
.listing li:nth-child(odd) {
    background-color: #f5f5f5;
}
.listing li:nth-child(2n+1):hover,
.listing li:hover {
    background-color: #EAF1F7;
}
.listing li.listheadline,
.listing li.listheadline:hover {
    background-color: #595959;
    color: #FFFFFF;
    font-weight: bold;
}
.listing li span.highlight {
    background: #FFF2BF;
}
.listing li span.date-time {
    float: left;
    font-size: 140%;
}
/* Michael Simon A.A. [2014.08.07]: Damit bei der Suche die Auflistung besser zusammenrutscht beim Responsive-Design. */
.listing .mod li span.date-time {
    width: auto;
    font-size: 120%;
    position: absolute;
    top: 6px;
    right: 6px;
}
.listing li span.date-time span {
    float: none;
    display: block;
    font-size: 100%;
}
.listing li .date-time {
    width: 7.15em; /* 100px */
}
.listing li .date-time span:first-child {
    font-weight: bold;
}
.listing .mod li .date-time span:first-child {
    font-weight: normal;
}
.listing li h2 {
    float: left;
    width: 35%; /* 260px */
    font-size: 150%;
    font-weight: normal;
}
.listing .mod li h2 {
    width: 100%;
    margin-bottom: 5px;
}
.listing li h2 a {
    display: block;
    background: url(../img/icons/icon-sprites.png) 0 1px no-repeat;
    padding-left: 22px;
}
.listing li .location {
    float: left;
    width: 25%; /* 185px */
    font-size: 140%;
}
/* Michael Simon B.B. [2015.03.09]: Um Piktogramme in Auflistungen/Tabellen anzuzeigen. */
.pictograph {
    background-image:   url(../img/icons/pictograph.png);
    display:            inline-block;
    height:             23px;
    width:              23px;
}
.listing li .type {
    float: left;
    width: 25%; /* 135px */
    font-size: 140%;
}
#main .listing li p {
    margin: 0 0 10px 0;
    font-size: 140%;
}
#main .listing li .location p,
#main .dynamicTable td p { /* Michael Simon [2012.04.11]: Zur Korrektur von dynamischen Listen und Tabellen */
    margin: 0;
    padding: 0;
    font-size: 100%;
    float: none;
}

.listing li .listing-breadcrumb {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0;
    border: 1px solid #e5e5e5;
}
.listing li .listing-breadcrumb li {
    float: left;
    background: none;
    border: none;
    padding: 5px;
    font-size: 120%;
}
.listing li .rwth-listing-breadcrumb li {
    float: left;
    background: none;
    border: none;
    padding: 0;
    font-size: 120%;
}
.listing li .listing-breadcrumb li a,
.listing li .listing-breadcrumb li strong {
    background: url(../img/icons/icon-sprites.png) 0 -4197px no-repeat;
    padding-left: 10px;
}
.listing li .listing-breadcrumb li:first-child a,
.listing li .listing-breadcrumb li:first-child strong {
    background: none;
    padding-left: 0;
}
.listing li .listing-breadcrumb li strong {
    font-weight: normal;
}
#main .listing p {
    float: left;
    padding: 3px 0 0 0;
    font-size: 120%;
}
#main .listing p.all {
    float: right;
    padding: 0;
    font-size: 120%;
}
.listing p.all a {
    display: block;
    min-width: 12em;
    background: #e1e1e1 url(../img/icons/icon-sprites.png) 94% -2993px no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 25px 6px 10px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
.listing p.all a:hover,
.listing p.all a:active,
.listing p.all a:focus {
    text-decoration: none;
    color: #fff;
}
/* Listing Overview allgemein */
#overview .listing li h2 {
    float: left;
    max-width: 26em; /* 185px */
}
#overview .listing li h2 a {
    font-weight: bold;
}
#overview .listing li span {
    float: left;
    width: 6em; /* 185px */
    font-size: 140%;
}
#overview .listing p.short-description {
    float: none;
    padding-top: 10px;
}
#overview .listing ul {
    margin-top: 10px;
}
/*
Contact Person Profile
****************************** */
.contact-box {
    clear: both;
    width: 100%;
    overflow: hidden;
    border:  4px solid #BFBFBF;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
}
.contact-box dl {
    overflow: hidden;
    background: url(../img/bgs/border-50.png) 0 100% repeat-x;
}
.contact-box .tel {
    padding-top: 15px;
    padding-bottom: 20px;
}
.contact-box .tel dt {
    float: left;
    height: 37px;
    background: url(../img/icons/icon-sprites-1.png) no-repeat scroll 100% -5000px transparent;
    font-size: 140%;
    width: 20.8em;
}
.contact-box .tel dd {
    font-size: 240%;
    font-weight: bold;
    padding: 2px 0 0 0;
}
.contact-box .fax {
    background: none;
    float: none;
    padding-left: 31px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    margin: 0;
    text-align: left;
    line-height: 100%;
    display: inline-block;
    font-size: 140%;
    background: url(../img/icons/icon-sprites.png) no-repeat 0 -10792px;
}
.contact-box .fax dt {
    float: left;
    height: 23px;
    margin: 0;
    padding: 0;
    width: 15em;
    background: url(../img/icons/icon-sprites-1.png) no-repeat scroll 113% -4800px transparent;
}
.contact-box .fax dd {
    font-size: 140%;
    font-weight: normal;
}
.contact-box .email {
    background: url(../img/icons/icon-sprites.png) no-repeat 0 -4592px;
    float: none;
    padding-left: 31px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    margin: 0;
    text-align: left;
    line-height: 100%;
    display: inline-block;
    font-size: 140%;

}
.contact-box .email dt {
    float: left;
    height: 23px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 23px;
    background: url(../img/icons/icon-sprites.png) no-repeat scroll 0 -4600px transparent;
}
.contact-box .email dd {
    font-size: 140%;
    font-weight: normal;
    width: auto;
    padding-top: 2px;
}
.contact-box .tel dd {
    float: left;
    line-height: 1.3em;
    padding-right: 0;
    width: auto;
}
/* Forms */
/*  #wrapper input:not(.skipInputDefaults *)  */
#wrapper fieldset {
    border: none;
}
#wrapper label {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 2px;
}
#wrapper input,
#wrapper textarea {
    padding: 6px 4px;
    font-family: arial, helvetica, sans-serif;
    font-size: 130%;
    border: 1px solid #CDCDCD;
}
#wrapper input:focus,
#wrapper textarea:focus,
#wrapper input:active,
#wrapper textarea:active {
    border: 1px solid #00549F;
}
#wrapper input:hover,
#wrapper textarea:hover {
    border: 1px solid #7FA9CF;
}
#wrapper .form-row {
    margin-bottom: 11px;
}
#wrapper input.submit {
    float: right;
    overflow:  visible;
    width: auto;
    padding-right: 60px;
    text-transform: uppercase;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    background: #000 url(../img/icons/icon-sprites.png) 93% -2791px no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: default;
}
#wrapper input.submit:hover {
    background-color: #00549F;
    border: none;
}

/*
FAQ
************************ */
/* FAQ Michael Simon [18.01.2012]: Damit FAQ-Boxen nicht unterhalb der Navi angeordnet werden. */

.article-accordion {
    display:block;
    float: right;
    clear: right;
    width: 100%;
    margin-bottom: 25px;
}
.article-accordion .listing-box {
    border: 4px solid #bfbfbf;
    padding:  0 10px 10px 10px;
}
.article-accordion .listing-box h2 {
    color: #000000;
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
}
.article-accordion .listing-item {
    border: none;
    margin: 0;
    padding: 2px 0 1px 0;
    background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
.article-accordion .listing-wrapper {
    border: none;
    padding: 0 0 1px 0;
}
.article-accordion .listing-item:last-child .listing-wrapper {
    background: url(../img/bgs/border-50.png) repeat-x 0 100%;
    padding-bottom: 2px;
}
.article-accordion .listing-item h3 {
    color: #262626;
    font-size: 140%;
    font-weight: bold;
    padding: 10px 0 10px 25px;
    background: url(../img/icons/icon-sprites.png) 8px -5586px no-repeat;
}
.article-accordion .listing-item h3:hover,
.article-accordion .listing-item h3:focus,
.article-accordion .listing-item h3:active {
    outline: none;
    background-color: #EAF1F7;
    cursor: pointer;
}
.article-accordion h3.js-selected {
    background-position: 8px -5786px;
}
#main .article-accordion .listing-wrapper ul {
    margin: 0 0 0 27px;
    padding: 0 0 10px 0;
    background: none;
    list-style: none;
}
#main .article-accordion .listing-wrapper p {
    margin: 0 0 0 27px;
}

#main .article-accordion .listing-wrapper ol,
#main .article-accordion .listing-wrapper ul {
    margin: 0 0 0 27px;
}
#main .article-accordion .listing-wrapper ul li {
    list-style: none outside url(../img/icons/list-image.gif);
    background: none;
    margin: 0 0 8px 17px;
    padding: 0;
}

/* Michael Simon [2012.02.27]: History Carousel in Contentpages */
.text .tw-history .teaser h2 {
    font-size: 140%;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
}
.text .tw-history .teaser h2 a {
    background: url(../img/icons/icon-sprites.png) no-repeat scroll 0 0 transparent;
    color: #00549F;
    display: block;
    padding-left: 22px;
}
.text .tw-history {
    /*max-width: 64.2em;*/
    display: block;
}
.js-off .text .tw-history .teaser.year {
    margin-right: 12px !important;
    clear: left;
    float: left !important;
}

/* Carousel on Article */
.text .teaser-wrapper {
    margin: 0 0 40px 0;
    border: 4px solid #bfbfbf;
    padding: 2.5em 4em 2.5em 4em;
}
.js-off .text .teaser-wrapper {
    overflow: hidden;
}
.text .teaser-wrapper h5 {
    margin: 0 0 15px 0;
    font-size: 160%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.text .teaser-wrapper h5 a {
    color: #333;
}
a.image { /* Selector from active web */
    display: block;
    width: 14em;
    text-align: center;
    height: 10.5em;
    background-color: #E1E1E1;
}

/* ************************
Small Window */
.smaller-than-800 #nav-global {
    margin-top: 0;
}
/* tables */
/* Michael Simon A.A. [2014.07.18]: Unsere alten CSS-Selectoren für Tablesorter griffen nicht mehr und mussten aktualisiert werden. */
table thead tr .header,
table thead tr .tablesorter-header {
background-image: url(/custom/rwth/img/tablesorter/bg.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    cursor: pointer !important;
}
table thead tr .headerSortUp,
table thead tr .tablesorter-headerAsc {
background-image: url(/custom/rwth/img/tablesorter/asc.gif) !important;
}
table thead tr .headerSortDown,
table thead tr .tablesorter-headerDesc {
background-image: url(/custom/rwth/img/tablesorter/desc.gif) !important;
}

.nav-back-button {
    margin-bottom: 20px;
}
.nav-back-button a {
    background: #ccc url(../img/icons/icon-sprites.png) 8px -5187px no-repeat;
    padding: 11px 10px 11px 28px;
    color: #333333;
    font-size: 120%;
    display: block;
    font-weight: bold;
}

/* Redjard 2020-02-06 - adding some missing styles used by TYPO3 internal rich-text editor */
.align-center{
    text-align: center;
}
.csc-textpic-intext-left>.csc-textpic-imagewrap{
    float: left;
    margin: 10px;
}
.csc-textpic-intext-right>.csc-textpic-imagewrap{
    float: right;
    margin: 10px;
}
.csc-textpic-intext-left-nowrap>.csc-textpic-imagewrap{
    float: left;
}
.csc-textpic-intext-right-nowrap>.csc-textpic-imagewrap{
    float: right;
}
.csc-textpic-imagerow{
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}


.flexColumns {
    display: flex;
    padding: 5px;
}
.flexColumns > * {
    flex: 1 1 0;
    padding: 10px;
}
#locationTeaser {
    background-color: rgba(0,0,0,0.2);
    height: min-content;
    border-radius: 15px;
    transition: background 0.2s cubic-bezier(.75,.25,.25,.75);
}
#locationTeaser:hover {
    background-color: rgba(0,0,0,0.3);
}
#locationTeaser a {
    text-decoration: none;
    color: unset;
}











/* Redjard 2021-02-13 - migrating from CSS styled content to Fluid Styled Content messed up Links */
.ce-uploads > li * {
  display: inline;
}

#navigator .navigator-content {
  transition: max-height 0.4s ease;
  max-height: 0;
}
#navigator.expanded .navigator-content {
  max-height: 550px; /* unfortunate solution, increase if this gets a lot taller */
  /* TODO: does get a lot taller on mobile, who could have known */
}
#navigator .close{
  transition: opacity 0.4s ease;
}
#navigator:not(.expanded) .close{
  pointer-events: none;
  opacity: 0;
}

/* ############################# */
/* ###                       ### */
/* ###    General Utility    ### */
/* ###                       ### */
/* ############################# */

/* Recreated the shitty old striped backgrounds made of tiled pictures with this new hotness */
.color-1 {
  background: repeating-linear-gradient( -45deg, #D01733, #D01733 1px, #D9455B 1px, #D9455B 4.25px );
}
.color-2 {
  background: repeating-linear-gradient( -45deg, #FFE16A, #FFE16A 1px, #FFF6D0 1px, #FFF6D0 4.25px );
  color: #333;
}
.color-3 {
  background: repeating-linear-gradient( -45deg, #FF9E0D, #FF9E0D 1px, #FFB13D 1px, #FFB13D 4.25px );
  color: #000;
}
.color-4 {
  background: repeating-linear-gradient( -45deg, #58D017, #58D017 1px, #79D945 1px, #79D945 4.25px );
  color: #000;
}

/* ######################################################### */
/* ###                                                   ### */
/* ###    Support for Typo3s native Image style stuff    ### */
/* ###                                                   ### */
/* ######################################################### */

/* Alignment */
.ce-left .ce-gallery {
  float: left;
}
.ce-right .ce-gallery {
  float: right;
}

.ce-center.ce-above .ce-gallery,
.ce-center.ce-below .ce-gallery {
  display: flex;
  justify-content: center;
}

/* Max Image Size for Floats*/
.ce-intext .ce-gallery {
  max-width: 50%;
}
.ce-intext img {
  max-width: 100%;
  height: auto;
}

/* Make rows rowy */
.ce-gallery .ce-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Spacing */
#main figure.image img {
  padding: 5px;
}
#main figcaption {
  margin: 0px 5px;
  padding: 0px 5px 5px 5px;
}
.ce-left .ce-gallery {
  margin-right: 15px;
}
.ce-right .ce-gallery {
  margin-left: 15px;
}

/* caption alignment */
#main figure.image {
  display: table;
}
#main figure.image figcaption {
  display: table-caption;
  caption-side: bottom;
}

/* Caption text */
#main figcaption {
  font-size: 120%;
}

/* Border (mainly for caption) */
.ce-intext .ce-gallery.ce-border,
.ce-gallery.ce-border .ce-outer {
  border: 1px solid #e6e6e6;
  margin-bottom: 2px; /* so borders look nice when floating images touch */
}



/* #################################### */
/* ###                              ### */
/* ###    upper part of homepage    ### */
/* ###                              ### */
/* #################################### */

#faculty-stage {
  margin: 0 auto;
  padding: 20px;
  
  /* TODO: magic numbers here */
  width: 98em;
  height: 410px;
  
  display: flex;
}


/* ####################################### */
/* ###  Rotating pictures on homepage  ### */
/* ####################################### */

#stage {
  width: 100%;
  height: 100%;
  margin-right: 28px;
}
/* #########   Overlay buttons and teaserscroll   ######### */
#stage {
  position: relative;
  
  border: solid #000 1px;
}
#stage #scrollManager {
  position: absolute;
  width: 100%;
  height: 100%;
}
#stage #teaserscroll {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ###### Buttons to scroll through the pictures ###### */
#stage #scrollManager {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#stage #scrollManager .scrollButton {
  z-index: 1;
  cursor: pointer;
  width: 64px;
  height: 64px;
  background:
    rgba(0, 0, 0, 0.8)
    url(../img/icons/teaser-wrapper-small-sprite.png)
    50%
    no-repeat;
}
#stage #scrollManager .scrollButton.prev {
  background-position-y: 10px;
}
#stage #scrollManager .scrollButton.next {
  background-position-y: -188px;
}
#stage #scrollManager .scrollButton:hover,
#stage #scrollManager .scrollButton:active,
#stage #scrollManager .scrollButton:focus {
  background-color: #00539F;
}

/* ###### horizontal row of all teasers ###### */
#stage #teaserscroll {
  display: flex;
  overflow: hidden;
}

/* ###### individual teaser ###### */
/* ### overlay of image and link section ### */
#stage .teaser {
  position: relative;
  min-width: 100%;
}

/* Image */
#stage .teaser img {
  position: absolute; /* overlay image with link section */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* *** Homepage Teaser Links *** */
/* name part (e.g. "Numerische Strömungsmechanik") on top of the lower part of the picture */
#stage .teaser-link {
  position: absolute; /* overlay image with link section */
  bottom: 0;
  padding: 25px;
  font-size: 350%;
  
  display: flex;   /* redjard 2024-01-23 */
  align-items: center;
}

#stage .teaser-link a.name {
  color: #FFF;
  
  font-weight: normal;
  word-break: break-word;
  
  --shadow-color: #000;
  --shadow-size: 6px;
  text-shadow: 
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color),
    0 0 var(--shadow-size) var(--shadow-color);
}
#stage .teaser-link a.name:hover,
#stage .teaser-link a.name:active,
#stage .teaser-link a.name:focus {
  text-decoration: underline dotted 2px;
}

/* more button */
#stage .teaser-link a.more {
  display: inline-block;
  text-align: center;
  vertical-align: 45%;
  margin-left: 20px;
  padding: 6px 20px 6px 10px;
  min-width: 60px;
  line-height: 1.5em;
  
  color: #FFF;
  
  text-transform: uppercase;
  font-size: 30%;
  font-weight: bold;
  
  background: #000 url(../img/icons/icon-sprites.png) 83% -2792px no-repeat;
  border-radius: 5px;
  
  height: 100%;  /* redjard 2024-01-23 */
}
#stage .teaser-link a.more:hover,
#stage .teaser-link a.more:active,
#stage .teaser-link a.more:focus {
  color: #000;
  background-color: #FFF;
  background-position-y: -2992px;
  text-decoration: none;
}


/* ################################# */
/* ###  Quick links on homepage  ### */
/* ################################# */

#quick-access {
  /* TODO: magic numbers here */
  width: 224px;
  min-width: 224px;
  max-width: 224px;
  
  background: #FFFFD9;
  
  font-size: 140%;
}

#quick-access h6 {
  padding: 20px 10px;
  background: #FFEF58;
  font-size: 128.571428571%;
  text-align: center;
  margin-bottom: 14px;
}

#quick-access a {
  display: block;
  
  margin: 0 5px;
  padding: 11px 0;
  
  color: #000;
  
  /* internal link arrows */
  background: url(../img/icons/icon-sprites.png) no-repeat 5px -788px;
  padding-left: 27px;
  
  border-top: dotted 1px rgba(0,0,0,0.5)
}
#quick-access a:last-child {
  border-bottom: dotted 1px rgba(0,0,0,0.5)
}

#quick-access a:hover,
#quick-access a:focus,
#quick-access a:active {
  background-color: #E5E1BE;
  text-decoration: none;
}



/* Teaser
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Latest (Veranstaltungen und News) */


#news {
  overflow: hidden;
}

/* The 'Neuigkeiten' header on top of news column */
#news .teaser-title,
#locationTeaser .teaser-title{
  padding: 15px 0;
  font-size: 160%;
  text-transform: uppercase;
}

#news .news-element {
  font-size: 140%;
  line-height: 130%;
  border-top: 1px dotted rgba(0,0,0,0.5);
  padding: 11px 0;
  /* min-height: 65px; */
}

#news .news-element .date {
  padding: 0 0 4px 0;
  font-size: 86%;
}
#news .news-element a {
  display: inline-block;
  background: url(../img/icons/icon-sprites.png) 0 3px no-repeat;
  padding-left: 20px;
  margin-bottom: 0.5em;
}


/* ######################################## */
/* ###  General text formating classes  ### */
/* ######################################## */


.u {
  text-decoration: underline;
}


/* ######################################### */
/* ###  General style formating classes  ### */
/* ######################################### */


.hide {
  display: none !important;
}

.row {
  display: flex;
  flex-direction: row;
}
.col {
  display: flex;
  flex-direction: column;
}
.wrap {
  flex-wrap: wrap;
}
.fill {
  flex-grow: 1;
}
.flex-even > * {
  flex-grow: 1;
  flex-basis: 0;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hcenter {
  display: flex;
  justify-content: center;
}
.vcenter {
  display: flex;
  align-items: center;
}

#section-header {
    position: relative;
    margin: 0 auto;
    padding: 0 3.8em;
}
#section-header {
    max-width: 94.5em;
}


.button1{
  display: block;
  cursor: pointer;
  height: min-content;
  background: rgba(255,255,255,0.25);
  transition: background .2s;
  padding: 8px;
  border-radius: 5px;
  margin: 5px;
}
.button1:hover{
  background: rgba(255,255,255,0.5);
}
a.button1 {
  color: inherit;
  text-decoration: none !important;
}

.vl_table a:not(:hover), .vl_table a:hover {
  color: unset;
  text-decoration: unset;
}


/* VLUEB stack */
table[index] {
    --textinput-minwidth: 15em;
}

/* VLUEB table */
#datatable {
    --textinput-minwidth: 5em;
}





.inlineElemShield {
  overflow: hidden;
  word-break: break-word;
}
.inlineElemShield,
.mce-content-body {
  font-size: 1.0rem;
}
.mce-content-body {
  min-width: 2em;
}

/*<?php // !! this should not be visible, it should get executed as php code !!
if ( ecf::editorMode() ) {
echo "*/
.inlineElemShield {
  cursor: initial;  /* if we are in a link for example */
  pointer-events: all;
}
/*";} // !! this should not be visible, it should get executed as php code !!
?>*/

.bgstripes {
  border-image: repeating-linear-gradient( 135deg, var(--bgstripes-color_1) 0px, var(--bgstripes-color_1) var(--bgstripes-dash_size), var(--bgstripes-color_2) var(--bgstripes-dash_size), var(--bgstripes-color_2) calc(var(--bgstripes-dash_size) * 2));
  border-image-slice: var(--bgstripes-border_size);
  /*border-image-width: calc( var(--bgstripes-border_size) *1px) calc( var(--bgstripes-border_size) *1px);*/
  border-width: calc( var(--bgstripes-border_size) *1px);
  border-style: solid;
}

.ecf_bgstripes {
    --bgstripes-border_size: 3;
  --bgstripes-dash_size: 10px;
  --bgstripes-color_1: #f0f;
  --bgstripes-color_2: #0f0;
  margin: calc( var(--bgstripes-border_size) * -1.5px);
  padding: calc( var(--bgstripes-border_size) *.5px);
}


.inline_editable_image {
  position: relative;
  height: 100%;
}
.horizontal_image_gallery .inline_editable_image {
  height: auto;
}
.inline_editable_image img {
  display: block;
}
.eimg_input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;  /* if we are in a link for example */
}
.eimg_input > * {
  background: #888b;
}
.eimg_input input {
  display: none;
/*  font-size: inherit;*/
/*  padding: 1rem;*/
/*  font-size: 1.2rem;*/
}
.eimg_input label {
  display: block;
  padding: 1rem;
/*  padding-bottom: 0;*/
/*  margin-bottom: -0.5rem;*/
  font-size: 1.0rem;
}