@charset "UTF-8";
/* Patchsheet IE7 ===================================================== */
/* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.3.1       */
/*
 * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
 * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
 *
 * Don't make any changes in this file!
 * Your changes should be added to a separate patch-file.
 *
 * @copyright       Copyright 2005-2011, 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.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 * @appdef yaml
 */
/* -- YAML global IE patches ------------------------------------------- */
@media all {
  /**
   * (en) Debugging:When you see a green background, IE is getting this stylesheet
   * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
   *
   * @debug
   * @app-yaml-default disabled
   */
  /* body { background:#0f0; background-image:none; }  */
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
   * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
   *
   * @workaround
   * @affected   IE6, IE7
   * @css-for    IE6, IE7
   * @valid      no
   */
  body {
    o\verflow: visible;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */
  * html iframe,
  * html frame {
    overflow: auto;
  }

  * html input,
  * html frameset {
    overflow: hidden;
  }

  * html textarea {
    overflow: scroll;
    overflow-x: hidden;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Stability fixes with 'position:relative'
   * (de) Stabilitätsverbesserungen durch 'position:relative'
   *
   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
   * Helpful to fix several possible problems in older IE versions (#main).
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  body, #main {
    position: relative;
  }

  * html body {
    position: static;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Clearfix adjustents for containing floats in IE
   * (de) Clearfix-Anpassung für diverse IE-Versionen
   *
   * @workaround
   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  .clearfix {
    height: 1%;
  }

  /* hasLayout aktivieren */
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Special class for oversized content element
   * (de) Spezielle Klasse für übergroße Inhaltselemente
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  .slidebox {
    position: relative;
    margin-right: -1000px;
    height: 1%;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Preventing several css bugs by forcing "hasLayout"
   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  body {
    height: 1%;
  }

  .page_margins, .page, #header, #nav, #main, #footer {
    zoom: 1;
  }

  /* IE6 & IE7    */
  * html .page_margins, * html .page {
    height: 1%;
    hei\ght: auto;
  }

  /* IE 5.x & IE6 | IE6 only */
  * html #header, * html #nav, * html #main, * html #footer {
    width: 100%;
    wid\th: auto;
  }

  /* IE 5.x & IE6 | IE6 only */
  /* trigger hasLayout to force containing content */
  .subc, .subcl, .subcr {
    height: 1%;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * Disappearing List-Background Bug
   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html ul, * html ol, * html dl {
    position: relative;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * List-Numbering Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  body ol li {
    display: list-item;
  }

  /**
   * Form related bugfixes
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  fieldset, legend {
    position: relative;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  html #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position: static;
    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display: block;
    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    \clear: both;
    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size: 0px;
    margin: -2px 0 -1em 1px;
  }

  * html #ie_clearing {
    margin: -2px 0 -1em 0;
  }

  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
  html {
    margin-right: 1px;
  }

  * html {
    margin-right: 0;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * IE/Win Guillotine Bug
   * @see        http://www.positioniseverything.net/explorer/guillotine.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html body a, * html body a:hover {
    background-color: transparent;
  }
}
/* -- YAML Baselayout patches ------------------------------------------ */
@media all {
  /**
   * (en):Bugfix for partially displayed column separators
   * (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html #col1,
  * html #col2,
  * html #col3 {
    position: relative;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  .page_margins { padding-top: 0 !important; }
  
  #col3_content {
    margin-bottom: -2px;
  }
  #scrollbox-nav {
    margin: 0 0 20px 0;
  }
  #teaser li.c1  { margin-left: -34px; }
  #teaser li.c1 a { display: inline-block; padding-left: 48px; }

  /* (en) Bugfix:Essential for IE7 */
  /* (de) Bugfix:Notwendig im IE7 */
  #col3, #nav-sub ul li.active a, #nav-sub ul li.active strong, #nav-sub ul li.active {
    position: relative;
  }
  #nav-sub li a { zoom: 1; }

  #nav-sub ul li.active a.active, #nav-sub ul li.active strong {
    padding-top: 4px;
    padding-bottom: 5px;
    zoom: 1;
  }
  #nav-sub ul li.active ul li.active a.active {
    padding-bottom: 1px;
  }
  #nav-sub ul li.active a.active span, #nav-sub ul li.active strong span {                      /* Hauptebene - Span */
    height: 17px;
    position: absolute;
    top: 0;
    width: 0;
  }
  #nav-sub ul li ul li.active a.active span, #nav-sub ul li ul li.active strong span {                /* Unterebene - Span */
    height: 14px;
    position: absolute;
    top: 0;
  }
  #nav04 {
    width: 13.76%;
  }
}
@media screen, projection {
  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  #col1, #col2 {
    display: inline;
  }

  /**
   * Internet Explorer and the Expanding Box Problem
   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html #col1_content,
  * html #col2_content,
  * html #col3_content {
    word-wrap: break-word;
  }
}
/* -- YAML Subtemplates patches ---------------------------------------- */
@media screen, projection {
  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    display: inline;
  }

  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
  * html .equalize, * html .equalize .subcolumns {
    overflow: visible;
    display: block;
  }

  .equalize, .equalize .subcolumns {
    overflow: hidden;
    display: block;
  }

  /* transform CSS tables back into floats */
  .equalize .c20l, .equalize .c40l, .equalize .c60l, .equalize .c80l,
  .equalize .c25l, .equalize .c33l, .equalize .c38l, .equalize .c50l,
  .equalize .c62l, .equalize .c66l, .equalize .c75l {
    float: left;
    display: inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

  .equalize .c20r, .equalize .c40r, .equalize .c60r, .equalize .c80r,
  .equalize .c25r, .equalize .c33r, .equalize .c38r, .equalize .c50r,
  .equalize .c62r, .equalize .c66r, .equalize .c75r {
    float: right;
    margin-left: -5px;
    display: inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

  .no-ie-padding .c20l, .no-ie-padding .c40l, .no-ie-padding .c60l, .no-ie-padding .c80l,
  .no-ie-padding .c20r, .no-ie-padding .c40r, .no-ie-padding .c60r, .no-ie-padding .c80r,
  .no-ie-padding .c25l, .no-ie-padding .c33l, .no-ie-padding .c38l, .no-ie-padding .c50l,
  .no-ie-padding .c62l, .no-ie-padding .c66l, .no-ie-padding .c75l,
  .no-ie-padding .c25r, .no-ie-padding .c33r, .no-ie-padding .c38r, .no-ie-padding .c50r,
  .no-ie-padding .c62r, .no-ie-padding .c66r, .no-ie-padding .c75r {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * Internet Explorer and the Expanding Box Problem
   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  /* avoid growing widths */
  * html .subc,
  * html .subcl,
  * html .subcr {
    word-wrap: break-word;
    o\verflow: hidden;
  }
}
/* -- YAML Forms patches ----------------------------------------------- */
@media screen, projection {
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea {
    width: 95.5%;
  }

  * html .full div.type-select select {
    width: 97.0%;
  }

  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea {
    width: 67.2%;
  }

  * html .columnar div.type-select select {
    width: 68.8%;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
   * Global fixes for YAML's form construction set
   *
   * @workaround
   * @affected IE 5.x/Win, IE6, IE7
   * @css-for IE 5.x/Win, IE6, IE7
   * @valid no
   */
  .yform,
  .yform div,
  .yform div * {
    zoom: 1;
  }

  /**
   * Forms Fieldset/Legend-Bug in IE
   * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
   *
   * @workaround
   * @affected IE 5.x/Win, IE6, IE7, IE8
   * @css-for IE 5.x/Win, IE6, IE7, IE8
   * @valid no
   */
  /* all IE */
  .yform {
    padding-top: 0\9;
  }

  .yform fieldset {
    padding: 0 5px\9;
    padding-top: 1em\9;
  }

  .yform legend {
    position: absolute\9;
    top: -0.5em \9;
    *left: 0\9;
  }

  .yform fieldset {
    position: relative\9;
    overflow: visible\9;
    margin-top: 1.5em\9;
    zoom: 1;
  }

  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    zoom: 1;
  }

  /* IE5.x, IE6 & IE7 */
  .yform legend {
    *padding: 0 5px;
  }

  .yform fieldset {
    *padding-top: 1.5em;
  }

  /* IE5.x & IE6 */
  * html .yform {
    padding-top: 10px;
  }
}
/* -- YAML print patches ----------------------------------------------- */
@media print {
  /**
   * (en) Avoid unneeded page breaks of #col3 content in print layout.
   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
   *
   * @bugfix
   * @affected   IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  .subc,
  .subcl,
  .subcr,
  .col3 {
    height: 1%;
  }
}
/* == Layout-Hack ====================================================== */
#col1_content, #col2_content, #content,
.yform, .yform div,
#nav-bottom {
  zoom: 1 !important;
}

#col2 {
  margin-right: 0;
}

#col2_content {
  background: transparent !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 150px 0 10%;
}
.max_width_1340 #col2_content {
  padding-left: 5%;
}
.max_width_1023 #col2_content {
  padding-left: 2px;
  padding-right: 0;
}
.max_width_639 #col2_content {
  padding: 25px 0;
}
#col2_content .overview, #col2_content .viewport, #col3_content h3:first-child {
  zoom: 1;
}

