@charset "UTF-8";
/* import core styles | Basis-Stylesheets einbinden */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */
@media all {
  /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * {
    margin: 0;
    padding: 0; }
  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding-left: 0.4em; }
  /* LTR */
  select {
    padding: 1px; }
  /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * {
    overflow: visible; }
  * html iframe, * html frame {
    overflow: auto; }
  * html frameset {
    overflow: hidden; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;
    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background: #fff;
    color: #000;
    text-align: left;
    /* LTR */ }
  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div {
    outline: 0 none; }
  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img {
    border: 0 solid; }
  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl {
    margin: 0 0 1em 1em; }
  /* LTR */
  li {
    line-height: 1.5em;
    margin-left: 0.8em;
    /* LTR */ }
  dt {
    font-weight: bold; }
  dd {
    margin: 0 0 1em 0.8em; }
  /* LTR */
  blockquote {
    margin: 0 0 1em 0.8em; }
  /* LTR */
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: ""; }
  /*------------------------------------------------------------------------------------------------------*/
  /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; }
  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix {
    display: block; }
  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox {
    overflow: hidden; }
  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing {
    display: none; }
  /*------------------------------------------------------------------------------------------------------*/
  /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -32768px;
    left: -32768px;
    /* LTR */ }
  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0; }
  /* skiplinks:technical setup */
  #skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%; } }

@media screen, projection {
  /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */
  #header {
    position: relative; }
  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav {
    text-align: right; }
  /* LTR */
  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position: absolute;
    top: 10px;
    right: 10px;
    /* LTR */ }
  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main {
    clear: both; }
  #col1 {
    float: left;
    width: 200px; }
  #col2 {
    float: right;
    width: 200px; }
  #col3 {
    width: auto;
    margin: 0 200px; }
  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content {
    position: relative; }
  /*------------------------------------------------------------------------------------------------------*/
  /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns {
    width: 100%;
    overflow: hidden; }
  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko {
    width: 100%;
    float: left; }
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float: right;
    margin-left: -5px; }
  .c20l, .c20r {
    width: 20%; }
  .c40l, .c40r {
    width: 40%; }
  .c60l, .c60r {
    width: 60%; }
  .c80l, .c80r {
    width: 80%; }
  .c25l, .c25r {
    width: 25%; }
  .c33l, .c33r {
    width: 33.333%; }
  .c50l, .c50r {
    width: 50%; }
  .c66l, .c66r {
    width: 66.666%; }
  .c75l, .c75r {
    width: 75%; }
  .c38l, .c38r {
    width: 38.2%; }
  .c62l, .c62r {
    width: 61.8%; }
  .subc {
    padding: 0 0.5em; }
  .subcl {
    padding: 0 1em 0 0; }
  .subcr {
    padding: 0 0 0 1em; }
  .equalize, .equalize .subcolumns {
    overflow: visible;
    display: table;
    table-layout: fixed; }
  .equalize > div {
    display: table-cell;
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top; } }

@media print {
  /**
  * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */
  .subcolumns > div,
  .floatbox {
    display: table;
    overflow: visible; }
  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print {
    position: static;
    left: 0; }
  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint {
    display: none !important; } }

