* {
	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: 0px;
}
/* Michael Simon [2012.11.02]: Links fuer die Gebaerdensprache */
a.gebaerdensprache {
	background-image: url("/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("/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(/custom/rwth/img/icons/icon-sprites-3.png) 0 -6200px no-repeat;
	padding-left: 17px;
}
a.internal {
	display: inline;
	background: url(/vorkurs/css/icon-sprites.png) 0 0 no-repeat;
	padding-left: 17px;
}
a.external {
	display: inline;
	background: url(/vorkurs/css/icon-sprites-1.png) 0 -5200px no-repeat;
	padding-left: 17px;
}
a.download {
	display: inline;
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -2400px no-repeat;
	padding-left: 17px;
}
a.download em {
	font-style: normal;
	color: #333333;
	background: none;
}
a.email {
	display: inline;
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -5800px no-repeat;
	padding-left: 17px;
}

th a.intranet {
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -6000px no-repeat;
	color: #fff;
}
th a.internal {
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -1200px no-repeat;
	color: #fff;
}
th a.external {
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -1400px no-repeat;
	color: #fff;
}
th a.download {
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -1600px no-repeat;
	color: #fff;
}
th a.email {
	background: url(/custom/rwth/img/icons/icon-sprites-3.png) 0 -2200px no-repeat;
	color: #fff;
}

.listing span a.sortable {
	color: #fff;
	background-image: url(/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(/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(/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(/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: 128em;
	min-width: 98em;
}
#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: 31em;
	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: 0px solid #000;
	padding: 20px 0 0 0;
}
#search-results #wrapper-2 {
	padding-left: 24em;
	width: 74em;
}
#wrapper-3 {
	background: url(../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(/vorkurs/css/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(/vorkurs/css/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);
	font-size: 130%;
}
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: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	padding-bottom: 10px;
}
ul.ui-autocomplete li {
	background: rgb(26, 101, 169) url(../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;
	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;
}
ul.ui-autocomplete li li.ui-state-hover {
	background-color: transparent;
}
ul.ui-autocomplete li:first-child {
	background-image: none;
}
ul.ui-autocomplete a {
	display: block;
	background: url(/vorkurs/css/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;
}
ul.ac-default a {
	color: white;
	background: url(/vorkurs/css/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(/vorkurs/css/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: 0px;
	padding-top: 5px;
}

#nav-global.has-subnav {
	border-bottom: 1px solid #E5E5E5;
}
.division #nav-global.has-subnav {
	border-bottom: 0px 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(/vorkurs/css/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(/vorkurs/css/icon-sprites.png);
	background-position: 100% -3364px;
	text-decoration: none;
	color: #333;
}
.nav-global-toc a.open {
	background-position: 100% -3164px;
}
.nav-global-toc li a.on {
	background: #00549F url(../img/icons/icon-sprites-3.png) 86% -5164px no-repeat;
	color: #fff;
}

/* 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(/vorkurs/css/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(../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(../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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 8px -5187px no-repeat;
	padding: 11px 10px 11px 28px;
	  color: #333333;
	font-size: 120%;
	display: block;
	font-weight: bold;
}
#nav ul {
	list-style: none;
}
#nav ul li {
	padding: 1px 0 2px 0;
	background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#nav ul li a,
#nav ul li strong {
	display: block;
	font-size: 140%;
	color: #333333;
	padding: 13px 10px 13px 22px;
}
#nav ul li.has-childs a,
#nav ul li.has-childs strong {
	background: url(../img/icons/icon-sprites-1.png) no-repeat 5px -782px;
}
#nav ul li strong,
#nav ul li.open a:hover,
#nav ul li.open a:active,
#nav ul li.open a:focus,
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a:focus {
	color: #fff;
	text-decoration: none;
	background: #00549F;
}
#nav ul li.open a, #nav ul li.open li.open a {
	font-size: 140%;
	color: #333333;
	font-weight: bold;
	padding-left: 17px;
	background: #eee url(../img/icons/icon-sprites-1.png) no-repeat 5px -982px;
}
#nav ul li.open ul {
	padding-top: 1px;
	background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
#nav ul li.open ul 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(../img/icons/icon-sprites-1.png) no-repeat 5px -1382px;
}


/*  ********* 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(../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(/vorkurs/css/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(../img/bgs/dotted-line-navigator.png) 0 100% repeat-x;
}
#navigator li {
	background: url(../img/bgs/dotted-line-navigator.png) 0 0 repeat-x;
	list-style: none;
	font-size: 140%;
	font-weight: bold;
	padding: 2px 0 1px 0;
}
#navigator li a {
	display: block;
	background: url(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(../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(../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(../img/bgs/dotted-line-persona.png) 0 100% repeat-x;
	margin-left: 23px;
}
.persona-item li a {
	display: block;
	background: url(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 5px -788px no-repeat;
}
.persona-item .close {
	clear: both;
	float: right;
	background: #d8d5b6 url(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 0 -3998px no-repeat;
	height: 15px;
	width: 15px;
	padding-left: 0;
	margin: 0 4px 0 0;
	text-indent: -4000px;
}
#breadcrumb li a,
#breadcrumb li strong {
	font-size: 120%;
	font-weight: normal;
	padding-left: 10px;
	margin-right: 10px;
	background: url(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 0 -3795px no-repeat;
	margin: 0 0 10px 0;
	padding-left: 16px;
	font-size: 140%;
}
#filter h3.collapsed {
	background: url(../img/icons/icon-sprites-3.png) 0 -4996px no-repeat;
	margin-bottom: 0;
}
.js-on #filter h3 {
	cursor: pointer;
}
#filter .entries {
	overflow: hidden;
}
#filter .entries .more,
#filter .entries .less {
	display: block;
	background: url(../img/icons/icon-sprites-3.png) 0 -4400px no-repeat;
	margin: 3px 0 0 0;
	padding: 0 0 0 22px;
	font-size: 120%;
	color: #00529F;
	font-weight: bold;
}
#filter .entries .less {
	background-position: 0 -4600px;
}
#filter .entries .more:hover,
#filter .entries .more:active,
#filter .entries .more:focus,
#filter .entries .less:hover,
#filter .entries .less:active,
#filter .entries .less:focus {
	text-decoration: underline;
	cursor: pointer;
}
#filter .filter-box ul {
	margin: -5px 0 0 0;
	overflow: hidden;
}
#filter .filter-box li,
#filter .filter-box fieldset.date {
	background: url(../img/bgs/border-50.png) 0 0 repeat-x;
	padding: 1px 0 0 0;
}
#filter .filter-box fieldset.date {
	padding-top: 12px;
}
#filter .filter-box li:first-child {
	background: none;
}
#filter .filter-box li a {
	background: url(/vorkurs/css/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(/vorkurs/css/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(../img/icons/icon-sprites-2.png) 6px -144px no-repeat;
	width: 18px;
	border: none;
	margin: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 9px;
	text-indent: -999em;
	cursor: pointer;
}
#wrapper #filter .date .button:hover,
#wrapper #filter .date .button:active,
#wrapper #filter .date .button:focus {
	background-color: #BFBFBF;
}
#filter .combobox {
	position: relative;
	display: inline;
	padding: 0;
	cursor: pointer;
	outline: none;
}
#wrapper #filter .combobox input {
	min-width: 44px;
	background: #fff url(../img/icons/icon-sprites-3.png) 100% -3791px no-repeat;
	border: 1px solid #d7d7d7;
	margin: 0 12px 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 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(/vorkurs/css/icon-sprites.png) no-repeat scroll 0 1px transparent;
}
#wrapper #filter label:hover,
#wrapper #filter label:active,
#wrapper #filter label:focus {
	text-decoration: underline;
}
#wrapper #filter a.reset {
	display: block;
	background: url(../img/icons/icon-sprites-3.png) 0 -4800px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 22px;
	font-size: 140%;
	color: #00529F;
	font-weight: normal;
}
#wrapper #filter .entries strong {
	font-weight: normal;
	background: url(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/icon_radio.png) 0 0 no-repeat;
}
span.ui-radio-hover,
span.ui-radio-state-checked {
	background: url(/vorkurs/css/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(../img/bgs/pattern-red.gif) repeat 0 0;
}
.color-2 {
	background: url(../img/bgs/pattern-yellow.gif) repeat 0 0;
	color: #333;
}
.color-3 {
	background: url(../img/bgs/pattern-orange.gif) repeat 0 0;
	color: #000;
}

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



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

/* profile box */
#main .text .profile {
	width: 31.7em !important;
	padding-bottom: 0 !important;
}

/* yellow small more-box */
#main .text .more-box {
	border: none;
	width: 19.7em;
	margin-left: 1.6em;
	background: #FFE57F url(../img/bgs/corner-download.png) 100% 0 no-repeat;
}
.two-columne #main .text .more-box {
	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(../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(../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(../img/icons/icon-sprites-3.png) no-repeat 0 -6399px;
}
#main .text .more-box ul li a.internal {
	background: url(../img/icons/icon-sprites-3.png) no-repeat 0 1px;
}
#main .text .more-box ul li a.external {
	background: url(../img/icons/icon-sprites-3.png) no-repeat 0 -399px;
}
#main .text .more-box ul li a.download {
	background: url(../img/icons/icon-sprites-3.png) no-repeat 0 -199px;
}

/* red small more-box */
#main .text .mb-color-1 {
   background: #D9455B url(../img/bgs/corner-download-color-1.png) 100% 0 no-repeat;
}
#main .text .mb-color-1 * {
   color: #fff;
}
#main .text .mb-color-1 ul {
   background: url(../img/bgs/border-50-w.png) repeat-x 0 100%;
}
#main .text .mb-color-1 ul li a {
   color: #fff;
}
#main .text .mb-color-1 ul li a em {
	color: #fff;
}
#main .text .mb-color-1 ul li {
   background: url(../img/bgs/border-50-w.png) repeat-x 0 0;
}

