/**

* "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: 2013-05-24 15:58:22 +0200 (Fr, 24 Mai 2013) $



* Modifizierte dvv-Version

*/



@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; */

	}



	* html .ym-wrapper {

		width: 1140px;	/* IE6 support */

	}



	.ym-wrapper {

		text-align:left;

		margin:0 auto;

	}

	.ym-wbox {

		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%;

	}



	/* (en) Layout:width, background, borders */

	/* (de) Layout:Breite, Hintergrund, Rahmen */



	header,

	#overview,

	nav,

	#main,

	footer {

/*		clear:both; */

	}





	header,

	footer {

	}



  /*

  Edys Notiz: Hier massive Kürzungen des Originals, da vermutlich nur zur Original-Webseite gehörend.

  */





	nav {

	}



	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;

*/

	}





	.ym-g30 {

		width: 30%;

	}



	.flexible {

		margin-top: 1.5em;

	}



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



	.indent {

		padding-left: 10px;

	}



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



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



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



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



	.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;

	}



	.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;

	}



}



/* dvv: Annäherung Responsive Web für IE Version 8 

.width0 .linearize-level-1,

.width0 .linearize-level-1 > [class*="ym-g"],

.width0 .linearize-level-1 > [class*="ym-col"],

.width740 .linearize-level-1,

.width740 .linearize-level-1 > [class*="ym-g"],

.width740 .linearize-level-1 > [class*="ym-col"]

{

  display: block;

  float: none;

  padding: 0;

  margin: 0;

  width: 100% !important;

}



@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; 

		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;

	}



	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 {

	}



	.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; 

		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;

	}

}