/*****************************
1.0 body
*****************************/
/*****************************
2.0 wrapperInner
*****************************/
/*****************************
3.0 wrapperOuter
*****************************/
/*****************************
4.0 branding
*****************************/
/*****************************
5.0 wrapperDivisions
*****************************/
.home #wrapperDivisions,
.division #wrapperDivisions{
  margin-left:0;
  margin-top:0;
  overflow:hidden;
}
#popup #wrapperDivisions{
  margin:0;
  min-width:100%;
}
/*****************************
6.0 wrapperContent
*****************************/
.home #wrapperContent{
  margin: 0 -100% 0 0;
}
.division #wrapperContent{
  padding-left: 0;
  margin: 0 -100% 0 0;
}
#wrapperContent {
  float: left;
  margin: 1.84em -100% 0 -24em; /*  margin: 0 -100% 0 0;   */
  padding: 0 0; /* padding-left @ Firefox/Mozilla for proper clearing if #content is longer than #navSecondary */
  width: 100%;
}
#popup #wrapperContent {
  margin:0;
  padding:0;
  width:90%;
}
/*****************************
7.0 serviceMeta
*****************************/
#navServiceMeta li,
#navBreadcrumbs li {
  display: inline;
}
#navServiceMeta h2 {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
/*****************************
8.0 Navigation
*****************************/
/****** 8.1 Primary ******/
/****** 8.2 Secondary ******/
/****** 8.3 navSkip ******/
.navSkip{
  position:absolute; left:-2000px; top: -1000px; height:0px;
}
.navSkip a:active,
.navSkip a:focus {
  position: absolute; left:2185px; top: 1000px; width: 150px;
  font-size: 0.8em;
  font-weight: 600;
  color: #1044aa;
  text-decoration: none;
  z-index: 20;
}
/*****************************
9.0 content
*****************************/
.home #content {
  margin: 0 24em 0 0; /* = 0 #supplement::width 0 0 */
  /*padding: 1.2em 0;*/
}
.division #content {
  padding: 1.2em 0 1.2em 2em
}
#wrapperContent.einspaltigMitHeader #content.altGrid {
  padding: 2em;
}
#popup #content {
  margin:0;
  padding-top:0;
}
#content.altGrid {
  margin-right: 0;
}
.home .mantelHomepage #content.altGrid {
  padding-right: 0;
  padding-top: 0;
}
/****** 9.1 columns ******/
#wrapperColumnA, #wrapperColumnB {
  float: left;
  width: 50%;
}
#columnA, #columnB {
  padding: 0 .8333em;
}
#columnA {
  padding-left: 0;
}
#columnB {
  padding-right: 0;
}
/****** 9.2 supplement ******/
/****** 9.3 Breadcrumb ******/
#navBreadcrumbs p {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
/****** 9.4 ClearElements ******/
#clear {
  clear: both;
  height: 1px; /* avoid collapsing margins */
}
/* offleft technique instead of "display: none;" to support IE-Win based screenreader */
.aural {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
/*****************************
9.0 siteInfo
*****************************/
#siteInfo {
  margin: 0 ;
}
#siteInfo {
  position: relative; /* serve as context for absolute positioning */
  top: 0;
  width: 94em;
}
#popupLinks {
  margin-top: 4.2em;
  margin-left: -2.3em;
}
#siteInfo li,
#popupLinks li {
  display: inline;
}
#siteInfo #navStart {
  position: absolute;
  top: 0;
  right: 0;
}
#siteInfo h2 {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
#wrapperContent.institutHomepage #content {padding-top:0}
.home #socMedia img {
  padding: 0;
}
/* Skin basis */
/*****************************
1.0 superior styles
*****************************/
/******1.1 typo ******/
/*# Font-Family and Font-Sitze for all Elements, sortet by Font-size in Pixel #*/
/*.gsb code,
.gsb kbd,
.gsb samp,
.gsb var {
    font-family: "Courier New", Courier;
    font-weight: bold;
    letter-spacing: 1px;
}*/
.gsb h4 {
  font-weight: normal;
}
#content em {
  font-style: italic;
}
/* disabled by bw, text in dl should be in italics
#content dl em {
    font-style: normal;
    padding-left: 0.4em;
}*/
#content .subheadline em {
  font-style: normal;
}
/*# Font-Size #*/
/****** 1.2 leading ******/
/*# Line-Height for Text - default #*/
#content,
#supplement {
  line-height: 1.32;
}
/****** 1.3 links ******/
.gsb a {
  background-repeat: no-repeat; /* default for icon styling */
  text-decoration: none;
}
.gsb a:link:hover,
.gsb a:link:focus,
.gsb a:link:active,
.gsb a:visited:hover,
.gsb a:visited:focus,
.gsb a:visited:active {
  text-decoration: underline;
}
.gsb a img {
  border: 0 none;
}
/****** 1.4. objects ******/
.gsb object {
  margin-bottom: 1em;
}
/*****************************
2.0 branding
*****************************/
#branding img,
#brandingnobg img {
  border: 0;
}
/*****************************
3.0 serviceMeta
*****************************/
#navServiceMeta,
#navServiceMeta a {
  padding: 0 .25em;
}
#navServiceMeta strong {
  font-weight: normal;
}
/*****************************
4.0 navigation
*****************************/
/****** 4.1 Primary ******/
#navPrimary li {
  float: left;
  margin: 0 2.33em 0 0;
}
#navPrimary li a,
#navPrimary li strong {
  line-height: 1.2em; /* @ Safari, "em" length @ Firefox-Mac */
  padding: 1.15em 1em 1em;
}
#navPrimary h2 {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
#navPrimary li a,
#navPrimary li em,
#navPrimary li strong {
  display: block;
}
#navPrimary li a,
#navPrimary li em,
#navPrimary li strong {
  font-weight: bold;
  text-transform: uppercase;
}
#navPrimary li a:hover,
#navPrimary li a:focus,
#navPrimary li a:active,
#navPrimary li em a,
#navPrimary li strong {
  text-decoration: none;
}
/*****************************
5.0 search
*****************************/
/*****************************
6.0 service
*****************************/
#navService a,
#supplement #navService a,
#navService strong,
#supplement #navService strong {
  line-height: 1.2; /* @ Firefox, prevent vanishing margins caused by rounding bug */
  margin: 0;
  border-style: dotted;
  border-width: 0 0 .09em;
  padding: .36em .45em .36em 0em; /*.23em 1.92em  .23em 0; 3px 25px 3px 0;*/
  display: block;
}
#navService ul ul {
  padding: 0 0 0em 1.5em;
}
#navService li {
  margin:  0;
}
#navService strong {
  font-weight: normal;
}
#navService li a,
#navService li strong {
  padding-right:  25px; /* padding-top/-bottom to prevent clipping of icons */
}
#content #navService li a,
#content #navService li strong {
  padding:3px 25px 3px 0;
}
#navService #navServiceNewsletter ul a,
#navService #navServiceNewsletter ul strong,
#navService #navServiceShoppingCart ul a,
#navService #navServiceShoppingCart ul strong,
#navService #navServiceGuestbook ul a,
#navService #navServiceGuestbook ul strong,
#navService #navServiceLexicon ul a,
#navService #navServiceLexicon ul strong,
#navService #navServiceFaq ul a,
#navService #navServiceFaq ul strong,
#navService #navServiceSitemap ul a,
#navService #navServiceSitemap ul strong,
#navService #navServiceDownloads ul a,
#navService #navServiceDownloads ul strong {
  padding-left: 15px;
}
/*****************************
7.0 tagcloud
*****************************/
#navTagCloud {
  padding-bottom: 0.25em;
}
#navSecondary #navTagCloud div {
  margin-top:0;
}
#navTagCloud ul {
  margin: 0.5em;
  text-align: center;
}
#navTagCloud li,
#supplement .tagcloud li {
  display:inline;
}
#navTagCloud a.prio1,
#supplement .tagcloud a.prio1 {
  font-size: 175%;
  font-weight: normal;
}
#navTagCloud a.prio2,
#supplement .tagcloud a.prio2 {
  font-size: 150%;
  font-weight: normal;
}
#navTagCloud a.prio3,
#supplement .tagcloud a.prio3 {
  font-size: 125%;
  font-weight: bold;
}
#navTagCloud a.prio4,
#supplement .tagcloud a.prio4 {
  font-size: 109.5%;
  font-weight: normal;
}
#navTagCloud a.prio5,
#supplement .tagcloud a.prio5 {
  font-size: 91%;
  font-weight: bold;
}
#supplement #navTagCloud a {
  background-image: none;
  display:inline;
}
/*****************************
8.0 content
*****************************/
/* default */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content address,
#content blockquote,
#content table,
#content dl,
#content ol,
#content ul,
#content form,
#content .abstract,
#content .interview dd,
#content .interview dt,
#content pre {
  margin: 0 0 .77em;
}
/****** 8.1 Headings ******/
#content h5,
#content h6 {
  font-weight: normal;
}
#content h6 {
  font-style: italic;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  margin-top: 1.5em;
}
#content #pageTitle,
#content .isFirstInSlot,
#content .teaser h2,
#content #employeeContact h2,
#content #employeeAddress h2,
#content #employeeVitaTeaser h2,
#content .sectionRelated h2 {
  margin-top: 0;
}
#content .fokus .teaser h2 {
  margin-top: 5px;
}
#content .fokus .teaser.twitter-widget {
  float: none;
}
#content .toc2 {
  margin-left:2.66em;
}
#content .toc3 {
  margin-left:5.32em;
}
#content .toc4 {
  margin-left:7.98em;
}
#content .toc5 {
  margin-left:10.64em;
}
/****** 8.2 Links ******/
/**** 8.2.1 InlineTopLinks ****/
.blockRelated li a img,
.sectionRelated li a img {
  margin-right: 5px;
}
.more a,
.links a,
.external,
.forwardLink,
.backLink,
.startLink,
a.themenLink,
#content .dossier .tableOfDocuments a,
#content .dossier .tableOfDocuments strong {
  padding-left: 11px;
}
#content th a {
  padding-left: 0;
}
.downloads a {
  padding-top: 3px;
  padding-left: 25px;
}
.downloads a.directDownload {
  padding-left: 0;
}
/**** 8.2.2 Shopping Cart Link ****/
p.shoppingCartAdd a,
span.shoppingCartAdd a,
#shoppingCartAdd a {
  padding: 2px 0 2px 20px; /* padding-top/-bottom to prevent clipping of icons */
}
.shoppingCartAdd,
#shoppingCartAdd {
  clear: both;
}
#shoppingCartAdd strong {
  font-weight: normal;
}
/**** 8.2.3 Dossier und Photogallery Link ****/
#content .dossier div.forward,
#content .dossier div.start,
#content .photogallery div.forward,
#content .photogallery div.start {
  float:right;
}
#content .photogallery div.forward,
#content .photogallery div.back,
#content .dossier div.forward,
#content .dossier div.back {
  width: 10%;
  height: 1em;
}
#content .photogallery div.start,
#content .dossier div.start {
  width: 78%;
  text-align: center;
}
/****** 8.2.4 Bilddownload ******/
a.imagedownload {
  padding-left: 20px;
}
/****** 8.3 Lists ******/
#content li,
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
  margin: .3em 0;
}
#content ol,
#content ul {
  padding-left: 1.67em;  /*should at least be enough for two digits */
}
#content .teaser-liste ul {
  padding-left: 0em;
}
#content .links,
#content .downloadlinks,
#content .downloadlinks li,
#content .links li,
#content .navIndex,
#content .navIndex li,
#content #glossaryHits,
#content #glossaryHits li,
#content #navContent,
#content #navContent li,
#content #sitemap ul,
#content #sitemap li {
  list-style-image: none; /* separate list-style properties @ Opera */
  list-style-type: none;
  padding-left: 0;
}
#content dt {
  padding: 0 1em 0 0;
  font-weight: bold;
}
#content dt,
#content dd {
  padding-bottom: .33em;
}
#content dd {
  margin-left: 2em;
}
#content .interview dt {
  float: none;
  font-weight: normal;
}
#content .interview dd,
#content .interview dt {
  padding: 0;
}
#content ul.downloadlinks li a {
  padding-left: 5px;
}
#content #navService {
  float: left;
  width: 18.33em;
  margin-right: 1.667em
}
#content #navService ul {
  list-style-image: none;
  list-style-type: none;
  padding-left: 0;
  margin: 0 0 5em;
}
#content ul .mod {
  list-style-type: none;
}
#wrapperDivisions .links li.mod {
  border-bottom: none;
  line-height: 1.32;
  margin: 0;
  padding-bottom: 0;
}
/****** 8.4 Tables ******/
#content .wrapperTable {
  overflow: auto;
  width: 100%;
}
#content table {
  width: 100%;
  clear: both;
}
#content caption {
  padding: .42em 1em;
}
#content .wrapperTable dt {
  padding: 0;
}
#content .submission {
  width: 19%;
}
#content .employeeList .firstName,
#content .jobOfferList .submissionDate,
#content .jobOfferList .dateOfIssue {
  width: 25%;
}
#content .downloadList .dateOfIssue {
  width: 31%;
}
#content .jobOfferList {
  width: 140%;
}
/****** 8.5 Address ******/
#content address {
  clear: left;
  border-left: 0;
  padding: 0 0 ;
}
/****** 8.6 Images ******/
#content .illustration .wrapper { /* .illustration for photos (graphics with caption, source etc. */
  display: block;
  overflow: auto; /* provide scrollbar if image width exceeds available width */
  width: 100%;
}
#content .illustration .wrapper br {
  display: none;
}
#content .picture img,
#content .illustration img {
  display: block;
  border:none;
  margin: 0 0 .33em;
}
#content .picture {
  margin: .33em 1.67em 1em 0;
  overflow:hidden;
  width:210px;
}
#content .photogallery .picture {
  height:150px;
  width:150px;
}
#content .picture a {
  background:none;
  padding:0;
}
#content .pictureSubtext {
  margin-left:2px;
}
#content #employeeContact .picture,
#content .altAlignment,
#content .BildRechtsTextLinks,
#content .rechts { /* .altAlignment MUST succeed .picture in this style sheet - usage is: .picture.altAlignment */
  float: right;
  margin-right: 0;
  margin-left: 1.67em;
}
#content .BildMitte,
#content .mitte {
  float: none;
  margin-left:auto;
  margin-right:auto;
}
#content .BildLinksOhne,
#content .linksOhne {
  float: none;
  margin-left:0;
  margin-right:auto;
}
#content .BildRechtsOhne,
#content .rechtsOhne {
  float: none;
  margin-left:auto;
  margin-right:0;
}
/****** 8.7 Teaser ******/
#content .teaser {
  margin: 0 0 .833em;
  padding: 0 0 .5em;
}
#content #bereichseinstieg .teaser {
  padding: 0 0;
  width: 100%;
  margin-right: 0;
}
#content .more {
  margin: .25em 0 0;
  display: inline;
}
#content .mod_aktuelles_more {
  display: block;
}
#content .teaser-liste {
  margin-bottom:1em;
  clear: both;
  min-height: 14.23em; /*185px;*/
  height:auto !important;
  height: 14.23em; /*185px;*/
}
#content ul.teaserliste {
  padding-left:0;
}
#content .teaser-liste.breit .box,
#content .teaser.klein .box {
  float:left;
  margin-left:10px;
}
#content .teaser-liste img,
#content .teaser.klein img {
  margin-bottom:10px;
}
#content .teaser.klein .box.bild,
#content .teaser-liste.breit .box.bild {
  width:47.9%;
  margin-left:0;
  margin-top:0;
}
.einspaltigMitHeader #content .teaser-liste.breit {
  min-height: 17.46em; /*227px;*/
  height:auto !important;
  height: 17.46em; /*227px;*/
}
#content .teaser-liste .wrapper {
  padding:0 .833em 1.15em;
}
.zweispaltigMitHeader #content .teaser-liste p {
  margin-bottom: 0 ;
}
#content .teaser-liste h2,
#content .bereichseinstieg h2 {
  font-size:146.15%;
  font-weight:normal;
  margin-bottom:.26em;
  margin-top:0;
}
/*#content .teaser-liste h2, #content .bereichseinstieg h2,  */
#content .teaser.trenner h2,
#content .teaser.trenner .abstract {
  float:none;
  width:auto;
  padding-top:  10px;
  padding-left:  0.55em;
  margin-top:0;
}
#content .teaser.trenner .box h2,
#content .teaser.trenner .box .abstract {
  padding-left:  0;
}
/****** 8.7.1 Dossier Teaser ******/
#content .dossier .teaser {
  border-bottom: none;
  border-top: 1px solid;
  padding: 1.75em 0 0 0;
}
/****** 8.8 Forms ******/
.gsb label {
  cursor: pointer;
}
.gsb input,
.gsb textarea,
.gsb select {
  border: 1px solid;
  padding: .17em .83em;
}
.gsb select[multiple] { /* do not group selector with "input, textarea" as IE-Win would ignore rule */
  padding: .17em .83em;
}
.gsb select {
  padding: 0 0 0 .42em;
}
.checkbox,
.radio,
.reset,
.submit {
  width: auto !important;
}
.checkbox,
.radio {
  border: 0 !important;
  padding: 0 !important;
}
.image {
  border: 0 !important;
}
#content .reset,
#content .submit {
  margin: 0 .92em 0 0;
  border-width: 0;
  padding: .42em .83em;
  cursor: pointer;
}
#content a.reset,
#content a.submit {
  padding: 0.5em 0.83em;
}
#content .submit {
  font-weight: bold;
}
#content fieldset {
  border-bottom: .17em solid;
  padding: 0 0 1em;
}
#content legend {
  float: left;
  width: 100%;
  margin: 0 0 1em;
}
#content legend+p {
  clear: both;
}
#content legend span {
  display: block;
  padding: .42em 1em;
}
#content legend span span { /* setting a language is possible */
  display: inline;
  padding: 0;
}
#content form p,
#content form div {
  margin: 0;
  padding: .33em 1.67em;
}
#content .formNote {
  padding: .5em 0 0;
}
#content .formHandle {
  padding: 0 0 0 12em;
}
#content form fieldset p:after {
  display: block;
  clear: both;
  content: " ";
}
#content form div {
  padding-top: 1.33em;
  padding-bottom: 1.33em;
}
#content form .formLabel,
#content .formNote,
#content .formField {
  display: block;
}
#content form .formLabel {
  padding: .17em 0 0;
}
#content form .formChoices .formLabel {
  padding: .25em 0 0; /* depends on line-height for ".formChoices .formField span" */
}
#content form em {
  font-style: normal;
}
form .formLabel .formHelp { /* help text */
  display: block;
  line-height: 1.1;
  padding: .55em 1.82em 0 0;
}
#content form p.formError {
  border-bottom: 2px solid;
  padding-bottom: 1.82em;
  margin-bottom: 1.82em;
}
.formField input,
.formField textarea {
  width: 98%;
}
.formField input[type=radio] {
  width:auto;
}
.formField select {
  width: 105%;
}
.altGrid .formField select {
  width: 103%;
}
.formField textarea {
  white-space:pre;
}
.formChoices .formField span {
  line-height: 1.8;
  margin: 0 1em .3em 0;
  white-space: nowrap;
}
.error label,
.error .formLabel em,
.error .formField strong,
.error .formField input,
.error .formField select,
.error .formField textarea {
  font-weight: bold;
}
.formField input.FormRadiobutton {
  width:auto;
  border:0;
  margin-right:5px;
  background-color:transparent !important;
}
.error .formField strong { /* error message */
  display: block;
  padding: .25em 0 0;
}
.error .formField br {
  display: none;
}
span.checkbox {
  display: inline;
}
.formFieldcheckbox {
  float: left;
  width: 60%;
}
.vertical span,
.vertical strong {
  display: block;
}
.formFieldcheckbox label {
  padding-left: 0.2em;
}
/****** 8.9 ClearElements ******/
.clear,
.section:after {
  display: block;
  clear: both;
}
#content .dossier .scrollLinks,
#content .sectionRelated {
  clear:both;
}
/****** 8.10 Breadcrumb ******/
#content #navBreadcrumbs {
  margin-bottom:.4em;
}
#content #navBreadcrumbs ol {
  list-style: none;
  margin: 0;
  padding: .64em 0 .5em;
}
#content #navBreadcrumbs li {
  margin: 0 .55em 0 0;
  float: left;
}
#navBreadcrumbs a,
#navBreadcrumbs strong {
  display: block;
  float: left;
}
#navBreadcrumbs a {
  white-space: nowrap;
}
#navBreadcrumbs strong {
  font-weight: normal;
}
/****** 8.11 Logic Elements ******/
.gsb code {
  font-family: "Courier New", Courier, monospace;
  white-space: pre-wrap;
  margin-left: 2em;
  font-size:110% !important;
}
.gsb samp {
  margin-left: 2em;
  display: block;
}
.gsb kbd {
  font-family: "Courier New", Courier, monospace;
  font-size: 110% !important;
}
.gsb var {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 110% !important;
}
/****** 8.12 Juser ******/
.refvolume {
  font-weight: bold;
}
.refissue{
  font-weight: normal;
}
a.refjournal {
  padding-left: 0;
  font-style: italic;
  background-image: none;
}
a.refdoi{
  clear: left;
  padding-left: 0;
  background-image: none;
}
a.openurl{
  padding-left: 0;
  background-image: none;
  vertical-align: text-bottom;
}
/*****************************
9.0 special sites
*****************************/
/****** 9.1 Sitemap ******/
#content #sitemap,
#content #sitemap h2 {
  border-style: solid;
}
#content #sitemap {
  border-width: 0 0 1px;
  padding: 0 0 .67em;
}
#content #sitemap h2 {
  margin: .67em 0 0;
  padding: .5em 0 0;
  border-width: 1px 0 0;
}
#content #sitemap,
#content #sitemap li,
#content #sitemap ul {
  margin: 0;
}
#content #sitemap li {
  display: inline; /* @ IE-Win, avoid typical gap between <a> with "display: block;" in a list and use <a> to apply box model properties */
}
#content #sitemap a {
  display: block;
}
#content #sitemap li li a {
  margin: .36em 0 0 1.82em;
}
#content #sitemap li li li a {
  margin-left: 3.64em;
}
/****** 9.2 Glossar ******/
/* .navIndex is defined in 8.3 */
#popup #glossarEntry {
  border:0;
}
#content #glossaryIndex li {
  width: 1.6em;
}
#content #glossaryIndex a,
#content #glossaryIndex strong {
  padding-right: 0;
  padding-left: 0;
}
#content #glossaryIndex a {
  background-image: none;
}
#content #glossaryHits {
  overflow: auto;
  margin: 1em 0;
}
#content #glossaryHits li {
  display: block;
  margin: 0 20px 0 0; /* avoid vertical scrollbar in #glossaryHits */
  padding-bottom: .83em
}
#glossaryHits a,
#glossaryHits strong {
  padding-left: 13px;
}
#glossaryWrapper .glossaryHitsWrapper,
#glossaryWrapper #glossarEntry {
  float:left;
  width: 50%;
}
#glossaryWrapper div h3 {
  font-size: 120%;
}
#glossaryWrapper #glossarEntry .links li {
  border-bottom: 0;
  margin: 0;
  min-height: 1em; /**/
}
/****** 9.3 Search results ******/
#content .navIndex, /* Also used in Glossary */
#content #searchResult {
  margin: 2em 0 0;
  border-style: dotted;
  border-width: 1px 0;
  padding: 1em 0 .7em;
}
#content .navIndex {
  overflow: hidden; /* to hide first <li>'s left border - no need for :first-child etc. */
}
.navIndex:after {
  display: block;
  clear: both;
  content: " ";
  height: 1px; /* avoid collapsing margins */
}
#content .navIndex li {
  float: left;
  line-height: 1;
  margin: 0 1px .33em -1px; /* negative margin-left to hide first <li>'s left border - no need for :first-child etc. */
  border-left: 1px solid; /* border-color is to be inherited from color */
  height: 1em;
  text-align: center;
}
#content .navIndex a,
#content .navIndex strong {
  display: block;
  padding: 0 .67em 1px; /* padding-bottom @ IE-Win to render text-decoration correctly */
}
#content .navIndex a {
  background-image: none;
}
#content ul#searchResult li a {
  background-position: 0 3px;
}
#content .navIndex img {
  margin: 2px 3px 0 3px;
}
#content #searchResult li {
  position: relative;
  padding: 0;
  width: auto;
}
#content #searchResult p {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
#content #searchResult.metaData {
  font-size:95%;
  clear:both;
  text-align:right;
}
.relevance {
  position:absolute;
  top:.33em;
  left:0;
  overflow:hidden;
  border:1px solid;
  width:50px;
  height:7px;
  text-indent:-200px;
  display:none;
}
.relevance100 {
  border-left-width:50px;
  width:0;
}
.relevance90 {
  border-left-width:45px;
  width:5px;
}
.relevance80 {
  border-left-width:40px;
  width:10px;
}
.relevance70 {
  border-left-width:35px;
  width:15px;
}
.relevance60 {
  border-left-width:30px;
  width:20px;
}
.relevance50 {
  border-left-width:25px;
  width:25px;
}
.relevance40 {
  border-left-width:20px;
  width:30px;
}
.relevance30 {
  border-left-width:15px;
  width:35px;
}
.relevance20 {
  border-left-width:10px;
  width:40px;
}
.relevance10 {
  border-left-width:5px;
  width:45px;
}
.searchResultLeft {
  float: left;
  width: 50em;
}
.searchResultLeft .linkPlain{
  font-style: italic;
}
#content .additionalSearchResult li {
  background-color: #fff7ec;
  border: solid 1px #fce8cf;
  padding-top: 0.6em;
  float: left;
  width: 100%;
}
.additionalSearchResult .searchResultLeft {
  padding-left: 1em;
}
#content .additionalSearchResult .last {
  margin-bottom: 1.5em;
  border-right: solid 1px #fce8cf !important;
}
#content #searchResult li {
  padding-top: 0.5em;
  padding-bottom: 0.8em;
}
#content #searchResult li a,
#content .additionalSearchResult li a {
  background-image: none;
  padding: 0;
}
#content .additionalSearchResult {
  list-style-type: none;
  padding-left: 0;
}
#searchResult .datum {
  float: right;
}
#content .additionalSearchResult .organisationseinheit {
  font-style: italic;
}
#content #searchResult .organisationseinheit {
  font-style: italic;
  padding-top: 0.2em;
}
#content .additionalSearchResult .organisationseinheit,
#content .additionalSearchResult .metaData,
#content #searchResult .organisationseinheit,
#content #searchResult .metaData {
  color: #8E8E8E;
}
/****** 9.4 FAQ ******/
#content #faq {
  margin: 0;
  padding: 2em 0 0;
  border-top: 1px solid;
}
#content #faq dd {
  border-bottom: 1px solid;
  margin: 0 0 2em;
  padding: 0 0 1.5em;
}
#content #faq dt {
  float: none;
  margin: 0 0 .25em;
  padding: 0;
}
#content #faq dd p,
#content #faq dd a,
#content #faq dd li,
#content #faq dd th,
#content #faq dd td {
  font-size: 15px;
}
/****** 9.5 Newsletter ******/
#content #newsletterUnsubscribe {
  margin-top: 4em;
}
/****** 9.6 ShoppingCart ******/
#content #shoppingCartMessage {
  margin: 0 0 2em;
}
#content #shoppingCartMessage strong {
  display: block;
  margin: 0 0 .33em;
}
#content #shoppingCart td,
#content #shoppingCart th {
  text-align: left;
}
#content #shoppingCart td input { /* quantity */
  width: 2em;
  text-align: right;
}
#content #shoppingCart td .submit {
  display: block; /* @ Firefox, enable text-decoration */
  margin: 0;
  border: 0;
  padding: .17em 0 0; /* padding-top: text baseline in line with quantity */
  background: none;
  font-weight: normal;
  text-align: left;
  cursor: pointer;
}
#shoppingCart td .submit:hover,
#shoppingCart td .submit:focus,
#shoppingCart td .submit:active {
  text-decoration: underline;
}
#content #shoppingCart .formHandle {
  padding-left: 0;
}
/****** 9.7 Guestbook ******/
#content .gbtext {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 1em;
}
#content .gbindex {
  margin-bottom: 1em;
}
/****** 9.8 Photogallery ******/
#content .photogallery .scrollLinksFirst,
#content .photogallery .scrollLinks {
  border: 0;
  padding:5px;
  margin-top: 1em;
  margin-bottom:5px;
  width:630px;
}
#content .photogallery {margin-bottom:20px;}
#content .photogalleryDocuments img {
  margin: 3px;
}
#content .photogalleryDocuments .active img {
  margin: 0;
}
/****** 9.9 Dossier ******/
#content .dossier .scrollLinksFirst,
#content .dossier .scrollLinks {
  height:2em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 0.5em 0 0em 0;
}
#content .dossier .tableOfDocuments {
  padding-left: 0;
}
/******  9.10 Downloadconfirm ******/
#content .formDLConfirm {
  float:left;
}
/****** 9.11 Bereicheinstieg ******/
#content .bereichseinstieg {
  border-bottom: 1px dotted #797979;
  margin-bottom: 20px
}
#content #bereichseinstieg {
  float: left;
  padding-right:1.7em;
}
.wrapperCol {
  width:25em;
  margin-right: 20px;
  float: left;
}
#content .bereichseinstieg .abstract {
  font: 123.07%/150% Arial, Helvetica, sans-serif;
  color: #669DB4;
}
#content .teaser img,
#content .teaser-liste.breit img {
  float: left;
  padding-right: 10px;
}
#content .teaser-liste.breit img {
  float: left;
}
#content #bereichseinstieg .teaser h2 {
  color: #369;
  margin-bottom: .4em;
  padding-top: .667em
}
#content #bereichseinstieg .teaser p,
#content #bereichseinstieg .teaser h2 {
  padding-left: 97px;
}
#content #bereichseinstieg .teaser .abstract {
  font: 100%/125% Arial, Helvetica, sans-serif;
}
#content #bereichseinstieg .teaser {
  border-bottom: 1px dotted #797979;
}
#content .bereichseinstiegHeader .bereichseinstieg h2 {
  padding-left:0;
}
/*#content .teaser.klein .box p,#content .teaser .box2 p,
#content .teaser.klein .box h3, #content .teaser.klein .box h2,
#content .teaser.klein .box ul {
    padding-left: 170px;
}*/
#content .teaser.klein .box p.abstract {
  margin-bottom: .23em;
  margin-top: .23em;
}
#content .teaser .box h3 {
  margin: 10px 0;
  font-size: 116.67%; /* = 14/12 * 100% */
}
#content .teaser.klein,
#content .breit {
  border-bottom: 1px dotted #797979;
}
/******  9.12 Ueber Uns ******/
.slot1,
.slot2,
.slot3,
.slot4 {
  margin-right: 1.54em;
}
.zweispaltigMitHeader .slot1,
.zweispaltigMitHeader .slot2,
.zweispaltigMitHeader .slot3,
.zweispaltigMitHeader .slot4 {
  width: 28.15em;
}
.slot3,
.slot4 {
  padding-top: .833em;
}
.zweispaltigMitHeader .slot2,
.mantelHomepage .slot2,
.zweispaltigMitHeader .slot4,
.mantelHomepage .slot4 {
  margin-right:0;
}
#content .header {
  padding-right: 1.54em;
}
.slot1 .teaser-liste,
.slot2 .teaser-liste {
  min-height:26.54em; /*345px;*/
  height:auto !important;
  height: 26.54em; /*345px;*/
}
#wrapperDivisions #content .header h1 {
  color: #666;
  margin: 0;
}
#wrapperDivisions .header .abstract {
  margin-bottom:1em;
}
#wrapperDivisions .header .abstract p {
  font:  117%/135% Arial, Helvetica, sans-serif;
}
#content .row .teaser-liste h2 {
  padding-top: 0;
}
/****** 9.13 Leistungen******/
#content .image {
  margin-right:10px;
}
#content .teaser-liste h2 {
  padding-top: 10px;
}
#content .teaser-liste.breit h2 {
  padding-top: 0;
}
#content .teasercollection .teaser.klein,
#content.altGrid .teasercollection .teaser.klein,
#content .slotContent .teasercollection .teaser.klein {
  border-color: #797979;
  border-style: dotted;
  border-width:  0 1px 0 0;
  float: left;
  margin-right: 1.15em; /*15px*/
  padding-right: 1em;
  width: 141px;
}
#wrapperContent #content .last {
  border-right : 0 none;
  margin-right: 0;
}
.division  #wrapperContent #content .last{
  margin-right: -1px;
}
#content .teasers {
  padding-left: 1.15em;
  padding-top: 1.15em;
}
#content .teasercollection h2 {
  color: #666;
  text-transform: uppercase;
  margin: 0 0 .75em;
  padding: 1em 0 0;
}
#content .teasercollection .teasers h2 {
  font: bold 107.69% Arial, Helvetica, sans serif;
  text-transform: none;
  padding-top: 0;
}
/****** Mantel Homepage *******/
*html .fokus {
  width:auto;
}
.mantelHomepage .slot1,
.mantelHomepage .slot2,
.mantelHomepage .slot3,
.mantelHomepage .slot4 {
  margin-right: 0;
}
.mantelHomepage .slot2,
.mantelHomepage .slot4 {
  float: right;
  width: 220px;
  margin-right: 20px;
}
#content .fokus .teaser {
  width:  300px;
  float: left;
  margin-right: 20px;
}
#content .fokus .teaser.last {
  margin-right: 0px;
}
.meldung,
.news-list {
  float: left;
}
.meldungsliste {
  width: 700px;
  margin-right: 20px;
}
.meldung {
  width: 380px;
  margin-right: 20px;
}
.news-list {
  width: 300px;
}
#content .news-list li a {
  display: block;
  padding-bottom:0.83em;
  border-bottom:1px dotted #797979;
}
#content .news-list li.event a {
  border-bottom:none;
}
#content .news-list ul,
#content .schnellzugriff ul {
  list-style-type:none;
  padding-left: 0;
}
.mantelHomepage #content h2 {
  font-size: 107.69%;/*    font-size:14px*/
  margin : 1em 0 .27em;
}
.mantelHomepage #content h2.fokus {
  padding-top : .75em;
}
.institutHomepage #content .fokus .teaser img,
.mantelHomepage #content .fokus .teaser img {
  padding-right: 0;
}
#content h2.fokus,
.mantelHomepage #content .karussell h1,
#supplement h2 {
  margin: 0 0 .75em 0;
  padding: 1em 0 .5em;
  text-transform:uppercase;
  font-stretch: condensed;
}
.mantelHomepage #content .karussell h1 {
  padding-top: .76em;
}
#content .fokus .teaser img {
  float: none;
}
/* karussell */
.mantelHomepage #content .slot5 {
  float: left;
  width: 58.33em; /*700px;*/
}
.karussell .item {
  float:left;
  height:90px;
  margin:0 1px;
  overflow:hidden;
  padding: 0 6px;
  width:145px;
}
#content .karussell .item a .img {
  height:82px !important;
  width:136px !important;
  overflow: hidden;
}
/* Meldungsbereich */
#wrapperContent #content .meldungsliste {
  padding-bottom:1em;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .text {
  margin-left: 2.4em;
  float: none;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .teaserText {
  margin-left:3.5em;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .text {
  font-size:150%;
  height:auto;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .more {
  display:block;
  margin-top:1em;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .more a {
  font-weight:bold;
  padding-left:20px;
}
#wrapperContent #content .meldungsliste .meldung .wrapper.mod .text,
#wrapperContent #content .meldungsliste .meldung .wrapper.mod .teaserText,
#wrapperContent #content .meldungsliste .meldung .wrapper.mod .more a {
  margin-left: 0;
}
#wrapperContent #content .meldungsliste .meldung .wrapper .more a {
  margin-left:3.5em;
  color:#000;
}
#wrapperContent .meldungsliste .meldung .wrapper {
  position: relative;
}
#wrapperInner #wrapperContent .meldungsliste .meldung .dateblock div {
  float: none;
}
#wrapperDivisions .meldung .dateblock {
  position:absolute;
  left:0;
}
/* Termine */
#content .events-box ul {
  margin: 0;
  padding: 0;
  min-height: 14.375em;
}
* html #content .events-box ul {
  height: 14.375em;
  min-height: 0;
}
#content .events-box ul li .title a {
  background-image: none;
  padding: 0;
}
#wrapperDivisions .dateblock   {
  background-color: #669DB4;
  color: #fff;
  font-weight: bold;
  margin-right:.83em;
  margin-top:.23em;
  float:left;
  width:2em;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#wrapperDivisions #supplement .dateblock div{
  background-color: #669DB4;
}
#wrapperDivisions .dateblock .month {
  display: block;
  font-size:91.67%;
}
#wrapperDivisions .dateblock abbr {
  border:medium none;
  cursor:help;
}
#wrapperDivisions .dateblock .day {
  display: block;
  font-size: 100%;
  padding: .25em 0;
}
#content .events-box li p {
  margin: 0;
  font-size: 75%;
  font-weight: bold;
  line-height: 1.4em;
  padding:0 0 0 3.15em;
}
#wrapperDivisions li .title {
  font-size: 100%;
  margin:0;
  line-height: 1.3em;
  padding:0 0 0 2.75em;
  text-transform: none;
}
#wrapperDivisions #supplement li .title a{
  margin-top: 0;
}
#wrapperDivisions .events-box li a {
  padding-left: 18px;
  color: #369;
  padding-left: 18px;
  line-height: 1.2
}
#supplement li.mod .title a {
  background-image: none;
  padding-left: 0;
}
#supplement .events-box li.mod {
  float: left;
  width: 100%;
  clear: both;
}
/****** Startseite Institutsbereich *******/
#institut #header {
  width: 57em;
  margin-left: 2em;
}
#institut #header h1,
.mitHeader .modgrid #header h1 {
  font: bold 240%/120% Arial, Helvetica, sans-serif;
  color:  #669DB4;
}
#institut #header .abstract p {
  font: 150%/130% Arial, Helvetica, sans-serif;
  margin-top:1em;
}
#institut .header {
  color:  #669DB4;
  padding-top: 2.8em;
  padding-left: 0em;
}
.headerIdentImg {
  position: absolute;
  top:4px;
  right: 0px;
  z-index: 2000;
  width: 358px;
}
.mitHeader .headerIdentImg {
  z-index: 0;
}
.institutHomepage div.fokus{
  float: left;
}
/****** Forschung *******/
#content .teaser {
  float: left;
  width: auto;
  margin-right: 20px;
}
#content .teaser.embedded {
  width:100%;
}
#content table .teaser {
  margin-right:0;
}
#content .teaser.klein {
  min-height:120px;
}
#content .slotContent .teaser.klein,
#content.altGrid .teaser.klein {
  width:47%;
}
#content .slot1 .teaser.klein .box,
#content .slot2 .teaser.klein .box,
#content .slot3 .teaser.klein .box,
#content .slot4 .teaser.klein .box {
  width:46%;
}
#content .slot1 .teaser.klein,
#content .slot2 .teaser.klein,
#content .slot3 .teaser.klein,
#content .slot4 .teaser.klein {
  width:100%;
}
#content .breit {
  width:100%;
  clear:both;
}
#content .breit .box {
  width:auto;
  float:none;
  margin-right:1em;
}
#content .breit,
#content .klein {
  padding-bottom:1em;
}
/*#content .teaser.klein .box {
    float: none;
}*/
/*****************************
10.0 supplementary content
*****************************/
#supplement .more {
  margin: .27em 0 0;
}
#supplement h3 {
  margin: 0 0 .75em;
  padding: 0 .77em 0;
}
#supplement .teaser h3{
  padding-top: 1.15em
}
#supplement .teaser .wrapper h3 {
  padding: 1.15em .77em 0 0;
}
#supplement .teaser {
  margin: 0 0 2.5em;
  border-bottom: 0;
  padding: 0 0 .5em;
}
#supplement .twitter-teaser .twitter-widget {
  margin-bottom: 1em;
}
#supplement .links li a,
#supplement .links li em {
  display: block;
  font-style: normal;
}
#supplement .links li a {
  margin: .91em 0 0;
}
#supplement .banner {
  margin: 2.73em 0;
}
.banner * {
  display: block;
}
.banner a {
  border: 1px solid;
}
.banner img {
  border: 0;
}
.banner span {
  width: 100%;
  overflow: hidden;
}
.banner a span {
  cursor: pointer; /* @ Safari 1.0 */
}
#supplement .teaser dl,
#supplement .teaser p {
  margin: 0 0 .36em;
}
#supplement .teaser .picture {
  margin-bottom: .91em;
}
#supplement .teaser dd,
#supplement .teaser dt {
  display: inline;
}
#supplement .teaser .picture img {
  display: block;
}
#supplement .teaser .wrapper {
  padding: 1.54em .833em 1.15em;
}
/*****************************
11.0 footer (siteInfo)
*****************************/
#siteInfo {
  padding-top: 0.25em;
  float: left;
}
#siteInfo p,
#siteInfo ul {
  margin: 0 0 .5em;
}
#siteInfo p.logo {
  float: right;
  margin-right:20px;
}
#siteInfo ul {
  margin-top: 0.5em;
}
#navServiceFooter {
  float:left;
  width: auto;
  padding:0 0 0 20px;
}
#navServiceFooter li {
  margin-right: 1.43em;
}
#navServiceFooter li.social {
  margin-right: 0;
}
#popupLinks li {
  padding:0.32em;
  padding-right:0.6em;
}
#siteInfo .social img{
  vertical-align:bottom;
}
#navFunctionsRecommend strong {
  font-weight: normal;
}
#navFunctionsRecommend a,
#navFunctionsRecommend strong,
#navFunctionsPrint a{
  text-transform: none;
}
/*****************************
12.0 Undefined?!
*****************************/
/* anchor navigation */
#content #navContent {
  margin: 0 0 2em;
}
.ServiceContactGlossar li {
  display:block;
  width:50%;
  float:left;
}
#content .servicecontact  {
  clear: both;
  font-size: 160%;
}
#content .servicecontact .image img{
  float: left;
  padding-bottom: 1.54em;
}
#content .servicecontact .wrapper div,
#content .servicecontact .wrapper h2{
  padding-left: 230px;
}
#content .teaser .box ul li{
  position: relative;
}
/* Instant Navi */
#instNavi {
  color: #fff;
  position: absolute;
  left: 0;
  background-color: #015A84;
  width: 100%;
  font-size: 107.5%;
  padding-bottom: 1.33em;
}
#instNavi .wrapper {
  width: 65.3em;
  float: none;
  margin: auto;
  position: relative;
}
#instNavi div {
  float: left;
  width: 30%;
  margin-right: 1.33em;
}
#instNavi div.close{
  width: 100%;
}
#instNavi div.start {
  width: 10.1em;
}
#instNavi div.institute {
  width: 35.9em;
}
#instNavi div.einrichtungen {
  width: 14.6em;
}
#instNavi h1 {
  color: #fff;
  line-height: 1;
  padding: .95em 0;
  background: transparent url(../../img/border_header.gif) repeat-x 0 bottom;
  font-size: 107%;
  text-transform:uppercase;
}
#instNavi ul {
  padding: .75em 0 0;
  text-transform: none;
  margin: 0 2em 2em 0;
}
#instNavi ul li{
  padding: .45em;
  line-height: 1;
}
#instNavi a{
  color: #fff;
  background: transparent url(../../img/institute_nav_a.gif) no-repeat 0 5px;
}
#instNavi div.close a{
  background-image: none;
}
#instNavi div.start a{
  background-image: url(../../img/institute_nav_a_back.gif);
}
#instNavi .institute ul {
  float: left;
  width: 35%;
}
#branding_1 #instNaviLinkWrapper,
#branding #instNaviLinkWrapper {
  color:#FFFFFF;
  float:right;
  margin-top:-12px;
  padding:0.8em 0.91em 0.3em;
}
#wrapperBranding #instNaviLinkWrapper a:link,
#wrapperBranding #instNaviLinkWrapper a:visited {
  color:#FFFFFF;
  text-transform:none;
}
#content .teaser.bannerMitText .wrapper,
#supplement  .teaser.bannerMitText .wrapper {
  position:absolute;
  bottom:0;
}
#content .teaser.bannerMitText,
#supplement .teaser.bannerMitText {
  position:relative;
  padding:0;
}
#supplement .wrapper a .caption {
  padding:1.15em 0.77em 0;
  display: block;
}
#content .teaser.bannerMitText .wrapper h3 {
  padding-left:0;
  font-size:100%;
}
#content .teaser.bannerMitText .wrapper {
  bottom:26px;
  margin-left:10px;
}
#content .teasercollection .teaser.klein.bannerMitText {
  width:220px;
  margin-right:6px;
  padding-right:0;
  border:none;
}
#content .galleryZoomTitle,
#content .galleryZoom {
  width:640px;
}
#content .galleryZoom {
  margin-bottom:20px;
}
#content .galleryZoomTitle strong {
  padding:5px;
}
#content .galleryZoom .caption {
  padding:5px 5px 0px 5px;
}
#content .source {
  padding:0 5px;
}
#content .galleryZoomTitle {
  font-size:130%;
  margin-bottom:1px;
}
#content .source {
  font-size:80%;
  display:block;
}
#content .galleryZoom .caption {
  display:block;
}
#content .source cite {
  font-style: normal;
}
/* Photogallery */
.photogallery .forwardLink {
  float:right;
}
#supplement .stage-design .teaser {
  margin-bottom:.5em;
}
#supplement .stage-design .controls .prev,
#supplement .stage-design .controls .counter,
#supplement .stage-design .controls .next {
  float:left;
}
#supplement .stage-design .controls .prev {
  margin-right:40px;
}
#supplement .stage-design .controls .next {
  margin-left:40px;
}
#supplement .stage-design .controls .counter.first {
  margin-left:80px;
}
*html #supplement .stage-design .controls .counter.first {
  margin-left: 40px;
}
.js-on #supplement .stage-design .controls .counter.first {
  margin-left: 0;
}
/* Stellenangebot */
#content .kennziffer {
  margin-bottom:.77em;
}
#stage .header {
  margin-top:50px;
  width:50%;
}
#stage .header h1 {
  color:#fff;
  font-size:230%;
}
#stage .header div {
  color:#fff;
  font-size:180%;
}
/* Dossier */
.dossiergrid .slot1,
.dossiergrid .slot2,
.dossiergrid .slot3,
.dossiergrid .slot4 {
  width: 27.15em;
  position:relative;
}
.dossiergrid #content {
  padding-right:2em;
}
.dossiergrid #content ul {
  padding-left:0;
}
.dossiergrid #content ul li.mod a {
  background:none;
  padding-left:0;
  margin:1em 0;
}
#content li.mod.publication img,
#supplement li.mod.publication img {
  float:left;
  padding-right:.5em;
  padding-top:.25em;
}
li.mod.publication span {
  display:block;
  width:75%;
  padding-left:2em;
}
#content ul li.mod.publication a,
#supplement ul li.mod.publication a {
  padding-left:0;
  background:none;
}
#content ul li.mod.project div.info,
#supplement ul li.mod.project div.info {
  padding-left:13px;
}
#content ul li.mod.project span,
#supplement ul li.mod.project span {
  display:block;
}
span.date {
  display:block;
}
#content .teaser.video h3 {
  margin-top:0;
}
#content .teaser.video object {
  margin-bottom:.5em;
}
.dossiergrid #content .teaser {
  border-bottom:none;
  min-height:0px;
  float:none;
}
.dossiergrid .slot3,
.dossiergrid .slot4 {
  border:none;
}
/* Link zum Altcontent */
#content .oldcontent {
  font-size:110%;
}
/* related Ents */
#content .sectionRelated {
  margin-top:4em;
}
/* Suche */
#content #searchResultIndex {
  margin-bottom:2em;
}
#content #searchResult li.last {
  border:none;
}
/* TeaserTrennerBild */
#content .teaser.trenner .abstract p {
  margin-top:1em;
}
#content .teaser.trenner.ttbild .box {
  float:left;
  width:60%;
}
#content.altGrid .teaser.trenner.ttbild .box {
  width:75%;
}
.headerIdentImg {
  left:690px;
  top:-50px;
}
#content .kurznachrichten .teaser {
  float:none;
}
/* Quellcode */
pre code + br {
  display:none;
}
/* neue erweiterte Suche */
#content form .advancedExpertSearch {
  padding-bottom: 0;
  clear: both;
  min-height: 3em;
}
#content form .advancedExpertSearch p {
  margin-bottom: 1em;
  padding-left: 0;
}
#content form .advancedExpertSearch .formLabel label,
#content form .advancedExpertSearch .formLabel em {
  font-weight: bold;
  font-size: 112%;
  margin-bottom: 6px;
}
#content form .advancedExpertSearch .searchInputField {
  padding-right: 0;
}
#content form .advancedExpertSearch .formLabel {
  margin-bottom: 0.6em;
}
#content form .advancedExpertSearch .searchInputField .formLabel,
#content form .advancedExpertSearch .searchInputField .formField {
  float: left;
  margin-right: 1.6em;
}
#content form .advancedExpertSearch .searchInputField .formField input {
  width: 37.5em;
  padding: 0.5em 0 0.5em 1.0em;
}
#content form .advancedExpertSearch .searchInputField .submit {
  width: auto;
  float: left;
  margin-right: 0;
}
#content form .advancedExpertSearch .formFieldcheckbox {
  width: 100%;
}
#content form .advancedExpertSearch .formFieldcheckbox input {
  margin-right: 0.7em;
}
#content form .advancedExpertSearch .formFieldcheckbox span {
  width: 33%;
  float: left;
  display: block;
  margin-bottom: 0.6em;
}
.orderMultiSelect .formHelp {
  float: right;
  color: #444;
}
#content form .advancedExpertSearch .searchRange,
#content form .advancedExpertSearch .searchSort {
  float: left;
  width: 40%;
}
#content form .advancedExpertSearch .searchRange .formField span,
#content form .advancedExpertSearch .searchSort .formField span {
  display: block;
  margin-bottom: 0.6em;
}
#content form .advancedExpertSearch .searchRange input,
#content form .advancedExpertSearch .searchSort input {
  margin-right: 0.7em;
}
#content form .advancedExpertSearch .formHandle {
  float: right;
}
#content form .advancedExpertSearchToggle {
  padding: 0;
}
#content form .advancedExpertSearchToggleControl {
  position: relative;
  height: 2.5em;
  padding: 0.5em 0 0;
  border-bottom: 1px dotted #333;
  border-top: 1px dotted #333333;
  margin-top: 1em;
}
#content form .advancedExpertSearchToggleControl .toggleOff,
#content form .advancedExpertSearchToggleControl .toggleOn {
  position: absolute;
  top: 0;
  font-size: 111%;
  font-weight: bold;
  padding: 0;
  text-align: center;
  width: 100%;
  margin-top: 0.7em;
}
#content form .advancedExpertSearchToggleControl .toggleOn {
  display: none;
}
#content form .advancedExpertSearchToggleControl a {
  background: transparent url(/SiteGlobals/StyleBundles/Bilder/NeuesLayout/expert_search/toggle_search.gif?__blob=normal) no-repeat 0 0;
  padding: 0 1.5em;
  cursor: pointer;
}
#content form .advancedExpertSearchToggleControl a:hover {
  text-decoration:  underline;
}
/*ETN*/
#etn_logobar {
  width:94em;
  height: 17em;
  padding-bottom: .75em;
  background: #fff;
}
#etn_logobar div {
  float:left;
  padding-left: 2em;
  padding-top: 1em;
}
#etn_logobar a img {
  border: none;
}
div#etn_text_auftrag, div#etn_text_foerderung {
  font-size: 140%;
  padding-top: 2em;
}
/* skin basis text */
#content .left {
  text-align: left;
}
#content .center {
  text-align: center;
}
#content .right {
  text-align: right;
}
#content .justify {
  text-align: justify;
}
#content .RichTextGlossarLink {
  cursor: help;
  text-decoration:none;
  border-bottom:1px dotted;
  color:#333333;
}
/* skin gsb color scheme */
/*****************************
1.0 superior styles
*****************************/
body {
  background-color: #CCDBD8;
  background: transparent url(verlauf) left top repeat-x;
  color: #333;
}
.gsb input,
.gsb textarea,
.gsb select {
  background: #fff;
  color: #333;
}
#wrapperContent , #wrapperInner{
  background: #fff; /* @ Safari 1.0, avoid overlapping background-image from #branding */
}
em.jpeg {
  background-image:url(../../img/icon_jpeg.gif);
  background-position:right;
  background-repeat:no-repeat;
  padding-right:15px;
}
.gsb abbr,
.gsb acronym,
.gsb dfn {
  border-bottom: 1px dotted  #9cbdde;
}
/******1.1 typo ******/
/****** 1.2 leading ******/
/****** 1.3 links ******/
.blockRelated li a:link img,
.blockRelated li a:visited img,
.blockRelated li a:hover img,
.blockRelated li a:active img,
.blockRelated li a:focus img,
.sectionRelated li a:link img,
.sectionRelated li a:visited img,
.sectionRelated li a:hover img,
.sectionRelated li a:active img,
.sectionRelated li a:focus img,
table.links a:link img,
table.links a:visited img,
table.links a:hover img,
table.links a:active img,
table.links a:focus img  {
  border: none;
}
/****** 1.4 objects ******/
/*****************************
2.0 branding
*****************************/
#wrapperBranding {
  border-top:4px solid #005B82;
  background-color: #FFF;
  /*height: 18.6em;*/
}
#branding {
  background-color: #FFF;
}
/*****************************
3.0 serviceMeta
*****************************/
#navServiceMeta strong {
  color: #000;
}
/*****************************
4.0 navigation
*****************************/
/****** 4.1 Primary ******/
/*****************************
5.0 search
*****************************/
/*****************************
6.0 service
*****************************/
#navService a,
#navService strong {
  border-bottom-color:#797979;
}
#navService ul li a  ,
#supplement #navService ul li a {
  background-position: 100% 50%;
}
#supplement #navService li#ServiceTree a{
  background-image: none;
}
#content #navService li a  {
  background-position: 100% 50%;
}
#navService #navServiceDownloads a,
#navService #navServiceDownloads strong {
  background: url(icon_download) no-repeat 100% 50%;
}
#navService #navServiceLexicon a,
#navService #navServiceLexicon strong {
  background: url(icon_a-z) no-repeat 100% 50%;
}
#navService #navServiceAnfahrt a,
#navService #navServiceAnfahrt strong {
  background:url(icon_anfahrt) no-repeat 100% 50%;
}
#navService #navServicePublikationen a,
#navService #navServicePublikationen strong {
  background:url(icon_publication) no-repeat 100% 50%;
}
#navService #navServicePersonenuebersicht a,
#navService #navServicePersonenuebersicht strong {
  background: url(icon_personenuebersicht) no-repeat 100% 50%;
}
#navService #navServiceMedienspiegel a,
#navService #navServiceMedienspiegel strong {
  background: url(icon_medienspiegel) no-repeat 100% 50%;
}
#navService #navServiceAnsprechpartner a,
#navService #navServiceAnsprechpartner strong {
  background: url(icon_ansprechpartner) no-repeat 100% 50%;
}
#navService #navServiceShoppingCart a,
#navService #navServiceShoppingCart strong {
  background: url(icon_shoppingcart) no-repeat 100% 50%;
}
#navService #navServiceMitarbeiter a,
#navService #navServiceMitarbeiter strong {
  background: url(icon_mitarbeiter) no-repeat 100% 50%;
}
#navService #navServiceTwitter a,
#navService #navServiceTwitter strong {
  background: url(icon_twitter) no-repeat 100% 50%;
}
#navService #navServiceRss a,
#navService #navServiceRss strong {
  background: url(icon_rss) no-repeat 100% 50%;
}
#navService strong {
  color: #000;
}
#navService #navServiceNewsletter ul a,
#navService #navServiceNewsletter ul strong,
#navService #navServiceShoppingCart ul a,
#navService #navServiceShoppingCart ul strong,
#navService #navServiceGuestbook ul a,
#navService #navServiceGuestbook ul strong,
#navService #navServiceLexicon ul a,
#navService #navServiceLexicon ul strong,
#navService #navServiceFaq ul a,
#navService #navServiceFaq ul strong,
#navService #navServiceSitemap ul a,
#navService #navServiceSitemap ul strong,
#navService #navServiceDownloads ul a,
#navService #navServiceDownloads ul strong {
  background-image: url(../../img/icon_link_a.gif);
}
/*****************************
7.0 content
*****************************/
/****** 7.1 Headings ******/
#content .bereichseinstieg h2 {
  background: url(bg_h2_home) repeat-x 0 100%;
  padding: 1em 0 .5em 52px;
}
/****** 7.2 Links ******/
s
.backLink,
.startLink {
  background: url(../../img/icon_link_zurueck_a.gif) no-repeat 1px -147px;
}
.links a:visited,
#content .dossier .tableOfDocuments a:visited {
}
.external:visited,
.backLink:visited,
.forwardLink:visited,
.startLink:visited{
  background-position: 1px -147px;
}
.more a:hover,
.more a:focus,
.more a:active{}
.external:hover,
.external:focus,
.external:active,
.backLink:hover,
.backLink:focus,
.backLink:active,
.forwardLink:hover,
.forwardLink:active,
.forwardLink:focus,
.startLink:hover,
.startLink:active,
.startLink:focus  {
  background-position: 1px -147px;
}
.links a:hover,
.links a:focus,
.links a:active,
#content .dossier .tableOfDocuments a:hover,
#content .dossier .tableOfDocuments a:active,
#content .dossier .tableOfDocuments a:focus {
}
#content th a{
  background: none;
}
.downloads a { /* MUST succeed .links in this style sheet - usage is: .links.downloads */
  background-image: url(../../img/icon_file_a.gif);
}
.downloads a.directDownload {
  background-image: none;
}
a.downloadOutlook {
  background: url(../Images/inline-svg/Termine-b.svg?__blob=normal) no-repeat;
  background-size: contain;
  padding: 5px 0 5px 2em;
}
/**** 7.2.1 InlineTopLinks ****/
p.navToTop {
  text-align: right;
}
.navToTop a {
  padding-left: 13px;
  background-image: none;
  background-position: 0 -147px;
}
.navToTop a:visited { /* omit :visited for ".navToTop a" */
  background-position: -50px -97px;
}
.navToTop a:hover,
.navToTop a:focus,
.navToTop a:active {
  background-position: -100px -47px;
  color: #000;
}
.navToTop a:visited{
  color: #005B82;
}
/**** 7.2.2 Shopping Cart Link ****/
p.shoppingCartAdd a,
span.shoppingCartAdd a,
#shoppingCartAdd a {
  background: url(../../img/icon_cart_a.gif) no-repeat 0 -148px;
}
p.shoppingCartAdd a:visited,
span.shoppingCartAdd a:visited,
#shoppingCartAdd a:visited {
  background-position: -50px -98px;
}
p.shoppingCartAdd a:hover,
#shoppingCartAdd a:hover,
span.shoppingCartAdd a:hover,
p.shoppingCartAdd a:focus,
#shoppingCartAdd a:focus,
span.shoppingCartAdd a:focus,
p.shoppingCartAdd a:active,
#shoppingCartAdd a:active,
span.shoppingCartAdd a:active {
  background-position: -100px -48px;
}
/****** 7.2.3 Dossier und Photogallery Link ******/
/****** 7.2.4 Bilddownload ******/
a.imagedownload {
  background: url(../../img/icon_file_a.gif) no-repeat 3px -149px;
}
a.imagedownload:visited {
  background-position: -47px -99px;
}
a.imagedownload:hover,
a.imagedownload:active,
a.imagedownload:focus {
  background-position: -97px -49px;
}
/****** 7.3 Lists ******/
#content ul {
  list-style-image: none;
}
#content .teaser-liste ul, #content .box ul {
  list-style: none;
}
#content a.RichTextIntLink {
  display:inline;
}
#content ul li a.RichTextIntLink,
#content ol li a.RichTextIntLink,
#supplement ul li a.RichTextIntLink,
#content ul.toc li a,
#content ul li .embedded a{
  background: none;
  padding: 0;
  list-style-type: none;
  display:inline;
}
#content ul li .title a,
#supplement ul li .title a {
  background:none;
  padding:0;
}
#content ul li.event a {
  background: none;
  padding-left:0;
}
/****** 7.4 Tables ******/
#content caption {
  background: #F4F8FB;
  color: #000040;
}
/****** 7.5 Address ******/
#content address {
  border-color: #9cbdde;
}
/****** 7.6 Images ******/
#content .picture span  {
  color:#666;
}
/****** 7.7 Teaser ******/
#content .teaser-liste {
  background-color:#e5eef2;
}
#content .teaser-liste h2 {
  color:#333333;
}
/****** 7.8 Forms ******/
#content fieldset {
  border-bottom: none;
}
#content legend {
  color: #000000;
}
.gsb input,
.gsb select,
.gsb textarea {
  border-color: #C4C4C4 #EDEDED #EDEDED #C4C4C4;
}
.gsb input:focus,
.gsb select:focus,
.gsb textarea:focus { /* @ EOMB */
  border-color: #000;
  color: #000;
}
#content .reset,
#content .submit {
  border-color: #888;
  background-color: #005B82;
  color: #fff;
}
#content .reset:hover,
#content .reset:focus {
  background-color: #fff;
  color: #005B82;
}
#content .submit {
  background-color: #005B82;
}
#content .submit:hover,
#content .submit:focus {
  background-color: #fff;
  color: #005B82;
}
#content .reset:active,
#content .submit:active {
  color: #843320;
}
.error input,
.error select,
.error textarea {
  background-color: #f00;
  color: #fff;
}
.error .formLabel label,
.error .formLabel em {
  color: #f00;
}
#content form p.formError {
  border-color: #fff;
  color: #FF0000;
}
#content strong.formError,
#content p.formError {
  color: #FF0000;
}
#content p.formSuccess {
  color: #009900;
}
/****** 7.9 ClearElements ******/
/****** 7.10 Breadcrumb ******/
#navBreadcrumbs a {
  padding-right: 8px;
  background: url(breadcrumb-corner) no-repeat 100% 50%;
  margin-left: -2px;
  font-size: 130%;
}
#navBreadcrumbs strong {
  margin-left: -2px;
  padding-right: 8px;
  font-size: 130%;
  background: url(breadcrumb-corner-a) no-repeat 100% 50%;
}
#navBreadcrumbs a span {
  display: block;
  padding-left: 5px;
  background: url(breadcrumb-back) no-repeat 0 50%;
}
#navBreadcrumbs strong span {
  display: block;
  padding-left: 5px;
  background: url(breadcrumb-back-a) no-repeat 0 50%;
}
#navBreadcrumbs .home span {
  background: url(breadcrumb-middle) repeat 0 0;
  padding: 4px 0 5px 0;
}
#navBreadcrumbs .home span span {
  background: url(breadcrumb_home) no-repeat 0 -6px;
  display: block;
  overflow: hidden;
  padding: 0 5px 0 30px;
}
#navBreadcrumbs a span span {
  background: #EFF2F5 url(breadcrumb-middle) repeat left 50%;
  padding: 4px 5px 5px 5px;
}
#navBreadcrumbs strong span span {
  background: url(breadcrumb-middle-a) repeat left 50%;
  padding: 4px 5px 5px 5px;
}
#navBreadcrumbs strong {
  color: #000;
}
/*****************************
8.0 special sites
*****************************/
.section,
.gbtext,
.sectionRelated,
#glossarEntry,
#wrapperOuter .teaser,
#content .navIndex,
#content #searchResult,
#content #faq,
#content #faq dd,
#content #sitemap,
#content #sitemap h2,
#supplement .links,
#content .dossier .teaser,
#content .dossier .scrollLinksFirst,
#content .dossier .scrollLinks,
#content .photogallery .scrollLinks {
  border-color: #797979;
}
/****** 8.1 Sitemap ******/
#sitemap h2 a {
  background-image: none;
}
/****** 8.2 Glossar ******/
#navFunctionsClose a { /* omit :visited here */
  padding-left: 17px;
  background-image: url(../../img/icon_close_a.gif);
  background-position: 0 -150px;
  font-size: 95%;
}
#navFunctionsClose a:hover,
#navFunctionsClose a:focus,
#navFunctionsClose a:active {
  background-position: -100px -50px;
}
#navFunctionsGlossary a  {
  padding-left: 17px;
  background-image: url(../../img/icon_lexicon_a.gif);
  background-position: 0px -150px;
  font-size: 95%;
}
#navFunctionsGlossary a:hover,
#navFunctionsGlossary a:focus,
#navFunctionsGlossary a:active {
  background-position: -100px -50px;
}
/****** 8.3 Search results ******/
#searchResult .searchString {
  background-color: #FFFF99;
  font-weight:bold;
  font-style:normal;
}
#content .navIndex img {
  border: none;
}
/****** 8.4 FAQ ******/
/****** 8.5 Newsletter ******/
/****** 8.6 ShoppingCart ******/
#content #shoppingCart td .submit {
  color: #005B82;
}
/****** 8.7 Guestbook ******/
/****** 8.8 Photogallery ******/
#content .photogalleryDocuments .active img {
  border: solid 3px #000000;
}
#content .photogalleryDocuments .picture,
#content .galleryZoomTitle,
#content .galleryZoom {
  background-color:#e5eef2;
}
#content .photogallery .scrollLinks {
  background-color:#e5eef2;
}
.photogallery .startLink {
  background: url(icon_pfeil) no-repeat 0 5px;
}
.photogallery .backLink {
  background:url(photogallery-left) no-repeat  0 -3px ;
  padding-left: 22px;
  margin-right: 1em;
  float: left;
}
.photogallery .forwardLink {
  background: url(photogallery-right) no-repeat 100% -3px;
  padding-right: 25px;
  margin-left: 1em;
}
/******** 8.9 Dossier ********/
#content .dossier .tableOfDocuments {
  list-style-image: none;
  list-style-type: none;
}
/******** 8.10  Mantel Homepage ********/
#content h2.fokus,
.mantelHomepage #content .karussell h1 {
  color: #666;
  background: url(bg_h2_home) repeat-x 0 100%;
  width:auto;
}
.karussell .item {
  background: url(bg_karussell) no-repeat 0 50%;
}
#content .bereichseinstieg h2 {
  background: url(bg_h2_home) repeat-x 0 100%;
  padding: 1em 0 .5em 52px;
}
#content .Gesundheit .bereichseinstieg {
  background: url(icon_gesundheit) no-repeat 0 0;
}
#content .Energie .bereichseinstieg {
  background: url(icon_energie) no-repeat 0 0;
}
#content .Information .bereichseinstieg {
  background: url(icon_information) no-repeat 0 0;
}
#supplement .interactive p a,
#header strong.more a,
#content .bereichseinstieg .more a,
#content .events-box li a,
#content .news-list p a,
#content .schnellzugriff p a {
  background: url(icon_bl-kreispfeil) no-repeat 0 50%;
  padding-left: 1.385em;
}
#header strong.more a{
  padding-left: 1em;
}
#content .news-list p a,
#content .events-box li a,
#content .schnellzugriff p a {
  font-weight: bold;
}
/* Startseite Institutsbereich */
#supplement .schnellzugriff li a {
  background: url(icon_bl-kreispfeil) no-repeat 0 9px;
}
#supplement .schnellzugriff li a,
#supplement .schnellzugriff li strong {
  border-color: #999;
  border-style:dotted;
  border-width:0 0 0.09em 0;
  line-height:1.2;
  margin:0 0 0;
  padding:7px 0.45em 7px 1.385em;
  display: block;
}
/*****************************
9.0 supplementary content
*****************************/
#supplement div .teaser.contentdoc {
  background-color: #F4F8FB;
}
#supplement div .teaser.contentdoc,
#supplement .schnellzugriff ,
#supplement #navService {
  background-color: #FFF;
  position:relative;
  z-index: 1500;
}
/*****************************
10.0 footer (siteInfo)
*****************************/
#navFunctionsGlossary a:visited {
  background-position: -50px -97px;
}
/*****************************
11.0 Undefined?!
*****************************/
#navStart a:visited {
  color: #005B82;
}
#navStart a:hover,
#navStart a:focus,
#navStart a:active {
  color: #000;
}
#navStart a {
  padding-left: 13px;
  background-image: url(../../img/icon_up_a.gif);
  background-position: 0 -147px;
}
#navContent a {
  padding-left: 13px;
  background-image: url(../../img/icon_down_a.gif);
  background-position: 0 -147px;
}
#navStart a:hover,
#navStart a:focus,
#navStart a:active {
  background-position: -100px -47px;
}
#content table.textualData.links a {
  background:none;padding-left:0;
}
#content .teaser.trenner {
  width:100%;
  background-color:#e5eef2;
}
/* Dossier */
.dossiergrid .weitereMeldungen a {
  font-weight:bold;
  background: url(icon_bl-kreispfeil) no-repeat 0 50%;
  padding-left:1.385em;
}
/* Link zum Altcontent */
#content .oldcontent {
  font-weight:bold;
}
/* Meldungsbox */
#content .meldungsliste .meldung .wrapper .more a {
  background: url(icon_bl-kreispfeil) no-repeat 0 50%;
}
.wetterturm .linkresicon{
  height: 1em;
  vertical-align: text-bottom;
}
/* JQuery.css */
.js-on #content .karussell .photogallery {
  position: relative;
  margin: 0 1.5em;
}
.js-on #content .rotator_controls {
  float: left;
  background: #fff;
  position: relative;
  z-index: 1;
  height: 82px;
  width: 1.5em;
  padding-top: 2em;
}
.js-on #content .rotator_controls.right{
  float: right;
}
.js-on #content .rotator_controls.right img{
  margin-left: -1em;
}
.js-on #instNavi{
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #005B82;
  width: 100%;
  opacity: 0;
  font-size: 109.09%;
  padding-bottom: 1.33em;
}
.js-on #instNavi .wrapper {
  width: 80em;
  float: none;
  margin: auto;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}
