/**
 * "Yet Another Multicolumn Layout" - YAML 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-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 726 $
 * @lastmodified    $Date: 2012-03-03 12:21:50 +0100 (Sa, 03 Mrz 2012) $
 */

@media all {

  /**
  * @section CSS-Normalisation Module
  */

  /* (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%;

    /* (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:target { outline:0 none; }

  /* (en) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article,aside,details,figcaption,figure,
  footer,header,hgroup,nav,section {
    display:block;
  }

  /* (en) HTML5 - default media element styles */
  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
  audio,
  canvas,
  video {
    display: inline-block;
  }

  /* (en) HTML5 - don't show <audio> element if there aren't controls */
  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
  audio:not([controls]) {
    display: none;
  }

  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
  [hidden] {
    display: none;
  }

  /* (en) force consistant appearance of input[type="search"] elements in all browser  */
  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
  input[type="search"] {
    -webkit-appearance: textfield;
  }
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: 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, cite and tables */
  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
  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 */
  q { quotes: none; }

  blockquote:before, blockquote:after,
  q:before, q:after { content: ''; content:none }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

   /**
  * @section Float Handling Module
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before {
    content:"";
    display:table;
  }
  .ym-clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt { display:table; width: 100%; overflow: visible; }
  .ym-contain-oh { overflow:hidden; width:100%; display:block; }
  .ym-contain-fl { float:left; width:100%; }

  /**
  * @section Accessibility Module
  *
  * (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 */
  .ym-skip,
  .ym-hideme,
  .ym-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 */
  .ym-skip:focus,
  .ym-skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  .ym-skiplinks {
    position:absolute;
    top:0px;
    left:-32768px;
    z-index:1000;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
  }

  .ym-skiplinks .ym-skip:focus,
  .ym-skiplinks .ym-skip:active {
    left:32768px;
    outline:0 none;
    position:absolute;
    width:100%;
  }
}

@media screen, projection {

  /**
  * @section Column Module
  *
  * default column config:
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */

  .ym-column { display:table; width:100%; }

  .ym-col1 { float:left; width:20%; }
  .ym-col2 { float:right; width:20%; }
  .ym-col3 { width:auto; margin:0 20%; }

  .ym-cbox { padding: 0 10px }
  .ym-cbox-left { padding: 0 10px 0 0 }
  .ym-cbox-right { padding: 0 0 0 10px }

  /* (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 */
  .ym-ie-clearing { display:none; }

  /**
  * @section Grid Module
  *
  */

  .ym-grid {
    display:table;
    width:100%;
    table-layout:fixed;
    list-style-type: none;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }

  .ym-gl { float:left; margin: 0; }
  .ym-gr { float:right; margin: 0 0 0 -5px; }

  .ym-g20 { width:20%; }
  .ym-g40 { width:40%; }
  .ym-g60 { width:60%; }
  .ym-g80 { width:80%; }
  .ym-g25 { width:25%; }
  .ym-g33 { width:33.333%; }
  .ym-g50 { width:50%; }
  .ym-g66 { width:66.666%; }
  .ym-g75 { width:75%; }
  .ym-g38 { width:38.2%; }
  .ym-g62 { width:61.8%; }

  .ym-gbox { padding: 0 10px }
  .ym-gbox-left { padding: 0 10px 0 0 }
  .ym-gbox-right { padding: 0 0 0 10px }

  .ym-equalize { overflow:hidden; }

  .ym-equalize > [class*="ym-g"] {
    display:table-cell;
    float:none;
    margin:0;
    vertical-align:top;
  }

  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
    padding-bottom: 10000px;
    margin-bottom: -10000px
  }
}

@media all {

   /**
  * @section Form Module
  *
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | form                          |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /form                         |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  */

  .ym-form,
  .ym-form fieldset { overflow:hidden; }

  .ym-form div { position:relative; }
  
  .ym-form label,
  .ym-form .ym-message {
    position:relative;
    display:block; /* important for Safari */
  }

  .ym-form .ym-fbox-check label {
    /*display:inline;*/
  }

  .ym-form input,
  .ym-form textarea { cursor:text; }

  .ym-form input[type="checkbox"],
  .ym-form input[type="radio"],
  .ym-form select,
  .ym-form label { 
  cursor:pointer;
  display:inline; }

  /* small adjustments for Internet Explorer - all versions */
  .ym-form textarea { overflow: auto; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .ym-form input[type=hidden] { display:none !important; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form .ym-fbox-text:before,
  .ym-form .ym-fbox-select:before,
  .ym-form .ym-fbox-check:before,
  .ym-form .ym-fbox-button:before {
    content:"";
    display:table;
  }

  .ym-form .ym-fbox-text:after,
  .ym-form .ym-fbox-select:after,
  .ym-form .ym-fbox-check:after,
  .ym-form .ym-fbox-button:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form select,
  .ym-form input,
  .ym-form textarea {
    display:block;
    position:relative;
    width:58.5%;
  }

  .ym-form .ym-fbox-check input {
    width: auto;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  .ym-form .ym-fbox-button input {
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .ym-form .ym-fbox-check input:focus,
  .ym-form .ym-fbox-check input:hover,
  .ym-form .ym-fbox-check input:active {
    border:0 none;
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .ym-full .ym-fbox-select select,
  .ym-full .ym-fbox-text input,
  .ym-full .ym-fbox-text textarea {
    width:94.2%;
    margin-right: -3px;
  }

   /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | form                                      |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /form                                     |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  */

  /* Columnar display | Spalten-Darstellung */
  .ym-columnar .ym-fbox-text label,
  .ym-columnar .ym-fbox-select label {
    display:inline;
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  .ym-columnar .ym-fbox-check {
    position:relative;
  }

  .ym-label { display:block; }
  .ym-columnar .ym-fbox-check .ym-label {
    position:absolute;
    top:0;
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-columnar .ym-fbox-check input,
  .ym-columnar .ym-error .ym-message {
    margin-left:30%;
  }

  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button,
  fieldset.ym-columnar .ym-fbox-button {
    padding-left:30%;
  }

  .ym-columnar .ym-fbox-select select,
  .ym-columnar .ym-fbox-text input,
  .ym-columnar .ym-fbox-text textarea {
    float:left;
    width:67.2%;
    margin-right: -3px;
  }

  /**
  * @section Form Construction Kit | Screen Adjustments
  *
  */

  .ym-fbox-select select { width:60%; }
  .ym-full .ym-fbox-select select { width:94.8%; }
  .ym-columnar .ym-fbox-select select { width:68.8%; }
}

@media print {

  /**
  * @section print adjustments for core modules
  *
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für 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
  */

  .ym-grid > .ym-gl,
  .ym-grid > .ym-gr {
    overflow:visible;
    display:table;
  }

  /* (en) make .ym-print class visible */
  /* (de) .ym-print-Klasse sichtbar schalten */
  .ym-print {
    position:static;
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint {
    display:none !important;
  }
}