/* "Yet Another Multicolumn Layout" v4.0.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 726 $ $Date: 2012-03-03 12:21:50 +0100 (Sa, 03 Mrz 2012) $ */
@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:bold}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.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%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;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{.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}.ym-ie-clearing{display:none}.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{.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div{position:relative}.ym-form label,.ym-form .ym-message{position:relative;display:block}.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}.ym-form textarea{overflow:auto}.ym-form input[type=hidden]{display:none!important}.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}.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}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active{border:0 none}.ym-full .ym-fbox-select select,.ym-full .ym-fbox-text input,.ym-full .ym-fbox-text textarea{width:94.2%;margin-right:-3px}.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label{display:inline;float:left;width:30%}.ym-columnar .ym-fbox-check{position:relative}.ym-label{display:block}.ym-columnar .ym-fbox-check .ym-label{position:absolute;top:0}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-error .ym-message{margin-left:30%}.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}.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{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @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) $
 */

@media all {
	.ym-hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width:100%;
		overflow:hidden;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		line-height:1em;
	}

	.ym-hlist ul {
		margin:0;
		padding: 0.5em 1.5em;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		font-size:1.0em;
		line-height:1em;
		list-style-type:none;
		margin: 0 .25em 0 0;
		padding:0 0.5em;
	}

	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background:transparent;
		color:#aaa;
		display:block;
		font-size:1em;
		line-height:1.5em;
		padding: 0;
		font-weight:normal;
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
		width:auto;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		color: #ccc;
		text-decoration:none;
		outline: 0 none;
	}
    
    .ym-hlist ul.navigation li a {
        border-bottom:3px solid #000000;
    }
    
    .ym-hlist ul.navigation li a:hover,
	.ym-hlist ul.navigation li.active a {
		color: #fff;
	}
    
    .ym-hlist ul.navigation li.active a {
        border-bottom-color:#e2001a;
    }
    
    #subnav.ym-hlist ul li a:hover {
        color:#ffffff;
    }
    
	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		background:transparent;
		color:#fff;
		text-decoration:none;
	}


	/* search form -------------------------------------- */
	.ym-searchform {
		float:right;
		display: inline;
		line-height: 2em;
		padding: 0.5em 1.5em;
	}

	.ym-searchform .ym-searchfield {
		background: #fff;
		line-height: 1em;
		padding: 0.25em;
		width: 12em;
		border: solid 1px #888;
		border: solid 1px rgba(255,255,255,.1);
		outline: none;

		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	}

	.ym-searchform .ym-searchbutton {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		line-height: 1.3571em;
		padding: 0.25em;
		border: solid 1px transparent;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);

		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;

		background: #5f5f5f;
		background: rgba(255,255,255,.2);
	}
}