/* blue download-box */
#main .text .mb-color-2 {
   background: #407FB7 url(../img/bgs/corner-download-color-2.png) 100% 0 no-repeat;
}
#main .text .mb-color-2 * {
   color: #fff;
}
#main .text .mb-color-2 ul {
   background: url(../img/bgs/border-50-w.png) repeat-x 0 100%;
}
#main .text .mb-color-2 ul li a {
   color: #fff;
}
#main .text .mb-color-2 ul li a em {
	color: #fff;
}
#main .text .mb-color-2 ul li {
   background: url(../img/bgs/border-50-w.png) repeat-x 0 0;
}

/* blue download-box */
#main .text .mb-color-3 {
   background: #f2f2f2 url(../img/bgs/corner-download-color-3.png) 100% 0 no-repeat;
}
#main .text .mb-color-3 * {
   color: #000;
}
#main .text .mb-color-3 ul li a {
   color: #000;
}
#main .text .mb-color-3 ul li a em {
	color: #000;
}
#main .text .mb-color-3 ul li {
}

/* yellow big more-information-box */
#main .text .more-box.mb-big {
	float: right;
	overflow: hidden;
	clear: right;
	border: none;
	margin-left: 0;
	width: 96.4%;
	display: block;
	background: #FFE57F url(../img/bgs/corner-download.png) 100% 0 no-repeat;
}
#main .text .more-box.mb-big h3 {
	text-align: left;
	padding: 10px 0 10px 0;
}
#main .text .more-box.mb-big p {
   padding-right: 40px;
}
#main .text .more-box.mb-big p a {
	color: #333;
	border-bottom: 1px dotted;
}
#main .text .more-box.mb-big p a:hover,
#main .text .more-box.mb-big p a:active,
#main .text .more-box.mb-big p a:focus {
	border-bottom: 1px solid;
	text-decoration: none;
}

