/** {
margin: 0;
padding: 0;
} */
body {
font: 62.5% arial, helvetica, sans-serif;
color: #333;
background: #e5e5e5;
}
.onlyforprinting {
display: none;
}
/* LINKS */
a.hiddenmark {
display: block; 
float: left; 
height: 0;
}
/* Michael Simon [2012.11.02]: Links fuer die Gebaerdensprache */
a.gebaerdensprache {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/hand-button.png);
display: block;
float: left;
height: 32px;
margin-right: 0.4em;
margin-top: 4px;
text-indent: -9999px;
width: 32px;
}
a.gebaerdensprache:hover,
a.gebaerdensprache:active,
a.gebaerdensprache:focus {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/hand-button-hover.png);
}
a[href] {
color: #00529F;
text-decoration: none;
}
a[href]:hover,
a[href]:active,
a[href]:focus {
text-decoration: underline;
}
a:visited {
/*color: #00529F;*/
}
a.intranet {
display: inline;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -24800px no-repeat;
padding-left: 17px;
}
a.internal {
display: inline;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
padding-left: 17px;
}
a.external {
display: inline;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -11200px no-repeat;
padding-left: 17px;
}
a.download {
display: inline;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -21000px no-repeat;
padding-left: 17px;
}
a.download em {
font-style: normal;
color: #333333;
background: none;
}
a.email {
display: inline;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -24400px no-repeat;
padding-left: 17px;
}
th a.intranet {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -24600px no-repeat;
color: #fff;
}
th a.internal {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -19800px no-repeat;
color: #fff;
}
th a.external {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -20000px no-repeat;
color: #fff;
}
th a.download {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -20200px no-repeat;
color: #fff;
}
th a.email {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -20800px no-repeat;
color: #fff;
}
.listing span a.sortable {
color: #fff;
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/tablesorter/bg.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right: 20px;
}
.listing span a.sortasc {
color: #fff;
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/tablesorter/asc.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right: 20px;
}
.listing span a.sortdesc {
color: #fff;
background-image: url(https://www.rwth-aachen.de/custom/rwth/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;
}


#main dd > p,
#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%;
}







/* 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;
}







table thead th.sortableColumn {
background-image: url(https://www.rwth-aachen.de/custom/rwth/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,
#events .event-search label,
#wrapper .new-search label,
.listing label,
#filter fieldset.date label,
.pagination em,
.pagination h3,
.vcard div h3,
.vcard .type,
#home h1 {
display: block;
position: absolute;
overflow: hidden;
left: -9999px;
width: 1px;
height: 1px;
}
.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,
#wrapper-3:after,
#breadcrumb:after,
#breadcrumb ol:after,
#article-functions:after,
#article-functions ul:after,
#site-info #site-info-inner:after,
#wrapper .form-button:after,
.article-functions .section ul:after,
.teaser-row:after,
.two-column-box:after,
span.caption-wrapper:after,
#filter label:after,
#faculty-stage:after,
.teaser-row:after,
#branding-inner:after,
#home .teaser-row .teaser .teaser-box:after,
#main .text .more-box ul li:after,
#main .text dl:after,
.contact-person .contact-box:after,
.gallery .multimedia-description:after,
.contact-person #main .vcard .contact-box .tel:after,
.contact-person .contact-box:after,
.text-media-block:after,
#main .text .profile dl:after,
.listing ul:after {
content: " ";
display: block;
clear: both;
}
/* GRID / LAYOUT */
#wrapper {
background: #fff;
margin: 0 auto;
max-width: 123.7em;
min-width: auto;
}
#logo {
margin-top: -40px;
width: 22.4em;
}
.division #logo {


width: 44.8em;
}
/*
#logo img {












width: 22.4em;
}*/
.division #logo img {








height: 11.2em;
width: 44.8em;
}
#logo-extension {
position: absolute;
top: 6em;
left: 24.2em;
}
.division #logo-extension {


left: 46.6em;
}
#logo-extension em {
display: block;
width: 25em;
font-size: 160%;
color: #464646;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
.division #logo-extension em {
width: 27em;
}
#branding-inner,
#navigator-inner,
#persona ol,
.persona-group,
#site-info-inner,
#section-header,
#persona-search {
position: relative;
max-width: 98em;
margin: 0 auto;
}
#site-info-inner {
position: relative;
max-width: 103em;
margin: 0 auto;
}
.site-navigation-box {
max-width: 98em;
margin: 0 auto;
}
#breadcrumb {
position: relative;
z-index: 1;
width: 87em; /* Längerer Breadcrumb */
float: left;
}
#breadcrumb ol {
position: relative;
}
#stage,
#persona {
clear: both;
position: relative;
max-width: 128em;
margin: 0 auto;
}
#navigator {
position: absolute;
top: 0;
width: 100%;
max-width: 128em;
}
#search-box {
position: absolute;
top: 8px;
right: 0;
}
#nav-meta {
position: absolute;
top: 5em;
right: 0;
z-index: 1;
}
.em-increased-3 #nav-meta {
top: 3.6em;
}
#wrapper-2 {
width: 98em;
margin: 0 auto 0 auto;
border-top: 4px solid #000;
padding: 20px 0 0 0;
}
#search-results #wrapper-2 {
padding-left: 24em;
width: 74em;
}
#wrapper-3 {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-vertical.gif) repeat-y 23.6em 100%;
}
.col #wrapper-3,
.single-page #wrapper-3,
#event-overview #wrapper-3,
#gallery-overview #wrapper-3,
#search-results #wrapper-3 {
background: none;
}
#nav {
float: left;
width: 22.3em;
padding: 0 1.4em 0 0;
}
#search-results #nav {
margin-left: -24em;
}
#main {
margin-left: 23.7em;
padding: 0 0 0 1.4em;
}
#search-results #main {
margin-left: 0;
padding: 0;
float: left;
position: relative;
width: 100%;
}
.col #main {
margin-left: 0;
padding: 0;
}
#article-functions .af-box {
position: relative;
max-width: 98em;
margin: 0 auto;
}
/* BRANDING */
#branding {
border-top: 40px solid #000;
background: #F7F7F7;
}
.faculty #branding {
border-top: 40px solid #000;
background: #F7F7F7;
}
.division #branding {
background: #EEEEEE;
}
#logo span {
display: block;
}
#logo span {
display: block;
width: 22.4em;
}
/* Formulare */
.form-wrapper div.size0 {
width: 64.2em;
}
.form-wrapper div.size1 {
clear: none;
float: left;
margin-right: 2.2em;
width: 47.6em;
}
.form-wrapper div.size2 {
clear: none;
float: left;
margin-right: 2.2em;
width: 31em;
}
.form-wrapper div.size3 {
clear: none;
float: left;
margin-right: 2.2em;
width: 14.4em;
}
/* Search */
#branding #search-box {
z-index: 2;
}
#branding #search-box input {
background: #666 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 4px -1596px no-repeat;
border: 0;
padding: 4px 20px 4px 30px;
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
border: none;
}
#branding #search-box input:focus {
background-color: #777;
}
#branding #search-box input.button {
background: transparent url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 4px -2191px no-repeat;
width: 10px;
position: absolute;
right: 5px;
top: 0;
padding: 3px 0;
text-indent: -9999em;
cursor: pointer;
border:  none;
}
#branding #search-box input.button:hover,
#branding #search-box input.button:focus {
background-position: 4px -2391px;
}
/* Auto Complete */

ul.ui-autocomplete {
position: absolute;
margin: 0;
cursor: default;
list-style: none;
/*border: 4px solid rgb(61,123,180);*/
/*background: rgb(26, 101, 169);*/
background:	#ffffff;
font-size: 14px;
width:300px;
font-weight: bold;
}
ul.ac-default {
width: 500px;
min-height: 142px;
max-height: 450px;
overflow-y: auto;
}
ul.ac-extended {
border-color: #777777;
width: 470px;
background-color: #fff;
}
ul.ac-extended.main-search {
width: 56.805em;
border: 1px solid #ccc;
padding-top: 20px;
border-top: none;
border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
padding-bottom: 10px;
}
ul.ui-autocomplete li {
/*background: rgb(26, 101, 169) url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-navigator.png) 0 0 repeat-x;*/

}
ul.ac-extended li {
background-color: transparent;
background-image: none;
}
ul.ac-extended h3 {
padding: 8px;
}
ul.ac-extended ul {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*background-color: #f0f0f0;*/
background-color: #D0EFA0;
list-style: none;
}
ul.ac-extended ul li {
border-top: 1px dotted #ccc;
background: none;
padding: 5px 0;
}
ul.ac-extended ul li:first-child {
border-top: none;
}
ul.ui-autocomplete li.ui-state-hover {
/*background-color: #0D5DA4;*/
background: #D0EFA0;
}
ul.ui-autocomplete li li.ui-state-hover {
/*background-color: transparent;*/
background-color: #D0EFA0;
}
ul.ui-autocomplete li:first-child {
background-color: #D0EFA0;
}
ul.ui-autocomplete a {
display: block;
/*background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 20px 8px transparent;*/
padding: 7px 20px 7px 45px;


}
ul.ui-autocomplete .ac-date a {
padding-top: 3px;
background-position: 20px 4px;
background-color: #D0EFA0;
}
ul.ac-default a {
color: white;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 6px -987px no-repeat;
padding: 12px 20px 12px 30px;
}
ul.ui-autocomplete a span {
background-color: rgb(255,242,190);
color: black;
}
ul.ui-autocomplete span.date {
padding-left: 20px;
display: block;
padding-top: 4px;
color: #666;
}
ul.ui-autocomplete .ac-date_extended li {
overflow: hidden;
}
ul.ui-autocomplete .ac-date_extended a {
background-image: none;
}
ul.ui-autocomplete .ac-date_extended span.date {
float: left;
width: 54px;
height: 44px;
border: 2px solid #ccc;
color: black;
text-transform: uppercase;
padding: 10px 0 0;
text-align: center;
margin-left: 20px;
margin-right: 15px;
}
ul.ac-extended a.submit {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 94% -2993px #E1E1E1;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black;
cursor: pointer;
display: block;
float: right;
font-size: 85%;
font-weight: bold;
margin: 7px;
min-width: 200px;
padding: 6px 25px 6px 10px;
text-transform: uppercase;
}
ul.ac-extended a.submit:hover,
ul.ac-extended a.submit:focus {
text-decoration: none;
}
ul.ui-autocomplete .ui-state-hover a {
cursor: pointer;
text-decoration: none;
}

/* ALL NAVIGATIONS incl. Flyouts */
/* Main Navigation */
#nav-global {
margin-top: -30px;
background: #F7F7F7;
}
.division #nav-global {
background: #EEEEEE;
margin-top: 0;
padding-top: 5px;
}
#nav-global.has-subnav {
border-bottom: 1px solid #E5E5E5;
}
.division #nav-global.has-subnav {
border-bottom: 0 hidden #FFFFFF;
}
.nav-global-inner {
position: relative;
background: #FFFFFF;
}
.has-subnav .nav-global-inner {
padding-bottom: 5em;
}
#home .nav-global-inner {
padding-bottom: 0;
}
#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;
margin: 0 auto;
}
.nav-global-subnav {
background: #fff;
position: absolute;
bottom: 0;
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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 100% -3164px no-repeat;
padding: 28px 30px 30px 20px;
color: #333;
}
.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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 86% -23764px no-repeat;
color: #fff;
}
/* menu */
#nav-global .nav-global-item {
width: 100%;
}
#nav-global.has-subnav .nav-global-item,
#home.faculty .nav-global-item {
border-bottom: 1px solid #E5E5E5;
top: 0;
}
#nav-global .menu {
padding: 15px 0 0 0;
margin-bottom: -3em;
/*min-height: 13em;*/
}
#nav-global .menu h3 {
border-bottom: 4px solid #000;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
font-size: 300%;
font-weight: normal;
text-transform: none;
}
#nav-global .menu .overview {
float: left;
width: 22.9em;
margin-bottom: 15px;
}
#nav-global .menu .overview p {
font-size: 140%;
font-weight: normal;
text-transform: none;
line-height: 1.4em;
}
#nav-global .menu .overview .more {
position: static;
height: auto;
width: 18em;
font-size: 100%;
margin: 0;
font-style: normal;
}
#nav-global .menu .overview .more a {
display: block;
color: #fff;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2791px no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 86%;
font-weight: bold;
padding: 6px 25px 6px 8px;
text-transform: uppercase;
}
#nav-global .menu .overview .more a:hover,
#nav-global .menu .overview .more a:active,
#nav-global .menu .overview .more a:focus {
background-color: #00549f;
text-decoration: none;
}
#nav-global .menu .menu-list-box {
float: right;
clear: right;
width: 100%;
border-left: medium none;
padding: 0 0 0 2px;
}
#nav-global .menu .menu-list {
display: inline-block;
width: 18.3em;
margin: 0 0 6em 0;
padding: 0 0.5em;
vertical-align: top;
}
#nav-global .menu .menu-list h4 {
padding: 0 0 14px 0;
font-size: 160%;
text-transform: none;
}
#nav-global .menu .menu-list h4 a {
padding: 0;
font-size: 100%;
margin: 0;
background: none;
color: #00549F;
}
#nav-global .menu .menu-list h4 a:hover,
#nav-global .menu .menu-list h4 a:focus,
#nav-global .menu .menu-list h4 a:active {
text-decoration: underline;
}
#nav-global .menu .menu-list ul {
position: relative;
top: auto;
left: auto;
right: auto;
float: none;
width: auto;
padding-top: 1px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) repeat-x 0 0;
}
#nav-global .menu .menu-list ul li {
display: block;
float: none;
margin: 0;
padding: 1px 0 2px 0;
font-size: 130%;
line-height: 1.6em;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) repeat-x 0 100%;
}
#nav-global .menu .menu-list ul li a {
display: block;
padding: 7px 0 7px 25px;
color: #00529F;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px 10px
}
#nav-global .menu .menu-list ul li a:hover,
#nav-global .menu .menu-list ul li a:active,
#nav-global .menu .menu-list ul li a:focus {
background-color: #E5EEF5;
text-decoration: none;
}
.js-off #nav-global .menu .close {
display: none;
}
#nav-global .menu .close {
position: absolute;
top: 25px;
right: 0;
background: #f2f2f2 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 87% -1192px no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px 25px 6px 8px;
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
color: #333;
}
#nav-global .menu .close:hover,
#nav-global .menu .close:active,
#nav-global .menu .close:focus {
color: #fff;
background: #00529F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 87% -1392px no-repeat;
text-decoration: none;
}
/* 2nd level */
.nav-global-subnav li {
float: left;
margin: 0;
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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px -6782px;
}
#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, #nav ul li.open li.open a {
font-size: 140%;
color: #333333;
font-weight: bold;
padding-left: 17px;
background: #eee url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px -6982px;
}
#nav ul li.open ul {
padding-top: 1px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 0;
}
#nav ul li.open ul ul {
background: none repeat scroll 0 0 transparent;
}
#nav ul li.open ul li {
margin-left: 20px;
}
#nav ul li.open ul ul li {
/*	margin-left: 40px; */
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px -7382px;
}
/* Navigator  */
#navigator {
background: #00539f;
color: #fff;
}
#navigator h2 {
font-size: 100%;
position: absolute;
bottom: -40px;
height: 40px;
left: 22.4em;
font-size: 100%;
padding: 0;
}
.division #navigator h2 {