/**
 * "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%; }
	.group .ym-fbox-text input, .group .ym-fbox-text textarea {
		width:100%;
	}

	.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:1px #ccc solid;
		margin:  0 0 1.5em 0;
		padding: 0;
	}

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

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

	.ym-form label {
		color:#666;
		line-height: 1.5em;
	}
	.multicheck label {
		clear:both;
		float:left;
		width:100%;
	}
	.ym-columnar .multicheck.ym-fbox-check input {
		margin-left:0;
		margin-right:10px;
	}

	.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 .ym-fbox-button .ym-cbox {
	float:left;
	}
	.ym-form .group div.ym-fbox-text {
		float:left;
		padding:0;
		margin:0;
		width:15%;
	}
	.ym-form .group div input, .ym-form .group div textarea {width:98%;}

	.ym-form div.ym-fbox-button {
		background: #ececec;
		border-top: 1px #e0e0e0 solid;
		padding:0 1em 1em 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;
	}


	.fs-wrap {float:left;width:100%;padding:0;}
    
    .toolbarholder {
        float:left;
        width:100%;
        padding:3px 0 6px 0;
        line-height:22px;
    }
    
    .toolbarholder a {
        padding:3px 6px;
        border:1px solid #ddd;
        border-radius:0.3em;
        background:#fff;
        text-decoration:none;
    }
    
    .fbox-active iframe,
    .fbox-active .toolbarholder a {
        border-color:#888 !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: Arial, Helvetica, sans-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: Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

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

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

	h3 {
		font-size:150%;
		line-height: 0.8571em;
		margin:0 0 0.8571em  0;
	}
	.box h3 {
		/*background:#ccc;*/
		padding:.3em;
        border-radius: 5px; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;     
	}

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

    .box h4 {
        margin:-0.2em 0 0.25em 0;
        padding:0 .3em .3em 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:  0 0 1.5em 0;
	}

    p:last-child {
        margin-bottom: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 ----------------------------------------------------------------------------------------- */
	/*.boolean {cursor:pointer;}*/
	a {
		color:#444444;
		background:transparent;
		text-decoration:underline;
	}

	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 {
		color:#000;
		text-decoration:underline;
	}

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

	thead th.editable:before, thead th.boolean:before {
      content:'\2756';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -6px;
      font-size:0.7857em;
	  color:#cccccc;
	}
	table th, table td {font-size:0.8571em;}
    table td.small {font-size:0.786em;}
    table td.editable {color:#000000;cursor:pointer;}
    table td.nowrap{overflow:hidden; white-space:nowrap;}
    table td.uppercase {text-transform:uppercase;}
    /*table tr.odd td.editable {background:#fee7d0;}
    table tr.even td.editable {background:#fcfcfc;}*/
	/**
	* ----------------------------------------------------------------------- #
	*
	* 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 {
		background:#fff;
		margin:0 0 1.5em 0;
        padding:1em;
		border:1px #666 solid;
        border-radius:8px;
	}
    
    .theme-black .box {
        border:0;
    }

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

    .box-sub {
		background:#f4f4f4;
		border:1px #ccc solid;
		margin: 0 0 20px 0;
        padding: 1em;
    }
    
	.box .box-sub:last-child,
    .box .ym-form:last-child{
		margin-bottom: 0;
	}
    
    .box-buttons {
        margin:1em -1em -1em -1em;
        padding:0 1em 1em 1em;
        border-top:1px solid #e0e0e0;
        background:#ececec;
    }
    
    .upload-buttons {
        padding:0 1em 1em 1em;
        border:1px solid #ddd;
        border-top:1px solid #e0e0e0;
        background:#ececec;
    }
    
    .upload-purposes {
        padding-top:16px;
    }
    
    .upload-purposes h4 {
        display:inline;
    }
    
    .upload-purposes label {
        padding-left:16px;
    }
    
	.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;
	}


	/*
	 *  File:         demo_table_jui.css
	 *  CVS:          $Id$
	 *  Description:  CSS descriptions for DataTables demo pages
	 *  Author:       Allan Jardine
	 *  Created:      Tue May 12 06:47:22 BST 2009
	 *  Modified:     $Date$ by $Author$
	 *  Language:     CSS
	 *  Project:      DataTables
	 *
	 *  Copyright 2009 Allan Jardine. All Rights Reserved.
	 *
	 * ***************************************************************************
	 * DESCRIPTION
	 *
	 * The styles given here are suitable for the demos that are used with the standard DataTables
	 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
	 * meet the layout requirements of your site.
	 *
	 * Common issues:
	 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
	 *     no conflict between the two pagination types. If you want to use full_numbers pagination
	 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
	 *     modify that selector.
	 *   Note that the path used for Images is relative. All images are by default located in
	 *     ../images/ - relative to this CSS file.
	 */


	/*
	 * jQuery UI specific styling
	 */

	.paging_two_button .ui-button {
		float: left;
		cursor: pointer;
		* cursor: hand;
	}

	.paging_full_numbers .ui-button {
		padding: 2px 6px;
		margin: 0;
		cursor: pointer;
		* cursor: hand;
		color: #333 !important;
	}

	.dataTables_paginate .ui-button {
		margin-right: -0.1em !important;
	}

	.paging_full_numbers {
		width: auto !important;
	}

	.dataTables_wrapper .ui-toolbar {
		padding: 5px;
	}

	.dataTables_paginate {
		width: auto;
	}

	.dataTables_info {
		padding-top: 3px;
	}
    
	table.display thead th {
		padding: 3px 0px 3px 10px;
		cursor: pointer;
		* cursor: hand;
	}

	div.dataTables_wrapper .ui-widget-header {
		font-weight: normal;
	}


	/*
	 * Sort arrow icon positioning
	 */
	table.display thead th div.DataTables_sort_wrapper {
		position: relative;
		padding-right: 20px;
	}

	table.display thead th div.DataTables_sort_wrapper span {
		position: absolute;
		top: 50%;
		margin-top: -8px;
		right: 0;
	}


    body {
        background:#ddd;
    }
    
    body.theme-black {
        background:#000;
    }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 *
	 * Everything below this line is the same as demo_table.css. This file is
	 * required for 'cleanliness' of the markup
	 *
	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * DataTables features
	 */

	.dataTables_wrapper {
		position: relative;
		clear: both;
        overflow:auto;
	}

	.dataTables_processing {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 250px;
		margin-left: -125px;
		/*border: 1px solid #ddd;*/
		text-align: center;
		color: #999;
		font-size: 11px;
		padding: 2px 0;
	}

	.dataTables_length {
		width: 40%;
		float: left;
	}

	.dataTables_filter {
		width: 60%;
		float: right;
		text-align: right;
	}

	.dataTables_info {
		width: 50%;
		float: left;
	}

	.dataTables_paginate {
		float: right;
		text-align: right;
	}



	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * DataTables display
	 */
    .display-wrapper {
        width:100%;
        overflow:auto;
    }
    
	table.display {
        width:100%;
		margin: 0 auto;
		clear: both;
		border-collapse: collapse;
		-webkit-box-shadow: 0 0 4px #ddd;
		-moz-box-shadow: 0 0 4px #ddd;
		box-shadow: 0 0 4px #ddd; 
	}
    
	table.display tfoot th {
		padding: 3px 0px 3px 10px;
		font-weight: bold;
		font-weight: normal;
	}

	table.display tr.heading2 td {
		border-bottom: 1px solid #aaa;
	}

	table.display td {
		padding: 2px 5px;
	}

	table.display td.center {
		text-align: center;
	}



	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * DataTables sorting
	 */

	.sorting_asc {
		background: url('../images/sort_asc.png') no-repeat center right;
	}

	.sorting_desc {
		background: url('../images/sort_desc.png') no-repeat center right;
	}

	.sorting {
		background: url('../images/sort_both.png') no-repeat center right;
	}

	.sorting_asc_disabled {
		background: url('../images/sort_asc_disabled.png') no-repeat center right;
	}

	.sorting_desc_disabled {
		background: url('../images/sort_desc_disabled.png') no-repeat center right;
	}




	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * DataTables row classes
	 */
	table.display tr.odd.gradeA {
		background-color: #ddffdd;
	}

	table.display tr.even.gradeA {
		background-color: #eeffee;
	}




	table.display tr.odd.gradeA {
		background-color: #ddffdd;
	}

	table.display tr.even.gradeA {
		background-color: #eeffee;
	}

	table.display tr.odd.gradeC {
		background-color: #ddddff;
	}

	table.display tr.even.gradeC {
		background-color: #eeeeff;
	}

	table.display tr.odd.gradeX {
		background-color: #ffdddd;
	}

	table.display tr.even.gradeX {
		background-color: #ffeeee;
	}

	table.display tr.odd.gradeU {
		background-color: #ddd;
	}

	table.display tr.even.gradeU {
		background-color: #eee;
	}

	.odd {
		background-color: #eeeeee;
	}

	.even {
		background-color:#ffffff;
	}
    
    .inactive {
        background-color:#e97b7b;
    }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	 * Misc
	 */
	.dataTables_scroll {
		clear: both;
	}

	.dataTables_scrollBody {
		-webkit-overflow-scrolling: touch;
	}

	.top, .bottom {
		padding: 15px;
		background-color: #F5F5F5;
		border: 1px solid #CCCCCC;
	}

	.top .dataTables_info {
		float: none;
	}

	.clear {
		clear: both;
	}

	.dataTables_empty {
		text-align: center;
	}

	tfoot input {
		margin: 0.5em 0;
		width: 100%;
		color: #444;
	}

	tfoot input.search_init {
		color: #999;
	}

	td.group {
		background-color: #d1cfd0;
		border-bottom: 2px solid #A19B9E;
		border-top: 2px solid #A19B9E;
	}

	td.details {
		background-color: #d1cfd0;
		border: 2px solid #A19B9E;
	}


	.example_alt_pagination div.dataTables_info {
		width: 40%;
	}

	.paging_full_numbers a.paginate_button,
		.paging_full_numbers a.paginate_active {
		border: 1px solid #aaa;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 2px 5px;
		margin: 0 3px;
		cursor: pointer;
		*cursor: hand;
		color: #333 !important;
	}

	.paging_full_numbers a.paginate_button {
		background-color: #ddd;
	}

	.paging_full_numbers a.paginate_button:hover {
		background-color: #ccc;
		text-decoration: none !important;
	}

	.paging_full_numbers a.paginate_active {
		background-color: #99B3FF;
	}

	table.display tr.even.row_selected td {
		background-color: #B0BED9;
	}

	table.display tr.odd.row_selected td {
		background-color: #9FAFD1;
	}


	/*
	 * Sorting classes for columns
	 */
	/* For the standard odd/even */
	tr.odd td.sorting_1 {
		background-color: #D3D6FF;
	}

	tr.odd td.sorting_2 {
		background-color: #DADCFF;
	}

	tr.odd td.sorting_3 {
		background-color: #E0E2FF;
	}

	tr.even td.sorting_1 {
		background-color: #EAEBFF;
	}

	tr.even td.sorting_2 {
		background-color: #F2F3FF;
	}

	tr.even td.sorting_3 {
		background-color: #F9F9FF;
	}


	/* For the Conditional-CSS grading rows */
	/*
		Colour calculations (based off the main row colours)
	  Level 1:
			dd > c4
			ee > d5
		Level 2:
		  dd > d1
		  ee > e2
	 */
	tr.odd.gradeA td.sorting_1 {
		background-color: #c4ffc4;
	}

	tr.odd.gradeA td.sorting_2 {
		background-color: #d1ffd1;
	}

	tr.odd.gradeA td.sorting_3 {
		background-color: #d1ffd1;
	}

	tr.even.gradeA td.sorting_1 {
		background-color: #d5ffd5;
	}

	tr.even.gradeA td.sorting_2 {
		background-color: #e2ffe2;
	}

	tr.even.gradeA td.sorting_3 {
		background-color: #e2ffe2;
	}

	tr.odd.gradeC td.sorting_1 {
		background-color: #c4c4ff;
	}

	tr.odd.gradeC td.sorting_2 {
		background-color: #d1d1ff;
	}

	tr.odd.gradeC td.sorting_3 {
		background-color: #d1d1ff;
	}

	tr.even.gradeC td.sorting_1 {
		background-color: #d5d5ff;
	}

	tr.even.gradeC td.sorting_2 {
		background-color: #e2e2ff;
	}

	tr.even.gradeC td.sorting_3 {
		background-color: #e2e2ff;
	}

	tr.odd.gradeX td.sorting_1 {
		background-color: #ffc4c4;
	}

	tr.odd.gradeX td.sorting_2 {
		background-color: #ffd1d1;
	}

	tr.odd.gradeX td.sorting_3 {
		background-color: #ffd1d1;
	}

	tr.even.gradeX td.sorting_1 {
		background-color: #ffd5d5;
	}

	tr.even.gradeX td.sorting_2 {
		background-color: #ffe2e2;
	}

	tr.even.gradeX td.sorting_3 {
		background-color: #ffe2e2;
	}

	tr.odd.gradeU td.sorting_1 {
		background-color: #c4c4c4;
	}

	tr.odd.gradeU td.sorting_2 {
		background-color: #d1d1d1;
	}

	tr.odd.gradeU td.sorting_3 {
		background-color: #d1d1d1;
	}

	tr.even.gradeU td.sorting_1 {
		background-color: #d5d5d5;
	}

	tr.even.gradeU td.sorting_2 {
		background-color: #e2e2e2;
	}

	tr.even.gradeU td.sorting_3 {
		background-color: #e2e2e2;
	}


	/*
	 * Row highlighting example
	 */
	.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
		background-color: #ECFFB3;
	}

	.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
		background-color: #E6FF99;
	}

	.lines .iconfuncs {position:absolute;right:0;padding-right:10px;}
	.lines li {font-size:0.8571em;list-style-type:none;margin:0;padding:2px 0 0 5px;line-height:1.7;position:relative;padding-right:20px;}
	.lines {margin:0;padding:0;}
	.iconfuncs {list-style-type:none;margin:0;padding:0;display:inline;float:left;}
	.iconfuncs li {margin:0 5px 0 0;padding:0;float:left;}
	td.functions {width:auto;}
	.sinput input[type=text] {width:90%;}
    .pinput {width:20px}

	/* SLIMBOX */

	#lbOverlay {
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		cursor: pointer;
	}

	#lbCenter, #lbBottomContainer {
		position: absolute;
		z-index: 9999;
		overflow: hidden;
		background-color: #fff;
	}

	.lbLoading {
		background: #fff url(img/loading.gif) no-repeat center;
	}

	#lbImage {
		position: absolute;
		left: 0;
		top: 0;
		border: 10px solid #fff;
		background-repeat: no-repeat;
	}

	#lbPrevLink, #lbNextLink {
		display: block;
		position: absolute;
		top: 0;
		width: 50%;
		outline: none;
	}

	#lbPrevLink {
		left: 0;
	}

	#lbPrevLink:hover {
		background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
	}

	#lbNextLink {
		right: 0;
	}

	#lbNextLink:hover {
		background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
	}

	#lbBottom {
		font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
	}

	#lbCloseLink {
		display: block;
		float: right;
		width: 66px;
		height: 22px;
		background: transparent url(img/closelabel.gif) no-repeat center;
		margin: 5px 0;
		outline: none;
	}

	#lbCaption, #lbNumber {
		margin-right: 71px;
	}

	#lbCaption {
		font-weight: bold;
	}


	/*
	   Plupload
	------------------------------------------------------------------- */

	.plupload_button {cursor: pointer;}

	.plupload_wrapper {
		font: normal 11px Verdana,sans-serif;
		width: 100%;
	}

	.plupload .plupload_container input {width: 98%;}
	.plupload .plupload_filelist_footer {border-width: 1px 0 0 0}
	.plupload .plupload_filelist_header {border-width: 0 0 1px 0}
	div.plupload .plupload_file {border-width: 0 0 1px 0}
	div.plupload div.plupload_header {border-width: 0 0 1px 0; position: relative;}

	.plupload_file .ui-icon {
		cursor:pointer;	
	}

	.plupload_header_content {
		/*background-image: url('/js/vendor/plupload/js/jquery.ui.plupload/img/plupload.png');*/
		background-repeat: no-repeat;
		background-position: 8px center;
		min-height: 36px;
		padding-left: 10px;
		position:relative;
	}
	/*.plupload_header_content_bw {background-image: url('/js/vendor/plupload/js/jquery.ui.plupload/img/plupload-bw.png');}*/
	.plupload_header_title {
		font: normal 18px sans-serif;
		padding: 6px 0 3px;
	}
	.plupload_header_text {display:none; font: normal 12px sans-serif;}

	.plupload_filelist,
	.plupload_filelist_content {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		width: 100%;
		-moz-user-select:none;
		-webkit-user-select:none;
		user-select:none;
	}

	.plupload_cell {padding: 8px 6px;}

	.plupload_file {
		border-left: none;
		border-right: none;
	}

	.plupload .ui-sortable-helper,
	.plupload .ui-sortable .plupload_file {
		cursor:move;	
	}

	.plupload_scroll {
		max-height: 180px;
		min-height: 168px;
		_height: 168px;
		overflow-y: auto;
	}

	.plupload_file_size, .plupload_file_status {text-align: right;}
	.plupload_file_size, .plupload_file_status {width: 52px;}
	.plupload_file_action {width: 16px;}
	.plupload_file_name {
		overflow: hidden;
		padding-left: 10px;
	}

	.plupload_file_rename {
		width:95%;	
	}

	.plupload_progress {width: 60px;}
	.plupload_progress_container {padding: 1px;}


	/* Floats */

	.plupload_right {float: right;}
	.plupload_left {float: left;}
	.plupload_clear,.plupload_clearer {clear: both;}
	.plupload_clearer, .plupload_progress_bar {
		display: block;
		font-size: 0;
		line-height: 0;
	}
	.plupload_clearer {height: 0;}

	/* Misc */
	.plupload_hidden {display: none;}
	.plupload_droptext {
		background: transparent;
		text-align: center;
		vertical-align: middle;
		border: 0;
		line-height: 165px;
	}

	.plupload_buttons, .plupload_upload_status {float: left}

	.plupload_message {
		position: absolute;
		top: 0px;
		left: 0px;	
		height: 100%;
		width: 100%;
	}

	.plupload_message p {
		padding:0.7em;
		margin:0;
	}

	.plupload_message strong {
		font-weight: bold;	
	}

	plupload_message i {
		font-style: italic;	
	}

	.plupload_message p span.ui-icon {
		float: left;
		margin-right: 0.3em;	
	}

	.plupload_header_content .ui-state-error,
	.plupload_header_content .ui-state-highlight {
		border:none;	
	}

	.plupload_message_close {
		position:absolute;
		top:5px;
		right:5px;
		cursor:pointer;	
	}

	.plupload .ui-sortable-placeholder {
		height:35px;
	}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @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: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

	.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)}

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
	}

	/* Layout Module Configuration */
	.ym-wrapper {
		max-width: 95%;
		margin: 0 auto;
	}

	.ym-wbox {
		padding: 1.5em;
	}

	/* fallback for missing media queries support*/
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 760px;
	}

	/* Basic Element Styling */
	header {
		background: #eee;
		color: #ccc;
	}

	header h1 {
		background: transparent;
		color: #fff;
	}

	nav {
		background:#000000;
	}
    .theme-black nav {
        background: #595353; /* Old browsers */
        background: -moz-linear-gradient(top,  #595353 0%, #000000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595353), color-stop(100%,#000000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #595353 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #595353 0%,#000000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #595353 0%,#000000 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #595353 0%,#000000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595353', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }
    .nav-content {
        padding-bottom:6px;
    }
	/*#main {margin-top:1em;}*/
	#main .info {
		margin-bottom: 1.5em;
	}

	footer {
		background: #eee;
		color: #444;
	}

	footer p {
		margin: 0;
	}

	header .ym-wbox {
		padding: 1.5em;
	}

    footer .ym-wbox {
        padding:0.5em 1.5em;
    }
    
    .ym-gbox { padding: 0 1.5em; }
    .ym-gbox-left { padding: 0 1.5em 0 0; }
    .ym-gbox-right { padding: 0 0 0 1.5em; }

    section.box { padding: 0 1.5em 1.5em 1.5em; }

    #main aside .ym-gbox-right {
        border-left: 1px #ddd solid;
    }

    #info {
        position:fixed;
        top:0;
        left:0;

    }
    #info{display:none;position:fixed;top:0;left:0;z-index:12000;background:#303030;color:#efeeef;padding:10px;text-align:center;font-size:2em;opacity:.8;overflow:hidden;width:100%;}
	#info p {margin:0;}

    #documentTable img {
        max-width:200px;
        max-height:300px;
    }

	.thumblist {max-height:300px;overflow:auto;list-style-type:none;padding:0;margin:0;font-size:0.7857em}
	.thumblist li {float:left;margin:0 10px 10px 0;padding:0;text-align:center;background:#fff;}
	.thumblist li {border:2px solid #ccc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		float:left;
		width:90px;
		height:120px;
		padding:5px;
        cursor:move;
	}
    .thumblist.tagDocumentList li {
        cursor:default;
    }
    .thumblist li.tl-title-image {
        border:2px solid #000;
    }
	.thumblist li.ui-state-highlight {background:#ccc;}
	.thumblist li img {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
    .tl-item-thumb-w {
        width:100%;
    }
    .tl-item-thumb-h {
        height:100%;
    }
    .tl-item-content {
        position:relative;
        width:100%;
        height:100%;
        cursor:pointer;
    }
    
    .tl-item-img {
        display:table-cell;
        overflow:hidden;
        width:90px;
        height:90px;
        vertical-align:middle;
    }
    .tl-item-overlay {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        background:rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 0px 0px 2px 2px;
        -moz-border-radius: 0px 0px 2px 2px;
        border-radius: 0px 0px 2px 2px;
        overflow:hidden;
    }
    .lt-ie9 .tl-item-overlay {
        background:#000;
    }
    .tl-item-title {
        display:block;
        width:100%;
        color:#ffffff;
    }
    .tl-item-info {
        display:block;
        width:100%;
        color:#ccc;
        border-top:1px dotted #ccc;
    }
    .tl-item .iconfuncs {
        display:none;
        padding:0.25em 0;
    }
    .tl-item:hover .iconfuncs {
        display:block;
    }
    .tl-item .iconfuncs li {
        width:auto;
        height:auto;
        margin:0 0 0 9px;
        padding:0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
        border:1px solid #dddddd;
    }
    .tl-item .iconfuncs li.ui-state-hover {
        background:#0073ea;
    }

    .ym-g5{width:5%}
    .ym-g30{width:30%}
    .ym-g55{width:55%}
    .ym-g70{width:70%}
    
    .valTable-wrapper {
        max-height:200px;
        overflow:auto;
    }
    
    .valTable {
        width:100%;
    }
    
    .valTable td {
        padding:2px 5px;
    }
    
    .valTable tr:last-child td {
        border-bottom:0;
    }
    
    .posselect,
    .catposselect,
    .valselect,
    .posselect input,
    .catposselect input,
    .valselect select {
        width:100%;
    }
    
    .posselect input,
    .catposselect input {
        text-align:right;
    }
    
    .lightbox {
        margin:0;
        padding:20px;
    }
    
    td.functions.fn-btn-two {
        width:50px;
    }
    
    .lico {
        display:inline-block;
        margin-left:4px;
        background: url(img/langicons.png) no-repeat top left;
    }
    
    .lico-de-small{ background-position: 0 0; width: 13px; height: 9px; } 
    .lico-de{ background-position: 0 -59px; width: 16px; height: 11px; } 
    .lico-es-small{ background-position: 0 -120px; width: 13px; height: 9px; } 
    .lico-es{ background-position: 0 -179px; width: 16px; height: 11px; } 
    .lico-fr-small{ background-position: 0 -240px; width: 13px; height: 9px; } 
    .lico-fr{ background-position: 0 -299px; width: 16px; height: 11px; } 
    .lico-it-small{ background-position: 0 -360px; width: 13px; height: 9px; } 
    .lico-it{ background-position: 0 -419px; width: 16px; height: 11px; } 
    .lico-en-small{ background-position: 0 -480px; width: 13px; height: 9px; } 
    .lico-en{ background-position: 0 -539px; width: 16px; height: 11px; } 

    
    .lico-small {
        margin-bottom:-1px;
    }
    
    .fico {
        display:inline-block;
        background: url(img/fileicons.png) no-repeat top left;
        background-position:0 -212px;
        width:56px;
        height: 56px;
    }
    .fico-archive{ background-position: 0 0; width: 56px; height: 56px; } 
    .fico-audio{ background-position: 0 -106px; width: 56px; height: 56px; }  
    .fico-image{ background-position: 0 -318px; width: 56px; height: 56px; } 
    .fico-presentation{ background-position: 0 -424px; width: 56px; height: 56px; } 
    .fico-table{ background-position: 0 -530px; width: 56px; height: 56px; } 
    .fico-text{ background-position: 0 -636px; width: 56px; height: 56px; } 
    .fico-vector{ background-position: 0 -742px; width: 56px; height: 56px; } 
    .fico-video{ background-position: 0 -848px; width: 56px; height: 56px; } 
    
    .jstree  {
        padding:15px;
		-webkit-border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		border-radius: 0.4em;
        overflow: hidden;
    }
    
    .ym-fold:before { content: "\021F1"; }
    .ym-unfold:before { content: "\021F2"; }
    .ym-top:before { content: "\021C8"; }
    .ym-scroll:before { content: "\021C5"; }

   .info-btn.ui-state-default {
        display:inline-block;
        cursor:pointer;
        border:0;
   }
   
   .info-box {
        display:none;
   }
   
   .ym-hlist ul.navigation {
    padding-bottom:0;
   }
   
   #subnav {
    padding:0 0 0 1.5em;
   }
   
   #subnav ul{
        float:left;
        padding: 0.25em 1.5em 0.25em 0;
        border-top:1px solid #e2001a;
   }
   
   #subnav li {
    line-height:1.5em;
    color:#aaaaaa;
   }
   
   #subnav li.nolink {
    padding: 0 0.5em;
   }
   
   #subnav li.scroll-link a{
    color:#dddddd;
   }
   
   #subnav li.highlight {
    color:#fff;
    font-weight:bold;
   }
   
   .nav-lang ul {
    float:right;
    margin:0;
    padding: 0.5em 1.5em;
    list-style-type:none;
   }
   
   .nav-lang li {
    float:left;
    padding:0 0.15em;
    line-height:1em;
   }
   
   .nav-lang a,
   .nav-lang a:hover,
   .nav-lang a:focus,
   .nav-lang a:active,
   .nav-lang a:visited {
    display:block;
    border-bottom:3px solid #000000;
    line-height:1.5em;
    color:#aaaaaa;
    text-decoration:none;
   }
   
   .nav-lang li.active a,
   .nav-lang a:hover {
    color:#ffffff;
   }
   
   .nav-lang li.active a {
    border-bottom-color:#e2001a;
   }
   
   .ym-error {
        display:block;
        float:left;
        width:98%;
        margin:0.25em 0 0 0;
        list-style-type:none;
   }
   
   .ym-error li {
    margin:0;
    padding:0.25em 1em;
    color:#eeeeee;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    border-radius:0.5em;
    background: none repeat scroll 0 0 rgba(200, 0, 0, 0.8);
   }
   
   .datatable-list {
    margin:0;
    list-style-type:circle;
   }
   
   .plupload_progress_container.ui-widget-content{
    border:1px solid #999999;
    }
    
    /*
    #actionLog {
        height:34px;
        margin:8px 0;
        padding:0.25em 1em;
        border-radius:5px;
        background:#eeeeee;
        overflow: auto;
        list-style-type:none;
    }
    */
    
    #actionInfo {
        display:none;
        position:fixed;
        bottom:0;
        right:0;
        z-index:1000;
        padding:2px 20px;
        font-size:0.8em;
        color:#ffffff;
        background:#000000;
    }
    .theme-black #actionInfo {
        color:#000;
        background:#fff;
    }
    #actionLog {
        padding:0.25em 1em;
        overflow: auto;
        list-style-type:none;
    }
    
    #actionLog li {
        margin:0;
        padding:0;
        font-size:0.8em;
    }
    
    #actionLog li:before {
        content:'- ';
    }
    
    .document-thumb {
        max-width:60px;
    }
    
    #ascrail2000 {
        display:none;
    }
    
    .bm-button,
    .ym-form .bm-button {
		display: inline-block;
		white-space: nowrap;
		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: 1em 0.75em 0 0;
        padding:0;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
    }

    .bm-button-content {
        float:left;
        padding: 0 1.5em 0 1.5em;
		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');
    }
    
    .bm-button:hover .bm-button-content,
    .ym-form .bm-button:hover .bm-button-content {
		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');
	}
    
    .bm-icon {
        display:block;
        background:url('./img/bm-icons.png') no-repeat center center;
    }
    
    .bm-button-icon {
        float:left;
        display:bock;
        padding:6px;
        border-right: 1px solid #777;
        background-color:#ccc;
    }
    
    .bm-activate{ background-position: 0 0; width: 16px; height: 16px; } 
    .bm-active{ background-position: 0 -66px; width: 16px; height: 16px; } 
    .bm-add{ background-position: 0 -132px; width: 16px; height: 16px; } 
    .bm-category{ background-position: 0 -198px; width: 16px; height: 16px; } 
    .bm-contract{ background-position: 0 -264px; width: 16px; height: 16px; } 
    .bm-data{ background-position: 0 -330px; width: 16px; height: 16px; } 
    .bm-deactivate{ background-position: 0 -396px; width: 16px; height: 16px; } 
    .bm-delete{ background-position: 0 -462px; width: 16px; height: 16px; } 
    .bm-document{ background-position: 0 -528px; width: 16px; height: 16px; } 
    .bm-documents{ background-position: 0 -594px; width: 16px; height: 16px; } 
    .bm-download{ background-position: 0 -660px; width: 16px; height: 16px; } 
    .bm-expand{ background-position: 0 -726px; width: 16px; height: 16px; } 
    .bm-folded{ background-position: 0 -792px; width: 16px; height: 16px; } 
    .bm-inactive{ background-position: 0 -858px; width: 16px; height: 16px; } 
    .bm-info{ background-position: 0 -924px; width: 16px; height: 16px; } 
    .bm-login{ background-position: 0 -990px; width: 16px; height: 16px; } 
    .bm-overview{ background-position: 0 -1056px; width: 16px; height: 16px; } 
    .bm-preview-delete{ background-position: 0 -1122px; width: 16px; height: 16px; } 
    .bm-preview{ background-position: 0 -1188px; width: 16px; height: 16px; } 
    .bm-product{ background-position: 0 -1254px; width: 16px; height: 16px; } 
    .bm-property{ background-position: 0 -1320px; width: 16px; height: 16px; } 
    .bm-remove{ background-position: 0 -1386px; width: 16px; height: 16px; } 
    .bm-save{ background-position: 0 -1452px; width: 16px; height: 16px; } 
    .bm-set{ background-position: 0 -1518px; width: 16px; height: 16px; } 
    .bm-tag{ background-position: 0 -1584px; width: 16px; height: 16px; } 
    .bm-unfolded{ background-position: 0 -1650px; width: 16px; height: 16px; } 
    .bm-upload{ background-position: 0 -1716px; width: 16px; height: 16px; }

    .box .box-toggle {
        margin:-0.5em 0;
        padding:0.5em 0;
        background:transparent url('./img/folded.png') no-repeat right center;
        cursor:pointer;
    }
    
    .box-toggle-icon {
        float:left;
        margin-right:10px;
        padding-top:1px;
    }
    
    .box .box-toggle.box-fold {
        background:transparent url('./img/unfolded.png') no-repeat right center;
    }
    
    .box-toggle .bm-button {
        margin:-0.5em 0 -0.7em 0;
    }
    
    .box .box-toggle h3 {
        display:none;
        margin:0;
    }
    
    .box .box-toggle.box-fold .bm-button {
        display:none;
    }
    
    .box .box-toggle.box-fold h3 {
        display:block;
    }
    
    .box-content {
        display:none;
        margin-top:16px;
    }
    
    .ym-form.bm-form .group legend {
        float:left;
        width:18%;
        padding:0 0 0 1em;
        font-size:1em;
        line-height:1.5em;
        color:#666666;
    }
    .ym-columnar .ym-fbox-text label,
    .ym-columnar .ym-fbox-select label {
        width:19%;
    }
    
    .ym-columnar .ym-fbox-select select,
    .ym-columnar .ym-fbox-text input,
    .ym-columnar .ym-fbox-text textarea {
        width:81%;
    }
    .ym-columnar .ym-fbox-check input,
    .ym-columnar .ym-error .ym-message {
        margin-left:19%;
    }
    
   #addProduct .inputnumber ul.ym-error {
        width:81%;
        padding-left:19%;
        clear:both;
        float:none;
   }
    
    .ym-columnar .group .ym-fbox-text label,
    .ym-columnar .group .ym-fbox-select label {
        width:auto;
    }
    
    #login.ym-columnar .ym-fbox-text label {
        width:30%;
    }
    
    #login.ym-columnar .ym-fbox-text input {
        width:70%;
    }
    
   #login ul.ym-error {
        width:70%;
        padding-left:30%;
        clear:both;
        float:none;
   }
    
    .bm-form .group .fs-wrap {
        float:right;
        width:80%;
    }
    ins.create {
        background:transparent url('./img/category-create.png') no-repeat center center;
    }
    ins.remove {
        background:transparent url('./img/category-delete.png') no-repeat center center;
    }
    .sidebar {
        position:relative;
        z-index:100;
        float:left;
        width:450px;
        height:100%;
    }

    .sidebar-inner {
        padding:0 20px 0 0;
    }
    
    .sidebar-content {
        padding:16px;
        border:1px #666 solid;
        border-radius:8px; 
        background:#fff;
    }
    
    .sidebar h3 {
        padding-bottom:10px;
        border-bottom:1px #666 solid;
        line-height:1.2;
    }
    
    .sidebar h4 {
        margin:16px 0 8px 0;
        padding:8px 0 0 0;
        font-size:1.143em;
        border-top:1px solid #ddd;
    }
    
    .sidebar h4:first-child {
        margin-top:0;
    }
    
    .showSets {
        margin-top:16px;
    }
    
    .container {
        position:relative;
        z-index:10;
        float:right;
        width:100%;
        margin-left:-450px;
    }

    .content {
        position:relative;
        margin-left:450px;
    }
    
    .tabs-container {
        position:relative;
        padding-top:37px;
    }
    
    .tabs {
        position:absolute;
        top:0;
        left:0;
        width:100%;
    }
    
    .tabs ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .tabs li {
        float:left;
        display:block;
        margin:0;
        padding:0;
    }

    .tab-outer {
        padding-left:5px;
    }
    
    .tabs li:first-child .tab-outer {
        padding-left:0;
    }
    
    .tab-inner {
        width:auto;
        height:20px;
        margin:0 0 0 0;
        padding:8px 16px;
        border:1px #ccc solid;
        border-bottom:0;
        font-size:1.143em;
        line-height:20px;
        background:#eee;
        cursor:pointer;
        border-radius:.3em .3em 0 0;
        overflow:hidden;
        white-space:nowrap;
        text-align:center;
    }
    
    .theme-black .tab-inner {
        border:1px #ddd solid;
        background:#ddd;
    }
    
    .tabs li.active .tab-inner {
        padding-bottom:9px;
        border-color:#666;
        font-weight:bold;
        background:#fff;
    }
    
    .tab-icon {
        display:inline-block;
        padding:0 10px 0 0;
    }
    
    .tab-content {
        display:none;
        padding:16px;
        border:1px #666 solid;
        border-radius:0 0 8px 8px; 
        background:#fff;
    }
    
    .tab-content.active {
        display:block;
    }
    
    .load {
        width:100%;
        height:16px;
        background:transparent url('./img/load.gif') no-repeat center center;
    }
    
    .small-info {
        padding:10px 0 0 0;
    }
    
    .small-info h2 {
        margin-bottom:5px;
        font-size:1em;
        font-weight:bold;
    }
    
    .small-info p {
        font-size:0.857em;
    }

    html.login {
        height:100%;
    }
    
    .login body {
        height:100%;
        background:#000;
    }
    
    .login-container {
        position:relative;
        width:100%;
        min-height:100%;
        height:auto !important;
        height:100%;
        margin:0;
        padding:0;
    }
    
    .login-content {
        width:500px;
        margin:0 auto;
        padding-top:20px;
        padding-bottom:30px;
        text-align:center;
    }
    
    .login h1 {
        margin:20px 0 60px 0;
        font-size:2.143em;
        text-align:center;
        color:#fff;
    }
    
    #login.ym-form {
        border-radius:10px;
        text-align:left;
    }
    
    .login-footer {
        position:absolute;
        left:0;
        bottom:0 !important;
        bottom:-1px;
        height:30px;
        width:100%;
        background-color:#e2001a;
        text-align:center;
    }
    
    .login-footer a,
    .login-footer a:hover,
    .login-footer a:active,
    .login-footer a:focus,
    .login-footer a:visited {
        color:#fff;
        text-decoration:none;
        line-height:30px;
    }
    
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    .ym-fbox-text:before,
    .ym-fbox-text:after {
        content: " ";
        display: table;
    }

    .ym-fbox-text:after {
        clear: both;
    }

    .ym-fbox-text {
        float:none;
        *zoom: 1;
    }
    
}