/* more-box big */
/* blue big more-information-box */
#main .text .mb-big.mb-color-1 {
   background: #407FB7 url(../img/bgs/corner-download-color-2.png) 100% 0 no-repeat;
}
#main .text .mb-big.mb-color-1 * {
   color:#fff;
}
#main .text .mb-big.mb-color-1 p a {
	color: #fff;
	border-bottom: 1px dotted;
}
#main .text .mb-big.mb-color-1 p a:hover,
#main .text .mb-big.mb-color-1 p a:active,
#main .text .mb-big.mb-color-1 p a:focus {
	border-bottom: 1px solid;
	text-decoration: none;
}

/* red big more-information-box */
#main .text .mb-big.mb-color-2 {
   background: url(../img/bgs/corner-download-color-1.png) no-repeat 100% 0 #D9455B;
}
#main .text .mb-big.mb-color-2 * {
   color:#fff;
}
#main .text .mb-big.mb-color-2 p a {
	color: #fff;
	border-bottom: 1px dotted;
}
#main .text .mb-big.mb-color-2 p a:hover,
#main .text .mb-big.mb-color-2 p a:active,
#main .text .mb-big.mb-color-2 p a:focus {
	border-bottom: 1px solid;
	text-decoration: none;
}

/* gray big more-information-box */
#main .text .mb-big.mb-color-3 {
   background: url(../img/bgs/corner-download-color-3.png) no-repeat 100% 0 #f2f2f2;
}
#main .text .mb-big.mb-color-3 * {
   color:#000;
}
#main .text .mb-big.mb-color-3 p a {
	color: #000;
	border-bottom: 1px dotted;
}