/* import screen layout | Screen-Layout einbinden */
@font-face {
  font-family: 'museum_folkwang';
  src: url("../font/museum_folkwang.eot?78606532");
  src: url("../font/museum_folkwang.eot?78606532#iefix") format("embedded-opentype"), url("../font/museum_folkwang.woff?78606532") format("woff"), url("../font/museum_folkwang.ttf?78606532") format("truetype"), url("../font/museum_folkwang.svg?78606532#museum_folkwang") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "museum_folkwang";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-blind:before {
  content: '\e800'; }

/* '' */
.icon-hearing-impaired:before {
  content: '\e801'; }

/* '' */
.icon-accessibility:before {
  content: '\e802'; }

/* '' */
.icon-facebook:before {
  content: '\e803'; }

/* '' */
.icon-facebook-rect:before {
  content: '\e804'; }

/* '' */
.icon-twitter:before {
  content: '\e805'; }

/* '' */
.icon-twitter-bird:before {
  content: '\e806'; }

/* '' */
.icon-vimeo:before {
  content: '\e807'; }

/* '' */
.icon-googleplus-rect:before {
  content: '\e808'; }

/* '' */
.icon-linkedin-rect:before {
  content: '\e809'; }

/* '' */
.icon-video:before {
  content: '\e80a'; }

/* '' */
.icon-camera:before {
  content: '\e80b'; }

/* '' */
.icon-eye:before {
  content: '\e80c'; }

/* '' */
.icon-bookmark:before {
  content: '\e80d'; }

/* '' */
.icon-calendar-empty:before {
  content: '\e80e'; }

/* '' */
.icon-mic:before {
  content: '\e80f'; }

/* '' */
.icon-resize-full-alt:before {
  content: '\e810'; }

/* '' */
.icon-angle-circled-right:before {
  content: '\e811'; }

/* '' */
.icon-angle-circled-left:before {
  content: '\e812'; }

/* '' */
.icon-angle-down:before {
  content: '\e813'; }

/* '' */
.icon-angle-up:before {
  content: '\e814'; }

/* '' */
.icon-mail-2:before {
  content: '\e815'; }

/* '' */
.icon-angle-left:before {
  content: '\e816'; }

/* '' */
.icon-angle-double-left:before {
  content: '\e817'; }

/* '' */
.icon-angle-double-right:before {
  content: '\e818'; }

/* '' */
.icon-facebook-1:before {
  content: '\e819'; }

/* '' */
.icon-gplus-squared:before {
  content: '\e81a'; }

/* '' */
.icon-tumblr:before {
  content: '\e81b'; }

/* '' */
.icon-twitter-1:before {
  content: '\e81c'; }

/* '' */
.icon-youtube:before {
  content: '\e81d'; }

/* '' */
.icon-note-beamed:before {
  content: '\e81e'; }

/* '' */
.icon-video-1:before {
  content: '\e81f'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e820'; }

/* '' */
.icon-plus-circled:before {
  content: '\e821'; }

/* '' */
.icon-plus:before {
  content: '\e822'; }

/* '' */
.icon-minus:before {
  content: '\e823'; }

/* '' */
.icon-info-circled:before {
  content: '\e824'; }

/* '' */
.icon-back:before {
  content: '\e825'; }

/* '' */
.icon-home:before {
  content: '\e826'; }

/* '' */
.icon-bookmark-1:before {
  content: '\e827'; }

/* '' */
.icon-retweet:before {
  content: '\e828'; }

/* '' */
.icon-chat:before {
  content: '\e829'; }

/* '' */
.icon-share:before {
  content: '\e82a'; }

/* '' */
.icon-mic-1:before {
  content: '\e82b'; }

/* '' */
.icon-logout:before {
  content: '\e82c'; }

/* '' */
.icon-resize-full:before {
  content: '\e82d'; }

/* '' */
.icon-resize-small:before {
  content: '\e82e'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e82f'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e830'; }

/* '' */
.icon-up-open-big:before {
  content: '\e831'; }

/* '' */
.icon-down-open-big:before {
  content: '\e832'; }

/* '' */
.icon-left-open-big:before {
  content: '\e833'; }

/* '' */
.icon-right-open-big:before {
  content: '\e834'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e835'; }

/* '' */
.icon-cw:before {
  content: '\e836'; }

/* '' */
.icon-ccw:before {
  content: '\e837'; }

/* '' */
.icon-play:before {
  content: '\e838'; }

/* '' */
.icon-monitor:before {
  content: '\e839'; }

/* '' */
.icon-mobile:before {
  content: '\e83a'; }

/* '' */
.icon-back-in-time:before {
  content: '\e83b'; }

/* '' */
.icon-desktop:before {
  content: '\e83c'; }

/* '' */
.icon-laptop:before {
  content: '\e83d'; }

/* '' */
.icon-tablet:before {
  content: '\e83e'; }

/* '' */
.icon-mobile-1:before {
  content: '\e83f'; }

/* '' */
.icon-video-2:before {
  content: '\e840'; }

/* '' */
.icon-mail:before {
  content: '\e841'; }

/* '' */
.icon-cancel:before {
  content: '\e842'; }

/* '' */
.icon-plus-1:before {
  content: '\e843'; }

/* '' */
.icon-minus-1:before {
  content: '\e844'; }

/* '' */
.icon-mail-1:before {
  content: '\e845'; }

/* '' */
.icon-search:before {
  content: '\e846'; }

/* '' */
.icon-videocam:before {
  content: '\e847'; }

/* '' */
.icon-videocam-alt:before {
  content: '\e848'; }

/* '' */
.icon-resize-small-1:before {
  content: '\e849'; }

/* '' */
.icon-resize-full-1:before {
  content: '\e84a'; }

/* '' */
.icon-down-dir:before {
  content: '\e84b'; }

/* '' */
.icon-left-dir:before {
  content: '\e84c'; }

/* '' */
.icon-mobile-2:before {
  content: '\e84d'; }

/* '' */
.icon-tablet-1:before {
  content: '\e84e'; }

/* '' */
.icon-ipod:before {
  content: '\e84f'; }

/* '' */
.icon-cd:before {
  content: '\e850'; }

/* '' */
.icon-ccw-1:before {
  content: '\e851'; }

/* '' */
.icon-movie:before {
  content: '\e852'; }

/* '' */
.icon-camera-1:before {
  content: '\e853'; }

/* '' */
.icon-art-gallery:before {
  content: '\e854'; }

/* '' */
.icon-cinema:before {
  content: '\e855'; }

/* '' */
.icon-post:before {
  content: '\e856'; }

/* '' */
.icon-theatre:before {
  content: '\e857'; }

/* '' */
.icon-town-hall:before {
  content: '\e858'; }

/* '' */
.icon-search-1:before {
  content: '\e859'; }

/* '' */
.icon-video-alt:before {
  content: '\e85a'; }

/* '' */
.icon-video-chat:before {
  content: '\e85b'; }

/* '' */
.icon-picture:before {
  content: '\e85c'; }

/* '' */
.icon-photo:before {
  content: '\e85d'; }

/* '' */
.icon-bookmark-empty:before {
  content: '\e85e'; }

/* '' */
.icon-bookmark-2:before {
  content: '\e85f'; }

/* '' */
.icon-share-1:before {
  content: '\e860'; }

/* '' */
.icon-retweet-1:before {
  content: '\e861'; }

/* '' */
.icon-location:before {
  content: '\e862'; }

/* '' */
.icon-wrench-circled:before {
  content: '\e863'; }

/* '' */
.icon-mic-2:before {
  content: '\e864'; }

/* '' */
.icon-zoom-in:before {
  content: '\e865'; }

/* '' */
.icon-zoom-out:before {
  content: '\e866'; }

/* '' */
.icon-resize-full-alt-1:before {
  content: '\e867'; }

/* '' */
.icon-right-open:before {
  content: '\e868'; }

/* '' */
.icon-left-open:before {
  content: '\e869'; }

/* '' */
.icon-arrows-cw:before {
  content: '\e86a'; }

/* '' */
.icon-cw-circled:before {
  content: '\e86b'; }

/* '' */
.icon-cw-1:before {
  content: '\e86c'; }

/* '' */
.icon-desktop-1:before {
  content: '\e86d'; }

/* '' */
.icon-desktop-circled:before {
  content: '\e86e'; }

/* '' */
.icon-laptop-circled:before {
  content: '\e86f'; }

/* '' */
.icon-laptop-1:before {
  content: '\e870'; }

/* '' */
.icon-smiley-circled:before {
  content: '\e871'; }

/* '' */
.icon-smiley:before {
  content: '\e872'; }

/* '' */
.icon-plus-circle:before {
  content: '\e873'; }

/* '' */
.icon-minus-circle:before {
  content: '\e874'; }

/* '' */
.icon-user:before {
  content: '\e875'; }

/* '' */
.icon-search-2:before {
  content: '\e876'; }

/* '' */
.icon-logout-1:before {
  content: '\e877'; }

/* '' */
.icon-cw-circle:before {
  content: '\e878'; }

/* '' */
.icon-up-circle:before {
  content: '\e879'; }

/* '' */
.icon-right-circle:before {
  content: '\e87a'; }

/* '' */
.icon-left-circle:before {
  content: '\e87b'; }

/* '' */
.icon-down-circle:before {
  content: '\e87c'; }

/* '' */
.icon-hammer:before {
  content: '\e87d'; }

/* '' */
.icon-lock-open:before {
  content: '\e87e'; }

/* '' */
.icon-link-ext-alt:before {
  content: '\e87f'; }

/* '' */
.icon-ok-circled2:before {
  content: '\e880'; }

/* '' */
.icon-rss:before {
  content: '\e881'; }

/* '' */
.icon-block:before {
  content: '\e882'; }

/* '' */
.icon-volume-off:before {
  content: '\e883'; }

/* '' */
.icon-right-circled2:before {
  content: '\e884'; }

/* '' */
.icon-down-dir-1:before {
  content: '\e885'; }

/* '' */
.icon-circle-empty:before {
  content: '\e886'; }

/* '' */
.icon-circle:before {
  content: '\e887'; }

/* '' */
.icon-check-empty:before {
  content: '\e888'; }

/* '' */
.icon-globe:before {
  content: '\e889'; }

/* '' */
.icon-rss-1:before {
  content: '\e88a'; }

/* '' */
.icon-share-icon:before {
  content: '\e88b'; }

/* '' */
.icon-shopping-bag:before {
  content: '\e88c'; }

/* '' */
.icon-iconmonstr-youtube-icon:before {
  content: '\e88d'; }

/* '' */
.icon-google-plus:before {
  content: '\e88e'; }

/* '' */
.icon-twitter-2:before {
  content: '\e88f'; }

/* '' */
.icon-facebook-2:before {
  content: '\e890'; }

.icon-instagram:before {
  content: '\e891'; } /* '' */

/* '' */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */
@media screen, projection {
  /*-------------------------------------------------------------------------*/
  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {
    background: #FFFFFF; }
  /* Layout Properties | Layout-Eigenschaften */
  .page_margins {
    width: 1185px;
    background: #fff; }
  .page {
    padding: 0 0 0 0; }
  #header {
    padding: 20px 2em 1em 20px;
    color: #666;
    background: #fff; }
  body#minisite #header {
    padding: 20px 2em 1em 20px;
    color: #666;
    background: #fff;
    position: relative;
    height: 109px; }
    body#minisite #header div#logo {
      position: absolute;
      top: 15px;
      left: 300px; }
    body#minisite #header div#logo_micro {
      position: absolute;
      top: 39px;
      left: 50px; }
  #topnav {
    color: #aaa;
    background: transparent; }
  #nav {
    overflow: hidden; }
  #main {
    margin: 10px 0;
    background: #fff; }
  #footer {
    padding: 5px 0 0 0;
    border-top: 1px #333333 dotted;
    margin: 0 0 50px 300px;
    clear: both; }
  body#language_microsite #footer {
    padding: 5px 0 0 0;
    border-top: 1px #333333 dotted;
    margin: 0 0 50px 68px;
    clear: both; }
  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  /*-------------------------------------------------------------------------*/
  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
  #col1 {
    float: right;
    width: 885px;
    overflow: hidden;
    z-index: 3; }
  body#iframe #col1 {
    float: none;
    width: 885px;
    overflow: hidden;
    z-index: 3; }
  #col3 {
    margin: 0 0 0 0;
    overflow: hidden;
    z-index: 5; }
  #col1_content {
    padding: 0 0 0 0;
    min-height: 430px; }
    #col1_content ul li {
      font-size: 18px;
      margin-left: 5px; }
  body#language_microsite #col1_content {
    padding: 0 0 0 0;
    min-height: 0px !important; }
  #col3_content {
    padding: 0 10px 0 68px; }
  #content2 {
    padding: 0 0 0 0;
    margin: 0 0 50px 265px;
    clear: both; }
  /*-------------------------------------------------------------------------*/
  div#col3_content ul, div#footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  div#col3_content ul ul li {
    margin: 0 0 0 20px; }
  div#col3_content ul ul ul li {
    margin: 0 0 0 20px; }
  div#col3_content ul ul ul ul li {
    margin: 0 0 0 30px; }
  div#footer ul li {
    float: left;
    margin: 0 10px 0 0;
    height: 20px; }
  div#col3_content li {
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    width: 200px; }
    div#col3_content li#menu36.menu36 {
      padding-left: 15px;
      background: url("../../img/icons/so_icon.gif") no-repeat scroll 1px 3px transparent; }
  ul#topnav {
    list-style: none;
    height: 20px;
    margin: 0 0 40px 290px; }
  body#minisite ul#topnav {
    list-style: none;
    height: 20px;
    margin: 0 0 30px 290px; }
  ul#topnav li {
    float: left;
    height: 20px; }
  div#col3_content ul {
    padding: 2px 0 2px 0;
    width: 200px; }
    div#col3_content ul ul {
      padding: 17px 0 12px 0;
      margin: 14px 0 16px 0;
      border-top: 1px #333333 dotted;
      border-bottom: 1px #333333 dotted;
      width: 200px; }
      div#col3_content ul ul ul {
        padding: 0 0 0 10px;
        margin: 0;
        border-bottom: none;
        border-top: none; }
  #langnav {
    position: absolute;
    top: 0;
    right: 0; }
  div#sprachnavigation {
    margin: 20px 0 0 0;
    text-align: right; }
    div#sprachnavigation ul {
      margin: 0;
      border: none;
      list-style: none; }
      div#sprachnavigation ul li {
        width: auto;
        list-style: none;
        display: inline;
        margin-left: 0; }
        div#sprachnavigation ul li a {
          text-decoration: none; }
  ul#microlang {
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    display: block; }
    ul#microlang li {
      float: left;
      display: inline;
      width: auto;
      margin: 0 0 0 5px;
      padding: 0 5px 0 0;
      border-right: 1px solid #666;
      height: 12px !important;
      line-height: 10px; }
      ul#microlang li:first-child {
        border-left: none; }
      ul#microlang li:last-child {
        border-right: none;
        padding-right: 2px; }
  div#fullversion {
    width: 300px;
    position: absolute;
    top: 65px;
    right: 0;
    text-align: right;
    font-size: 14px;
    color: #666; }
  div#col3_content #social {
    margin-top: 40px; }
    div#col3_content #social ul {
      list-style: none; }
      div#col3_content #social ul li {
        display: inline-block;
        width: auto;
        padding: 0;
        margin: 0 5px 0 0; }
  div#col3_content div.tx-timtabsociable-pi1 {
    float: none;
    margin: 0 0 0 0; }
    div#col3_content div.tx-timtabsociable-pi1 ul {
      list-style: none; }
      div#col3_content div.tx-timtabsociable-pi1 ul li {
        display: inline-block;
        width: auto;
        padding: 0;
        margin: 0 5px 0 0; }
  div.tx_folsitemap_pi1 > div {
    margin: 20px 0 0 0; }
  div.tx_folsitemap_pi1 .listitemwrap > div {
    width: 196px; }
  div.tx_folsitemap_pi1 .listitemwrap .dritteldiv {
    float: left; }
  div.tx_folsitemap_pi1 div.listitem {
    margin: 5px 0 5px 0; }
  div.tx_folsitemap_pi1 li {
    list-style: none;
    padding: 0;
    margin: 0 15px 5px 0;
    float: left;
    list-style-position: outside; }
  div.tx_folsitemap_pi1 div.indexvalues {
    margin: 0 0 20px 0;
    text-align: left; }
  div.tx_folsitemap_pi1 div.selector {
    clear: both;
    margin: 20px 0 20px 0; }
    div.tx_folsitemap_pi1 div.selector span {
      margin: 0 20px 0 0;
      cursor: pointer; }
    div.tx_folsitemap_pi1 div.selector input {
      cursor: pointer; }
  div.tx_folsitemap_pi1 div.indexvalue {
    font-weight: bold; } }

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */
@media all {
  /**
   * Fonts
   *
   * (en) global settings of font-families and font-sizes
   * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
   *
   * @section content-global-settings
   */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {
    font-size: 100.01%; }
  /**
   * (en) reset monospaced elements to font size 16px in all browsers
   * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
   *
   * @see: http://webkit.org/blog/67/strange-medium/
   */
  textarea, pre, code, kbd, samp, var, tt, input, submit {
    font-family: "minion-pro-caption";
    font-size: 14px;
    color: #000; }
  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: "minion-pro-caption";
    font-size: 1rem;
    color: #000; }
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1, h2, h3, h4, h5, h6 {
    font-family: "minion-pro-caption";
    font-weight: normal;
    color: #000;
    margin: 0 0 0.25em 0; }
  h1 {
    font-size: 100.01%; }
  /* 30px */
  h2, h3, h4, h5, h6 {
    font-size: 100.01%; }
  /* 24px */
  /* 18px */
  /* 16px */
  /* 14px */
  /* 14px */
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul, ol, dl {
    line-height: 1.5em;
    margin: 0 0 1em 1em; }
  ul {
    list-style-type: disc; }
    ul ul {
      list-style-type: circle;
      margin-bottom: 0; }
  ol {
    list-style-type: decimal; }
    ol ol {
      list-style-type: lower-latin;
      margin-bottom: 0; }
  li {
    margin-left: 0.8em;
    line-height: 1.5em; }
  dt {
    font-weight: bold; }
  dd {
    margin: 0 0 1em 0.8em; }
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    line-height: 24px;
    margin: 0 0 1em 0; }
  div#col1_content, div#content2 {
    font-size: 14px;
    padding: 0 0 15px 0; }
  blockquote, cite, q {
    font-family: "minion-pro-caption";
    font-style: italic; }
  blockquote {
    margin: 0 0 1em 1.6em;
    color: #666; }
  strong, b {
    font-weight: bold; }
  em, i {
    font-style: italic; }
  big {
    font-size: 116.667%; }
  small {
    font-size: 91.667%; }
  pre {
    line-height: 1em;
    margin: 0 0 1em 0;
    font-size: 100%; }
  code, kbd, tt, samp, var {
    font-size: 100%; }
  pre, code {
    color: #800; }
  kbd, samp, var, tt {
    color: #666;
    font-weight: bold; }
  var, dfn {
    font-style: italic; }
  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help; }
  sub, sup {
    font-size: 91.6667%;
    line-height: 0; }
  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #eee solid; }
  input {
    border: 1px solid #cccccc;
    margin: 0 0 10px 0; }
  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    color: #000;
    background: transparent;
    text-decoration: none;
    font-style: italic; }
    a:visited, a:focus, a:hover, a:active {
      color: #000;
      text-decoration: none; }
    a:hover {
      color: #666; }
  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
  p.icaption_left {
    float: left;
    display: inline;
    margin: 0 1em 0.15em 0; }
  p.icaption_right {
    float: right;
    display: inline;
    margin: 0 0 0.15em 1em; }
  p.icaption_left img, p.icaption_right img {
    padding: 0;
    border: 1px #888 solid; }
  p.icaption_left strong, p.icaption_right strong {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    padding: 0.3em 0.5em;
    background: #eee;
    font-weight: normal;
    font-size: 91.667%; }
  /**
   * ------------------------------------------------------------------------------------------------- #
   *
   * Generic Content Classes
   *
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */
  .dimmed {
    color: #888; }
  .info {
    background: #f8f8f8;
    color: #000;
    padding: 10px;
    margin-bottom: 0.5em;
    font-size: 91.7%; }
  .note {
    background: #efe;
    color: #040;
    border: 2px #484 solid;
    padding: 10px;
    margin-bottom: 1em; }
  .important {
    background: #ffe;
    color: #440;
    border: 2px #884 solid;
    padding: 10px;
    margin-bottom: 1em; }
  .warning {
    background: #fee;
    color: #400;
    border: 2px #844 solid;
    padding: 10px;
    margin-bottom: 1em; }
  .float_left {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em; }
  .float_right {
    float: right;
    display: inline;
    margin-left: 1em;
    margin-bottom: 0.15em; }
  .center {
    display: block;
    text-align: center;
    margin: 0.5em auto; }
  /**
   * ------------------------------------------------------------------------------------------------- #
   *
   * Tables | Tabellen
   *
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */
  table {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 0.5em; }
    table caption {
      font-variant: small-caps; }
    table.full {
      width: 100%; }
    table.fixed {
      table-layout: fixed; }
    table td p {
      line-height: 18px; }
  th, td {
    padding: 0 10px 0 0;
    vertical-align: top; }
  thead th {
    color: #000;
    border-bottom: 2px #800 solid; }
  tbody th {
    background: #e0e0e0;
    color: #333; }
    tbody th[scope="row"], tbody th.sub {
      background: #f0f0f0; }
  /**
   * ------------------------------------------------------------------------------------------------- #
   *
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */
  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */
  div.csc-frame-rulerAfter {
    border-bottom: 1px dotted #666666;
    margin: 0 0 10px 0; }
  div.csc-frame-rulerBefore {
    border-top: 1px dotted #666666;
    padding: 10px 0 0 0; }
  div.csc-frame-indent {
    margin-top: -5px; }
    div.csc-frame-indent p {
      font-size: 15px;
      line-height: 18px; }
  body#language_microsite div.csc-frame-rulerBefore {
    border-top: 1px dotted #666666;
    padding: 20px 0 5px; }
  body#language_microsite p.csc-frame-frame2 {
    cursor: pointer; }
  /* Teaserelement */
  .c50l {
    width: 340px; }
  .c50r {
    width: 525px; }
  body#language_microsite .c50l, body#language_microsite .c50r {
    width: 50%; }
  .c295px {
    width: 280px;
    float: left; }
  .c820px {
    width: 705px;
    float: right;
    margin-left: -5px; }
  div.subcl {
    padding: 0 0 0 0; }
  body#language_microsite div.subcr {
    padding: 0 0 0 1em; }
  body#language_microsite div.subcl {
    padding: 0 1em 0 0; }
  div.subcr {
    padding: 0; }
    div.subcr .picture {
      display: block;
      height: auto; }
  div.teaserfce div.subcl {
    position: relative; }
  div.more {
    border-bottom: 1px dotted #000; }
  div.newsfce {
    overflow: hidden; }
    div.newsfce li {
      list-style: none;
      padding: 0;
      margin: 0 0 5px 0; }
  ul.browsebox {
    list-style: none; }
  div.tx-felogin-pi1 h3, div.tx-felogin-pi1 legend {
    display: none; }
  div.tx-felogin-pi1 form {
    margin: 15px 0 15px 0; }
  div.tx-indexedsearch-rules h2 {
    display: none; }
  div.tx-indexedsearch-res {
    clear: both; }
  div.tx-indexedsearch-browsebox {
    margin: 10px 0 10px 0; }
    div.tx-indexedsearch-browsebox ul.browsebox {
      margin: 0; }
      div.tx-indexedsearch-browsebox ul.browsebox li {
        float: left;
        margin: 0 15px 0 0; }
  input.tx-indexedsearch-searchbox-sword {
    width: 230px;
    height: 29px;
    padding: 4px 0 2px 2px;
    color: #333333; }
  input.textfeld_1, input#user, input#pass {
    width: 228px;
    height: 29px;
    padding: 4px 0 2px 2px;
    font-size: 14px;
    color: #333333 !important; }
  div.tx-srfeuserregister-pi1 input, div.tx-sremailsubscribe-pi1 input {
    width: 228px;
    height: 29px;
    padding: 4px 0 2px 2px;
    font-size: 14px;
    color: #333333 !important; }
  .felogin-input {
    width: 228px;
    height: 29px;
    padding: 4px 0 2px 2px;
    font-size: 14px;
    color: #333333 !important; }
  input.tx-sremailsubscribe-pi1-submit, input[type="submit"], input.submitbutton {
    width: 232px !important;
    height: 26px !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: 1px solid #cccccc !important;
    background-color: #eeeeee !important;
    color: #333333 !important;
    font-style: italic; }
  div.tx-fol-archiv form input#selectall, div.tx-fol-archiv form input#selectnone {
    width: 232px !important;
    height: 26px !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: 1px solid #cccccc !important;
    background-color: #eeeeee !important;
    color: #333333 !important;
    font-style: italic; }
  div.tx-sremailsubscribe-pi1 label {
    font-weight: normal; }
  div.tx-sremailsubscribe-pi1 dl dd {
    margin: 0; }
  div.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error {
    color: #FF0000; }
  img.tx-srfreecap-pi2-image {
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    width: 234px; }
  .tx-srfreecap-pi2-cant-read {
    color: #000 !important;
    font-size: 14px !important; }
  div.error, span.error {
    color: #ff0000; }
  a.pdf {
    /*The background image*/
    background: url(../../img/icons/pdf_icon.gif) no-repeat left center;
    padding-left: 17px;
    line-height: 16px;
    /* To center the text vertically with the icon */ }
  a.email {
    background: url(../../img/icons/email.gif) no-repeat left center;
    padding-left: 17px;
    line-height: 16px; }
  .csc-sitemap ul {
    list-style: disc; }
  .csc-sitemap > ul {
    margin: 0 0 0 3px; }
  .tx-folveranstaltungen-pi1 div.teaserfce {
    margin: 0 0 50px 0; }
  .tx-folveranstaltungen-pi1 div.pastexhibition {
    margin: 0 0 10px 0; }
  .tx-folveranstaltungen-pi1 p {
    line-height: 1em;
    margin: 0 0 0 0; }
  .tx-folveranstaltungen-pi1 h2, .tx-folveranstaltungen-pi1 h3 {
    padding: 0;
    margin: 0 0 0 0;
    height: auto; }
  .tx-folveranstaltungen-pi2 h2 {
    font-style: italic;
    height: auto; }
  .tx-folveranstaltungen-pi2 div.listitem {
    margin: 0 0 10px 0; }
  .tx-folveranstaltungen-pi2 .fs_wrapper {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-image: url("../img/slider/mf_kaldender_bg_1600px.jpg");
    background-repeat: no-repeat;
    background-position: center center; }
  .tx-folveranstaltungen-pi2 .filterhead {
    position: relative; }
    .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker {
      height: 0;
      overflow: hidden;
      -webkit-transition: height 0.8s;
      -moz-transition: height 0.8s;
      transition: height 0.8s; }
      .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker.active {
        height: 219px; }
        .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker.active .datepick-cmd-prev {
          display: block; }
        .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker.active .datepick-cmd-next {
          display: block; }
      .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker .datepick-nav {
        font-style: normal; }
      .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker .datepick-cmd-today {
        width: 100%;
        text-align: center;
        font-style: normal;
        display: none; }
      .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker .datepick-cmd-prev {
        display: none;
        position: absolute;
        left: 0;
        top: 52px;
        width: 20px; }
      .tx-folveranstaltungen-pi2 .filterhead #inlinedatepicker .datepick-cmd-next {
        display: none;
        position: absolute;
        right: 0;
        top: 52px;
        width: 20px; }
    .tx-folveranstaltungen-pi2 .filterhead .datepicker {
      position: absolute;
      top: 30px;
      left: 30px;
      width: 240px; }
      .tx-folveranstaltungen-pi2 .filterhead .datepicker #kalenderhead {
        position: relative;
        width: 240px;
        height: 50px;
        background: #FFF;
        margin: 0 0 0 0;
        padding: 16px 10px 0 10px;
        text-align: center; }
    .tx-folveranstaltungen-pi2 .filterhead .filtertable {
      position: absolute;
      top: 30px;
      left: 290px;
      height: auto; }
      .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 {
        float: left;
        width: 250px;
        margin: 0 20px 0 0; }
        .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 .inner {
          background: white;
          padding: 10px;
          overflow: hidden;
          max-height: 50px;
          -webkit-transition: max-height 0.8s;
          -moz-transition: max-height 0.8s;
          transition: max-height 0.8s; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 .inner.active {
            max-height: 326px; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 .inner .kalenderhead {
            position: relative;
            padding: 3px 0 5px 0; }
            .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 .inner .kalenderhead .trigger {
              top: 1px;
              right: -5px; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block1 .inner h2 {
            text-align: center;
            font-size: 16px !important;
            font-style: normal; }
      .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 {
        float: left;
        width: 250px;
        margin: 0; }
        .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 .inner {
          background: white;
          padding: 10px;
          overflow: hidden;
          max-height: 50px;
          -webkit-transition: max-height 0.8s;
          -moz-transition: max-height 0.8s;
          transition: max-height 0.8s; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 .inner.active {
            max-height: 286px; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 .inner .kalenderhead {
            position: relative;
            padding: 3px 0 5px 0; }
            .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 .inner .kalenderhead .trigger {
              top: 1px;
              right: -5px; }
          .tx-folveranstaltungen-pi2 .filterhead .filtertable .block2 .inner h2 {
            text-align: center;
            font-size: 16px !important;
            font-style: normal; }
      .tx-folveranstaltungen-pi2 .filterhead .filtertable .input-wrapper {
        margin-bottom: 0px; }
        .tx-folveranstaltungen-pi2 .filterhead .filtertable .input-wrapper:last-child {
          margin: 0; }
        .tx-folveranstaltungen-pi2 .filterhead .filtertable .input-wrapper label {
          cursor: pointer;
          display: block;
          margin: 6px 5px;
          width: 190px; }
        .tx-folveranstaltungen-pi2 .filterhead .filtertable .input-wrapper input {
          margin: 0; }
    .tx-folveranstaltungen-pi2 .filterhead .actions {
      left: 30px;
      position: absolute;
      top: 350px;
      width: 240px; }
      .tx-folveranstaltungen-pi2 .filterhead .actions input {
        display: inline-block;
        margin: 0 0 0 0;
        padding: 0 10px 0 10px !important;
        float: none;
        height: 35px !important;
        width: auto !important;
        cursor: pointer;
        background: #FFF !important;
        border: none !important;
        font-style: normal; }
        .tx-folveranstaltungen-pi2 .filterhead .actions input:last-child {
          margin: 0; }
        .tx-folveranstaltungen-pi2 .filterhead .actions input:hover {
          background: #ddd; }
  .tx-folveranstaltungen-pi2 .trigger {
    margin: 0;
    background: white;
    text-align: center;
    width: 33px;
    height: 35px;
    position: absolute;
    top: 9px;
    right: 5px; }
    .tx-folveranstaltungen-pi2 .trigger a {
      position: absolute;
      right: 10px;
      top: 1px;
      font-style: normal;
      transform: rotate(270deg);
      display: block;
      width: 35px;
      height: 35px;
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      -o-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      .tx-folveranstaltungen-pi2 .trigger a span {
        font-size: 35px;
        display: block; }
    .tx-folveranstaltungen-pi2 .trigger.active a {
      transform: rotate(90deg);
      transform-origin: 50% 50%;
      right: -14px; }
  .tx-folveranstaltungen-pi2 .inner_padding {
    padding: 40px 0 0 40px;
    width: 1240px; }
    .tx-folveranstaltungen-pi2 .inner_padding .event_wrapper {
      width: 60%;
      padding: 0 20px 0 0;
      float: left; }
    .tx-folveranstaltungen-pi2 .inner_padding .exhibition_wrapper {
      width: 40%;
      float: left;
      padding: 20px 30px 20px 30px;
      background: #eee; }
      .tx-folveranstaltungen-pi2 .inner_padding .exhibition_wrapper h2 {
        margin: 0 0 20px 0;
        font-style: normal;
        font-size: 25px !important;
        font-weight: normal; }
  .tx-folveranstaltungen-pi2 table.exhibitontable, .tx-folveranstaltungen-pi2 table.eventtable {
    width: 100%;
    border-collapse: collapse;
    vertical-align: top;
    margin: 0 0 20px 0; }
  .tx-folveranstaltungen-pi2 table.exhibitontable ul.service {
    margin-top: 20px;
    height: 25px; }
    .tx-folveranstaltungen-pi2 table.exhibitontable ul.service li a {
      font-weight: normal; }
  .tx-folveranstaltungen-pi2 table.exhibitontable td.col1, .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 {
    font-weight: bold;
    position: relative; }
  .tx-folveranstaltungen-pi2 table.exhibitontable td.col1 {
    width: 20%; }
  .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 {
    width: 60%; }
    .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 .date {
      color: #000; }
    .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 h3 {
      margin-top: -5px;
      color: #000; }
      .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 h3 .headline1 {
        font-style: italic; }
    .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 .morelink {
      clear: both; }
      .tx-folveranstaltungen-pi2 table.exhibitontable td.col2 .morelink a {
        font-weight: normal;
        font-style: italic; }
  .tx-folveranstaltungen-pi2 table.eventtable tbody {
    border-bottom: 1px dotted #000; }
  .tx-folveranstaltungen-pi2 table.eventtable td.col1 {
    width: 33%;
    padding-bottom: 10px; }
  .tx-folveranstaltungen-pi2 table.eventtable td.col2 {
    width: 66%;
    padding-bottom: 20px; }
  .tx-folveranstaltungen-pi2 .date {
    font-style: italic; }
  .tx-folveranstaltungen-pi2 .cat {
    display: inline-block;
    padding: 0 8px 0 8px;
    margin-bottom: 5px;
    background: #999;
    color: #FFF;
    line-height: 1.5;
    font-size: 13px;
    letter-spacing: 2px; }
  .tx-folveranstaltungen-pi2 div.morelink a {
    font-style: normal; }
  .tx-folveranstaltungen-pi2 ul.service {
    list-style: none;
    margin: 0; }
    .tx-folveranstaltungen-pi2 ul.service li {
      float: left;
      margin: 0 5px 0 0;
      font-size: 10px; }
      .tx-folveranstaltungen-pi2 ul.service li a {
        font-style: normal;
        font-size: 14px; }
      .tx-folveranstaltungen-pi2 ul.service li.sociallinks {
        display: none;
        margin: -2px 0 0 0;
        padding: 0;
        list-style: none;
        list-style-type: none; }
        .tx-folveranstaltungen-pi2 ul.service li.sociallinks a {
          display: inline-block;
          margin: 0 10px 0 0;
          filter: alpha(opacity=0.5);
          opacity: 0.65;
          -webkit-transition: opacity 0.2s ease-in-out;
          -moz-transition: opacity 0.2s ease-in-out;
          -ms-transition: opacity 0.2s ease-in-out;
          -o-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out; }
          .tx-folveranstaltungen-pi2 ul.service li.sociallinks a:hover {
            zoom: 1;
            filter: alpha(opacity=1);
            opacity: 1; }
          .tx-folveranstaltungen-pi2 ul.service li.sociallinks a:first-child {
            display: inline-block;
            margin: 0 10px 0 5px; }
  .tx-folveranstaltungen-pi2 span.trenner {
    padding: 0 0 0 5px;
    font-size: 15px; }
  .tx-folveranstaltungen-pi2 input#selectnone {
    float: right;
    padding: 0; }
  .tx-folveranstaltungen-pi2 label {
    cursor: pointer; }
  .tx-folveranstaltungen-pi2 .eventtable.active {
    /*background: #eee;*/
  }
  img.datepick-trigger {
    cursor: pointer;
    position: relative;
    vertical-align: top !important;
    margin: 0 !important; }
  #mmdatepicker {
    height: auto;
    width: 200px;
    font-size: 12px;
    overflow: hidden; }
    #mmdatepicker .datepick {
      width: 200px !important;
      font-size: 12px; }
    #mmdatepicker .datepick-nav {
      font-style: normal; }
    #mmdatepicker .datepick-cmd-today {
      width: 100%;
      text-align: center;
      font-style: normal;
      display: none; }
    #mmdatepicker .datepick-cmd-prev {
      position: absolute;
      left: 13px;
      top: 27px;
      width: 10px;
      height: 10px;
      font-size: 14px; }
    #mmdatepicker .datepick-cmd-next {
      position: absolute;
      right: 8px;
      top: 27px;
      width: 10px;
      height: 10px;
      font-size: 14px; }
    #mmdatepicker .datepick-month span {
      padding: 0 !important; }
  div#formhandler_recommend_form div#valuedate, div#formhandler_recommend_form div#valuetitle {
    font-weight: bold; }
  div#formhandler_recommend_form div#valuedate {
    margin: 15px 0 0 0; }
  div#formhandler_recommend_form legend {
    margin: 0 0 15px 0; }
  div.Tx-Formhandler ul {
    margin: 0 0 0 5px; }
  div#formhandler_recommend_form #mitteilung {
    width: 230px;
    height: 100px; }
  div.ajaxoutput {
    height: 518px; }
  div#ajaxoutput {
    margin: 0;
    padding: 0;
    height: 510px;
    clear: both;
    overflow: hidden; }
  div.tx-mnimagemenu-pi1 div.header {
    height: 22px;
    text-align: center;
    position: relative; }
  div.tx-mnimagemenu-pi1 div#wrapper {
    height: 540px; }
  div.tx-mnimagemenu-pi1 div.header div#busy {
    position: absolute;
    top: 2px;
    left: 0; }
  div.tx-mnimagemenu-pi1 div.image {
    width: 525px;
    overflow: hidden;
    margin: 0 0 10px 0; }
  div.tx-mnimagemenu-pi1 div.headline {
    display: block;
    width: 525px; }
  div.tx-mnimagemenu-pi1 div#navigation {
    font-weight: bold;
    border-top: 1px dotted #000;
    padding: 0 0 0 0; }
    div.tx-mnimagemenu-pi1 div#navigation a {
      font-weight: bold; }
      div.tx-mnimagemenu-pi1 div#navigation a:hover {
        height: 10px; }
  div.tx-mnimagemenu-pi1 div#busy {
    display: none; }
  /* Imagemenu */
  ul.csc-menu-1 {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 0; }
    ul.csc-menu-1 li {
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
      ul.csc-menu-1 li a {
        display: none; }
  /* Gruppenführungsformlur */
  label, b, input[type="radio"] {
    font-size: 18px; }
  label.error {
    color: red;
    float: none;
    margin: 0 0 0 10px; }
  input.error {
    border: 1px solid #ff0000;
    float: left; }
  #gruppenfuehrung_form input.tf_large, #buchbestellung_form input.tf_large {
    color: #333333 !important;
    font-size: 14px;
    height: 29px;
    padding: 4px 0 2px 2px;
    width: 228px; }
  #gruppenfuehrung_form input.tf_small, #buchbestellung_form input.tf_small {
    color: #333333 !important;
    font-size: 14px;
    height: 29px;
    padding: 4px 0 2px 2px;
    width: 114px; }
  #gruppenfuehrung_form select, #buchbestellung_form select {
    color: #333333 !important;
    font-size: 14px;
    height: 28px;
    padding: 4px 0 2px 2px; }
  div#gruppenfuehrung-div, div.gruppenfuehrung-div {
    height: 50px; }
  #ausstellung, #dauer, #datum, #uhrzeit, #alternativtermin, #teilnehmerzahl, #sprache {
    display: block; }
  #bemerkungen {
    display: block;
    margin: 15px 0; }
  #name, #vorname, #institution, #adresse, #plzlabel, #plz, #ort, #telefon, #email, #bemerkungen label {
    display: block; }
  #buchbestellung_form #order_1_amount, #buchbestellung_form #order_2_amount, #buchbestellung_form #order_3_amount {
    width: 30px; }
  .gruppenfuehrung-div {
    margin: 0; }
  /* Imagecycle */
  div.slideshow div.imgcaption {
    line-height: 14px;
    font-size: 13px;
    margin: 20px 0 0 0; }
  .tx-fol-archiv #sfield {
    height: 25px;
    width: 250px; }
  .tx-fol-archiv h2 {
    font-weight: bold;
    margin: 0 0 5px 0; }
  .tx-fol-archiv .item {
    margin: 0 0 10px 0; }
  /* Folkwang Archiv */
  div.tx-fol-archiv div.year {
    border-bottom: 1px dotted #000;
    margin: 0 0 10px 0; }
    div.tx-fol-archiv div.year:last-child {
      border-bottom: none;
      margin: 0 0 10px 0; }
  div.tx-fol-archiv div.item {
    margin: 0 0 20px 0; }
    div.tx-fol-archiv div.item > div {
      margin: 0 0 3px 0; }
  div.tx-fol-archiv form table {
    margin: 0 0 0 0; }
    div.tx-fol-archiv form table tbody tr td {
      width: 130px;
      vertical-align: top;
      text-align: left; }
  div.tx-fol-archiv form input#sfield {
    width: 229px; }
  div.tx-fol-archiv form table input[type='checkbox'], div.tx-fol-archiv form table label {
    cursor: pointer; }
  div.tx-fol-archiv form table input[type='hidden'] {
    display: none;
    height: 0; }
  div.tx-fol-archiv form table label {
    display: block;
    padding-left: 15px;
    text-indent: -15px; }
  div.tx-fol-archiv form table input[type='checkbox'] {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden; }
  div#col3_content #subnav .news {
    overflow-y: auto;
    overflow-x: hidden;
  } 
  div#col3_content div.news-menu-view {
    font-size: 14px;
    margin: 10px 0 0 0;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    width: 200px; 
    height: 75vh;
  }
    div#col3_content div.news-menu-view li {
      line-height: 1.3em; }
  .contenttable td {
    font-size: 18px;
    vertical-align: top;
    line-height: 24px; }
    .contenttable td p {
      line-height: 24px;
      margin: 0; }
  .contenttable td:first-child {
    width: 120px; }
  .contenttable td:last-child {
    padding-bottom: 20px; }
  .news h3 {
    font-size: 18px; }
  .news .article .news-img-wrap a {
    float: none; }
  div.news-img-wrap div.mediaelement {
    margin: 0 0 5px 0; }
  p.news-img-caption {
    clear: both;
    line-height: 16px; }
  .fancybox-title-float-wrap .child {
    font-family: "minion-pro-caption";
    font-size: 14px; }
  .tx-srfreecap-pi1-cant-read {
    display: block; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 100%; }
  .slick-track:before,
  .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.prettycheckbox, .prettyradio {
  display: inline-block;
  padding: 0;
  margin: 0; }

