/**

* "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: white; 
		> header, > footer, > nav,	> [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; */
	}

  /*

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

  */

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

  		.ym-hlist {
			/*background: transparent; */
			padding: 0;

			ul {/* padding: 0.5em 0; */}

			li a {
				/*color: #aaa;
				font-variant:small-caps;
				font-weight:normal;*/
			}

			li.active a, li a:hover, 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; }
	 	.ym-col3 { 
	 		width: auto; 
	 		margin: 0 0 0 6em; 
	 	}
 	}

	.columnset-3 {
	 	.ym-col1 { width: 6em; }

	 	.ym-col2 { width: 6em; }

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

	.columnset-4 {
		* { 
			color: #444; 
			text-align: left; 
			margin-top: 0;
		}

	  	.ym-col1 { width: 25%; }

	  	.ym-col2 { width: 25%; }

	  	.ym-col3 {
			width: auto;
			margin: 0 25%;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			background: #fff !important;
		}

		&[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, h6.vlist {margin: 1.5em 0 0 0;}

	 	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, 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, > footer,	> nav, > #intro, > [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;

	}

}