/* gray medium more-information-box */
#main .text .mb-medium.mb-color-3 {
	width: 350px;
}
#main .text .mb-medium.mb-color-3 * {
   color:#000;
}

/* 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(../img/icons/icon-sprites-3.png) 0 -2998px;
}
#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(../img/icons/tooltip.gif) center top no-repeat;
	top: 0;
}
.tooltip-wrapper.positionaround-1-0 {
	padding-top: 0px;
	padding-bottom: 10px;
	background-position: center bottom;
}
.tooltip-wrapper span.close-button {
	position: absolute;
	right: 0;
	top: 10px;
	height: 21px;
	width: 21px;
	background: black url(/vorkurs/css/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(../img/icons/icon-sprites-3.png) 65% -3198px 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(../img/icons/icon-sprites-3.png) 65% -3198px 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(../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(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -6398px;
}
#main .text .mb-middle.more-box ul li a.internal {
	background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 2px;
}
#main .text .mb-middle.more-box ul li a.download {
	background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -198px;
}
#main .text .mb-middle.more-box ul li a.external {
	background: url(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -398px;
}
#main .text .mb-middle.more-box ul li a.external em {
	background: none;
}

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

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

/* gray middle more-box */
#main .text  .mb-middle.mb-color-3 {
   background: #f2f2f2 url(../img/bgs/corner-download-color-3.png) 100% 0 no-repeat;
}
#main .text  .mb-middle.mb-color-3 * {
   color: #000;
}
#main .text  .mb-middle.mb-color-3 h3 {
   color: #000;
}
#main .text  .mb-middle.mb-color-3 ul li a {
	display: block;
	color: #000;
}
/*
middle Box in two-columne template
*/
/* More Box middle */
/* yellow middle more-box */
.csscolumns .two-columne #main .text .mb-middle.more-box {
	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(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text .check-list ol li {

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

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

/* two Columne Box */
.further-informations {
	clear: right;
	float: right;
	width: 100%;
	display: block;
	border-top: 4px solid #BFBFBF;
	padding-top: 25px;
	margin-top: 30px;
}
#main .further-informations div ul li p {
	font-size: 100%;
	padding: 0 0 10px 26px;
	margin: 0;
}
.two-column-box {
	margin: 0 0 25px 0;
	overflow: hidden;
}
.two-column-box div {
	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(../img/bgs/border-50.png) 0 0 repeat-x;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-left: 0;
	padding-top: 1px;
}
#main .two-column-box div ul li {
	list-style: none;
	list-style-image: none;
	line-height: 1.3em;
	background-position: 0 100%;
	padding: 1px 0 2px 0;
	background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
}
#main .two-column-box div ul li a {
	display: block;
	background-position: 5px 8px;
	padding: 8px 2px 8px 26px;
}
#main .two-column-box div ul li a:hover,
#main .two-column-box div ul li a:active,
#main .two-column-box div ul li a:focus {
	background-color: #dcdcdc;
	text-decoration: none;
}

/* one Columne Box */
.one-column-box {
	margin: 0 0 25px 0;
	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(../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(../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 -6192px;
}
#main .one-column-box div ul li a.external,
#main .two-column-box div ul li a.external {
	background-position: 5px -5192px;
}
#main .one-column-box div ul li a.download,
#main .two-column-box div ul li a.download {
	background-position: 5px -2392px;
}

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

