/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * YAML core 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
 * @Svn              $Id: base.css 62 2011-03-24 09:00:16Z eric $
 */

@media all {
	/**
	 * @section browser reset
	 * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
	 */

	/* Global reset of paddings and margins for all HTML elements */
	* {
		margin: 0;
		padding: 0;
	}

	/* Correction:margin/padding reset caused too small select boxes. */
	option {
		padding-left: 0.4em;
	}

	/* LTR */
	select {
		padding: 1px;
	}

	/**
	 * Global fix of the Italics bugs in IE 5.x and IE 6
	 *
	 * @bugfix
	 * @affected   IE 5.x/Win, IE6
	 * @css-for    IE 5.x/Win, IE6
	 * @valid      yes
	 */
	* html body * {
		overflow: visible;
	}

	body {
	/* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
		font-size: 100.01%; /* Standard values for colors and text alignment */
		background: #fff;
		color: #000;
		text-align: left; /* LTR */
	}

	/* avoid visible outlines on DIV containers in Webkit browsers */
	div {
		outline: 0 none;
	}

	/* HTML 5 - adjusting visual formatting model to block level */
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary {
		display: block;
	}

	/* Clear borders for <fieldset> and <img> elements */
	fieldset, img {
		border: 0 solid;
	}

	/* new standard values for lists, blockquote and cite */
	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: "";
	}

	textarea, pre, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/**
	 * @section clearing methods
	 * @see http://yaml.de/en/documentation/basics/general.html
	 */

	/* clearfix method for clearing floats */
	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	/* essential for Safari browser !! */
	.clearfix {
		display: block;
	}

	/* used to break the flow */
	.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}

	/* alternative solution to contain floats */
	.floatbox {
		display: table;
		width: 100%;
	}

	/* IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
	#ie_clearing {
		display: none;
	}
}

@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;
		width: 20%;
	}

	#col2 {
		float: right;
		width: 20%;
	}

	#col3 {
	}

	/* Preparation for absolute positioning within content columns */
	#col1_content, #col2_content, #col3_content {
		position: relative;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/**
	 * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
	 * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
	 *
	 * .hidecol1 -> 2-column-layout (using #col2 and #col3)
	 * .hidecol2 -> 2-column-layout (using #col1 and #col3)
	 * .hideboth -> single-column-layout (using #col3)
	 */

	.hideboth #col3 {
		margin: 0;
	}

	.hidecol1 #col3 {
		margin: 0;
		padding: 0 0 0 10px;
	}

	.hidecol2 #col3 {
		margin: 0;
	}

	.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 {
		display: none;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/**
	 * @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, .equalize .subcolumns {
		table-layout: fixed;
	}

	.equalize > div {
		display: table-cell;
		float: none;
		margin: 0;
		overflow: hidden;
		vertical-align: top;
	}
}

@media print {
	/**
	 * float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
	 */

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

	/* make .print class visible */
	.print {
		position: static;
		left: 0;
	}

	/* generic class to hide elements for print */
	.noprint {
		display: none !important;
	}
}