.js-on #instNavi div {
  float: left;
  width: 30%;
  margin-right: .833em;
}
.js-on #instNavi div.close{
  width: 950px;
}
.js-on #instNavi div.start {
  width: 14.167em;
  margin-right: 1.667em;
}
.js-on #instNavi div.institute {
  width: 43.33em;
  margin-right:  1.667em;
}
.js-on #instNavi div.einrichtungen {
  width: 18.33em;
}
.js-on #instNavi h1 {
  color: #fff;
  line-height: 1;
  padding: .95em 0;
  background: transparent url(../../img/border_header.gif) repeat-x 0 bottom;
  font-size: 107%;
}
.js-on #instNavi ul {
  padding: .75em 0 0;
  text-transform: none;
  margin: 0 2em 2em 0;
}
.js-on #instNavi ul li{
  padding: .45em;
  line-height: 1;
}
.js-on #instNavi a{
  color: #fff;
  background: transparent url(../../img/institute_nav_a.gif) no-repeat 0 5px;
}
.js-on #instNavi div.start a{
  background-image: url(../../img/institute_nav_a_back.gif);
}
.js-on #instNavi .institute ul {
  float: left;
  width: 45%;
}
.js-on #supplement .photoGallery .interactive .teaser,
.js-on #supplement .photoGallery .interactive {
  overflow: hidden;
}
.js-on #supplement .photoGallery .stage-design,
.js-on #supplement .photoGallery .interactive img{
  position: relative;
}
.js-on #supplement .photoGallery .stage-design .controls{
  position: absolute;
  width: 100%;
  background: #005B82;
  opacity: .7;
  height: 50px;
  bottom: 0;
}
.js-on #supplement .photoGallery .controls div{
  float: left;
  background: transparent;
  width: 40%;
}
.js-on #supplement .photoGallery .controls div.next{
  float: right;
}
.js-on #supplement .photoGallery .controls div a{
  color: #fff;
}
.js-on #supplement .photoGallery .teaser {
  margin-bottom: 0;
  padding: 0;
}
.js-on #content .meldungsliste .meldung {
  position: relative;
  overflow: hidden;
}
.js-on #content .meldungsliste .meldung .wrapper{
  background: #005B82;
  opacity: 0.8;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10%;
}
.js-on #instNavi div.close a{
  background-image: none;
}
.js-on #supplement .photoGallery .interactive .teaser,
.js-on #supplement .photoGallery .interactive {
  overflow: hidden;
}
.js-on #supplement .photoGallery .controls div.counter{
  color: #fff;
  position: absolute;
  left: 75px;
  top: 15px;
}
.js-on #wrapperDivisions #wrapperContent #content .meldungsliste .meldung .wrapper{
  background: #005B82;
  opacity: 0.8;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
}
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper .teaserText,
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper .more a {
  margin-left: 4.5em;
}
.js-on #content .meldungsliste .meldung .dateblock {
  margin-left: 1.15em;
}
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper .text {
  margin-left: 3em;
}
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper.mod .teaserText,
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper.mod .text,
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper.mod .more a {
  margin-left: 15px;
}
.js-on #wrapperContent #content .meldungsliste .meldung .wrapper .more a {
  color: #fff;
}
.js-on #content .meldungsliste .meldung .wrapper .text{
  margin-bottom: 1.2em;
  height: 46px;
  padding: 2px 0;
  margin-right: 50px;
}
.js-on #content .meldungsliste .meldung .wrapper .more a {
  background: url(icon_bl-kreispfeil_weiss) no-repeat 0 50%;
}
* html .js-on #content .meldungsliste .meldung .wrapper .teaserText {
  float: none;
  clear: none;
  height: 0%;
  overflow: hidden;
}
* html .js-on #content .meldungsliste .meldung .wrapper .teaserText.on {
  height: 100%;
}
.js-on #content .meldungsliste .meldung .wrapper .dateblock div{
  clear: none;
}
.js-on #supplement .photoGallery .controls div.prev a {
  left:15px;
  z-index: 15;
}
.js-on #supplement .photoGallery .controls div.prev a,
.js-on #supplement .photoGallery .controls div.next a,
.js-on #content a.magnifier {
  background: transparent url(../../img/magnifier.png) repeat scroll 0 0;
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  text-indent: -9999em;
  top: 15px;
  width: 20px;
}
.js-on #supplement .photoGallery .controls div.prev a {
  background: transparent url(Galerie_Pfeil_links) repeat scroll 0 0;
}
.js-on #supplement .photoGallery .controls div.next a {
  background: transparent url(Galerie_Pfeil_rechts) repeat scroll 0 0;
}
.js-on #content a.magnifier {
  cursor: default;
}
.js-on #content .meldungsliste div.on a.magnifier {
  background-image: none;
}
.js-on #branding_1 #instNaviLinkWrapper,
.js-on #branding #instNaviLinkWrapper {
  color: #fff;
  background-color: #005B82;
  float: right;
  margin-top: -12px;
  padding: .8em .91em .3em;
}
.js-on #wrapperBranding #instNaviLinkWrapper a:link,
.js-on #wrapperBranding #instNaviLinkWrapper a:visited {
  color: #fff;
  text-transform: none;
}