/* einfache Listen im Fließtext */
#main .text .simple-ct-list ul,
#main .text .simple-ct-list ol {
	margin-left: 20px;
	background: none;
}
#main .text ol {
	padding-left: 23px;
	margin-bottom: 20px;
}
#main .text ol li {
	line-height: 140%;
	list-style-type: decimal;
	font-size: 140%;
	list-style-position: outside;
	padding-bottom: 12px;
	padding-top: 12px;
}
#main .text .simple-ct-list ul li,
#main .text .simple-ct-list ol li {
	line-height: 140%;
	list-style-type: decimal;
	font-size: 140%;
	list-style-position: outside;
	padding-bottom: 10px;
	padding-top: 10px;
	background: none
}
#main .text ul li {
	line-height: 140%;
	list-style: none;
	list-style-image: url(../img/icons/list-image.gif);
	font-size: 140%;
	list-style-position: outside;
	padding-bottom: 12px;
	padding-top: 12px;
}
#main .text ul {
	padding-left: 23px;
	margin-bottom: 20px;
}
/* Damit Listen in Listen keinen Abstand innerhalb haben */
#main .text ul ul,
#main .text ul ol,
#main .text ol ul,
#main .text ol ol {
	margin-bottom: 0;
}
#main .text .ordered-list ol, 
#main .text .unordered-list ul {
	padding-left: 0;
	margin-bottom: 20px;
	background: url(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text ul li,
#main .text ol li {
	padding: 4px 0;
}
/* Damit Listen in Listen keinen Abstand innerhalb haben */
#main .text ul li:last-child,
#main .text ol li:last-child {
	padding: 4px 0 0;
}
#main .text ul li a,
#main .text ol li a {
	display: inline;
	font-size: 100%;
}
#main .text .linklist ul li a,
#main .text .linklist ol li a {
	background-position: 5px 9px;
	padding: 8px 2px 8px 26px;
}
#main .text .ct-list ul li a,
#main .text .ct-list ol li a {
	color: #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(../img/bgs/border-50.png) repeat-x 0 100%;
}
#main .text .ct-list ol li {
	list-style:  none;
	padding-bottom: 12px;
	padding-top: 12px;
	background: url(../img/bgs/border-50.png) repeat-x 0 0;
}
.two-columne #main .text .ct-list ol li {
	list-style: decimal;
	list-style-position: inside;
}
#main .ct-list ol li div {
	padding-left: 50px;
	min-height: 30px;
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ct-list ol li a {
	display: inline;
	margin-top: 4px;
	font-size: 100%;
}
#main .ct-list ol li.item-1 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 0;
}
#main .ct-list ol li.item-2 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -300px;
}
#main .ct-list ol li.item-3 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -600px;
}
#main .ct-list ol li.item-4 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -900px;
}
#main .ct-list ol li.item-5 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1200px;
}
#main .ct-list ol li.item-6 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1500px;
}
#main .ct-list ol li.item-7 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -1800px;
}
#main .ct-list ol li.item-8 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2100px;
}
#main .ct-list ol li.item-9 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2400px;
}
#main .ct-list ol li.item-10 div {
	background:  url(../img/icons/sprites-zahlen.png) no-repeat 0 -2700px;
}
#main .text .dl-group {
	background: url(../img/bgs/border-50.png) 0 0 repeat-x;
	padding-bottom: 20px;
}
#main .text dl {
	padding: 5px 0;
	overflow: hidden;
	background: url(../img/bgs/border-50.png) 0 100% repeat-x;
}