left: 44.8em;
}
#navigator h2 a {
display: block;
font-size: 100%;
text-transform: uppercase;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/fakultaeten-bg.png) 100% 0 no-repeat;
padding: 0;
font-weight: bold;
}
#navigator h2 a span {
display: block;
padding: 12px 45px 12px 20px;
font-size: 120%;
text-transform: uppercase;
}
.js-on #navigator h2 a span {
display: block;
padding: 12px 35px 12px 20px;
font-size: 120%;
text-transform: uppercase;
color: #fff;
font-weight: bold;
}
#navigator h2 a:hover,
#navigator h2 a:active,
#navigator h2 a:focus {
cursor: pointer;
text-decoration: none;
background-position: 100% -200px;
}
#navigator h2 a.js-selected {
background-position: 100% -400px;
}
#navigator h2 a.js-selected:hover,
#navigator h2 a.js-selected:active,
#navigator h2 a.js-selected:focus {
background-position: 100% -600px;
}
.navigator-content {
display: none;
overflow: hidden;
}
.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(https://www.rwth-aachen.de/custom/rwth/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.4em;
}
#navigator .col-2 {
width: 47.8em;
border-left: 1px solid #276ba8;
border-right: 1px solid #276ba8;
margin: 0 12px 20px 12px;
padding: 0 12px;
}
#navigator h3 {
padding: 0 0 18px 0;
font-size: 160%;
text-transform: uppercase;
}
#navigator ul {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-navigator.png) 0 100% repeat-x;
}
#navigator li {
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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;
}
/* Persona  */
#persona {
position: relative;
margin-top: -3px;
padding: 0 0 40px 0;
}
.persona-toc {
overflow: hidden;
background: #fff059;
}
#persona ol {
list-style: none;
}
#persona ol li {
float: left;
margin: 0 2px 0 0;
font-size: 150%;
}
#persona ol li a { /* item-1 */
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/persona.png) 50% 25px no-repeat;
padding: 60px 15px 20px 15px;
color: #000;
}
#persona ol li.item-2 a {
background-position: 50% -125px;
}
#persona ol li.item-3 a {
background-position: 50% -275px;
}
#persona ol li.item-4 a {
background-position: 50% -425px;
}
#persona ol li a:hover,
#persona ol li a:active,
#persona ol li a:focus,
#persona ol li a.js-selected {
background-color: #fffbd5;
cursor: pointer;
text-decoration: none;
}
#persona ol li a.ui-disabled {
cursor: default;
}
.persona-inner {
background: #fffbd5;
}
.persona-group {
clear: both;
overflow: hidden;
}
.persona-item {
float: left;
max-width: 98em;
padding: 30px 0;
}
.persona-item .overview {
float: left;
width: 23em;
}
.persona-item .overview p {
font-size: 140%;
line-height: 1.3em;
color: #333;
}
.persona-item .overview .more {
display: block;
margin: 25px 0 0 0;
font-style: normal;
}
.persona-item .overview .more a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-white.png) no-repeat scroll 94% 50% #000;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
line-height: 1.2em;
font-size: 120%;
padding: 6px 25px 6px 10px;
}
.persona-item .overview .more a:hover,
.persona-item .overview .more a:active,
.persona-item .overview .more a:focus {
background-color: #00539F;
text-decoration: none;
}
.persona-item ul {
float: left;
width: 75em;
margin: 0 0 25px 0;
list-style: none;
}
.persona-item li {
display: inline-block;
width: 22.4em;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 100% repeat-x;
margin-left: 23px;
}
.persona-item li a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -788px no-repeat;
padding: 12px 0 12px 27px;
margin: 1px 0 2px 0;
font-size: 140%;
color: #333;
}
.persona-item li a:hover,
.persona-item li a:focus,
.persona-item li a:active {
text-decoration: none;
background: #E3DFBC url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -788px no-repeat;
}
.persona-item .close {
clear: both;
float: right;
background: #d8d5b6 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 87% -1192px no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px 25px 6px 8px;
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
color: #000;
}
.persona-item .close:hover,
.persona-item .close:active,
.persona-item .close:focus {
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 87% -1392px no-repeat;
color: #fff;
text-decoration: none;
}
/* Persona-Search */
#persona-search form {
position: absolute;
right: 0;
top: -6.5em;
}
.js-on #persona-search .button {
display: none;
}
#persona-search select,
.contact select {
min-width: 224px;
}
#persona-search select.a11y-hidden,
.contact select.a11y-hidden {
visibility: hidden;
height: 0%;
}
#persona-search .combobox,
.contact .combobox {
position: relative;
display: inline;
padding: 0;
cursor: pointer;
outline: none;
}
#persona-search .combobox input,
.contact .combobox input {
background: #fff;
border-right: 1px solid #D9CB4B;
border-bottom: 1px solid #D9CB4B;
margin: 0;
padding: 4px 30px 4px 8px;
cursor: pointer;
font-size: 150%;
font-style: italic;
color: #333;
}
.contact .combobox input {
font-style: normal;
}
*+html #persona-search .combobox input {
min-width: 184px;
}
#persona-search .combobox span,
.contact .combobox span {
position: absolute;
right: 4px;
top: -1px;
width: 16px;
height: 25px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 113% -3187px no-repeat;
font-size: 180%;
line-height: 1.7em;
text-indent: -9999em;
}
.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 div.datalist-box,
.datalist-contact div.datalist-box {
zoom: 1; /* IE6 & IE 7 hover-bug */
}
.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(https://www.rwth-aachen.de/custom/rwth/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: 140%;
font-weight: normal;
padding-left: 10px;
margin-right: 10px;
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -3795px no-repeat;
margin: 0 0 10px 0;
padding-left: 16px;
font-size: 140%;
}
#filter h3.collapsed {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -23596px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -23000px no-repeat;
margin: 3px 0 0 0;
padding: 0 0 0 22px;