.prettycheckbox > a, .prettyradio > a {
  height: 30px;
  width: 30px;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0;
  background: url("../img/sprites-sfa68604977.png"); }

.prettycheckbox > a:focus, .prettyradio > a:focus {
  outline: 0 none; }

.prettycheckbox label, .prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer; }

.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
  cursor: not-allowed; }

.prettycheckbox > a {
  background-position: 0 0; }

.prettycheckbox > a:focus {
  background-position: -30px 0; }

.prettycheckbox > a.checked {
  background-position: -60px 0; }

.prettycheckbox > a.checked:focus {
  background-position: -90px 0; }

.prettycheckbox > a.checked.disabled {
  background-position: -150px 0; }

.prettycheckbox > a.disabled {
  background-position: -120px 0; }

.prettyradio > a {
  background-position: -180px 0; }

.prettyradio > a:focus {
  background-position: -210px 0; }

.prettyradio > a.checked {
  background-position: -240px 0; }

.prettyradio > a.checked:focus {
  background-position: -270px 0; }

.prettyradio > a.checked.disabled {
  background-position: -330px 0; }

.prettyradio > a.disabled {
  background-position: -300px 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

p {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 1em; }

body#start .page_margins {
  width: 100%; }
  body#start .page_margins #main {
    width: 100%;
    margin: 0;
    background: #666; }