#main .text dl.www {
	background: url(../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(../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 */
.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;
}
.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(../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(../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(../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(../img/icons/icon-sprites-1.png) 0 -3200px;
}
#main th span.sort-down {
	background: url(../img/icons/icon-sprites-1.png) 0 -3000px;
}
#main th {
/*	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(../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(/vorkurs/css/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: 0px 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(../img/bgs/dotted-line-persona.png) 0 100% repeat-x;
	overflow: hidden;
}
.latest li {
	background: url(../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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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: 0px 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(../img/bgs/dotted-line-persona.png) repeat-x 0 0;
	padding: 1px 0 0 0;
}
#main .list-teaser-group ul li {
	background: url(../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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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.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(/vorkurs/css/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(/vorkurs/css/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 0px;
	font-weight: normal;
	color: #000;
	font-size: 92%;
}

/*  Video Teaser */
.teaser-row .teaser-video span.video-opener {
	position: absolute;
	top: 32px;
	left: 77px;
	height: 74px;
	width: 74px;
	display: block;
	text-indent: -4000px;
	background: url(../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(../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(../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(/vorkurs/css/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(../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(../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(/vorkurs/css/icon-sprites.png) 0 -800px no-repeat;
}
#main .teaser-row .teaser-list.h-color-1 a {
    background: url(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 0 -999px no-repeat;
}
#main .teaser-row .teaser-list.h-color-2 a {
    background: url(../img/icons/icon-sprites-3.png) 5px -1191px 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(/vorkurs/css/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(/vorkurs/css/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;
}







/* 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(../img/icons/icon-sprites-1.png) 0 0 no-repeat;
}
/* Michael Simon [2012.04.12]: Externe Links im Footer durch URLWeiterleitung */
#site-info a.external {
	background: url(../img/icons/icon-sprites-1.png) 0 -5400px 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;
}
#site-info div div ul li {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	background: url(../img/bgs/border-25.png) repeat-x 0 100%;
}
#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(../img/icons/icon-sprites-1.png) 0 -200px no-repeat;
}
#site-info div div ul li.twitter a {
	padding: 8px 0 7px 40px;
	background: url(../img/icons/icon-sprites-1.png) 0 -400px no-repeat;
}
#site-info div div ul li.xing a {
	padding: 8px 0 7px 40px;
	background: url(../img/icons/icon-sprites-1.png) 0 -600px no-repeat;
}
#site-info div div ul li.googleplus a {
	padding: 8px 0 7px 40px;
	background: url(../img/icons/icon-sprites-1.png) 0 -6400px no-repeat;
}
#site-info div div ul li.linkedin a {
	padding: 8px 0 7px 40px;
	background: url(../img/icons/icon-sprites-1.png) 0 -6200px 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(/vorkurs/css/icon-sprites.png) no-repeat 0 -5595px;
}
.js-on .sitemap h2.js-selected {
	cursor: pointer;
	outline: none;
	background: url(/vorkurs/css/icon-sprites.png) no-repeat 0 -5793px;
}
.js-on .sitemap h2.ui-disabled {
	cursor: default;
}
.js-on .sitemap h2.a11y-focus-key {
	text-decoration: underline;
}
#main .sitemap ul {
	background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-left: 0;
	padding-bottom: 10px;
}
#main .sitemap ul li {
	list-style: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	list-style: none;
	list-style-image: none;
	background: url(../img/bgs/border-50.png) repeat-x scroll 0 100% transparent;
	padding: 12px 0;
}
#main .sitemap ul li:last-child,
#main .sitemap ul li.last-child {
	background: none;
	padding: 12px 0 0;
}
#main .sitemap ul li a {
	font-size: 160%;
	display: block;
	zoom: 1;
	font-weight: bold;
	padding: 1px 0 0 22px;
	background: url(/vorkurs/css/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(../img/icons/icon-sprites-1.png) 55% -4195px 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% -4395px;
}
.pagination .first a,
.pagination .first span {
	overflow: hidden;
	background-position: 55% -5595px;
}
.pagination .last a,
.pagination .last span {
	overflow: hidden;
	background-position: 45% -5795px;
}

/* Events */
#events .event-search,
#wrapper .new-search {
	position: relative;
	background: url(../img/bgs/bg-event-search.jpg) 0 0 repeat-x;
	margin: 0 0 40px 0;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index: 2;
}
#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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 0 -5595px no-repeat;
	padding: 0 0 0 16px;
	font-size: 160%;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