/* Accent color */

.nav-lang li.active a,
.ym-hlist ul.navigation li.active a {
	border-bottom-color:#f07c00;
}
.tl-item-info {
	color:#e97b7b;
}
#subnav ul {
	border-top-color:#f07c00;
}
.login-footer {
	background-color:#398927;
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 0;
	}
}

@media screen and ( max-width: 1500px ) {
    .tabs.tabs-two li { width:50%; }
    .tabs.tabs-three li { width:33.33%; }
    .tabs.tabs-four li { width:25%; }
    .tabs.tabs-five li { width:20%; }
    .tabs.tabs-six li { width:16.66%; }
}

@media screen and ( max-width: 1400px ) {
	.linearize-level-a,
	.linearize-level-a    > [class*="ym-g"],
	.linearize-level-a > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-a > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-a > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0 0 20px 0;
		margin: 0;
	}
}

@media screen and ( max-width: 1200px ) {
	.linearize-level-0,
	.linearize-level-0 > [class*="ym-g"],
	.linearize-level-0 > [class*="ym-col"] {
		display: block;
		float: none;
        padding: 0 0 20px 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-0 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-0 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}
    
	.linearize-level-a > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-a > [class*="ym-col"] > [class*="ym-cbox"] {
        padding-bottom:0;
    }
    
    .sidebar {
        width:100% !important;
        margin-bottom:20px;
    }
    
    .sidebar-inner {
        padding:0;
    }
    
    .container {
        margin-left:0;
    }
    
    .content {
        margin-left:0;
    }
}