.slicky {
  color: white;
  /* Arrows */ }
  .slicky .in-slide-content {
    line-height: 1.2; }
    .slicky .in-slide-content a {
      font-style: normal;
      display: block;
      padding: 20px 50px;
      width: 100%;
      height: 100%; }
    .slicky .in-slide-content.big {
      font-size: 50px; }
      .slicky .in-slide-content.big h1 {
        font-size: 5vh; }
    .slicky .in-slide-content.black h1 {
      color: #000;
      text-shadow: 1px 1px 80px white; }
      .slicky .in-slide-content.black h1 a {
        color: #000; }
    .slicky .in-slide-content.white h1 {
      color: #FFF;
      text-shadow: 1px 1px 80px black; }
      .slicky .in-slide-content.white h1 a {
        color: #FFF; }
    .slicky .in-slide-content.top_left h1 {
      top: 130px;
      left: 50px; }
    .slicky .in-slide-content.top_right h1 {
      top: 130px;
      right: 50px; }
    .slicky .in-slide-content.bottom_left h1 {
      bottom: 50px;
      left: 50px; }
    .slicky .in-slide-content.bottom_right h1 {
      bottom: 50px;
      right: 50px; }
  .slicky .slider-item h1 {
    font-size: 28px;
    text-transform: none;
    line-height: 1.1;
    margin-bottom: 0 !important; }
    .slicky .slider-item h1 span {
      display: block; }
      .slicky .slider-item h1 span.headline {
        font-style: italic; }
      .slicky .slider-item h1 span.subtitle {
        font-style: normal; }
      .slicky .slider-item h1 span.subtitle2 {
        font-style: normal; }
  .slicky .opacitycontainer, .slicky .cutoffcontainer {
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 80%; }
  .slicky .cutoffcontainer {
    overflow: hidden; }
  .slicky .blur-background {
    position: absolute;
    z-index: 1;
    left: 0; }
  .slicky .nonbluredcontent {
    position: relative;
    z-index: 2; }
  .slicky .slick-prev,
  .slicky .slick-next {
    position: absolute;
    display: block;
    height: 120px;
    width: 35px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none; }
    .slicky .slick-prev:hover,
    .slicky .slick-prev:focus,
    .slicky .slick-next:hover, .slicky .slick-next:focus {
      outline: none;
      background: transparent;
      color: transparent; }
      .slicky .slick-prev:hover:before,
      .slicky .slick-prev:focus:before,
      .slicky .slick-next:hover:before, .slicky .slick-next:focus:before {
        opacity: 1; }
    .slicky .slick-prev.slick-disabled:before,
    .slicky .slick-next.slick-disabled:before {
      opacity: 0.5; }
  .slicky .slick-prev:before, .slicky .slick-next:before {
    font-size: 120px;
    line-height: 1;
    color: #000;
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .slicky .slick-prev {
    left: 10px; }
    .slicky .slick-prev:before {
      content: "‹"; }
  .slicky .slick-next {
    right: 20px; }
    .slicky .slick-next:before {
      content: "›"; }

/* New Header */
#header {
  padding: 21px 2em 15px 30px;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0; }

/* Mainnav */
#mainnav {
  position: absolute;
  top: 43px;
  left: 520px;
  font-size: 20px; }
  #mainnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-table; }
    #mainnav ul:after {
      content: "";
      clear: both;
      display: block; }
    #mainnav ul.level1 > li > a {
      font-style: normal;
      width: 88%; }
    #mainnav ul.level1 > li.act > a {
      color: #000;
      font-style: italic; }
      #mainnav ul.level1 > li.act > a:after {
        color: #666;
        font-style: normal; }
    #mainnav ul > li {
      display: inline-block;
      float: left;
      margin-left: 8px;
      color: #666; }
      #mainnav ul > li > a {
        color: #666;
        display: block;
        text-decoration: none;
        white-space: nowrap;
        font-size: 20px;
        transition: color 0.2s ease-in;
        /* explorer 10 */
        -webkit-transition: color 0.2s ease-in;
        /* chrome & safari */
        -moz-transition: color 0.2s ease-in;
        /* firefox */
        -o-transition: color 0.2s ease-in;
        /* opera */ }
        #mainnav ul > li > a:after {
          content: "/";
          color: #666;
          padding: 0 0 0 10px; }
        #mainnav ul > li > a:hover {
          color: #000; }
      #mainnav ul > li:last-child a:after {
        content: ""; }
      #mainnav ul > li .layer {
        width: auto;
        position: absolute;
        top: 21px;
        padding: 0 0 0 0;
        left: -9999px;
        z-index: 100; }
        #mainnav ul > li .layer .arrow {
          visibility: hidden;
          display: block;
          width: 100%;
          height: 20px;
          text-align: center; }
          #mainnav ul > li .layer .arrow i {
            position: absolute;
            display: block;
            width: 32px;
            background: url("../img/arrow.png");
            background-repeat: no-repeat;
            height: 20px;
            top: 5px;
            left: 49%; }
        #mainnav ul > li .layer .inner {
          position: relative;
          padding: 10px;
          height: 270px;
          border-left: 1px solid #999;
          border-bottom: 1px solid #999;
          border-right: 1px solid #999;
          border-top: 1px solid #999;
          background: white;
          display: table; }
          #mainnav ul > li .layer .inner .teaser {
            padding-left: 10px;
            overflow: hidden; }
      #mainnav ul > li:hover .layer {
        left: 0;
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -ms-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        -ms-animation-duration: 0.5s;
        -o-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      #mainnav ul > li ul.level2 > li {
        display: inline-block;
        width: 200px;
        overflow: hidden;
        border-bottom: 1px dotted #666;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
        line-height: 1; }
        #mainnav ul > li ul.level2 > li a {
          line-height: 1; }
      #mainnav ul > li ul.level2 li:nth-child(3n+0):after {
        content: "";
        clear: both; }
      #mainnav ul > li ul.level2 > li.act > a {
        color: #000; }
      #mainnav ul > li ul.level3 {
        overflow: hidden;
        padding-top: 10px; }
        #mainnav ul > li ul.level3 > li {
          float: none;
          display: block;
          margin-bottom: 5px; }
          #mainnav ul > li ul.level3 > li a {
            font-size: 15px;
            font-style: normal;
            line-height: 1; }
            #mainnav ul > li ul.level3 > li a:after {
              content: "";
              padding: 0; }
        #mainnav ul > li ul.level3 > li.sub {
          line-height: 1; }
        #mainnav ul > li ul.level3 > li.act > a {
          color: #000;
          font-style: italic; }
      #mainnav ul > li ul.level4 {
        margin-bottom: 10px; }
        #mainnav ul > li ul.level4 > li {
          float: none;
          display: block;
          line-height: 1.5; }
          #mainnav ul > li ul.level4 > li a {
            font-size: 12px;
            font-style: normal; }
            #mainnav ul > li ul.level4 > li a:after {
              content: "";
              padding: 0; }
        #mainnav ul > li ul.level4 > li.act > a {
          color: #000; }
      #mainnav ul > li ul.firstlevel {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        float: left;
        position: relative; }
        #mainnav ul > li ul.firstlevel > li {
          display: block;
          float: left; }
          #mainnav ul > li ul.firstlevel > li > a {
            display: block; }
            #mainnav ul > li ul.firstlevel > li > a:after {
              content: "";
              padding: 0; }
      #mainnav ul > li ul.secondlevel {
        position: absolute;
        top: 0;
        left: 100%;
        padding-left: 10px;
        visibility: hidden;
        display: inline-block; }
        #mainnav ul > li ul.secondlevel > li {
          position: static;
          display: block;
          float: none; }
          #mainnav ul > li ul.secondlevel > li > a {
            display: block; }
            #mainnav ul > li ul.secondlevel > li > a:after {
              content: "";
              padding: 0; }
        #mainnav ul > li ul.secondlevel.active {
          visibility: visible; }
      #mainnav ul > li ul.thirdlevel {
        position: absolute;
        top: 0;
        left: 100%;
        padding-left: 10px;
        visibility: hidden;
        display: inline-block; }
        #mainnav ul > li ul.thirdlevel > li {
          display: block;
          float: none; }
          #mainnav ul > li ul.thirdlevel > li > a {
            display: block; }
            #mainnav ul > li ul.thirdlevel > li > a:after {
              content: "";
              padding: 0; }
        #mainnav ul > li ul.thirdlevel.active {
          visibility: visible; }
      #mainnav ul > li .teaser {
        width: 200px;
        position: absolute;
        top: 10px;
        right: 10px;
        padding-left: 10px;
        display: block;
        overflow: hidden;
        font-size: 14px; }
        #mainnav ul > li .teaser .csc-textpic-imagewrap {
          margin-bottom: 15px !important; }
        #mainnav ul > li .teaser p {
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 10px; }
          #mainnav ul > li .teaser p a {
            font-size: 16px; }
        #mainnav ul > li .teaser .openingtimes p {
          line-height: 20px; }
  #mainnav #m_5708 .inner {
    height: 308px; }
  #mainnav #m_36 {
    padding-left: 15px;
    background: url("../../img/icons/so_icon.gif") no-repeat scroll 1px 3px transparent; }
    #mainnav #m_36 a {
      color: #BF2930; }
      #mainnav #m_36 a:hover {
        color: #000; }
  #mainnav #m_5919 {
    padding-left: 16px;
    background: url("../../img/shoplink2.gif") no-repeat scroll 1px -1px transparent; }