font-size: 120%;
color: #00529F;
font-weight: bold;
}
#filter .entries .less {
background-position: 0 -23200px;
}
#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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 7px no-repeat;
padding: 7px 10px 6px 21px;
color: #00529F;
}
#filter .filter-box li a:hover,
#filter .filter-box li a:active,
#filter .filter-box li a:focus {
background: #fff url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 7px no-repeat;
text-decoration: underline;
color: #00529F;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 6px -12744px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 100% -22391px no-repeat;
border: 1px solid #d7d7d7;
margin: 0 12px 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px 29px 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 div.datalist-box {
zoom: 1; /* IE6 & IE 7 hover-bug */
}
.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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -23400px no-repeat;
margin: 0 0 5px 0;
padding: 0 0 0 22px;
font-size: 140%;
color: #00529F;
font-weight: normal;
}
#wrapper #filter .entries strong {
font-weight: normal;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon_radio.png) no-repeat scroll 0 -100px transparent;
padding-left: 23px;
}
.ui-helper-hidden-accessible {
position: absolute;
left: -999em;
}
*+ html #wrapper #filter .ui-helper-hidden-accessible {
position: static;
top: 0;
margin-left: -9999em;
}
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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon_radio.png) 0 0 no-repeat;
}
span.ui-radio-hover,
span.ui-radio-state-checked {
background: url(https://www.rwth-aachen.de/custom/rwth/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;
}
.text h3 {
color: #262626;
font-weight: normal;
font-size: 200%;
padding: 0 0 8px 0;
}
.text em {
/*	background: #FFF2BF; */
font-style: normal;
}
h1 {
color: #262626;
font-size: 400%;
font-weight: normal;
margin-bottom: 38px;
}
#main p {
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;
}
#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 0;
color: #fff;
font-weight: bold;
text-align: center;
margin-bottom: 35px;
}
.hint h4 {
font-size: 140%;
line-height: 140%;
}
.color-1 {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/pattern-red.gif) repeat 0 0;
}
.color-2 {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/pattern-yellow.gif) repeat 0 0;
color: #333;
}
.color-3 {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/pattern-orange.gif) repeat 0 0;
color: #000;
}
/* Article Meta Data */
.article-metadata {
margin-top: 60px;
padding-top: 8px;
background: url(https://www.rwth-aachen.de/custom/rwth/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;
width: 30em;
}
.article-metadata .top {
float: right;
width: 30em;
text-align: right;
}
.article-metadata .top a {
padding-left: 20px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 0 -600px;
}
/* Article Functions */
.site-navigation-box {
overflow: hidden;
}
.article-functions {
float: right;
margin-top: -38px;
margin-bottom: 10px;
}
.article-functions .article-functions-box {
width: 98em;
position: relative;
overflow: hidden;
}
.article-functions ol {
width: 33px;
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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -7587px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -7787px 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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/bgs/arrow-article-functions.png) 50% 100% no-repeat;
}
.article-functions ol li.send a {
display: block;
background: #f2f2f2 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -7987px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -8187px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -8187px no-repeat;
}
.article-functions ol li.share a {
display: block;
background: #f2f2f2 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -8387px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -8587px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 10px -8587px no-repeat;
}
.article-functions a.close {
position: absolute;
top: 25px;
right: 28px;
overflow: hidden;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -21200px no-repeat;
height: 21px;
width: 21px;
text-indent: -4000px;
}
.article-functions a.close:hover {
text-decoration: none;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -21400px 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(https://www.rwth-aachen.de/custom/rwth/img/icons/share-sprites.png) 50% -1000px no-repeat;
}
.article-functions .section ul li.twitter a {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/share-sprites.png) 50% -1200px no-repeat;
}
.article-functions .section ul li.xing a {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/share-sprites.png) 50% -1400px no-repeat;
}
.article-functions .section ul li.linkedin a {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/share-sprites.png) 50% -1600px no-repeat;
}
.article-functions .section ul li.plus a {
background:  url(https://www.rwth-aachen.de/custom/rwth/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;
clear: right;
width: 18.9em;
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 {
width: 31.7em;
}
#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;
}
/* contact */
#main .box .vcard {
text-align: center;
}
#main .box .vcard,
#main .box .vcard div p.fn,
#main .box .vcard div p.title {
text-align: center;
}
#main .box .vcard img {
margin: 0 0 15px 0;
padding: 1px;
border: 1px solid #BFBFBF;
max-height: 129px;
max-width: 98%;
}
#main .box .vcard div.adr {
padding: 0 0 15px 0;
}
#main .box .vcard div p {
padding: 0;
text-align: left;
}
#main .box .vcard .fn span {
margin: 0 0 3px 0;
font-weight: bold;
font-size: 110%; /* 16px */
}
#main .box .vcard .title {
/*	padding: 0 0 15px 0; */
font-style: italic;
}
#main .box .vcard dl.tel {
padding-top: 15px;
}
#main .box .vcard dl {
clear: both;
overflow: hidden;
margin: 0 0 8px 0;
text-align: left;
width: auto;
padding: 0;
background:  none;
}
#main .box .vcard dt {
float: left;
width: 23px;
height: 23px;
margin: 0 8px 0 0;
padding: 0;
text-indent: -9999em;
}
#main .box .vcard dd {
float: left;
font-size: 140%;
line-height: 1.3em;
padding-right: 0;
padding-top: 2px;
width: auto;
}
#main .box .vcard .tel dt {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -4400px no-repeat;
}
#main .box .vcard .email dt {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -4600px no-repeat;
}
#main .box .vcard dl a {
color: #00549F;
}
.csscolumns .two-columne #wrapper #main .box .vcard * {
text-align: left;
}
.csscolumns .two-columne #main .box .vcard img {
float: left;
margin: 0 15px 0 0;
padding: 1px;
}
.csscolumns .two-columne #main .box .vcard div {
float: left;
width: 19em;
}
/* ordered Linklist */
#main .ordered-list,
#main .unordered-list {
width: 44em;
}
#main .ol-small,
#main .ul-small {
width: 31.7em;
}
#main .ordered-list h3,
#main .unordered-list h3 {
margin-bottom: 15px;
}
#main .ordered-list ol,
#main .unordered-list ul {
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .unordered-list ul li div {
padding-left: 18px;
min-height: 2.1em;
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 0;
}
#main .ordered-list ol li.item-2 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -300px;
}
#main .ordered-list ol li.item-3 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -600px;
}
#main .ordered-list ol li.item-4 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -900px;
}
#main .ordered-list ol li.item-5 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1200px;
}
#main .ordered-list ol li.item-6 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1500px;
}
#main .ordered-list ol li.item-7 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1800px;
}
#main .ordered-list ol li.item-8 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ordered-list ol li.item-9 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2400px;
}
#main .ordered-list ol li.item-10 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/bgs/corner-download.png) 100% 0 no-repeat;
}
.two-columne #main .text .more-box {
width: 31.7em;
}
#main .text .more-box h3 {
text-align: left;
}
#main .text .more-box img {
float: left;
margin: 0 0.7em 0 0;
}
#main .text .more-box ul {
margin-bottom: 10px;
float: right;
width: 100%;
clear: both;
padding-left: 0;
background: url(https://www.rwth-aachen.de/custom/rwth/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;
float: left;
width: 100%;
clear: both;
background: url(https://www.rwth-aachen.de/custom/rwth/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;
}
#main .text .more-box ul li a {
color: #000;
display: inline-block;
width: 99px;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat 0 -6399px;
}
#main .text .more-box ul li a.internal {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat 0 1px;
}
#main .text .more-box ul li a.external {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat 0 -399px;
}
#main .text .more-box ul li a.download {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat 0 -199px;
}
/* red small more-box */
#main .text .mb-color-1 {
background: #D9455B url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50-w.png) repeat-x 0 0;
}
/* blue download-box */
#main .text .mb-color-2 {
background: #407FB7 url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50-w.png) repeat-x 0 0;
}
/* blue download-box */
#main .text .mb-color-3 {
background: #f2f2f2 url(https://www.rwth-aachen.de/custom/rwth/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;
background: #FFE57F url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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;
}
/* Steckbrief */
#main .text .profile dl.dl-group {
background: #fff;
padding: 2px 6px;
margin-bottom: 20px;
}
#main .text .profile dl {
background: #fff;
border-bottom: 1px solid #f2f2f2;
padding: 2px 6px;
}
#main .text .profile dl dt {
float: left;
width: 48%;
padding: 4px 2% 4px 0;
font-weight: bold;
}
#main .text .profile dl dd {
float: left;
width: 48%;
padding: 4px 2% 4px 0;
}
#main .text .profile h4 {
font-size: 160%;
font-weight: normal;
margin-bottom: 4px;
}
#main .text .profile h4 {
font-size: 160%;
font-weight: normal;
margin-bottom: 4px;
clear: both;
}
#main .text .profile ul {
background: #fff;
padding: 2px 0;
margin-bottom: 20px;
float: none;
}
#wrapper #main .text .profile li {
background: #fff;
border-bottom: 1px solid #f2f2f2;
padding: 2px 6px;
list-style-image: none;
list-style-position: outside;
float: none;
}
#wrapper #main .text .profile li:last-child {
border-bottom: none;
}
#wrapper #main .text .profile li span {
float: left;
max-width: 18.7em;
}
#wrapper #main .text .profile li .more-info,
#wrapper #main .text .profile dd .more-info {
float: right;
margin-left: 10px;
display: block;
width: 15px;
height: 18px;
cursor: pointer;
text-indent: -4000px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -21598px;
}
#wrapper #main .text .profile dd .more-info {
margin-right: -6px;
}
.js-off #wrapper #main .text .profile li .more-info,
.js-off #wrapper #main .text .profile dd .more-info {
display: none;
}
#wrapper #main .text .profile li .details,
#wrapper #main .text .profile dd .details {
display: none;
}
.tooltip-wrapper {
position: absolute;
width: 350px;
padding-top: 10px;
background: transparent url(https://www.rwth-aachen.de/custom/rwth/img/icons/tooltip.gif) center top no-repeat;
top: 0;
}
.tooltip-wrapper.positionaround-1-0 {
padding-top: 0;
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(https://www.rwth-aachen.de/custom/rwth/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: #00529f;
}
.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;
}
#main .text .profile div.textapply a {
display: block;
background: #000;
margin-bottom: 20px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
padding: 5px 0;
font-size: 120%;
display: block;
}
#main .text .profile div.textapply a:active,
#main .text .profile div.textapply a:focus,
#main .text .profile div.textapply a:hover {
background: #00529F;
text-decoration: none;
}
#main .text .profile div.textapply a span {
display: block;
/*	text-indent: -9999px; */
color: #fff;
cursor: pointer;
text-transform: uppercase;
padding-left: 25px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 65% -21798px no-repeat; 
font-weight: bold;
}
#main .text .profile div.apply a {
display: block;
background: #000;
margin-bottom: 20px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
padding: 5px 0;
font-size: 120%;
display: block;
}
#main .text .profile div.apply a:active,
#main .text .profile div.apply a:focus,
#main .text .profile div.apply a:hover {
background: #00529F;
text-decoration: none;
}
#main .text .profile div.apply a span {
display: block;
text-indent: -9999px;
color: #fff;
cursor: pointer;
text-transform: uppercase;
padding-left: 25px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 65% -21798px no-repeat;
font-weight: bold;
}
.js-off #wrapper #main .text .profile li .details,
.js-off #wrapper #main .text .profile dd .details {
display: block;
clear: both;
padding-top: 10px;
}
.js-off #wrapper #main .text .profile li .details h3,
.js-off #wrapper #main .text .profile dd .details h3 {
display: none;
}
.js-off #wrapper #main .text .profile li .details p,
.js-off #wrapper #main .text .profile dd .details p {
font-size: 79%; /* 11px */
font-style: italic;
}
.js-off #wrapper #main .text .profile dd .details p {
margin-left: -13.6em;
}
/* More Box middle */
/* yellow middle more-box */
#main .text .mb-middle.more-box {
border: none;
width: 45em;
margin-left: 20px;
background: #FFE57F url(https://www.rwth-aachen.de/custom/rwth/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;
}

#main .text .mb-middle.more-box ul li a.intranet {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat scroll 0 -6398px;
}
#main .text .mb-middle.more-box ul li a.internal {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat scroll 0 2px;
}
#main .text .mb-middle.more-box ul li a.download {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat scroll 0 -198px;
}
#main .text .mb-middle.more-box ul li a.external {
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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 {
width: 32.4em;
}
/* Checkliste */
#main .check-list {
width: 44em;
padding-bottom: 0;
}
#main .cl-small {
width: 31.7em
}
#main .check-list h3 {
margin-bottom: 12px;
}
#main .check-list ol {
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 0 -9400px;
}
/* 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 {
float: left;
width: 33em;
margin: 0 0 0 2.9em;
padding: 0 1em;
background: #F2F2F2;
}
.two-column-box div.tcb-first {
width: 33em;
margin: 0;
}
.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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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;
max-width: 72.9em;
}
.one-column-box div {
float: none;
width: auto;
margin: 0;
padding: 0 10px;
background: #F2F2F2;
}
.one-column-box div h3 {
font-size: 160%;
font-weight: bold;
text-transform: uppercase;
padding: 18px 0 15px 0;
}
#main .one-column-box div ul {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x scroll 0 0 transparent;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 20px;
padding-top: 1px;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
}
#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 -11192px;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/list-image.gif);
font-size: 140%;
list-style-position: outside;
padding-bottom: 12px;
padding-top: 12px;
}
#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(https://www.rwth-aachen.de/custom/rwth/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: #00529F;
}
#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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 0;
}
#main .ct-list ol li.item-2 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -300px;
}
#main .ct-list ol li.item-3 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -600px;
}
#main .ct-list ol li.item-4 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -900px;
}
#main .ct-list ol li.item-5 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1200px;
}
#main .ct-list ol li.item-6 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1500px;
}
#main .ct-list ol li.item-7 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -1800px;
}
#main .ct-list ol li.item-8 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ct-list ol li.item-9 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2400px;
}
#main .ct-list ol li.item-10 div {
background:  url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites-zahlen.png) no-repeat 0 -2700px;
}
#main .text .dl-group {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) 0 0 repeat-x;
padding-bottom: 20px;
}
#main .text dl {
padding: 5px 0;
overflow: hidden;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) 0 100% repeat-x;
}
#main .text dl.www {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) 0 0 repeat-x;
}
#main .text dl dt {
font-size: 140%;
line-height: 1.3em;
width: 21.2em;
padding-right: 1em;
float: left;
}
#main .text dl dd {
font-size: 140%;
line-height: 1.3em;
width: 28em;
padding-right: 1em;
float: left;
}
/* 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;
}
/* Zitate */
#main blockquote {
clear: right;
float: left;
width: 42.4em;
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/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;
}
#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 */
.js-off .videowithjs {
display: none;
}
.js-on .videonojs {
display: none;
}
.ct-video {
width:476px;
margin: 5px 20px 5px 0;
float: left;
}




.video-showbox video,
.video-showbox .media-player,
.ct-video .media-player {
width: 476px;
}
.video-showbox .media-player {
display: block;
margin: auto;
}
.video-showbox video,
.video-showbox .media-player {
height: 320px;
width: 700px;
}
.showbox-light video {
height: 100%;
width: 100%;
}
.showbox-light .media-state {
left: 0;
top: 0;
}
.showbox-light .media-state.idle {
left: 45%;
top: 40%;
}
.ct-video .media-player video { /* obwohl von IE7/IE8 das video-tag nicht unterstüzt, ist es trotzdem da, und die styles kommen an */
/*width: 100%;*/
}
.media-player .idle {
height: 94px;
width: 94px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/play-video.png) 0 0 no-repeat;
}
.media-player .fallback-text * {
color: #fff !important;
font-size: 12px !important;
}
.media-player .fallback-text a {
text-decoration: underline !important;
background: none !important;
padding: 0 !important;
}
.media-player .fallback-text li {
list-style-image: none !important;
}

.media-player .fallback-text li a {
display: block !important;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites-3.png) no-repeat scroll 0 2px transparent !important;
padding-left: 20px !important;
list-style-image: none !important;
}
/* article-date */
.article-data {
font-size: 140%;
margin-bottom: 8px;
/*	overflow: hidden; */
}
.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 {
float: left;
/*	width: 476px; Michael Simon [2012-02-15]: Wird über die Transformation erledigt */
display: block;
margin: 5px 20px 5px 0;
overflow: hidden;
display: block;
padding: 0;
}
.csscolumns .two-columne .photo {
width: 35em;
}
.csscolumns .two-columne .landscape {
width: 73em !important;
}
.photo-mod {  /* wenn das Bild am Anfang  der Seite steht */
margin-right: 0;
margin-bottom: 13px;
}
.photo.dir-2 {
float: right;
margin: 5px 0 5px 20px;
}
.photo img {
display: block;
/*	width: 476px; Michael Simon [2012-02-15]: Wird über die Transformation erledigt */
}
.csscolumns .two-columne .photo img {
display: block;
width: 35em;
}
.p-mod {
float: right;
margin: 3px 0 10px 10px;
}
.p-block {
float: none;
margin: 3px 0 10px 0;
}
span.caption-wrapper {
display: block;
background: #fff;
border:  1px solid #e6e6e6;
font-size: 120%;
color: #333;
padding: 6px 5px;
}
span.image-wrapper {
display: block;
position: relative;
}
.image-wrapper .copyright {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/copyright-gallery.png) repeat scroll 0 0 transparent;
bottom: 0;
color: #CCCCCC;
font-size: 110%;
padding: 4px;
position: absolute;
right: 0;
}
span.caption-wrapper .caption {
display: block;
}
span.caption-wrapper .copyright {
display: block;
float: right;
width: 25%;
padding-left: 5%;
text-align: right;
color: #666;
}
/* landscape formats */
span.landscape {
display: block;
width: 73em !important;
overflow: hidden;
margin-bottom: 20px;
}
span.landscape img {
width: 73em !important;
}
img.landscape {
float: none;
width: 73em;
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,
#main span.copyright,
.showbox .multimedia-box .copyright {
font-size: 100%;
}
#main p span.caption,
#main p span.copyright {
font-size: 100%;
}
/* Tabellen */