#content {
  background: url(./../../img/patch-bg-content.png) repeat center transparent;
}
div.pager .pages li,
div.pager-simple .pages li {
  display: inline;
}
/* .nav-sub a, .nav-sub li.active > a, .nav-sub strong, .nav-sub h3 {
  display: block !important;
  zoom: 1 !important;
}
 */
.page_margins {
  padding-top: 25px;
}


/* -- Bottom Navigation ------------------------------------------------ */
#nav-bottom li {
  padding-right: 1em !important;
}
.max_width_639 #nav-bottom {
  position: relative !important;
  bottom: 0 !important;
}

ul.teaser-matrix .entry-title {
  cursor: pointer;
}
ul.teaser-matrix a {
  overflow: hidden;
}
ul.teaser-matrix a .entry-title {
  left: 150px;
}
ul.teaser-matrix a:focus .entry-title, ul.teaser-matrix a:hover .entry-title, ul.teaser-matrix a:active .entry-title {
  left: 0;
}

/* -- Media Queries ---------------------------------------------------- */
.js .max_width_639 html {
  padding: 25px !important;
  margin: 25px !important;
}
.js .max_width_639 body {
  padding: 25px !important;
  margin: 25px !important;
  background: #d0d9e8 !important;
  background-image: none !important;
  zoom: 1;
}
.js .max_width_639 .page_margins {
  margin: 0;
  padding: 25px 25px 0 25px;
  zoom: 1;
}
/* .js .max_width_639 #header, .js .max_width_639 #col1, .js .max_width_639 #col2, .js .max_width_639 #teaser-news {
  margin: 0 !important;
}
 */
.js .max_width_639 #teaser-aside {
  display: none;
}
.js .max_width_639 #nav-bottom {
  position: relative;
  left: -25px;
  zoom: 1;
  width: 100%;
  margin: 0;
}