@media screen and (max-width: 1100px) {
  #servicenav ul > li {
    display: block !important;
    float: none !important; }
    #servicenav ul > li .arrow {
      height: 5px !important; }
  #servicenav {
    margin-top: -20px;
    right: 30px !important; } }

/* Servicenav */
#servicenav {
  position: fixed;
  top: 49px;
  right: 60px;
  font-size: 15px; }
  #servicenav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-table; }
    #servicenav ul:after {
      content: "";
      clear: both;
      display: block; }
    #servicenav ul.level1 > li > a {
      font-style: normal;
      width: 88%; }
    #servicenav ul.level1 > li.act > a {
      color: #000;
      font-style: italic; }
      #servicenav ul.level1 > li.act > a:after {
        color: #666;
        font-style: normal; }
    #servicenav ul > li {
      display: inline-block;
      float: left;
      margin-left: 8px;
      color: #666; }
      #servicenav ul > li > a {
        color: #666;
        display: block;
        text-decoration: none;
        white-space: nowrap;
        font-size: 15px;
        transition: color 0.2s ease-in;
        /* explorer 10 */
        -webkit-transition: color 0.2s ease-in;
        /* chrome & safari */
        -moz-transition: color 0.2s ease-in;
        /* firefox */
        -o-transition: color 0.2s ease-in;
        /* opera */ }
        #servicenav ul > li > a:after {
          content: "/";
          color: #666;
          padding: 0 0 0 10px; }
        #servicenav ul > li > a:hover {
          color: #000; }
      #servicenav ul > li:last-child a:after {
        content: ""; }
      #servicenav ul > li .layer {
        width: auto;
        position: absolute;
        top: 21px;
        padding: 0 0 0 0;
        left: -9999px;
        z-index: 100; }
        #servicenav ul > li .layer .arrow {
          visibility: hidden;
          display: block;
          width: 100%;
          height: 20px;
          text-align: center; }
          #servicenav ul > li .layer .arrow i {
            position: absolute;
            display: block;
            width: 32px;
            background: url("../img/arrow.png");
            background-repeat: no-repeat;
            height: 20px;
            top: 5px;
            left: 49%; }
        #servicenav ul > li .layer .inner {
          position: relative;
          padding: 10px;
          height: 270px;
          border-left: 1px solid #999;
          border-bottom: 1px solid #999;
          border-right: 1px solid #999;
          border-top: 1px solid #999;
          background: white;
          display: table; }
          #servicenav ul > li .layer .inner .teaser {
            padding-left: 10px;
            overflow: hidden; }
      #servicenav ul > li:hover .layer {
        left: 0;
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -ms-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        -ms-animation-duration: 0.5s;
        -o-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      #servicenav ul > li ul.level2 > li {
        display: inline-block;
        width: 200px;
        overflow: hidden;
        border-bottom: 1px dotted #666;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
        line-height: 1; }
        #servicenav ul > li ul.level2 > li a {
          line-height: 1; }
      #servicenav ul > li ul.level2 li:nth-child(3n+0):after {
        content: "";
        clear: both; }
      #servicenav ul > li ul.level2 > li.act > a {
        color: #000; }
      #servicenav ul > li ul.level3 {
        overflow: hidden;
        padding-top: 10px; }
        #servicenav ul > li ul.level3 > li {
          float: none;
          display: block;
          margin-bottom: 5px; }
          #servicenav ul > li ul.level3 > li a {
            font-size: 15px;
            font-style: normal;
            line-height: 1; }
            #servicenav ul > li ul.level3 > li a:after {
              content: "";
              padding: 0; }
        #servicenav ul > li ul.level3 > li.sub {
          line-height: 1; }
        #servicenav ul > li ul.level3 > li.act > a {
          color: #000;
          font-style: italic; }
      #servicenav ul > li ul.level4 {
        margin-bottom: 10px; }
        #servicenav ul > li ul.level4 > li {
          float: none;
          display: block;
          line-height: 1.5; }
          #servicenav ul > li ul.level4 > li a {
            font-size: 12px;
            font-style: normal; }
            #servicenav ul > li ul.level4 > li a:after {
              content: "";
              padding: 0; }
        #servicenav ul > li ul.level4 > li.act > a {
          color: #000; }
      #servicenav ul > li ul.firstlevel {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        float: left;
        position: relative; }
        #servicenav ul > li ul.firstlevel > li {
          display: block;
          float: left; }
          #servicenav ul > li ul.firstlevel > li > a {
            display: block; }
            #servicenav ul > li ul.firstlevel > li > a:after {
              content: "";
              padding: 0; }
      #servicenav ul > li ul.secondlevel {
        position: absolute;
        top: 0;
        left: 100%;
        padding-left: 10px;
        visibility: hidden;
        display: inline-block; }
        #servicenav ul > li ul.secondlevel > li {
          position: static;
          display: block;
          float: none; }
          #servicenav ul > li ul.secondlevel > li > a {
            display: block; }
            #servicenav ul > li ul.secondlevel > li > a:after {
              content: "";
              padding: 0; }
        #servicenav ul > li ul.secondlevel.active {
          visibility: visible; }
      #servicenav ul > li ul.thirdlevel {
        position: absolute;
        top: 0;
        left: 100%;
        padding-left: 10px;
        visibility: hidden;
        display: inline-block; }
        #servicenav ul > li ul.thirdlevel > li {
          display: block;
          float: none; }
          #servicenav ul > li ul.thirdlevel > li > a {
            display: block; }
            #servicenav ul > li ul.thirdlevel > li > a:after {
              content: "";
              padding: 0; }
        #servicenav ul > li ul.thirdlevel.active {
          visibility: visible; }
      #servicenav ul > li .teaser {
        width: 200px;
        position: absolute;
        top: 10px;
        right: 10px;
        padding-left: 10px;
        display: block;
        overflow: hidden;
        font-size: 14px; }
        #servicenav ul > li .teaser .csc-textpic-imagewrap {
          margin-bottom: 15px !important; }
        #servicenav ul > li .teaser p {
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 10px; }
          #servicenav ul > li .teaser p a {
            font-size: 16px; }
        #servicenav ul > li .teaser .openingtimes p {
          line-height: 20px; }
  #servicenav #dropdown_share .inner {
    width: 265px; }
    #servicenav #dropdown_share .inner ul li a:before {
      padding: 0;
      color: #666; }
  #servicenav ul > li {
    position: relative; }
  #servicenav ul li {
    margin: 0 20px 0 0; }
    #servicenav ul li:last-child {
      margin: 0; }
    #servicenav ul li .layer .arrow {
      height: 15px; }
    #servicenav ul li a {
      display: block;
      text-decoration: none;
      white-space: nowrap;
      color: #666; }
      #servicenav ul li a:before {
        content: "";
        padding: 0 0 0 10px; }
      #servicenav ul li a:after {
        content: "";
        padding: 0 0 0 10px; }
    #servicenav ul li ul li {
      float: none;
      display: block; }
    #servicenav ul li .social-bookmarks ul.col1 {
      width: 200px;
      display: inline-block; }
    #servicenav ul li .social-bookmarks ul.col2 {
      width: 200px;
      display: inline-block; }
    #servicenav ul li .social-bookmarks ul li {
      float: none;
      display: block;
      line-height: 30px; }
      #servicenav ul li .social-bookmarks ul li a:before {
        padding: 0;
        color: #666; }
    #servicenav ul li:last-child a:after {
      content: ""; }