#main table {
float: left;
margin: 0 20px 18px 0;
padding: 0;
font-weight: normal;
empty-cells: show;
border-collapse: collapse;
max-width: 73em;
}
#main table caption {
text-align: left;
font-size: 200%;
padding: 0 0 8px 0;
}
#main th,
#main td {
font-size: 140%;
background: #fff;
padding: 12px 10px;
vertical-align: top;
text-align: left;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -9200px;
}
#main th span.sort-down {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -9000px;
}
#main th {
/*	position: relative; Michael Simon [2012.03.27]: Entfernt, damit auch Tabellenköpfe Trennlinien zwischen den Spalten haben */
border-left: 1px solid #303030;
border-right: 1px solid #303030;
background: #595959;
color: #fff;
}
#main td {
border: 1px solid #E5E5E5;
}
/* CSS3 Selektor, der jede zweite Zeile grau faerben soll. Kommt mit dem PAGING durcheinander
#main .text tr:nth-child(2n) td {
background: #F5F5F5;
}
*/
#main .text tr.odd td {
background: #F5F5F5;
}
#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;
padding: 0 0 20px 0;
margin-bottom: 20px;
background:  url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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;
}
/* Teaser */
/* Latest (Veranstaltungen und News) */
.latest {
float: left;
width: 22.4em;
padding: 0;
min-height: 27em;
padding-bottom: 4em;
position: relative;
margin: 0 0 0 1.3em;
}
.faculty .latest {
/*	min-height: 25em; */
}
.latest.news {
margin-right: 0;
border-left: 1px solid #d9d9d9;
padding-left: 1.3em;
}
.latest.events {
margin-right: 0;
border-left: 1px solid #d9d9d9;
padding-left: 1.3em;
}
#home .latest.news {
margin-right: 0;
}
.latest:first-child {
margin: 0;
border-left: 0 hidden #d9d9d9;
padding-left: 0;
}
.latest h3 {
padding: 0 0 20px 0;
font-size: 160%;
font-weight: bold;
text-transform: uppercase;
}
.latest h3 a {
color: #333;
}
.latest ul {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 100% repeat-x;
overflow: hidden;
}
.latest li {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 0 repeat-x;
overflow: hidden;
padding: 12px 0;
list-style: none;
font-size: 100%;
}
.latest li.all {
position: absolute;
left: 15px;

right: 15px;
bottom: 10px;
background: none;
padding: 0;
}
.latest:first-child li.all {
left: 0;
}
.division .orgainfo {
border: 4px solid lightgray;
float: left;
margin-left: 1.2em;
min-height: 16em;
width: 47.2em;
padding: 0.5em;
}
.division .orgainfo.smaller {
width: 21.4em;
}
.division .orgainfo:first-child {
margin-left: 0;
width: 46.5em;
}
.division .orgainfo.smaller:first-child {
width: 20.7em;
}
.division .orgainfo h3 {
font-size: 160%;
font-weight: bold;
text-transform: uppercase;
}
.division .orgainfo img {
margin-right: 1.5em;
float: left;
width: 21.3em;
}
.division .orgainfo.smaller img {
float: none;
padding-bottom: 0.8em;
}
.division .orgainfo p {
display: block;
font-size: 140%;
line-height: 140%;
}
.division .orgainfo .leader {
margin-top: -0.2em;
}
.division .orgainfo .leader,
.division .orgainfo .place {
padding-bottom: 0.3em !important;
}
.division .orgainfo.smaller .leader,
.division .orgainfo.smaller .place {
padding-bottom: 0.7em !important;
}
.latest.events span.date {
display: inline-block;
float: left;
width: 3.9em; /* 55px */
min-height: 45px;
border: 2px solid #ccc;
padding: 0 0 0 0;
text-align: center;
vertical-align: middle;
}
.latest.events span.date em {
font-weight: normal;
font-size: 100%;
}
.latest.events h2 {
float: right;
width: 11.1em; /* 155px */
}
#main .latest li h2 {
font-size: 140%;
font-weight: normal;
line-height: 1.3em;
padding-bottom: 0;
text-transform: none;
border-top: 0;
padding-top: 0;
}
#main .latest li h2 a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 3px no-repeat;
padding-left: 20px;
line-height: 1.5em;
font-size: 100%;
color: #00529F;
}
.latest li span.date {
display: block;
font-size: 120%;
line-height: 1.3em;
padding-bottom: 5px;
}
.latest li em {
font-size: 120%;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
}
.latest li em a {
display: block;
background: #e1e1e1 url(https://www.rwth-aachen.de/custom/rwth/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;
}
.latest li em a:hover,
.latest li em a:active,
.latest li em a:focus {
text-decoration: none;
color: #fff;
background:#00549F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
}
.latest.news span.date {
display: block;
padding: 0 0 5px 0;
}




.latest.news h2 a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 3px no-repeat;
padding-left: 20px;
line-height: 1.5em;
}
/* List-Teaser Faculty Home (Michael Simon: durch entfernen von #home nun auch auf [Bereichs-]Übersichtsseiten) */
#main .list-teaser-group {
width: 47.5em;
float: left;
min-height: 27em;
padding-bottom: 4em;
position: relative;
padding-left: 1.3em;
margin-left: 1.3em;
border-left: 1px solid #d9d9d9;
}
#main .list-teaser-group:first-child {
margin-left: 0;
border-left: 0 hidden #d9d9d9;
padding-left: 0;
}
#main .list-teaser-group h3 {
font-size: 160%;
font-weight: bold;
padding: 0 0 20px;
text-transform: uppercase;
}
#main .list-teaser-group h3 a {
color: #333;
}
#main .list-teaser-group ul {
list-style: none;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) repeat-x 0 0;
padding: 1px 0 0 0;
}
#main .list-teaser-group ul li {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 100%;
padding: 1px 0 2px 0;
}
#main .list-teaser-group ul li.all {
background: none;
padding: 0;
}
#main .list-teaser-group h2 {
font-size: 140%;
text-transform: none;
padding: 0;
margin: 0;
}
#main .list-teaser-group h2 {
border-top: none;
}
#main .list-teaser-group h2 a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 5px 8px;
display: block;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
color: #00529F;
font-weight: normal;
line-height: 1.5em;
}
#main .list-teaser-group h2 a:hover,
#main .list-teaser-group h2 a:focus,
#main .list-teaser-group h2 a:active {
background-color: #EAF1F7;
text-decoration: none;
}
#main .list-teaser-group li.all {
position: absolute;
right: 0;
bottom: 10px;
font-size: 110%;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
display: block;
width: 18.9em;
}
#main .list-teaser-group li.all a {
display: block;
background: #e1e1e1 url(https://www.rwth-aachen.de/custom/rwth/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;
font-size: 110%;
}
#main .list-teaser-group li.all a:hover,
#main .list-teaser-group li.all a:active,
#main .list-teaser-group li.all a:focus {
background:#00549F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
color: #fff;
text-decoration: none;
}
/* Teasers (on Homepage) */
#home #main .teaser-row .teaser {
float: right;
width: 47.5em;
border: none;
background-image: none;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
min-height: 0;
}
#home #main .teaser-row .teaser.grid-2.h-color-1 h2,
#home #main .teaser-row .teaser.grid-2.h-color-2 h2,
#home #main .teaser-row .teaser.grid-2.h-color-3 h2 {
/*   margin-left: 13em;  Michael Simon [2012.04.10]: Muss meiner Meinung nach raus, da es sonst zu komischen Einrückungen kommt. */
}
/* Teasers in Teaser-Row */
.teaser-row {
overflow: hidden;
margin: 0 0 40px 0;
}
.teaser-row.mod,
.teaser-row .teaser-group,
.teaser-row .teaser-wrapper {
border-top: 4px solid #bfbfbf;
padding-top: 25px;
}
.teaser-row.first-child.mod,
.teaser-row.first-child .teaser-group,
.teaser-row.first-child .teaser-wrapper {
border-top: none;
padding-top: 7px;
}
.teaser-row .teaser-group h5,
.teaser-row .teaser-wrapper h5 {
margin: -10px 0 15px 0;
font-size: 160%;
text-transform: uppercase;
padding-top: 2px;
}
.teaser-row .teaser-group h5 a,
.teaser-row .teaser-wrapper h5 a {
color: #333;
}
.teaser-row .teaser,
#home.faculty #main .teaser-row .teaser { /* Standard = Grid-1 = One-Column-Width */
float: left;
margin: 0 0 0 1.3em;
border-left: 1px solid #d9d9d9;
padding: 0 0 0 1.4em;

