/**
 * "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-2010, 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
 * @revision        $Revision: 480 $
 * @lastmodified    $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $
 */

@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;
} /* 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) 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, .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
  *
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  */

  #col1 {
	float:left;
}
#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:0px;
}
.c20l, .c20r {
	width:20%;
}
.c40l, .c40r {
	width:40%;
}
.c60l {
	width:60%;
}
 .c60r {
	width:60%;
}
.c80l, .c80r {
	width:80%;
}
.c25l, .c25r {
	width:25%;
}
.c33l, .c33r {
	width:33.333%;
}
.c50l {
	width:98%;
	margin-right: 15px;
}
 .c50r {
	width:96%;
	margin-right: 0px;
}
.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 {
	table-layout:fixed;
}
.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
  */

  .subcolumns,  .subcolumns > 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;
}
}