#subnav {
  position: fixed;
  background: #FFF;
  z-index: 10;
  left: 0;
  padding-left: 30px;
  height: 100vh; }
  #subnav ul li a {
    transition: color 0.2s ease-in;
    /* explorer 10 */
    -webkit-transition: color 0.2s ease-in;
    /* chrome & safari */
    -moz-transition: color 0.2s ease-in;
    /* firefox */
    -o-transition: color 0.2s ease-in;
    /* opera */
    color: #666; }
    #subnav ul li a:hover {
      color: #000; }
  #subnav .level1 {
    padding: 0; }
    #subnav .level1 > li {
      margin: 0 0 10px 0;
      padding: 0;
      width: auto;
      line-height: 1; }
      #subnav .level1 > li a {
        font-size: 20px;
        line-height: 1;
        font-style: normal;
        color: #666; }
    #subnav .level1 li.act > a {
      font-style: italic;
      color: #000; }
  #subnav .level2 {
    margin: 7px 0 10px;
    padding: 17px 0 12px;
    width: auto; }
    #subnav .level2 > li {
      line-height: 1em; }
      #subnav .level2 > li a {
        font-size: 15px;
        line-height: 1;
        font-style: normal; }
    #subnav .level2 li.act > a {
      font-style: italic;
      color: #000; }

