/**
 * "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; }

	/* 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 {
		display: inline;
		width: auto;
	}

	/* Styling of buttons | Gestaltung von Buttons */
	.ym-form .ym-fbox-button input {
		display: inline;
		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;
	}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "gray-theme"
 *
 * @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: 729 $
 * @lastmodified         $Date: 2012-03-03 13:20:39 +0100 (Sa, 03 Mrz 2012) $
 */

@media screen and (min-width: 0px){

	/**
	* @section general width settings for formular elements in modern browsers
	*          switching to CSS3 box modell "border-box" for perfect flexible forms
	*
	* Styling for: <labels>, <input>, <textarea> and <select>
	*
	*/

	.ym-form input,
	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width:60%;
	}

	.ym-columnar label {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea { width:70%; }

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea { width:100%; }
}

@media screen, projection {

	/**
	* @section general form styling
	*
	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
	*
	*/
	.ym-form {
		background:#f4f4f4;
		border:2px #fff solid;
		margin: 1.5em 0 0 0;
		padding: 0;
		-webkit-box-shadow: 0 0 4px #ddd;
		-moz-box-shadow: 0 0 4px #ddd;
		box-shadow: 0 0 4px #ddd;
	}

	.ym-form fieldset {
		position:static;
		background:transparent;
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
	}

	.ym-form legend {
		background:transparent;
		color:#000;
		font-size:1.2em;
		line-height:1.25em;
		font-weight:bold;
		padding:0 0.5em;
	}

	.ym-form label {
		color:#666;
		line-height: 1.5em;
	}

	.ym-label {
		color: #666;
		padding-top: 0.25em;
	}

	.ym-form .ym-form div.ym-fbox-check:focus + label {
		color:#000;
	}

	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
	.ym-form div.ym-fbox-text,
	.ym-form div.ym-fbox-select,
	.ym-form div.ym-fbox-check,
	.ym-form div.ym-fbox-button {
		padding: 0.3em 1em;
		margin-bottom: 0.5em;
	}

	.ym-form div.ym-fbox-button {
		background: #ececec;
		border-top: 1px #e0e0e0 solid;
		padding:0 1em 1.5em 1em;
		margin: 0;
	}

	.ym-form .ym-gbox {
		padding: 0 0.5em;
		margin-right: 0;
	}

	.ym-form h6 {
		color: #000;
		margin: 1em 0 0 1em;
	}

	/**
	* @section styling form elements
	*
	* Styling for: Input, Textarea, Select ...
	*
	*/

	/* styling standard form elements with 'almost' equal flexible width */
	/* Gestaltung der einzelnen Formularelemente mit ann?hend gleicher Breite */
	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea {
		line-height: 1em;
		padding: 0.25em 0.3em;
		margin-top: -2px;
	}

	.ym-form .ym-fbox-select select {
		line-height: 1em;
		padding: 0.25em 2px 0.25em 1px;
		margin-top: -2px;
	}

	/* proportional fonts for all form elements */
	.ym-form input,
	.ym-form textarea,
	.ym-form select,
	.ym-form optgroup {
		font-family:Arial, Helvetica, sans-serif;
		-webkit-box-shadow: inset 0 0 4px #eee;
		-moz-box-shadow: inset 0 0 4px #eee;
		box-shadow: inset 0 0 4px #eee;
	}

	.ym-form optgroup {
		font-style:normal;
		font-weight:bold;
	}

	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea,
	.ym-form .ym-fbox-select select {
		border:1px solid #ddd;
	}

	/* General form styling	| Allgemeine Formatierung des Formulars */
	.ym-form .ym-message {
		color:#666;
		margin-bottom:0.5em;
	}

	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
	.ym-form .ym-required {
		color:#800;
		font-weight:bold;
	}

	/* form validation highlight colors */
	.ym-form input:valid,
	.ym-form textarea:valid { background-color: #fff; }
	.ym-form input:invalid,
	.ym-form textarea:invalid { background-color: #fdd; }

	/**
	* @section error messages
	*
	*/

	.ym-form .ym-error label {
		color:#800;
		font-weight:normal;
	}

	.ym-form .ym-error input,
	.ym-form .ym-error select,
	.ym-form .ym-error textarea {
		border: 1px #800 solid;
	}

	.ym-form .ym-error input:hover,
	.ym-form .ym-error input:focus,
	.ym-form .ym-error select:hover,
	.ym-form .ym-error select:focus,
	.ym-form .ym-error textarea:hover,
	.ym-form .ym-error textarea:focus {
		border: 1px #800 solid !important;
	}

	.ym-form .ym-error .ym-message {
		color:#800;
		font-weight: bold;
		margin-top: 0;
	}

	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
	.ym-form div.ym-fbox-text input:focus,
	.ym-form div select:focus,
	.ym-form div textarea:focus,
	.ym-form div.ym-fbox-text input:hover,
	.ym-form div select:hover,
	.ym-form div textarea:hover,
	.ym-form div.ym-fbox-text input:active,
	.ym-form div select:active,
	.ym-form div textarea:active {
		border:1px #888 solid;
		background:#fff;
	}

	/**
	* @section Buttons
	*
	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
	*/

	.ym-button,
	.ym-form button,
	.ym-form input[type="button"],
	.ym-form input[type="reset"],
	.ym-form input[type="submit"] {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #333 !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}

	.ym-form button:hover,
	.ym-form input[type="button"]:hover,
	.ym-form input[type="reset"]:hover,
	.ym-form input[type="submit"]:hover,
	.ym-button:hover {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	.ym-form button:active,
	.ym-form input[type="button"]:active,
	.ym-form input[type="reset"]:active,
	.ym-form input[type="submit"]:active,
	.ym-button:active {
		background-color: #bbb;
		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
		background-image: -moz-linear-gradient(top, #ccc, #bbb);
		background-image: -ms-linear-gradient(top, #ccc, #bbb);
		background-image: -o-linear-gradient(top, #ccc, #bbb);
		background-image: linear-gradient(top, #ccc, #bbb);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
		position: relative;
		top: 1px;
	}

	.ym-form button:focus,
	.ym-form input[type="button"]:focus,
	.ym-form input[type="reset"]:focus,
	.ym-form input[type="submit"]:focus,
	.ym-button:focus {
		outline: 0;
		background: #fafafa;
	}

	/* pseudo elements don't work on input */
	.ym-form button:before,
	.ym-button:before {
		background: #ccc;
		background: rgba(0,0,0,.1);
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-moz-border-radius: .15em 0 0 .15em;
		-webkit-border-radius: .15em 0 0 .15em;
		border-radius: .15em 0 0 .15em;
		pointer-events: none;
	}

	.ym-add:before { content: "\271A"; }
	.ym-delete:before { content: "\2718"; }
	.ym-edit:before { content: "\270E"; }
	.ym-email:before { content: "\2709"; }
	.ym-like:before { content: "\2764"; }
	.ym-next:before { content: "\279C"; }
	.ym-play:before { content: "\25B6"; }
	.ym-save:before { content: "\2714"; }
	.ym-spark:before { content: "\2737"; }
	.ym-star:before { content: "\2605"; }

	/* removes extra inner spacing in Firefox */
	.ym-form button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/* If line-height can't be modified, then fix Firefox spacing with padding */
	.ym-form input[type=button]::-moz-focus-inner,
	.ym-form input[type=reset]::-moz-focus-inner,
	.ym-form input[type=submit]::-moz-focus-inner {
		padding: .4em;
	}

	/* The disabled styles */
	.ym-form button[disabled],
	.ym-form button[disabled]:hover,
	.ym-form input[type=button][disabled],
	.ym-form input[type=button][disabled]:hover,
	.ym-form input[type=reset][disabled],
	.ym-form input[type=reset][disabled]:hover,
	.ym-form input[type=submit][disabled],
	.ym-form input[type=submit][disabled]:hover,
	.ym-button.ym-disabled,
	.ym-button.ym-disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
	* html .ym-button,
	* html .ym-form button {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		color: #333 !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
	}

	* html .ym-form button:focus,
	* html .ym-button:focus {
		outline: 0;
		background: #fafafa;
	}

	* html .ym-form button:hover,
	* html .ym-button:hover {
		background-color: #ddd;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	* html .ym-form button:active,
	* html .ym-button:active {
		background-color: #bbb;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		position: relative;
		top: 1px;
	}

	* html .ym-button.ym-disabled,
	* html .ym-button.ym-disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
	}
}

/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) screen layout for YAML documentation
*
* @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         4.0
* @lastmodified    $Date: 2012-03-03 13:20:39 +0100 (Sa, 03 Mrz 2012) $
*/

@media screen, projection {

	/**
	* (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
	* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
	*
	* @workaround
	* @affected IE8, FF, Webkit, Opera
	* @css-for all
	* @valid CSS3
	*/

	body { overflow-y:scroll; }

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

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { background: #0d1113; }

	body > header,
	body > footer,
	body > nav,
	body > [id] {
		min-width: 960px;
	}
	body > #intro {
		min-width: 912px;
	}

	* html .ym-wrapper {
		width: 1140px;	/* IE6 support */
	}

	.ym-wrapper {
		text-align:left;
		margin:0 auto;
		max-width: 90em;
	}
	.ym-wbox {
		padding:24px 48px;
		position: relative;
	}

	#js-info {
		display:block;
		padding: 10px 20px;
		background: #fee;
		color: #800;
		margin: 0 0 10px 0;
	}

	.js .js-info { display: none; }

	#formswitch { display:none; }

	.js #formswitch { display:block; }


	.fix {
		position:fixed;
		top:0;
		z-index: 10000;
		width: 100%;
		-webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
		box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
	}

	/* (en) Layout:width, background, borders */
	/* (de) Layout:Breite, Hintergrund, Rahmen */

	#intro,
	header,
	#overview,
	nav,
	#main,
	footer {
		background:#fff repeat-x top left;
		color:#333;
		clear:both;
	}


	header,
	footer {
		background: #161e21;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,.8);
		-webkit-box-shadow: inset 0 -32px 64px rgba(0,0,0,.5);
		-moz-box-shadow: inset 0 -32px 64px rgba(0,0,0,.5);
		box-shadow: inset 0 -32px 64px rgba(0,0,0,.5);

		/* IE5.5 - IE7 */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF141C1F,EndColorStr=#FF0D1214);

		/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF141C1F,EndColorStr=#FF0D1214)"
	}

	#sitenav .ym-wbox {
		padding: 0 48px;
	}

	header .ym-wrapper {
		text-align:center;
	}

	header .ym-wbox {
		padding-bottom: 48px;
	}

	header h1,
	header h2 {
		font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:120px;
		color:#8b8f90;
		border: 0 none;
		text-shadow: 1px 1px 1px rgb(0,0,0);
	}

	header h1 {
		margin: 0 0 0.15em 0;
	}

	header h2 {
		position:relative;
		top: -16px;
		left: 4px;
		letter-spacing:8px;
		font-size:45px;
		line-height:85%;
		margin:0;
	}

	header p {
		font-size: 1.25em;
		margin:0;
	}

	header p em {
		color: #fff;
		color: rgba(255,255,255,.75);
		font-family: "Times New Roman", Times, serif;
		font-size-adjust: 0.55;
	}

	header h1 span {
		display:inline-block;
		overflow: hidden;
		height: 0;
		width: 235px;
		padding-top: 78px;
		margin-bottom: -2px;
		background:url(http://image.7road.com/skill/yaml-solo-transparent.png) no-repeat top left;
	}

	#intro {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color:#888;
		color: rgba(255,255,255,.5);
		background:#080b0c;
		border-bottom: 1px #000 solid;
		padding: 12px 24px;
		letter-spacing: 6px;
		word-spacing: 3px;
		text-align: center;
	}

	#secondary {
		background: #464b4e;
		-webkit-box-shadow: inset 0 -24px 48px rgba(0,0,0,.3);
		-moz-box-shadow: inset 0 -24px 48px rgba(0,0,0,.3);
		box-shadow: inset 0 -24px 48px rgba(0,0,0,.3);
		text-shadow: 0px 1px 1px rgba(0,0,0,.8);
	}

	#secondary {
		color: rgb(200, 200, 200);
	}
	#secondary {
		color: rgba(255, 255, 255, 0.8);
	}

	#secondary h2,
	#secondary h3,
	#secondary h4 {
		color: #fff;
	}

	#secondary .label {
		background: #161e21;
	}

	#secondary a.label:hover,
	#secondary a.label:focus,
	#secondary a.label:active {
		background: #fff;
		color: #000;
	}

	#sitenav {
		background: #161e21;
		-webkit-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		border-top: 1px solid rgb(100,100,100);
		border-top: 1px solid rgba(255,255,255,.1);
		border-bottom: 1px solid rgb(50,50,50);
		border-bottom: 1px solid rgba(0,0,0,.3);

		/* IE5.5 - IE7 */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336);

		/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336)";
		zoom:1;
	}

	.social-buttons {
		margin-top: 1.5em;
	}
	.social-buttons > * {
		float:left;
		margin-right: 1em;
	}

	.mnav ul {
		margin:0;
	}

	.mnav {
		background: #161e21;
		border-right: 1px solid rgb(100,100,100);
		border-right: 1px solid rgba(255,255,255,.1);
		border-left: 1px solid rgb(50,50,50);
		border-left: 1px solid rgba(0,0,0,.2);

		/* IE5.5 - IE7 */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336);

		/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336)";
	}

	* html .mnav ul {
		overflow:hidden; /* ie6 adjustment - overwrites ie-fix from iehacks.css */
	}

	.mnav li {
		-webkit-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		overflow: hidden;
		text-shadow: 1px 1px 1px rgba(0,0,0,.8);
	}
	.mnav li.active {
		background-color: #2a3134;

		/* IE5.5 - IE7 */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF2A3134,EndColorStr=#FF3E4447);

		/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF2A3134,EndColorStr=#FF3E4447)";
		zoom: 1;
	}

	.mnav li strong,
	.mnav li a {
		color: #9d9fa0;
	}
	.mnav li strong,
	.mnav li a {
		border-left: 1px solid rgb(100,100,100);
		border-left: 1px solid rgba(255,255,255,.1);
		border-right: 1px solid rgb(50,50,50);
		border-right: 1px solid rgba(0,0,0,.2);
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align: left;
		display: block;
		line-height: 1em;
		padding: 1em 10%;
		color: #9d9fa0;
		color: rgba(255,255,255,.6);
		padding-bottom: 100px;
		margin-bottom: -86px;
		-webkit-transition: background-color .1s linear;
		-moz-transition: background-color .1s linear;
		transition: background-color .1s linear;
		zoom:1;
	}

	.mnav li strong span,
	.mnav li a span {
		display:block;
		margin-top: .7em;
		font-size: 10px;
		color: #79868c;
		color:rgba(255,255,255,.5);
		font-weight: normal;
	}
	.mnav li.active strong span,
	.mnav li.active a span {
		color:#ccc;
		color:rgba(255,255,255,.7);
	}

	.mnav li strong {
		color:#fff;
		-webkit-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
		box-shadow: inset 0 -24px 30px rgba(255,255,255,.1);
	}

	.mnav li a:hover,
	.mnav li a:focus,
	.mnav li a:active {
		color:#fff;
		-webkit-box-shadow: inset 0 -24px 30px rgba(255,255,255,.2);
		-moz-box-shadow: inset 0 -24px 30px rgba(255,255,255,.2);
		box-shadow: inset 0 -24px 30px rgba(255,255,255,.2);
		background: #800;
		-webkit-transition: background-color .1s linear;
		-moz-transition: background-color .1s linear;
		transition: background-color .1s linear;
	}

	.mnav li a:hover span,
	.mnav li a:focus span,
	.mnav li a:active span {
		color:rgba(255,255,255,.7);
	}

	nav {
		border-top: 1px #000 solid;
		background: #080b0c;
	}

	nav .ym-wbox { padding: 0 48px; }

	nav .ym-hlist {
		background: transparent;
		padding: 0;
	}
	nav .ym-hlist ul {
		padding: 0.5em 0;
	}

	nav .hlist li a {
		color: #aaa;
		font-variant:small-caps;
		font-weight:normal;
	}

	nav .ym-hlist li.active a,
	nav .ym-hlist li a:hover,
	nav .ym-hlist li a:focus {
		background: #444;
		background: rgba(255,255,255,.1);
		color: #fff;
	}

	#overview {
		background: #eee;
		-webkit-box-shadow: inset 0 0 48px rgba(0,0,0,.25);
		-moz-box-shadow: inset 0 0 48px rgba(0,0,0,.25);
		box-shadow: inset 0 0 48px rgba(0,0,0,.25);
		zoom:1;
	}

	#main {
		z-index: 1;
		background: #fff;
		-webkit-box-shadow: inset 0 0 48px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.25);
		-moz-box-shadow: inset 0 0 48px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.25);
		box-shadow: inset 0 0 48px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.25);
	}

	#examples {
		margin-top: 1.5em;
	}

	#examples img {
		-webkit-box-shadow: 0 0 64px rgba(255,255,255,.3);
		-moz-box-shadow: 0 0 64px rgba(255,255,255,.3);
		box-shadow: 0 0 64px rgba(255,255,255,.3);
		*width: 99%;
	}

	footer {
		border-top: 2px #000 solid;
	}

	footer p:first-child {
		margin-top: 0;
	}

	footer .ym-gr {
		text-align: right;
	}

	footer .ym-gr iframe {
		display:inline-block;
		width: 165px !important;
	}
	footer a {
		color:#999;
	}
	footer a {
		color:#999;
		color: rgba(255,255,255,.6);
		background:transparent;
		font-weight:normal;
	}

	footer a:focus,
	footer a:hover,
	footer a:active {
		color:#4D87C7;
		background-color:transparent;
		text-decoration:underline;
	}

	.ym-g30 {
		width: 30%;
	}

	.flexible {
		margin-top: 1.5em;
	}

	/*--- TYPOGRAPHY -----------------------------------------------------*/

	h2 {
		letter-spacing:-2px;
	}

	h2[id] {
		border-bottom: 1px #aa1124 solid;
	}

	.indent {
		padding-left: 10px;
	}

	h3 {
		letter-spacing: -1px;
	}

	body h4,h5,h6 {
		color: #8B8F90;
	}

	.site dl {
		margin: 1.5em 0 0 0;
	}
	.site dd {
		margin: 0 0 0.75em 0;
	}

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

	.ym-gbox-left { padding:0 20px 0 0; }

	.ym-gbox-right { padding:0 0 0 20px; }

	.ym-cbox { padding:0 10px; }

	.grid-demo1,
	.grid-demo2 {
		margin: 1.5em 0 0 0;
	}

	.grid-demo1 .ym-grid + .ym-grid { margin-top: 8px; }

	.grid-demo1 .ym-gbox {
		text-align: center;
		background: #eee;
		margin-right: 12px;
		padding: 10px;
		border: 1px #ccc solid;
	}

	.dummyscreen {
		box-shadow: 0 0 3px #000;
		border: 1px #666 solid;
		border: 2px rgba(255,255,255,1) solid;
		border-radius: 5px;
		line-height: 3em;
		margin: 1.5em 0 0;
	}

	.layout-a .ym-wrapper {
		width: 70%;
		margin: 0 auto;
		border: 1px dashed #888;
		border: 1px dashed rgba(0,0,0,.25);
		background: #eee;
	}

	.layout-b .ym-wrapper {
		width: 70%;
		margin: 0 auto;
		border: 1px dashed #888;
		border: 1px dashed rgba(0,0,0,.25);
	}

	.dummyscreen .ym-wbox {
		padding: 0;
		margin: 8px;
		border: 1px dotted #888;
		border: 1px dotted rgba(0,0,0,.25);
	 }
	.layout-a .main { padding: 20px 0; }

	.dummyscreen * { text-align: center; color: #fff; }
	.dummyscreen .header { background: #aaa; color: #fff; }
	.dummyscreen .main  { background: #ccc; color: #fff; line-height: 10em; }
	.dummyscreen .footer { background: #aaa; color: #fff; }

	.dummyscreen .ym-cbox,
	.dummyscreen .bg {
		height: 10em
	}
	.dummyscreen .ym-col1 .ym-cbox {
		margin: 0 0.25em;
		background: #aaa;
	}
	.dummyscreen .ym-col2 .ym-cbox {
		margin: 0 0.25em;
		background: #999;
	}
	.dummyscreen .ym-col3 .ym-cbox .bg {
		padding: 0 0.25em;
		background: #777;
	}


	.columnset-2 .ym-col1 { width: 6em; }
	.columnset-2 .ym-col3 { width: auto; margin: 0 0 0 6em; }

	.columnset-3 .ym-col1 { width: 6em; }
	.columnset-3 .ym-col2 { width: 6em; }
	.columnset-3 .ym-col3 { width: auto; margin: 0 6em; }

	.columnset-4 * { color: #444; text-align: left; margin-top: 0;}
	.columnset-4 .ym-col1 { width: 25%; }
	.columnset-4 .ym-col2 { width: 25%; }
	.columnset-4 .ym-col3 {
		width: auto;
		margin: 0 25%;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background: #fff !important;
	}
	.columnset-4 [class*="ym-cbox"] {
		text-align: left;
		padding: 0 1em;
		color: #444;
		height: auto !important;
		background: #fff !important;
	}

	.grid-demo1 .ym-grid .ym-grid .ym-gbox,
	.grid-demo1 .ym-grid .ym-grid .ym-gbox { background: #ddd; }

	.grid-demo2 .ym-grid { margin-bottom: 2px; }

	.grid-demo2 .ym-gl {
		text-align: center;
		background: #f4f4f4;
		padding: 10px 0;
	}

	.grid-demo2 .ym-gr {
		text-align: center;
		background: #e4e4e4;
		padding: 10px 0;
	}

	.grid-demo3 {
		margin: 1.5em 0 0 0;
	}

	.grid-demo3 .ym-gbox-left {
		background: #eee;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0.5em;
	}
	.grid-demo3 .ym-gbox-right {
		background: #eee;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0.5em;
	}
	.grid-demo3 h6 {
		background: #800;
		color: #fff;
		padding: 0.75em 1em;
		margin:0;
	}

	.grid-demo3 ul,
	.grid-demo3 p {
		padding: 1.5em;
		margin: 0;
	}

	.nav-wrapper {
		margin-top: 1.5em;
	}

	#main .hlist,
	#main h6.vlist {
		margin: 1.5em 0 0 0;
	}

	#main th {
		white-space:nowrap;
	}

	/**
	* -------------------------------------------------------------------------- #
	*
	* Skiplinks
	*
	* (en) Visual styling for skiplink navigation
	* (de) Visuelle Gestaltung der Skiplink-Navigation
	*
	* @section content-skiplinks
	*/

	.ym-skiplinks a.skip:focus, .ym-skiplinks a.skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-decoration:none;
	}
}

@media screen and (min-width: 0px)  {

	body > header,
	body > footer,
	body > nav,
	body > #intro,	
	body > [id] {
		min-width: 0;
	}

	.ym-wrapper {
		width: auto;
	}

	#examples img {
		width: auto;
		max-width: 99%;
	}
}

@media screen and ( max-width: 960px )  {

	nav .ym-wbox,
	#sitenav .ym-wbox,
	.ym-wbox {
		padding-left: 24px;
		padding-right: 24px;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow:hidden; /* contain floats */
		padding: 0;
		margin: 0;
	}

	#secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		padding: 10px;
	}
}