width: 22.3em;
}
.teaser-row .teaser.grid-2,
#home.faculty #main .teaser-row .teaser.grid-2 { /* Grid-2 = Two-Column-Width */
width: 47.4em;
}
.teaser-row .teaser.grid-3,
#home.faculty #main .teaser-row .teaser.grid-3 { /* Grid-3 = Three-Column-Width */
width: 72.5em;
}
.teaser-group .teaser {
margin-left: 14px;
border-left: none;
}
#wrapper #main .teaser-row .teaser:first-child,
#wrapper #main .teaser-group .teaser.first,
#home.faculty #main .teaser-row .teaser:first-child {
margin-left: 0;
border-left: none;
background-image: none;
padding-left: 0;
}
.teaser-row .teaser-wrapper .rack-design .teaser {
margin-right: 28px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
border-left: none;
}
.js-off .teaser-row .teaser-wrapper .rack-design .teaser {
margin-bottom: 30px;
}
.teaser-row .teaser-wrapper .rack-design .teaser:first-child {
margin-left: 0;
}
.teaser-row .teaser-wrapper .rack-design .teaser p {
margin-top: 5px;
}
.teaser-row .teaser-wrapper .rack-design .mod p {
margin-top: 0;
}
.teaser-row .teaser-wrapper .rack-design .teaser.last-teaser {
margin-right: 0;
border-left: none;
padding-right: 0;
}
.teaser-row .teaser .col-1,
.teaser-row .teaser .col-2 {
float: left;
width: 22.4em;
}
.teaser-row .teaser .col-1 p,
.teaser-row .teaser .col-2 p {
margin-top: 5px;
}
.teaser-row .teaser .col-2 {
float: right;
}
#main .teaser-row .ts-box {
overflow: hidden;	
padding: 0 0 20px 0;
}
#main .teaser-row .teaser-list .links {
width: 21em;
}
.teaser-row h2 {
border-top: 4px solid #bfbfbf;
padding: 15px 0;
font-size: 160%;
text-transform: uppercase;
}
.teaser-row h2.mod {
font-size: 180%;
font-weight: normal;
text-transform: none;
}
.teaser-row a + h2,
.teaser-row .img-placeholder + h2,
.teaser-row .image-wrapper + h2,
.teaser-row .ct-video + h2 {
border: none;
padding-top: 0;
padding-bottom: 5px;
font-size: 180%;
font-weight: normal;
text-transform: none;
}
.teaser-row .img-placeholder + h2 {
padding-top: 10px;
}
.teaser-row .image-wrapper + h2 {
padding-top: 5px;
}
.teaser-row:first-child h2,
.teaser-row.first-child h2,
.teaser-row.mod h2,
.teaser-row:first-child .col-1 .teaser:first-child h2,
.teaser-row:first-child .col-2 .teaser:first-child h2,
.teaser-row.first-child .col-1 .teaser:first-child h2,
.teaser-row.first-child .col-2 .teaser:first-child h2,
.teaser-row .teaser-group .teaser h2,
.teaser-row .teaser-wrapper .teaser h2 {
border-top: none;
padding-top: 0;
}
/* Michael Simon [2012.03.21]: Fix, damit Überschriften in Normalbuchsten keinen Abstand nach oben haben und bündig mit dem Bild sind */
.teaser-row .teaser.grid-2 h2.mod,
.teaser-row .teaser.grid-3 h2.mod {
padding-top: 0;
}
.teaser-row .teaser h2.mod {
border-top: none;
padding: 10px 0;
text-transform: none;
font-size: 180%;
font-weight: normal;
}
.teaser-row .teaser-list .teaser h2 {
border-top: 1px solid #bfbfbf;
padding: 15px 0;
font-size: 160%;
font-weight: bold;
text-transform: uppercase;
}
.teaser-row .teaser-list .teaser h2.mod {
border-top: none;
padding-top: 0;
background: none;
margin: 0;
padding-bottom: 13px;
text-transform: none;
font-weight: normal;
font-size: 180%;
}
.teaser-row h2 a {
color: #000;
}
.teaser-row h2 a span {
display: block;
}
.teaser-row img {
width: 22.4em;
height: auto;
margin: 0 0 2px 0;
}
.teaser-row .grid-2 img {
margin-right: 15px;
float: left;
}
.teaser-row .grid-3 img {
float: left;
width: 47.6em;
margin-top: 5px;
margin-right: 15px;
}
.teaser-row .teaser.mod img  {
border-top: 4px solid #bfbfbf;
padding-top: 18px;
}
.teaser-row .teaser span.img-placeholder {
display: block;
border-top: 4px solid #bfbfbf;
}
.teaser-row.first-child .teaser span.img-placeholder {
border-top: none;
}
.teaser-row.mod .teaser.mod img,
.teaser-row:first-child .teaser.mod img,
.teaser-row.first-child .teaser.mod img,
.teaser-row .teaser-group .teaser img,
.teaser-row .teaser-wrapper .teaser img {
border-top: none;
padding-top: 0;
}
#main .teaser-row p {
padding: 0;
}
#main .teaser-row p + p {
padding-top: 8px;
}
#home #main .teaser-row p + p {
padding-top: 0;
}
.teaser-row .more {
font-style: normal;
}
.teaser-row .more a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
padding-left: 20px;
font-size: 100%;
}
.teaser-row .more.external {
display: block;
padding-top: 5px;
}
.teaser-row .more.external a {
background-position: 0 -400px;
}
.teaser-row .links {
float: left;
width: 22.4em;
margin-top: 5px;
}
.teaser-row .teaser .col-1 .links,
.teaser-row .teaser .col-2 .links {
margin-top: -7px;
}
.teaser-row .grid-3 .links {
width: 29.8em;
margin-top: 15px;
}
.teaser-row .links ul {
border-top: 1px dotted #797979;
}
.teaser-row .col-2 .links ul {
margin-top: 5px;
}
.teaser-row .links li {
border-bottom: 1px dotted #797979;
padding: 1px 0 1px 0;
font-size: 140%;
list-style: none;
}
.teaser-row .links li a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px 8px no-repeat;
padding: 8px 0 8px 26px;
}
.teaser-row .links li a:hover,
.teaser-row .links li a:active,
.teaser-row .links li a:focus {
background-color: #E5EEF5;
text-decoration: none;
}
.teaser-row .links-big {
width: 100%;
}
.teaser-row .links-big ul {
float: left;
border: none;
width: 46.5%;
margin: 0 0 0 30px;
}
.teaser-row .links-big ul:first-child {
margin-left: 0;
}
.teaser-row .links-big li:first-child {
border-top: 1px dotted #797979;
}
.teaser-row .links-big li a {
font-weight: bold;
}
.teaser-row .links-big li span {
display: block;
padding: 3px 0 0 0;
font-weight: normal;
color: #000;
font-size: 92%;
}
/* Video Teaser */
.teaser-row .teaser-video span.video-opener {
position: absolute;
top: 40px;
left: 77px;
height: 74px;
width: 74px;
display: block;
text-indent: -4000px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/video-opener.png) no-repeat 0 0;
}
.teaser-row .teaser-video.mod span.video-opener {
top: 57px;
}
.teaser-row .teaser-video .image-wrapper {
position: relative;
}
/* Teaser Linklist */
.teaser-link-list {
float: left;
width: 47.6em;
padding: 0 0 10px 0;
}
.teaser-link-list h3 {
border-top: 4px solid #BFBFBF;
font-size: 160%;
font-weight: bold;
padding: 15px 0 20px;
text-transform: uppercase;
}
.teaser-link-list h3.mod {
font-size: 180%;
font-weight: normal;
text-transform: none;
}
.teaser-link-list h3 a {
color: #333;
}
.teaser-link-list ul {
float: left;
width: 21em;
margin-right: 27px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 100%;
padding: 0 0 1px 0;
}
.teaser-link-list ul li {
list-style: none;
padding: 2px 0 1px 0;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 0;
}
.teaser-link-list ul li a {
display: block;
padding: 7px 0 7px 26px;
list-style: none;
font-size: 140%;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px 8px;
}
.teaser-link-list ul li a:hover,
.teaser-link-list ul li a:active,
.teaser-link-list ul li a:focus {
background-color: #EAF1F7;
text-decoration: none;
}
/* TG-Mod (Teaser-Group-Modification) - Grey teasers in Search-Results */
.teaser-row .tg-mod .teaser {
background: #f2f2f2;
margin-left: 28px;
padding: 0 0 20px 0;
}
.teaser-row .tg-mod .teaser img {
margin: 0;
}
.teaser-row .tg-mod .teaser:first-child {
margin-left: 0;
}
.teaser-row .tg-mod .teaser h2 {
margin: 10px 0 6px 0;
padding: 0 10px;
font-size: 180%;
text-transform: none;
font-weight: normal;
}
#main .teaser-row .tg-mod .teaser p {
padding: 0 10px;
}
#main .teaser-row .tg-mod .teaser p em.email {
display: block;
margin: 8px 0 0 0;
}
#main .teaser-row .tg-mod .teaser p em.email a {
background-position: 0 -4600px;
padding: 4px 0 3px 28px;
}
/* Facts-Teaser */
.teaser-row .fact-box {
text-align: center;
}
#main .teaser-row .fact-box p {
padding: 0 30px
}
#main .teaser-row .fact-box p em {
display: block;
}
#main .teaser-row .fact-box p:first-child {
background: #00529f url(https://www.rwth-aachen.de/custom/rwth/img/bgs/bg-facts.png) 0 0 repeat;
margin: 0 0 15px 35px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
padding: 0 0;
color: #fff;
width: 11em;
height: 11em;
}
.teaser-row .fact-box p:first-child strong {
display: block;
padding: 20px 0 10px 0;
font-size: 650%; /* 100px */
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
line-height: 1em;
}
/* Highlight Teaser */
#main .teaser-row .teaser.h-color-1,
#main .teaser-row .teaser.h-color-2,
#main .teaser-row .teaser.h-color-3,
#home.faculty #main .teaser-row .teaser {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/line-color-teaser.png);
background-repeat: repeat-y;
background-position: 0 0;
margin: 0 0 0 1.3em;
padding: 0 0 1em 1.4em;
min-height: 0;
border: none;
}
#main .teaser-row .teaser-list.h-color-1,
#main .teaser-row .teaser-list.h-color-2,
#main .teaser-row .teaser-list.h-color-3 {
padding-bottom: 0;	
}
#main .teaser-row .teaser.h-color-1 a + h2,
#main .teaser-row .teaser.h-color-2 a + h2,
#main .teaser-row .teaser.h-color-3 a + h2 {
border: none;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0;
}
#main .teaser-row .teaser.h-color-1 p,
#main .teaser-row .teaser.h-color-2 p,
#main .teaser-row .teaser.h-color-3 p {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
#main .teaser-row .teaser.h-color-1 p .more,
#main .teaser-row .teaser.h-color-2 p .more,
#main .teaser-row .teaser.h-color-3 p .more {
display: block;
margin: 10px 0 0 0;
font-style: normal;
}
#main .teaser-row .teaser.grid-2.h-color-1 img,
#main .teaser-row .teaser.grid-2.h-color-2 img,
#main .teaser-row .teaser.grid-2.h-color-3 img {
padding: 10px 0 0 10px;
}
#main .teaser-row .teaser-list.grid-2.h-color-1 img,
#main .teaser-row .teaser-list.grid-2.h-color-2 img,
#main .teaser-row .teaser-list.grid-2.h-color-3 img {
padding: 0 0 0 10px;
}
#main .teaser-row .teaser-list.grid-2.h-color-1 h2.mod,
#main .teaser-row .teaser-list.grid-2.h-color-2 h2.mod,
#main .teaser-row .teaser-list.grid-2.h-color-3 h2.mod{
padding-left: 10px;
padding-right: 10px;
}
#main .teaser-row .teaser-list.h-color-1 h2,
#main .teaser-row .teaser-list.h-color-2 h2,
#main .teaser-row .teaser-list.h-color-3 h2 {
margin-bottom: 20px;
}
#main .teaser-row .teaser-list h2.mod {
margin-bottom: 5px;
padding-top: 0;
}
#main .teaser-row .teaser.grid-2.h-color-1 h2.mod,
#main .teaser-row .teaser.grid-2.h-color-2 h2.mod,
#main .teaser-row .teaser.grid-2.h-color-3 h2.mod {
padding-top: 7px;
}
#main .teaser-row .teaser.grid-3.h-color-1 img,
#main .teaser-row .teaser.grid-3.h-color-2 img,
#main .teaser-row .teaser.grid-3.h-color-3 img {
padding: 5px 0 0 10px;
}
#main .teaser-row .teaser.grid-3.h-color-1 h2,
#main .teaser-row .teaser.grid-3.h-color-2 h2,
#main .teaser-row .teaser.grid-3.h-color-3 h2 {
padding-top: 7px;
}
/* highlight yellow */
#main .teaser-row .h-color-1,
#main .teaser-row .h-color-1 a + h2,
#main .teaser-row .h-color-1 a + h2 a,
#main .teaser-row .teaser-list.h-color-1 h2.mod,
#main .teaser-row .h-color-1 .ts-box {
background-color: #FFCC00;
}
#main .teaser-row .h-color-1 *,
#main .teaser-row .h-color-1 a + h2 {
color: #000;
}
#main .teaser-row .h-color-1 .links ul,
#main .teaser-row .h-color-1 .links li {
border-color: #000;	
}
#main .teaser-row .teaser-list.h-color-1 h2.mod {
border-top: none;
}
#main .teaser-row .h-color-1 .more a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -800px no-repeat;
}
#main .teaser-row .teaser-list.h-color-1 a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -791px no-repeat;
}
#main .teaser-row .teaser-list.h-color-1 a:hover,
#main .teaser-row .teaser-list.h-color-1 a:active,
#main .teaser-row .teaser-list.h-color-1 a:focus {
background-color: #e8ba00;
text-decoration: none;
}
/* highlight blue */
#main .teaser-row .h-color-2,
#main .teaser-row .h-color-2 a + h2,
#main .teaser-row .h-color-2 a + h2 a,
#main .teaser-row .teaser-list.h-color-2 h2.mod,
#main .teaser-row .h-color-2 .ts-box {
background-color: #00539F;
}
#main .teaser-row .h-color-2 *,
#main .teaser-row .h-color-2 a + h2,
#main .teaser-row .h-color-2 a + h2 a,
#main .teaser-row .teaser-list.h-color-2 h2.mod,
#main .teaser-row .teaser-list.h-color-2 h2.mod a {
color: #fff;
}
#main .teaser-row .h-color-2 .links ul,
#main .teaser-row .h-color-2 .links li {
border-color: #80A9CF;	
}
#main .teaser-row .teaser-list.h-color-2 h2.mod {
border-top: none;
}
#main .teaser-row .h-color-2 .more a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -999px no-repeat;
}
#main .teaser-row .teaser-list.h-color-2 a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -19791px no-repeat;
}
#main .teaser-row .teaser-list.h-color-2 a:hover,
#main .teaser-row .teaser-list.h-color-2 a:active,
#main .teaser-row .teaser-list.h-color-2 a:focus {
background-color: #0D5DA4;
text-decoration: none;
}
/* highlight grey */
#main .teaser-row .h-color-3,
#main .teaser-row .h-color-3 a + h2,
#main .teaser-row .h-color-3 a + h2 a,
#main .teaser-row .teaser-list.h-color-3 h2.mod,
#main .teaser-row .h-color-3 .ts-box {
background-color: #EDEDED;
}
#main .teaser-row .h-color-3 *,
#main .teaser-row .h-color-3 a + h2,
#main .teaser-row .h-color-3 a + h2 a {
color: #000;
}
#main .teaser-row .h-color-3 .more a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
color: #00529F;
}
#main .teaser-row .teaser-list.h-color-3 h2.mod {
border-top: none;
}
#main .teaser-row .teaser-list.h-color-3 a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -791px no-repeat;
}
#main .teaser-row .teaser-list.h-color-3 a:hover,
#main .teaser-row .teaser-list.h-color-3 a:active,
#main .teaser-row .teaser-list.h-color-3 a:focus {
background-color: #dcdcdc;
text-decoration: none;
}
/* highlight zurücknehmen */
#main .teaser-row .teaser-list.h-color-1,
#main .teaser-row .teaser-list.h-color-2,
#main .teaser-row .teaser-list.h-color-3 {
background-color: #fff;
}
#main .teaser-row .h-color-1 h2,
#main .teaser-row .h-color-2 h2,
#main .teaser-row .h-color-3 h2,
#main .teaser-row .h-color-1 h2 a,
#main .teaser-row .h-color-2 h2 a,
#main .teaser-row .h-color-3 h2 a {
background: #fff;
color: #000;
}
#main .teaser-row .teaser.h-color-1 h2.mod {
background-color: #FFCC00;
}
#main .teaser-row .teaser.h-color-2 h2.mod {
background-color: #00539F;
color: #FFFFFF;
}
#main .teaser-row .teaser.h-color-3 h2.mod {
background-color: #EDEDED;
}
/* Teaser Special = grey Background (Exzellenzinitiative) */
.teaser-row .teaser-special {
background: #f2f2f2;
}
#main .teaser-row .teaser-special .ts-box {
border: 1px dotted #797979;
margin: 10px;
overflow: hidden;
padding: 0 20px 25px;
}
.teaser-row .teaser-special h2 {
border: none;
padding-top: 15px;
text-align: center;
font-size: 240%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-transform: none;
}
.teaser-row .teaser-special img {
width: 35em;
}
/* FOOTER */
#site-info {
background: #333;
margin-top: 100px;
color: #fff;
}
#site-info a {
color: #ccc;
font-size: 140%;
padding-left: 22px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -6000px no-repeat;
}
/* Michael Simon [2012.04.12]: Externe Links im Footer durch URLWeiterleitung */
#site-info a.external {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -11400px no-repeat;
}
#site-info div div {
width: 22%;
float: left;
margin: 20px 3% 0 0;
overflow: hidden;
}
.js-off #site-info div div {
margin-right: 15px;
}
#site-info div div.last-child {
float: right;
margin-right: 0;
margin-bottom: 30px;
}
#site-info div div:last-child {
float: right;
margin-right: 0;
margin-bottom: 30px;
}
#site-info div div ul {
list-style: none;
padding-left:1px;
}
#site-info div div ul li {
margin: 0 0 10px 0;
padding: 0 0 8px 0;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-25.png) repeat-x 0 100%;
}
#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 {
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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -6200px no-repeat;
}
#site-info div div ul li.twitter a {
padding: 8px 0 7px 40px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -6400px no-repeat;
}
#site-info div div ul li.xing a {
padding: 8px 0 7px 40px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -6600px no-repeat;
}
#site-info div div ul li.googleplus a {
padding: 8px 0 7px 40px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -12400px no-repeat;
}
#site-info div div ul li.linkedin a {
padding: 8px 0 7px 40px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 -12200px 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;
}
#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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 0 -5595px;
}
.js-on .sitemap h2.js-selected {
cursor: pointer;
outline: none;
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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: url(https://www.rwth-aachen.de/custom/rwth/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;
zoom: 1;
font-weight: bold;
padding: 1px 0 0 22px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
}
#main .sitemap ul li ul li a {
font-size: 140%;
display: block;
zoom: 1;
font-weight: normal;
}
#main .sitemap ul li ul li ul li a {
font-size: 120%;
}
#main .sitemap ul ul {
padding: 0 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 */
#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;
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 {
width: 5.4em;
height: 0.5em;
}
.pagination .leftplaceholder,
.pagination .rightplaceholder {
width: 2.5em;
height: 2.5em;
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(https://www.rwth-aachen.de/custom/rwth/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;
}
/* Events */
#events .event-search,
#wrapper .new-search {
position: relative;
background: url(https://www.rwth-aachen.de/custom/rwth/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;
}
#events .event-search:hover,
#wrapper .new-search:hover {
border: 1px solid #7FA9CF;
}
#events .event-search:focus,
#wrapper .new-search:focus,
#events .event-search:active,
#wrapper .new-search:active {
border: 1px solid #00549F;
}
#events .event-search input,
#wrapper .new-search input {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 15px -1985px no-repeat;
width: 35em;
border: none;
padding: 14px 10px 14px 55px;
font-size: 180%;
font-style: italic;
}
#events .event-search input:hover,
#wrapper .new-search input:hover,
#events .event-search input:focus,
#wrapper .new-search input:focus,
#events .event-search input:active,
#wrapper .new-search input:active {
border: none;
}
#events .event-search input.button,
#wrapper .new-search input.button {
position: absolute;
top: 0;
right: 0;
height: 50px;
width: 30px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) -30px -5382px no-repeat;
padding: 0;
cursor: pointer;
text-indent: -9999em;
}
.event-text-box,
.content-text-box {
border-top: 4px solid #bfbfbf;
padding-top: 13px;
}
/* listing (for Events and Search Results) */
.listing {
clear: both;
}
.listing h3 {
background: url(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 0 repeat-x;
margin: 10px 0 14px 0;
padding: 1px 0 0 0;
}
.listing li {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 100% repeat-x;
overflow: hidden;
padding: 10px;
list-style: none;
font-size: 100%;
}
.listing li:nth-child(odd){
background-color: #f5f5f5;
}
.listing li.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%;
}
.listing .mod li span.date-time {
float: right;
width: auto;
font-size: 120%;
}
.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: 17.3em; /* 260px */
font-size: 150%;
font-weight: normal;
}
.listing .mod li h2 {
width: 100%;
margin-bottom: 5px;
}
.listing li h2 a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 1px no-repeat;
padding-left: 22px;
}
.listing li .location {
float: left;
width: 13.2em; /* 185px */
font-size: 140%;
}
.listing li .type {
float: left;
width: 9.63em; /* 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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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;
background:#00549F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
}
/* Listing Bildergalerien */
#gallery-overview .listing ul {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-gallery.gif) 50% 0 no-repeat;
overflow: hidden;
}
#gallery-overview .listing li {
float: left;
width: 33em;
min-height: 65px;
padding-left: 5px;
}
#gallery-overview .listing li:hover,
#gallery-overview .listing li:focus
#gallery-overview .listing li:active,
#gallery-overview .listing li.odd:hover,
#gallery-overview .listing li.odd:focus
#gallery-overview .listing li.odd:active{
background-color: #EAF1F7;
}
#gallery-overview .listing li.odd {
background: #fff url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) repeat-x 0 100%;
width: 31.3em;
margin-right: 27px;
}
#gallery-overview .listing li img {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
#gallery-overview .listing li h2 {
float: none;
font-size: 150%;
font-weight: normal;
width: auto;
padding-left: 7.2em;
}
#gallery-overview #main .listing ul p {
position: static;
margin: 0;
padding: 0 0 0 10.75em;
float: none;
}
#gallery-overview #main .listing p.all {
margin: 0;
position: static;
}
#gallery-overview #main .listing p {
position: relative;
top: 3px;
right: 20px;
float: right;
font-size: 120%;
padding: 3px 0 0;
margin: 3px 0 0 0;
}
/* Listing Overview allgemein */
#overview .listing li h2 {
float: left;
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-person .vcard img {
padding: 1px;
float: left;
margin: 0 20px 35px 0;
border: 1px solid #BFBFBF;
max-height: 288px;
max-width: 350px;
}
.contact-person .vcard .n {
margin-bottom: 47px;
}
.contact-person .vcard .n .title,
.contact-person .vcard .n .honorific-prefix {
font-size: 240%;
font-weight: normal;
}
.contact-person .vcard .n span {
display: inline;
}
.contact-person #main .vcard .n p {
display: block;
font-weight: normal;
white-space: normal;
line-height: 1em;
font-size: 400%;
padding:  0;
margin: 0;
}
.contact-person #main .vcard .n p.title {
font-size: 160%;
font-style: italic;
padding-top: 4px;
}
/* Michael Simon [2012.03.21]: Fix, damit auf Mitarbeiterseiten nicht bei der Adresse zwischen jeder Zeile 20px Abstand sind */
.contact-person #main .vcard .adr {
padding-bottom: 20px;
}
.contact-person #main .vcard .adr p {
padding-bottom: 0;
}
.contact-person #main .vcard .org {
padding-top: 30px;
font-size: 200%;
margin-bottom: 27px;
}
.contact-person #main .vcard .org span em {
display: block;
background: none;
}
.contact-person #main .vcard .adr span {
font-size: 140%;
display: block;
line-height: 1.5em;
}
.contact-person #main .vcard .adr p span {
font-size: 100%;
display: inline;
}
.contact-person .contact-box {
clear: both;
width: auto;
overflow: hidden;
border:  4px solid #BFBFBF;
margin-bottom: 20px;
}
.contact-person .contact-box dl {
overflow: hidden;
}
#main .vcard .contact-box {
width: 100%;
clear: right;
display: block;
text-align: center;
}
.contact-person #main .vcard .contact-box .www {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 -11992px transparent;
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-person #main .vcard .contact-box .tel {
padding-top: 15px;
padding-bottom: 20px;
}
.contact-person #main .vcard .contact-box .tel dt {
float: left;
height: 37px;
margin: 0;
padding: 0;
text-indent: -9999em;
width: 20.8em;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 100% -11000px transparent;
}
.contact-person #main .vcard .contact-box .tel dd {
font-size: 240%;
font-weight: bold;
padding: 2px 0 0 0;
color: #333;
}
.contact-person #main .vcard .contact-box .fax {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 -10792px transparent;
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-person #main .vcard .contact-box .fax dt {
float: left;
height: 23px;
margin: 0;
padding: 0;
text-indent: -9999em;
width: 15em;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 113% -10800px transparent;
}
.contact-person #main .vcard .contact-box .fax dd {
font-size: 140%;
font-weight: normal;
color: #333;
}
.contact-person #main .vcard .contact-box .email {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 -4592px transparent;
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-person #main .vcard .contact-box .email dt {
float: left;
height: 23px;
margin: 0 8px 0 0;
padding: 0;
text-indent: -9999em;
width: 23px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 -4600px transparent;
}
.contact-person #main .vcard .contact-box .email dd {
font-size: 140%;
font-weight: normal;
color: #333;
width: auto;
padding-top: 2px;
}
.contact-person #main .vcard .contact-box .tel dd {
float: left;
line-height: 1.3em;
padding-right: 0;
width: auto;
}
.contact-person #main .vcard .note h3 {
display: block;
height: auto;
width: auto;
position: static;
padding-top: 10px;
}
.contact-person #main .vcard .note dl dt {
width: 16em;
}
.contact-person #main .vcard .note .dl-group {
margin-bottom: 15px;
overflow: hidden;
}
.contact-person #main .vcard dl {
overflow: hidden;
}
/* Forms */
#wrapper fieldset {
border: none;
}
#wrapper label {
display: block;