#contentnav {
  padding: 1px 0 20px 0; }
  #contentnav ul {
    margin: 0; }
    #contentnav ul > li {
      display: inline-block;
      min-width: 100px;
      height: 30px;
      padding: 0 10px 0 10px;
      margin: 0 10px 10px 0;
      border-top: 1px dotted #666;
      border-bottom: 1px dotted #666;
      text-align: center;
      font-size: 15px;
      transition: border 0.2s ease-in;
      /* explorer 10 */
      -webkit-transition: border 0.2s ease-in;
      /* chrome & safari */
      -moz-transition: border 0.2s ease-in;
      /* firefox */
      -o-transition: border 0.2s ease-in;
      /* opera */
      transition: background 0.2s ease-in;
      /* explorer 10 */
      -webkit-transition: background 0.2s ease-in;
      /* chrome & safari */
      -moz-transition: background 0.2s ease-in;
      /* firefox */
      -o-transition: background 0.2s ease-in;
      /* opera */ }
      #contentnav ul > li > a {
        color: #666;
        display: block;
        line-height: 1.9;
        font-style: normal;
        transition: color 0.2s ease-in;
        /* explorer 10 */
        -webkit-transition: color 0.2s ease-in;
        /* chrome & safari */
        -moz-transition: color 0.2s ease-in;
        /* firefox */
        -o-transition: color 0.2s ease-in;
        /* opera */ }
      #contentnav ul > li:hover {
        border-top: 1px dotted #000;
        border-bottom: 1px dotted #000; }
        #contentnav ul > li:hover a {
          color: #000; }
    #contentnav ul li.act {
      border-top: 1px dotted #000;
      border-bottom: 1px dotted #000; }
      #contentnav ul li.act a {
        color: #000; }