.listing h3.js-selected {
	background-position: 0 -5794px;
}
.listing-item {
	overflow: hidden;
	border: 4px solid #e5e5e5;
	margin: 0 0 30px 0;
	padding: 15px 10px;
}
.listing ul {
	background: url(../img/bgs/dotted-line-persona.png) 0 0 repeat-x;
	margin: 25px 0 14px 0;
	padding: 1px 0 0 0;
}
.listing li {
	background: url(../img/bgs/dotted-line-persona.png) 0 100% repeat-x;
	overflow: hidden;
	padding: 10px;
	list-style: none;
	font-size: 100%;
}
.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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/icon-sprites.png) 94% -2793px no-repeat;
}
/* Listing Bildergalerien */
#gallery-overview .listing ul {
	background: url(../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(../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(../img/icons/icon-sprites-1.png) no-repeat scroll 0 -5992px 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(../img/icons/icon-sprites-1.png) no-repeat scroll 100% -5000px 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(../img/icons/icon-sprites-1.png) no-repeat scroll 0 -4792px 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(../img/icons/icon-sprites-1.png) no-repeat scroll 113% -4800px 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(/vorkurs/css/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(/vorkurs/css/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-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(/vorkurs/css/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(../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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(../img/bgs/border-50.png) repeat-x 0 0;
}
.article-accordion .listing-wrapper {
	border: none;
	padding: 0 0 1px 0;
}
.article-accordion .listing-item:last-child .listing-wrapper {
	background: url(../img/bgs/border-50.png) repeat-x 0 100%;
	padding-bottom: 2px;
}
.article-accordion .listing-item h3 {
	color: #262626;
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0 10px 25px;
	background: url(/vorkurs/css/icon-sprites.png) 8px -5586px no-repeat;
}
.article-accordion .listing-item h3:hover,
.article-accordion .listing-item h3:focus,
.article-accordion .listing-item h3:active {
	outline: none;
	background-color: #EAF1F7;
	cursor: pointer;
}
.article-accordion h3.js-selected {
	background-position: 8px -5786px;
}
#main .article-accordion .listing-wrapper ul {
	margin: 0 0 0 27px;
	padding: 0 0 10px 0;
	background: none;
	list-style: none;
}
#main .article-accordion .listing-wrapper p {
	margin: 0 0 0 27px;
}
#main .article-accordion .listing-wrapper ol,
#main .article-accordion .listing-wrapper ul {
	margin: 0 0 0 27px;
}
#main .article-accordion .listing-wrapper ul li {
	list-style: none outside url("../img/icons/list-image.gif");
	background: none;
	margin: 0 0 8px 17px;
	padding: 0;
}
/* 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(../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(../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(/vorkurs/css/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(/vorkurs/css/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(/vorkurs/css/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(../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(../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(/vorkurs/css/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(/vorkurs/css/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(../img/icons/icon-sprites-1.png) 50% -4195px no-repeat;
	cursor: pointer;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.teaser-row .next span {
	background-position: 50% -4395px;
	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("/vorkurs/css/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(../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(/vorkurs/css/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(../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(../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(../img/icons/icon-sprites-1.png) 50% -4195px 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% -4395px;
	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(../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(../img/icons/icon-sprites-1.png) 50% -4194px 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% -4394px;
	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;
	height: auto;
	position: absolute;
}
.js-off .gallery .multimedia-box img {
	height: 46.5em;
}
.gallery-standalone .multimedia-box img {
	max-width: 72.8em;
}
.gallery .multimedia-box .copyright,
.showbox .multimedia-box .copyright {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #CCCCCC;
	font-size: 110%;
	padding: 4px 4px;
	background: url(../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(../img/icons/icon-sprites-3.png) 5px -2394px 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(../img/icons/icon-sprites-3.png) 5px -1594px 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(../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: 0px;
}
.gallery-standalone .gallery-stage .prev span,
.gallery-standalone .gallery-stage .next span {
	left: 0px;
}
.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(../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(../img/icons/icon-sprites-1.png) 50% -4194px 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% -4394px;
	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(../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(/vorkurs/css/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(/vorkurs/css/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(../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(../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(/vorkurs/css/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(../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(/vorkurs/css/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(../img/icons/icon-sprites-3.png) no-repeat scroll 0 -4000px transparent;
	cursor: pointer;
	z-index:1;
}
.showbox .close-button:hover {
	background-position: 0 -4200px;
}
.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;
}