/**
 * "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 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 */
  #cssBody .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 !! */
  #cssBody .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  #cssBody .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 */
  #cssBody #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 */
  #cssBody .skip, #cssBody .hideme, #cssBody .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 */
  #cssBody .skip:focus, #cssBody .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #cssBody #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #cssBody #skiplinks .skip:focus,
  #cssBody #skiplinks .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
  *
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */

  #cssBody #col1 { float:left; width:20%; left: -0.66em; position: relative; }
  #cssBody #col2 { float:right; width:20%; }
  #cssBody #col3 { width:auto; margin:0 20%; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #cssBody #col1_content, #cssBody #col2_content, #cssBody #col3_content { position:relative; }
  #cssBody #col3_content { margin-left: 1em; margin-right: 1.66em; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  #cssBody .subcolumns { display:table; width:100%; table-layout:fixed; }
  #cssBody .subcolumns_oldgecko { width: 100%; float:left; }

  #cssBody .c20l, #cssBody .c25l, #cssBody .c33l, #cssBody .c40l,
  #cssBody .c38l, #cssBody .c50l, #cssBody .c60l, #cssBody .c62l,
  #cssBody .c66l, #cssBody .c75l, #cssBody .c80l, #cssBody .c5l { float:left; }
    
  #cssBody .c20r, #cssBody .c25r, #cssBody .c33r, #cssBody .c40r,
  #cssBody .c38r, #cssBody .c50r, #cssBody .c60r, #cssBody .c66r,
  #cssBody .c62r, #cssBody .c75r, #cssBody .c80r, #cssBody .c95r  { float:right; margin-left:-5px; }

  #cssBody .c20l, #cssBody .c20r { width:20%; }
  #cssBody .c40l, #cssBody .c40r { width:40%; }
  #cssBody .c60l, #cssBody .c60r { width:60%; }
  #cssBody .c80l, #cssBody .c80r { width:80%; }
  #cssBody .c25l, #cssBody .c25r { width:25%; }
  #cssBody .c33l, #cssBody .c33r { width:33.333%; }
  #cssBody .c50l, #cssBody .c50r { width:50%; }
  #cssBody .c66l, #cssBody .c66r { width:66.666%; }
  #cssBody .c75l, #cssBody .c75r { width:75%; }
  #cssBody .c38l, #cssBody .c38r { width:38.2%; }
  #cssBody .c62l, #cssBody .c62r { width:61.8%; }

  #cssBody .c5l {
  	width: 5%;
  }

  #cssBody .c95r {
  	width: 95%;
  }

  #cssBody .subc  { padding:0 0.5em; }
  #cssBody .subcl { padding:0 1em 0 0; }
  #cssBody .subcr { padding:0 0 0 1em; }

  #cssBody .equalize,
  #cssBody .equalize .subcolumns { table-layout:fixed; }

  #cssBody .equalize > 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
  */

  #cssBody .subcolumns,
  #cssBody .subcolumns > div {
    overflow:visible; 
    display:table;
  } 

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

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