/* Styles */
#rl_main .page_margins, #language_microsite .page_margins {
  width: 1248px; }

#rl_main .subcolumns .c50l, #language_microsite .subcolumns .c50l {
  padding-right: 10px; }

#rl_main .subcolumns .c50r, #language_microsite .subcolumns .c50r {
  padding-left: 10px; }

#rl_main #col1, #language_microsite #col1 {
  width: 990px;
  padding-top: 87px;
  padding-right: 0; }

#rl_main #col3, #language_microsite #col3 {
  padding: 0 0 0 17px;
  margin: 0 0 0 0; }
  #rl_main #col3 #col3_content, #language_microsite #col3 #col3_content {
    padding: 87px 0 0 0; }

#rl_main h1, #language_microsite h1 {
  font-size: 35px;
  color: #000;
  margin-bottom: 30px;
  line-height: 31px; }
  #rl_main h1 a, #language_microsite h1 a {
    font-style: normal; }
  #rl_main h1.italics, #language_microsite h1.italics {
    font-style: italic; }
    #rl_main h1.italics a, #language_microsite h1.italics a {
      font-style: italic; }

#rl_main h2, #language_microsite h2 {
  font-size: 25px;
  color: #000;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 28px; }
  #rl_main h2 a, #language_microsite h2 a {
    font-style: normal; }
  #rl_main h2.italics, #language_microsite h2.italics {
    font-style: italic; }
    #rl_main h2.italics a, #language_microsite h2.italics a {
      font-style: italic; }

#rl_main h3, #language_microsite h3 {
  font-size: 18px;
  color: #000; }
  #rl_main h3 a, #language_microsite h3 a {
    font-style: normal; }
  #rl_main h3.italics, #language_microsite h3.italics {
    font-style: italic; }
    #rl_main h3.italics a, #language_microsite h3.italics a {
      font-style: italic; }

#rl_main hgroup, #language_microsite hgroup {
  margin-bottom: 20px; }
  #rl_main hgroup h1, #language_microsite hgroup h1 {
    margin-bottom: 5px; }
  #rl_main hgroup h2, #language_microsite hgroup h2 {
    margin-bottom: 0; }

#rl_main .c50l, #language_microsite .c50l {
  width: 50%; }

#rl_main .c50r, #language_microsite .c50r {
  width: 50%; }

#rl_main .item.teaserfce, #language_microsite .item.teaserfce {
  width: 100% !important; }

#rl_main.fullwidth .page_margins, #language_microsite.fullwidth .page_margins {
  width: 100%; }

#rl_main.fullwidth #main, #language_microsite.fullwidth #main {
  padding-top: 87px; }

#rl_masonry .page_margins {
  width: 100%;
  padding: 87px 0 0 0; }

#rl_masonry #masonry_container {
  width: 1280px;
  padding-left: 30px; }
  #rl_masonry #masonry_container .masonry_item, #rl_masonry #masonry_container .grid-sizer {
    width: 30%;
    margin: 0 0 20px 0;
    padding: 0; }
  #rl_masonry #masonry_container .exhibitionslider {
    height: auto;
    overflow: hidden; }
    #rl_masonry #masonry_container .exhibitionslider .item {
      width: 100% !important; }
      #rl_masonry #masonry_container .exhibitionslider .item .morelink {
        border-bottom: 1px dotted #000;
        margin-bottom: 30px; }
        #rl_masonry #masonry_container .exhibitionslider .item .morelink a {
          display: block;
          font-size: 16px; }
    #rl_masonry #masonry_container .exhibitionslider .headline h1 a {
      font-style: normal; }
    #rl_masonry #masonry_container .exhibitionslider .headline h1.italics a {
      font-style: italic; }

#rl_masonry .teaserfce {
  overflow: hidden; }
  #rl_masonry .teaserfce .subcolumns .c50l {
    width: auto;
    float: none;
    margin: 0 0 10px 0; }
    #rl_masonry .teaserfce .subcolumns .c50l .subcl {
      height: auto !important; }
  #rl_masonry .teaserfce .subcolumns .c50r {
    width: auto;
    float: none;
    margin: 0; }
  #rl_masonry .teaserfce .picture img {
    max-width: 100% !important;
    height: auto;
    display: block; }
  #rl_masonry .teaserfce .picture .slideshow img {
    width: 384px !important;
    height: auto;
    display: block; }
  #rl_masonry .teaserfce .headline h1 {
    font-size: 25px;
    line-height: 23px; }
  #rl_masonry .teaserfce .more {
    position: static !important; }

#rl_masonry .csc-frame-rulerBefore {
  border: none;
  padding: 0; }

/* Icons */
i.icon_shop {
  position: absolute;
  top: 1px;
  left: -9px;
  display: inline-block;
  width: 13px;
  height: 18px;
  background: url("../img/icons/shop_folkwang.png") no-repeat; }

i.icon_share {
  position: absolute;
  top: 4px;
  left: -8px;
  display: inline-block;
  width: 14px;
  height: 15px;
  background: url("../img/icons/share_icon.png") no-repeat; }

i.icon_language {
  position: absolute;
  top: 4px;
  left: -9px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/icons/sprach_icon.png") no-repeat; }

.openingtimes {
  display: table; }
  .openingtimes .col1 {
    width: 32px;
    display: table-cell;
    vertical-align: top;
    padding-top: 3px; }
  .openingtimes .col2 {
    width: auto;
    display: table-cell;
    vertical-align: top; }

.csc-textpic img,
.picture img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: auto; }

/* import print layout | Druck-Layout einbinden */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:302 $
 * @lastmodified    $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
 */
@media print {
  /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */
  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body {
    font-size: 10pt; }
  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav, #nav, #search {
    display: none; }
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid; }
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
  /*
    abbr[title]:after, 
    acronym[title]:after { content:'(' attr(title) ')'; }
  */
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
    content:" <URL:"attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  */
  div#col3, div#footer {
    display: none; } }
.teaserfce .subcolumns .c50r .moremobile{
   display:none
}