@media screen and ( min-width: 900px) {
    .nav-content {
        display:block !important;
    }
}

@media screen and ( max-width: 900px) {
    .nav-toggle {
        display:block !important;
        padding:10px 0;
        color:#fff;
        cursor:pointer;
        text-align:center;
    }
    
    .nav-content {
        display:none;
    }
}

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

	.secondary {
		border-top: 1px #888 solid;
		margin-top: 1.5em !important;
	}

	#main aside .ym-gbox-right {
		border: 0 none;
	}

	/* 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; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.ym-searchform {
		display:block;
		float: none;
		width: auto;
		text-align: right;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}
   
}

@media screen and ( max-width: 480px) {
	header .ym-wbox {
		padding: 0.75em 10px;
	}

	footer .ym-wbox,
	.ym-wbox,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

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

	/* 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;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

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

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default print stylesheet
 *
 * @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) $
 */


@media print {

	/**
	* @section basic layout preparation
	*/

	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
	body {
		font-size: 10pt;
		padding: 0 5px;
	}

	/* (en) Hide unneeded container of the screenlayout in print layout */
	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
	nav,
	.ym-searchform {
		display:none;
	}

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

	/* (en) Avoid page breaks right after headings */
	/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
	h1,h2,h3,h4,h5,h6 {
		page-break-after:avoid;
	}

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

	/* (en) optional output of acronyms and abbreviations*/
	/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

	/*
	abbr[title]:after,
	acronym[title]:after {
		content:'(' attr(title) ')';
	}
	*/

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

	/* (en) optional URL output of hyperlinks in print layout */
	/* (de) optionale Ausgabe der URLs von Hyperlinks */
	/*
	a[href]:after {
		content:" <URL:"attr(href)">";
		color:#444;
		background:inherit;
		font-style:italic;
	}
	*/
}