/*font-size: 120%;*/
font-size: 100%;
font-weight: bold;
margin-bottom: 2px;
}
#wrapper input,
#wrapper textarea {
padding: 6px 4px;
border: none;
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(https://www.rwth-aachen.de/custom/rwth/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;
}
/* FORMS
-------------------- */
.form-wrapper {
background: #f2f2f2;
clear: both;
position: relative;
}
#wrapper .form-wrapper .error,
#wrapper .form-wrapper .error h4 {
color: #c00 !important;
}
#wrapper .form-wrapper fieldset {
border: none;
margin: 0;
border-bottom: 1px solid #fff;
padding: 28px;
}
#wrapper .form-wrapper fieldset fieldset {
border: none;
padding: 0;
}
.form-wrapper fieldset h2 {
margin: 0 0 1px 0;
padding: 5px 0 5px 0;
}
.form-wrapper p.required {
text-align: right;
}
.form-wrapper p.required span,
.form-wrapper dfn {
font-weight: bold;
}
#main .form-wrapper p.required {
position: absolute;
right: 0;
width: 11.4em; /* 160px */
}
#main .form-wrapper p.error {
position: relative;
float: right;
clear: none;
width: 11.4em; /* 160px */
padding: 10px 0 0;
}
#main .form-wrapper p.required {
padding: 28px 28px 0 0;
text-align: left;
font-style: italic;
min-height: 4em;
}
#main .form-wrapper p.error span {
display: block;
vertical-align: middle;
color: #c00 !important;
}
#main .form-wrapper .error input,
#main .form-wrapper .error textarea {
border-color: #c00;
}
.form-wrapper div {
position: relative;
clear: both;
float: left;
width: 100%;
padding: 10px 0 15px 0;
}
.form-wrapper div div {
width: auto;
border-bottom: none;
margin: 0 0 10px 0;
padding: 0;
}
.form-wrapper div div.form-item {
margin: 0;
clear: none;
}
.form-wrapper label {
position: relative;
display: block;
font-size: 130%;
cursor: pointer;
}
.form-wrapper  fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
display: block;
background: #fff;
width: 36.3em; /* 472px */
margin: 3px 0 0 0;
border: 1px solid #c2c2c2;
padding: 3px 3px 4px 3px;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
border: 1px solid #000;
background: #fff;
}
.form-wrapper input[type=radio].a11y-focus,
.form-wrapper input[type=checkbox].a11y-focus {
background: transparent;
border: none;
}
.form-wrapper input[type=radio],
.form-wrapper input[type=checkbox] {
background: transparent;
border: 0 !important;
}
.form-wrapper textarea {
height: 150px;
width: 36.3em; /* 472px */
}
.form-wrapper select {
display: block;
width: 310px;
margin: 5px 0 0 0;
padding: 6px 4px;
}
.form-wrapper select.a11y-hidden {
height: 0%;
visibility: visible;
}
.form-wrapper div span {
display: block;
padding: 5px 0 0 0;
color: #555;
font-size: 110%;
}
.form-wrapper h4 {
padding: 0 0 5px 0;
color: #333;
font-size: 130%;
font-weight: bold;
}
.form-wrapper div.multiple-labels label span {
color: #555;
font-size: 110%;
font-weight: normal;
}
.form-wrapper div label span {
display: inline;
}
.form-wrapper div label.m span {
clear: both;
padding: 0 0 5px 0;
}
/* Michael Simon [2012.05.21]: Das Bild ist nicht vorhanden und die Klasse wird scheinbar nirgendwo verwendet
.form-wrapper div span.help a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/sprites.png) 0 -651px no-repeat;
padding-left: 15px;
}
*/
/* multiple inputs in one row */
.form-wrapper div div.form-item-s,
.form-wrapper div div.form-item-m,
.form-wrapper div div.form-item-l {
float: left;
margin: 0;
clear: none;
width: 12.4em;
}
.form-wrapper div div.form-item-m {
width: 25.2em;
padding: 0;
}
.form-wrapper div div.form-item-l {
width: 37.4em;
}
.form-wrapper div div.form-item-s input {
width: 7.7em; /* 100px */
}
.form-wrapper div div.form-item-m input {
width: 17.2em; /* 224px */
}
.form-wrapper div div.form-item-l input,
.form-wrapper div div.form-item-l select {
width: 26.9em; /* 350px */
}
/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {
float: none; /* ie 6 */
margin: 0;
padding: 0;
}
.form-wrapper fieldset fieldset .form-item {
float: none;
display: block;
clear: both;
}
.form-wrapper fieldset fieldset input {
width: auto;
display: inline;
background: transparent;
border: none;
}
#main .form-wrapper fieldset fieldset legend {
text-indent: -9999px;
font-size: 0;
}
#wrapper .form-wrapper  fieldset fieldset div.form-item label {
display: inline;
}
/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
float: left;
clear: none;
margin-right: 10px;
width: auto;
}
.form-wrapper fieldset fieldset.mod .form-item label {
display: inline;
}
/* Submit */
.form-wrapper div.button-wrapper {
position: relative;
border: none;
padding: 10px 0 5px 0;
}
.form-wrapper fieldset div.button-wrapper em {
float: right;
margin-top: -24px;
font-size: 140%;
}
#wrapper .form-wrapper div.button-wrapper input { /* button */
display: block;
background: #e1e1e1 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2993px no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
padding: 4px 25px 4px 10px !important;
font-weight: bold;
text-align: left;
color: #000;
width: 200px;
float: left;
cursor: pointer;
}
#wrapper .form-wrapper div.button-wrapper input[type="submit"] { /* button */
background: #333 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
color: #fff;
float: right;
clear: right;
}
#wrapper .form-wrapper div.button-wrapper input[type="submit"]:hover { /* button */
background: #00529F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
}
#wrapper .form-wrapper div.button-wrapper input:hover,
#wrapper .form-wrapper div.button-wrapper input:active,
#wrapper .form-wrapper div.button-wrapper input:focus {
text-decoration: none;
color: #fff;
background: #00549f url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
}
.new-search .button {  /* button outside button-wrapper */
padding-top: 3px;
padding-bottom: 4px;
}
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
background: #333;
color: #fff;
border: 1px solid #111;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
}
/* 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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/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(https://www.rwth-aachen.de/custom/rwth/img/icons/list-image.gif);
background: none;
margin: 0 0 8px 17px;
padding: 0;
}
/* SPECIAL MODULES */
/* Dom Tabs in Teaser-Row */
.teaser-row .text-box {
border-top: 4px solid #bfbfbf;
padding-top: 15px;
}
.teaser-row .text-box ol,
.event-text-box ol,
.content-text-box ol {
overflow: hidden;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/line-ccc.png) 0 100% repeat-x;
padding: 0 0 0 20px;
}
.teaser-row .text-box ol li,
.event-text-box ol li,
.content-text-box ol li {
float: left;
margin: 0 0 0 10px;
list-style: none;
font-size: 150%;
font-weight: bold;
text-transform: uppercase;
}
.teaser-row .text-box ol li a,
.event-text-box ol li a,
.content-text-box ol li a {
display: block;
border: 1px solid #ccc;
border-bottom: 1px solid transparent;
padding: 12px 20px;
color: #666;
text-decoration: none;
cursor: pointer;
}
.teaser-row .text-box ol li a:hover,
.teaser-row .text-box ol li a:active,
.teaser-row .text-box ol li a:focus,
.event-text-box ol li a:hover,
.event-text-box ol li a:active,
.event-text-box ol li a:focus,
.content-text-box ol li a:hover,
.content-text-box ol li a:active,
.content-text-box ol li a:focus {
color: #000;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
}
.teaser-row .text-box ol li a.js-selected,
.event-text-box ol li a.js-selected,
.content-text-box ol li a.js-selected {
border-bottom: 1px solid #fff;
color: #000;
background-color: #fff;
}
.teaser-row .section-group,
.event-text-box .section-group,
.content-text-box .section-group {
overflow: hidden;
}
.teaser-row .section-wrapper,
.event-text-box .section-wrapper,
.content-text-box .section-wrapper {
clear: both;
}
.teaser-row .section,
.event-text-box .section,
.content-text-box .section {
padding: 24px 0 0 0;
}
.teaser-row .section-teaser {
float: left;
width: 35em;
}
.teaser-row .section-teaser img {
width: 35em;
height: auto;
}
.teaser-row .section-teaser h2 {
clear: both;
overflow: hidden;
border: none;
padding: 10px 0;
font-size: 200%;
font-weight: normal;
line-height: 1.2em;
text-transform: none;
}
.teaser-row .section-teaser h2 span.date {
display: block;
font-size: 60%; /* 12px */
line-height: 1.3em;
padding-bottom: 5px;
}
.teaser-row .section-latest {
float: right;
width: 35em;
}
.teaser-row .section-latest li {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-persona.png) 0 0 repeat-x;
overflow: hidden;
padding: 12px 0;
list-style: none;
font-size: 100%;
}
.teaser-row .section-latest li:first-child {
background: none;
padding-top: 3px;
}
.teaser-row .section-latest li h2 {
border: none;
padding: 0;
font-weight: normal;
font-size: 140%;
text-transform: none;
}
.teaser-row .section-latest li h2 a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 3px no-repeat;
padding-left: 20px;
line-height: 1.5em;
font-size: 100%;
color: #00529F;
}
.teaser-row .section-latest span.date {
display: block;
font-size: 120%; /* 12px */
line-height: 1.3em;
padding-bottom: 5px;
}
.teaser-row .section-latest li em {
font-size: 120%;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
}
.teaser-row .section-latest li em a {
display: block;
background: #e1e1e1 url(https://www.rwth-aachen.de/custom/rwth/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;
}
.teaser-row .section-latest li em a:hover,
.teaser-row .section-latest li em a:active,
.teaser-row .section-latest li em a:focus {
text-decoration: none;
color: #fff;
background:#00549F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 94% -2793px no-repeat;
}
/* Carousel in Stage on Homepage */
#stage .teaser-wrapper {
position: relative;
max-width: 128em;
}
#stage .copyright {
position: absolute;
top: 0;
right: 0;
padding: 4px;
font-size: 110%;
background-color: rgba(0,0,0,0.5);
}
.js-off #stage .teaser-wrapper {
max-height: none;
}
.js-on #stage .rack {
overflow: hidden;
}
#stage .prev span,
#stage .next span {
display: none;
position: absolute;
z-index: 1;
top: 20em;
left: 0;
width: 10.4em;
height: 10.4em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/teaser-wrapper-sprite.png) 43% 18px no-repeat;
background-color: rgba(0, 0, 0, 0.8);
cursor: pointer;
}
#stage .prev span:hover,
#stage .next span:hover {
background-color: #00539F;
}
#stage .next span {
background-position: 55% -185px;
left: auto;
right: 0;
}
.js-on #stage .prev span,
.js-on #stage .next span {
display: block;
}
#stage .teaser-wrapper .teaser {
position: relative;
float: left;
overflow: hidden;
width: 128em;
}
.js-off #stage .teaser-wrapper .teaser {
margin-bottom: 10px;
}
#stage .teaser-wrapper .teaser * {
color: #fff;
}
#stage .teaser-box {
position: relative;
max-width: 98em;
margin: 0 auto;
}
#stage .teaser-box-2 {
position: absolute;
left: 0;
right: 0;
bottom: 50px;
background: #00549F;
background-color: rgba(0, 84, 159, 0.9);
padding: 25px;
}
#stage .teaser-wrapper img {
width: 100%;
height: auto;
}
#stage .teaser-wrapper h2 {
float: left;
width: 60%;
font-size: 500%;
font-weight: normal;
}
#stage .teaser-wrapper h2 {
padding-bottom: 2px;
}
#stage .teaser-wrapper h2 a:hover,
#stage .teaser-wrapper h2 a:active,
#stage .teaser-wrapper h2 a:focus {
text-decoration: none;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-hl.png) 0 100% repeat-x;
}
#stage .teaser-wrapper p {
float: left;
width: 40%;
font-size: 140%;
line-height: 1.4em;
}
#stage .teaser-wrapper p .more {
display: block;
margin-top: 20px;
font-style: normal;
}
#stage .teaser-wrapper p .more a {
display: inline-block;
min-width: 60px;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 83% -2790px no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px 20px 6px 10px;
text-transform: uppercase;
font-size: 86%; /* 12px */
font-weight: bold;
}
#stage .teaser-wrapper p .more a:hover,
#stage .teaser-wrapper p .more a:active,
#stage .teaser-wrapper p .more a:focus {
background: #fff url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 83% -2990px no-repeat;
color: #000;
text-decoration: none;
}
/* Carousel in Teaser-Rows */
.teaser-row .teaser-wrapper {
position: relative;
overflow: hidden;
}
.teaser-row .prev span,
.teaser-row .next span {
display: none;
position: absolute;
z-index: 1;
top: 11em;
left: 0;
width: 3.5em;
height: 3.5em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 50% -10195px no-repeat;
cursor: pointer;
opacity: 0.3;
filter: alpha(opacity=30);
}
.teaser-row .next span {
background-position: 50% -10395px;
left: auto;
right: 1px;
}
.teaser-row .prev span.show,
.teaser-row .next span.show {
opacity: 1;
filter: alpha(opacity=100);
}
.teaser-row .prev span.show:hover,
.teaser-row .next span.show:hover {
background-color: #00539f;
}
.js-on .teaser-row .prev span,
.js-on .teaser-row .next span {
display: block;
}
/* 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(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 0 transparent;
color: #00549F;
display: block;
padding-left: 22px;
}
.text .tw-history .rack-design .teaser a:focus img {
border-color: #00549F;
}
.text .tw-history .rack-design .teaser a img {
border: 4px solid #FFFFFF;
height: 9.7em;
}
.text .tw-history {
clear: right;
width: 64.2em;
float: left;
display: block;
}
.text .tw-history .rack-design .teaser.year {
display: block;
position: relative;
float: left;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-vertical.png) 50% 0 repeat-y;
width: 2em;
min-height: 17em;
margin-bottom: 50px;
}
.js-on .text .tw-history .rack-design .teaser.year {
margin-bottom: 0;
}
.text .tw-history .rack-design .year h3 {
bottom: -25px;
left: 0;
position: absolute;
padding: 0;
font-size: 117%;
font-weight: bold;
}
.js-off .text .teaser-wrapper .rack-design .teaser {
margin-right: 12px !important;
margin-bottom: 30px !important;
float: left !important;
}
.js-off .text .tw-history .teaser.year {
margin-right: 12px !important;
clear: left;
float: left !important;
}
/* History Carousel in Teaser-Row */
.tw-history .rack {
background: #f2f2f2;
padding: 30px 0 0 0;
float: left;
width: 100%;
}
.tw-history .rack-design {
float: left;
border-bottom: 3em solid #fff;
min-width: 100%;
}
.js-off .tw-history .rack-design {
width: 100%;
padding-bottom: 30px;
}
.teaser-row .tw-history .teaser {
width: 14em;
}
.teaser-row .tw-history .rack-design .teaser.last-teaser {
/* padding-right: 50px; */
}
.teaser-row .tw-history .teaser h2 {
font-size: 140%;
font-weight: normal;
padding-top: 5px;
}
.teaser-row .tw-history .teaser h2 a {
display: block;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
padding-left: 22px;
color: #00549f;
}
.teaser-row .tw-history .teaser a img {
width: auto;
border: 4px solid #fff !important;
}
.tw-history .teaser a:hover img,
.tw-history .teaser a:active img,
.tw-history .teaser a:focus img {
border-color: #00549f !important;
}
.teaser-row .tw-history .teaser.year {
display: block;
position: relative;
float: left;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/dotted-line-vertical.png) 50% 0 repeat-y;
width: 2em;
min-height: 17em;
margin-right: 0;
margin-bottom: 50px;
}
* + html .js-off .teaser-row .tw-history .teaser.year {
display: none;
}
.js-off .teaser-row .tw-history .teaser.year {
clear: both;
margin-left: 0;
}
.js-on .teaser-row .tw-history .teaser.year {
margin-bottom: 0;
}
.teaser-row .tw-history .year h3 {
position: absolute;
bottom: -25px;
left: 0;
}
/* 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;
}
.text .teaser-wrapper .rack-design .teaser {
position: relative;
float: left;
width: 14em;
margin-right: 25px;
}
.js-off .text .teaser-wrapper .rack-design .teaser {
float: none;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
}
.text .teaser-wrapper .rack-design .teaser.last-teaser {
margin-right: 0;
}
a.image { /* Selector from active web */
display: block;
width: 14em;
text-align: center;
height: 10.5em;
background-color: #E1E1E1;
}
.text .teaser-wrapper .rack-design .teaser img {
height: 10.5em;
/*	border-bottom: 3px solid #fff; */
}
.text .teaser-wrapper .rack-design .teaser a:hover img,
.text .teaser-wrapper .rack-design .teaser a:active img,
.text .teaser-wrapper .rack-design .teaser a:focus img {
border-color: #00549F;
}
.text .teaser-wrapper .rack-design .teaser span {
display: block;
position: absolute;
left: 0;
top: 0;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/zoom.png) 50% 50% no-repeat;
width: 14em;
min-height: 10em;
}
.text .teaser-wrapper {
position: relative;
}
.text .prev span,
.text .next span {
display: none;
position: absolute;
z-index: 1;
top: 40%;
left: -0.4em;
width: 3.5em;
height: 3.5em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 50% -10195px no-repeat;
cursor: pointer;
}
.text .prev.show span:hover,
.text .next.show span:hover {
background-color: rgb(0, 84, 159);
}
.text .next span {
background-position: 50% -10395px;
left: auto;
right: -0.4em;
}
.text .next span.show:hover,
.text .prev span.show:hover {
background-color: #00539f;
}
.js-on .text .prev span,
.js-on .text .next span {
display: block;
}
/* gallery and Lightbox */
.gallery {
clear: both;
border: 4px solid #bfbfbf;
margin-bottom: 20px;
}
.js-on .gallery-stage {
display: block;
}
.js-on .gallery-stage-box {
padding: 10px;
position: relative;
}
/* Carousel in gallery */
.gallery-teaser-wrapper {
margin: 0 0 0 0;
border: none;
margin-top: 30px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/arrow-gallery.png) 50% 0 no-repeat;
padding: 25px 40px 25px 40px;
position: relative;
}
.gallery-teaser-wrapper h5 {
margin: 0 0 10px 0;
font-size: 160%;
font-weight: bold;
text-transform: uppercase;
text-transform: uppercase;
text-align: center;
}
.gallery-teaser-wrapper .rack-design .teaser {
position: relative;
float: left;
width: 14.8em;
margin-right: 16px;
}
.js-off .gallery-teaser-wrapper .rack-design .teaser {
margin-right: 12px;
}
.gallery-teaser-wrapper .rack-design .teaser a {
display: block;
float: left;
width: 14em;
border: 4px solid #fff;
background: #e1e1e1;
}
.gallery-teaser-wrapper .rack-design .teaser a:hover,
.gallery-teaser-wrapper .rack-design .teaser a:focus {
float: left;
width: 14em;
border: 4px solid #00549F;
}
.gallery-teaser-wrapper .teaser .copyright,
.text .pseudo-gallery .rack-design .teaser span.copyright,
.gallery-teaser-wrapper .teaser .teaser-description {
display: none;
}
.gallery-teaser-wrapper .rack-design .teaser.last-teaser {
margin-right: 0;
}
.gallery-teaser-wrapper .rack-design .teaser img {
display: block;
width: auto;
height: 10.5em;
margin: 0 auto;
}
.pseudo-gallery-teaser-wrapper .rack-design .teaser img {
height: auto;
/*	width: 100%; Michael Simon [rwth]: Damit in der Bilderauswahl die Hochkantbilder richtig angezeigt werden */
}
div.pseudo-gallery,
div.gallery {
display:block;
float:left;
clear: right;
width: 100%;
}
.gallery-teaser-wrapper .prev span,
.gallery-teaser-wrapper .next span {
display: none;
position: absolute;
z-index: 1;
top: 40%;
left: -0.4em;
width: 3.5em;
height: 3.5em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 50% -10194px no-repeat;
cursor: pointer;
background-color: rgba(0, 0, 0, 1);
}
.gallery-teaser-wrapper .rack-design {
overflow: hidden;
}
.gallery-teaser-wrapper .prev span:hover,
.gallery-teaser-wrapper .next span:hover {
background-color: rgba(0, 84, 159, 1);
}
.gallery-teaser-wrapper .next span {
background-position: 50% -10394px;
left: auto;
right: -0.4em;
}
.js-on .gallery-teaser-wrapper .prev span,
.js-on .gallery-teaser-wrapper .next span {
display: block;
}
.gallery .multimedia-box,
.showbox-light .multimedia-box {
position: relative;
margin: 0 auto;
height: 47.3em;
}
.gallery .multimedia-box.higher {
height: 48.5em;
}
.gallery .multimedia-box-wrapper {
background: #E1E1E1;
}
.gallery .multimedia-box img {
display: block;
/*max-width: 71em; Michael Simon [2013.05.23]: Damit auch im IE8- die Bilder richtig skaliert werden */ 
height: auto;
position: absolute;
}
.js-off .gallery .multimedia-box img {
height: 46.5em;
}
.gallery-standalone .multimedia-box img {
/*max-width: 72.8em; Michael Simon [2013.05.23]: Damit auch im IE8- die Bilder richtig skaliert werden */ 
}
.gallery .multimedia-box .copyright,
.showbox .multimedia-box .copyright {
position: absolute;
right: 0;
bottom: 0;
color: #CCCCCC;
font-size: 110%;
padding: 4px 4px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/copyright-gallery.png) repeat 0 0;
}
.gallery .multimedia-description {
padding-top: 18px;
}
.gallery .multimedia-description-box {
float: left;
width: 47em;
min-height: 9em;
}
#main .gallery ul.links,
.showbox ul.links {
float: right;
width: 23.6em;
background: none;
margin: 25px 0 0 0;
}
#main .gallery ul.links li,
.showbox ul.links li {
display: block;
list-style: none;
list-style-image: none;
background: none;
margin: 0 0 1px 0;
padding: 0;
}
#main .gallery ul.links li a,
.showbox ul.links li a {
display: block;
padding: 4px 5px 4px 25px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
}
#main .gallery ul.links li a.download,
.showbox ul.links li a.download {
background: #e1e1e1 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -20994px no-repeat;
}
#main .gallery ul.links li a.download:hover,
#main .gallery ul.links li a.download:focus,
#main .gallery ul.links li a.download:active,
.showbox ul.links li a.download:hover,
.showbox ul.links li a.download:focus,
.showbox ul.links li a.download:active {
text-decoration: none;
color: #fff;
background: #00549F url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 5px -20194px no-repeat;
}
#main .gallery ul.links li a.download:hover em,
#main .gallery ul.links li a.download:focus em,
#main .gallery ul.links li a.download:active em,
.showbox ul.links li a.download:hover em,
.showbox ul.links li a.download:focus em,
.showbox ul.links li a.download:active em {
text-decoration: none;
color: #fff;
}
.gallery .multimedia-description-box h2 {
font-size: 200%;
font-weight: normal;
padding: 0;
margin: 0 0 5px 0;
}
#main .text .gallery .multimedia-description ul {
padding-left: 0;
}
/* standalone Gallery */
.gallery-standalone {
clear: none;
border: none;
padding: 0;
}
.gallery-standalone .gallery-stage-box {
padding: 0;
}
.gallery-stage .prev span,
.gallery-stage .next span,
.showbox-box .next span,
.showbox-box .prev span {
display: none;
position: absolute;
z-index: 1;
top: 38%;
left: 10px;
width: 6.4em;
height: 6.4em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/teaser-wrapper-small-sprite.png) no-repeat scroll 50% 10px;
cursor: pointer;
text-indent: -4000px;
}
.showbox-box .next span,
.showbox-box .prev span {
left: 0;
}
.gallery-stage .prev span.show:hover,
.gallery-stage .next span.show:hover,
.showbox-box .prev span:hover,
.showbox-box .next span:hover {
background-color: rgba(0, 84, 159, 1);
}
.showbox-box .prev.ui-disabled span:hover,
.showbox-box .next.ui-disabled span:hover {
background-color: #000;
}
.gallery-stage .next span,
.showbox-box .next span {
background-position: 50% -187px;
left: auto;
right: 11px;
}
.showbox-box .next span {
right: 0;
}
.gallery-standalone .gallery-stage .prev span,
.gallery-standalone .gallery-stage .next span {
left: 0;
}
.gallery-standalone .gallery-stage .next span {
left: auto;
right: 0.1em;
}
.js-on .gallery-stage .prev span,
.js-on .gallery-stage .next span,
.js-on .showbox-box .prev span,
.js-on .showbox-box .next span {
display: block;
}
.opacity .gallery-stage .prev.ui-disabled span,
.opacity .gallery-stage .next.ui-disabled span,
.opacity .showbox-box .prev.ui-disabled span,
.opacity .showbox-box .next.ui-disabled span {
opacity: 0.4;
}
.gallery-standalone .gallery-teaser-wrapper {
padding: 12px 0 0 0;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/arrow-standalone-gallery.png) 50% 0 no-repeat;
}
.gallery-standalone .gallery-teaser-wrapper-box {
border: 4px solid #bfbfbf;
border-top: 0;
padding: 25px 40px;
}
.gallery-standalone .gallery-teaser-wrapper .prev span,
.gallery-standalone .gallery-teaser-wrapper .next span {
display: none;
position: absolute;
z-index: 1;
top: 7em;
left: 0;
width: 3.5em;
height: 3.5em;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 50% -10194px no-repeat;
cursor: pointer;
}
.gallery-standalone .gallery-teaser-wrapper .prev.show span:hover,
.gallery-standalone .gallery-teaser-wrapper .next.show span:hover {
background-color: rgba(0, 84, 159, 1);
}
.js-on .gallery-standalone .gallery-teaser-wrapper .prev span,
.js-on .gallery-standalone .gallery-teaser-wrapper .next span {
display: block;
}
.gallery-standalone .gallery-teaser-wrapper .next span {
background-position: 50% -10394px;
left: auto;
right: 0;
}
/* Faculties */
#faculty-stage {
margin: 0 auto;
padding: 20px 0 20px 0;
width: 98em;
}
#faculty-stage #stage {
float: left;
clear: none;
margin: 0;
width: 72.79em;
margin-right: 2.8em;
margin-bottom: 10px;
position: relative;
}
#faculty-stage #stage .teaser-wrapper .teaser {
max-width: 72.8em;
}
.js-on #faculty-stage #stage .rack {
height: 41em;
max-width: 72.8em;
}
#faculty-stage #stage .prev span,
#faculty-stage #stage .next span {
display: none;
position: absolute;
z-index: 1;
top: 16em;
left: 0;
width: 64px;
height: 64px;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/teaser-wrapper-small-sprite.png) 50% 10px no-repeat;
background-color: rgba(0, 0, 0, 0.8);
cursor: pointer;
}
#faculty-stage #stage .prev span:hover,
#faculty-stage #stage .next span:hover {
background-color: #00539F;
}
#faculty-stage #stage .next span {
background-position: 50% -188px;
left: auto;
right: 0;
}
.js-on #faculty-stage #stage .prev span,
.js-on #faculty-stage #stage .next span {
display: block;
}
#faculty-stage #stage .teaser-box-2 {
background: #00549F;
background-color: rgba(0, 84, 159, 0.9);
bottom: 0;
left: 0;
padding: 25px;
position: absolute;
width: 55.2em
}
/* Michael Simon [2012.11.20]: Schriftgroesse auf 350% reduziert, um mehr Text im Buehnenbild der Fakultaeten, Fachgruppen, ... unterzubringen bei gleich guter Lesbarkeit */
#faculty-stage #stage .teaser-wrapper h2 {
font-size: 350%;
width: auto;
float: none;
}
#faculty-stage #stage .teaser-wrapper h2 span {
display: inline;
}
#faculty-stage #stage .teaser-wrapper h2 .more {
display: inline-block;
margin-top: 0;
position: relative;
top: -10px;
font-style: normal;
}
#faculty-stage #stage .teaser-wrapper h2 .more a {
display: inline-block;
line-height: 1.5em;
min-width: 60px;
background: #000 url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 83% -2790px no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px 20px 6px 10px;
text-transform: uppercase;
font-size: 30%; /* 12px */
font-weight: bold;
}
#faculty-stage #stage .teaser-wrapper h2 .more a:hover,
#faculty-stage #stage .teaser-wrapper h2 .more a:active,
#faculty-stage #stage .teaser-wrapper h2 .more a:focus {
background: #fff url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 83% -2990px no-repeat;
color: #000;
text-decoration: none;
border: none;
}
#quick-access {
float: left;
clear: none;
margin: 0;
width: 22.4em;
position: relative;
max-width: none;
background: #FFFFD9;
min-height: 41em;
}
#quick-access h6 {
padding: 1.11em 0.56em;
background: #FFEF58;
font-size: 180%;
color: #292929;
text-align: center;
}
#quick-access ul {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 0;
margin: 1.39em 0.56em 0.83em 0.56em;
padding: 1px 0 0 0;
}
#quick-access ul li {
padding: 1px 0 2px 0;
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 100%;
list-style: none;
}
#quick-access ul li a {
font-size: 140%;
color: #000;
display: block;
padding: 0.67em 0 0.67em 27px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat 5px -788px;
}
#quick-access ul li a:hover,
#quick-access ul li a:focus,
#quick-access ul li a:active {
background-color: #E5E1BE;
text-decoration: none;
}
/* Studiengangsbeschreibung */
.text-media-block {
padding-left: 380px;
padding-bottom: 20px;
}
.text-media-block:last-child {
background: url(https://www.rwth-aachen.de/custom/rwth/img/bgs/border-50.png) repeat-x 0 100%;
}
.text-media-block .photo,
.text-media-block .ct-video {
margin-left: -380px;
float: left;
}
.text-media-block .ct-video  {
width: 350px;
}
.text-media-block .ct-video .media-player {
width: 350px;
}
.text-media-block .ct-video .media-state {
left: 37%;
}
.text-media-block .text-block video {
display: block;
width: 350px;
height: 200px;
}
.text-media-block .more {
font-style: normal;
background: none;
}
.text-media-block .more a {
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) 0 0 no-repeat;
padding-left: 20px;
}
/* showbox */
.mask {
background: rgb(0,0,0);
}
.showbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
overflow-x: auto;
overflow-y: hidden;
}
.showbox .showbox-box {
width: 980px;
margin: 0 auto 9em;
padding-top: 20px;
padding-bottom: 7.5em;
}
.showbox-light .showbox-box {
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
height: auto;
width: auto;
padding: 0;
margin: 0;
}
.showbox .content-box {
margin: 0 auto;
width: 972px !important;
border: 4px solid #e5e5e5;
position: relative;
background: #fff;
}
.shwobox .multimedia-box {
position: relative;
}
.showbox .multimedia-box img {
display: block;
margin: 0 auto;
position: absolute;
}
.showbox .close-button {
position: absolute;
right: -4px;
top: -4px;
width: 36px;
height: 36px;
background: url(https://www.rwth-aachen.de/custom/rwth/img/icons/icon-sprites.png) no-repeat scroll 0 -22600px transparent;
cursor: pointer;
z-index:1;
}
.showbox .close-button:hover {
background-position: 0 -22800px;
}
.showbox .scroller-holder {
background-color:#2e2e2e;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
overflow: hidden;
z-index: 2;
}
.showbox .scroller-holder .toggle {
font-size: 120%;
text-transform: uppercase;
color: #fff;
background-color: #000;
display: block;
text-align: center;
padding: 5px 0;
cursor: pointer;
font-weight: bold;
}
.showbox .gallery-teaser-wrapper {
margin: 0 auto;
width: 900px;
background: none;
padding-top: 10px;
padding-bottom: 10px;
}
.showbox .multimedia-description {
overflow: hidden;
padding: 10px;
background: #fff;
}
.showbox .multimedia-description h2 {
float: left;
width: 225px;
font-size: 200%;
font-weight: normal;
}
.showbox .multimedia-description p {
width: 500px;
float: left;
font-size: 140%;
}
.showbox .multimedia-description .links {
float: right;
margin-top: 0;
}
.showbox .multimedia-description .links a.download {
font-size: 140%;
}
.showbox .gallery-teaser-wrapper h5 {
display: none;
}
/* Small Window */
.smaller-than-800 #nav-global {
margin-top: 0;
}
.smaller-than-1024 #stage .teaser-box-2 {
left: 100px;
right: 100px;
}
/* tables */
table thead tr .header {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/tablesorter/bg.gif) !important;
background-repeat: no-repeat !important;
background-position: center right !important;
cursor: pointer !important;
}
table thead tr .headerSortUp {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/tablesorter/asc.gif) !important;
}
table thead tr .headerSortDown {
background-image: url(https://www.rwth-aachen.de/custom/rwth/img/tablesorter/desc.gif) !important;
}