/**
 * "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-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) $
 */

@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; }
  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) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block; }
  /* (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;
    &:before, &:after {
      content: ""; } }
  /* LTR */
  q {
    &:before, &: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; }
    display: block; }
  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox {
    display: table;
    width: 100%; }
  /* (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, &: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;
    .skip {
      &:focus, &: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
   *
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 20%     | flexible  | 20%     |
   * |-------------------------------|
   */
  #col1 {
    float: left;
    width: 20%; }
  #col2 {
    float: right;
    width: 20%; }
  #col3 {
    width: auto;
    margin: 0 20%; }
  /* (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 {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .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 {
    table-layout: fixed;
    .subcolumns {
      table-layout: fixed; }
    > div {
      display: table-cell;
      float: none;
      margin: 0;
      overflow: hidden;
      vertical-align: top; } } }


@media print {
  /**
   * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
   * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
   */
  .subcolumns {
    overflow: visible;
    display: table;
    > div {
      overflow: visible;
      display: table; } }
  /* (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; } }