@media screen and ( max-width: 740px)  {

	#intro {
		letter-spacing: normal;
		word-spacing: normal;
	}

	header h1 {
		font-size: 60px;
		line-height: 1.0em;
	}

	header h1 span {
		width: 118px;
		padding-top: 40px;
		margin-bottom: -2px;
		background:url(http://image.7road.com/skill/yaml-solo-transparent-small.png) no-repeat top left;
	}

	header h2 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 1.5em;
	}

	header p {
		font-size: 14px;
	}

	th.nowrap,
	td.nowrap {
		white-space: normal;
	}

	nav .ym-wbox,
	#sitenav .ym-wbox,
	.ym-wbox {
		padding-left: 6px;
		padding-right: 6px;
	}

	.mnav li {
		-webkit-box-shadow: inset 0 -10px 30px rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 -10px 30px rgba(255,255,255,.1);
		box-shadow: inset 0 -10px 30px rgba(255,255,255,.1);
	}

	.mnav li a span,
	.mnav li strong span {
		display: none;
	}

	footer .ym-gr {
		text-align: left;
	}

	.indent {
		padding-left: 0px;
	}

	table th,
	table td {
		white-space: normal !important;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: 100% !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow:hidden; /* contain floats */
		margin: 0;
		padding: 0;
	}

	.ym-form .linearize-level-2 [class*="ym-fbox"] {
		margin: 1em 0 0 0;
		padding: 0.3em 1em;
	}


	#secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		padding: 0;
	}

	.linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"]) label,
	.linearize-form .ym-label,
	.linearize-form .ym-message,
	.linearize-form  input[type="text"],
	.linearize-form  textarea,
	.linearize-form  select {
		display: block;
		float: none;
		position: static !important;
		width:100% !important;
	}

	.linearize-form .ym-message,
	.linearize-form  .ym-fbox-check input {
		margin-left: 0 !important;		
	}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen f¨¹r die wichtigten Inhalts-Elemente
 *
 * @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: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {

	/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size: 14px (87.5%)
	* line-height  : 21px (factor: 1.5)
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgr??en auf Standardgr??e (16 Pixel) zur¨¹cksetzen */
	html * { font-size:100%; }

	/**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgr??e von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

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

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erh?lt Standardschriftgr??e von 14 Pixeln */
	body {
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		font-size:87.50%; /* base: 14px */
		color:#444;

		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (de) Automatische Schriftvergr??erung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

	/*--- Headings | ¨¹berschriften ------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

	h1 {
		font-size:350%;
		line-height: 0.8571em;
		margin: 0.4286em 0 0;
	}

	h2 {
		font-size:250%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
	}

	h3 {
		font-size:175%;
		line-height: 0.8571em;
		margin:0.8571em 0 0 0;
	}

	h4 {
		font-size:133.33%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul,
	ol,
	dl {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 1em;
	}

	ul {
		list-style-type:disc;
	}

	ol {
		list-style-type:decimal;
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		list-style-type:lower-latin;
		margin-top:0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

	li {
		font-size:1em;
		line-height:1.5em;
		margin-left:0.8em;
	}

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 0;
	}

	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		color:#666;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:100%;
	}

	pre {
		line-height:1.5em;
		margin: 1.5em 0 0 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre, code { color:#800; }

	kbd, samp, var, tt {
		color:#666;
		font-weight:bold;
	}

	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark {
		background: #ff0;
		color: #000;
	}

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #eee solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color:#4D87C7;
		background:transparent;
		text-decoration:none;
	}

	a:active { outline: none; }

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast f¨¹r Tab Focus - ?ndern Sie diese Regel mit Bedacht */
	a:hover,
	a:focus {
		background-color: #4D87C7;
		color:#fff;
		text-decoration:none;
	}

	/* --- images ------------------ */

	img,
	figure {
		margin: 0;
	}

	.flexible {
		margin-top: 1.5em;
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	.highlight {
		color:#c30;
	}

	.dimmed {
		color:#888;
	}

	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		color: #444;
		color: rgba(0,0,0,.8);
		padding: 1.4286em;
		margin: 1.5em 0 0 0;
	}

	.box > *:first-child {
		margin-top: 0;
	}

	.label {
		font-family: Verdana, Geneva, sans-serif;
		padding: 1px 6px 2px;
		display: inline-block;
		vertical-align:middle;
		letter-spacing: normal;
		white-space:nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #06C;
		color: #fff;
		font-size: 10px;
		line-height: 12px;
	}

	.info {
		background:#f4f4f4;
	}

	.success {
		background:#8c8;
	}

	.warning {
		background:#cc8;
	}

	.error {
		background:#c88;
	}

	.float-left {
		float:left;
		display:inline;
		margin: 1.5em 1em 0 0;
	}

	.float-right {
		float:right;
		display:inline;
		margin: 1.5em 0 0 1em;
	}

	.center {
		display:block;
		text-align:center;
		margin: 1.5em auto 0 auto;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen f¨¹r die Tabellenbreite und Gestaltungsvorschriften f¨¹r Tabellen
	*
	* @section content-tables
	*/

	table {
		width:100%;
		border-collapse:collapse;
		margin: 1.3571em 0 0 0;
		color:#333;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}

	table.narrow {
		margin:  1.4286em 0 0 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.4286em;
	}

	table.bordertable {
		border:1px #ccc solid;
	}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.7143em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		text-align: left;
		color:#000;
		border-bottom:2px #000 solid;
	}

	.bordertable thead th {
		background:#e0e0e0;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}

	.bordertable tbody th[scope="row"] {
		background:#f0f0f0;
	}

	tbody th {
		text-align: left;
		border-top:1px solid #ccc;
		text-align:left;
	}

	.bordertable tbody th {
		border-right:1px solid #ccc;
	}

	tbody td {
		text-align: left;
		border-top:1px solid #ccc;
	}

	.bordertable tbody td {
		border-right:1px solid #ccc;
	}

	/* highlight row on mouse over */
	tbody tr:hover th,
	tbody tr:hover td {
		background:#f8f8f8;
	}
}