/**
* Yet Another Multicolumn Layout" - YAML CSS Framework
* @scope           TYPOGRAPHY

* @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)
* @version         v4.0.2
* @revision        $Revision: 743 $
*/


@media all {

	/**
	* @section global typography settings
	* -------------------------------------------
	* basefont-size: 15px (93.75%)
	* line-height  : 22.5px (factor: 1.5)
	* color        : white
	*/


	/* (en) reset font size for all elements to standard (16 Pixel) */
	html * { font-size: 100%;}


	body {
		font-family: 'Open Sans', sans-serif;
		font-size: 93.75%; /* base-size */
		color: black;

		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		-webkit-text-size-adjust:100%;
	}
	
	pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}


	/*--- Headings  ------------------------------------------------------------------------*/

	h1, h2, h3, h4, h5, h6 {
		margin: 0.5em 0 1em 0;
		font-family: 'Trade Gothic LT W01 Roman', sans-serif;
		font-weight: 400;
		color: #aaa;
		letter-spacing: 1px;
		line-height: 1.2em;
	}
	.csc-textpicHeader h1, .csc-textpicHeader h2, .csc-textpicHeader h3, .csc-textpicHeader h4, .csc-textpicHeader h5 {
		margin-top: 0;
	}

	h1 {
		font-size: 175%;
		margin: 5px 0 1em -2px;
	}
	h2 {
		font-size: 175%;
		margin: 2em 0 1em -2px;
	}
	h3 {
		font-size: 140%;
		margin: 3em 0 0.75em 0;
	}
	h4 {
		font-size: 125%;
		margin: 2.5em 0 1em 0;
		line-height: 1.2em;
	}
	h5 {
		font-size: 125%;
		margin: 2.5em 0 0.33em 0;
		line-height: 1.2em;
	}
	footer h5 { margin-bottom: 0.5em;}
	h6 {
		font-size: 106.66%;
		color: #999;
		margin: 1.5em 0 0.75em 0;
	}

	h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover,
	h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus { color: black;}



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

	ul, ol, dl {
		font-size: 1em;
		line-height: 1.5em;
		margin: 0.5em 0 1em 1em;
	}
	ul {
		margin-left: 0;
		list-style-type: none;
	}
	ol { 
		list-style-type: decimal; 
		margin-left: 0.75em;
	}

	ul ul {
		list-style-type: none;
		margin-top: 0.33em;
	}
	ol ol {
		list-style-type: lower-latin;
		margin-top: 0;
	}
	ol ul {
		list-style-type: none;
		margin-top: 0;
	}
	li {
		margin-left: 0; 
		line-height: 1.5em;
	}
	
	#content li {
		margin-bottom: 0.5em; padding-left: 1.33em;
		font-size: 1em;
		line-height: 1.5em;
		position: relative;
	}
	#content li:before {
		content: "-";
		position: absolute; left: 2px; top: 0.2em;
		display: inline-block;
		*display: inline; *zoom: 1;
		margin: 0 5px 0 0;
		vertical-align: top;
		font-family: Arial, sans-serif; font-style: normal; font-weight: normal;
		color: inherit;
		text-transform: none;
		line-height: 1em;
	}
	#content li ul li:before {
		content: ".";
		color: inherit;
	}

	#content table td ul { margin-bottom: 0;}

	dt { font-weight: bold; }
	dd { margin: 0 0 2em 0.8em; }



	/* --- General text formatting ------------------------------------------ */

	p {
		font-size: 1em;
		line-height: 1.75em;
		margin: 0 0 1em 0;
	}
	#top p,
	header p,
	nav#nav-main p,
	#toolbar p,
	footer p { margin: 0;}

	#top p,
	#toolbar p,
	footer p { 
		font-size: 100%; 
		line-height: 1.2em;
	}
	footer p b, footer p strong { color: white; font-weight: normal; padding: 0 2px;}


	blockquote, cite, q {
		font-style: normal;
		color: #999999;
	}
	blockquote {
		position: relative;
		margin: 0.5em 0 1em;
		padding: 0 2em;
	}
	blockquote:before,
	blockquote:after {
		position: absolute; left: 0; top: 3px;
		content: "\e803";
		font-size: 20px;
		font-family: "def-icons";
		speak: none;
		display: block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;	
		line-height: 1em;
	}
	blockquote:after {
		left: auto; right: 0;
	}

	strong, b { font-weight: bold; color: #333;}

	em, i { font-style: italic;}

	big, .big { font-size: 175%;}
	small, .small { font-size: 85.71%; color: #888;}

	.hidden { display: none;}


	pre {
		margin: 1em 0 1.5em 0;
		font-size: 175%;
		font-family: "Segoe Alt W01 Light Italic", Georgia, "Times New Roman", serif;
		color: #666666;
		text-align: center;
		line-height: 1.33em;
		white-space: normal;
	}
	code {}
	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: 0.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 {
		width: 100%;
		margin: 0; padding:0 0 16px 0;
		border-top: 1px #ddd solid;
	}


	/* --- Genereic modifyers ------------------ */

	.display-1 { font-size: 200%;}
	.display-2 { font-size: 175%;}
	.display-3 { font-size: 150%;}
	.display-4 { font-size: 125%;}


	/* --- Images ------------------ */

	img, figure { 
		display: block; 
		margin: 0; 
		height: auto;
	}
	a.lightbox { cursor: zoom-in;}

	#content img {
		width: 100%; height: auto;
	}


	figcaption { 
		padding: 0.5em 0; 
		font-size: 80%; 
		color: #ccc;
		font-style: italic; 
		line-height: 1.1em;
		text-align: left;
	}



	/* --- Generic Content Classes ------------------------------------------------------------------------ */

	.highlight {}
	.dimmed {}
	.info {}
	.success {}
	.warning { padding: 1em; background-color: #93a9f8; margin-bottom: 2em;}
	.error { padding: 1em; background-color: #cd0020; margin-bottom: 2em;}



	.csc-frame-frame1 {
		margin: 0 0 1em 0; padding: 1em 2em 0.5em 2em; 
		border-width: 1px; border-style: solid; border-radius: 0.5em;
		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);
	}
	.csc-frame-frame1 > *:first-child { margin-top: 0;}

	.csc-frame-indent { padding-left: 5em;}


	/* --- Icons ------------------ */

	.def-icons-at:before, 
	.def-icons-dot:before { padding: 0 0.2em;}

	.svg-icon { 
		width: 1em; height: 1em; 
		margin-right: 0.25em;
		fill: #999; 
	}
	

	/* --- Tables ------------------------------------------------------------------------------------------- */

	table {
		width: 100%;
		border-collapse: separate;
		border-top: 1px white solid; border-bottom: 1px white solid;
		margin: 0.5em 0 2em 0;
	}
	table caption {
		font-style: italic; padding: 0.5em 0; text-align: left;
	}


	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.75em 0.5em 0.75em 0;
	}
	th *:first-child, td *:first-child {
		margin-top: 0;
	}
	th.nowrap, td.nowrap {
		white-space: nowrap;
	}


	thead th,
	tbody th {
		border-top: 1px white solid; 
		border-bottom: 1px white solid; 
		font-weight: normal;
		color: #888;
		text-align: left;
	}


	tbody td {
		text-align: left;
		border-top: 1px white solid;
		border-bottom: 1px white solid;
	}


	/* highlight row on mouse over */
	tbody tr:hover th,
	tbody tr:hover td {
		background: transparent;
		border-top: 1px #ddd solid;
		border-bottom: 1px #ddd solid;
	}


	/* Special cells */
	table.contenttable tbody th { width: 20%;}
	table th.breite-25, 
	table td.breite-25 { width: 25%;}



	/* --- Spacing ------------------------------------------------------------------------------------------- */

	.w-25 { width: 25% !important;}
	.w-50 { width: 50% !important;}
	.w-75 { width: 75% !important;}
	.w-100 { width: 100% !important;}

	.h-25 { height: 25% !important;}
	.h-50 { height: 50% !important;}
	.h-75 { height: 75% !important;}
	.h-100 { height: 100% !important;}

	.mw-100 { max-width: 100% !important;}
	.mh-100 { max-height: 100% !important;}

	.m-0 { margin: 0 !important;}
	.mt-0 { margin-top: 0 !important;}
	.mr-0 { margin-right: 0 !important;}
	.mb-0 { margin-bottom: 0 !important;}
	.ml-0 { margin-left: 0 !important;}
	.mx-0 { margin-right: 0 !important; margin-left: 0 !important;}
	.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}

	.m-1 { margin: 0.25rem !important;}
	.mt-1 { margin-top: 0.25rem !important;}
	.mr-1 { margin-right: 0.25rem !important;}
	.mb-1 { margin-bottom: 0.25rem !important;}
	.ml-1 { margin-left: 0.25rem !important;}
	.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important;}
	.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}

	.m-2 { margin: 0.5rem !important;}
	.mt-2 { margin-top: 0.5rem !important;}
	.mr-2 { margin-right: 0.5rem !important;}
	.mb-2 { margin-bottom: 0.5rem !important;}
	.ml-2 { margin-left: 0.5rem !important;}
	.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important;}
	.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}

	.m-3 { margin: 1rem !important;}
	.mt-3 { margin-top: 1rem !important;}
	.mr-3 { margin-right: 1rem !important;}
	.mb-3 { margin-bottom: 1rem !important;}
	.ml-3 { margin-left: 1rem !important;}
	.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important;}
	.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important;}

	.m-4 { margin: 1.5rem !important;}
	.mt-4 { margin-top: 1.5rem !important;}
	.mr-4 { margin-right: 1.5rem !important;}
	.mb-4 { margin-bottom: 1.5rem !important;}
	.ml-4 { margin-left: 1.5rem !important;}
	.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important;}
	.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}

	.m-5 { margin: 3rem !important;}
	.mt-5 { margin-top: 3rem !important;}
	.mr-5 { margin-right: 3rem !important;}
	.mb-5 { margin-bottom: 3rem !important;}
	.ml-5 { margin-left: 3rem !important;}
	.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important;}
	.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important;}

	.p-0 { padding: 0 !important;}
	.pt-0 { padding-top: 0 !important;}
	.pr-0 { padding-right: 0 !important;}
	.pb-0 { padding-bottom: 0 !important;}
	.pl-0 { padding-left: 0 !important;}
	.px-0 { padding-right: 0 !important; padding-left: 0 !important;}
	.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}

	.p-1 { padding: 0.25rem !important;}
	.pt-1 { padding-top: 0.25rem !important;}
	.pr-1 { padding-right: 0.25rem !important;}
	.pb-1 { padding-bottom: 0.25rem !important;}
	.pl-1 { padding-left: 0.25rem !important;}
	.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important;}
	.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}

	.p-2 { padding: 0.5rem !important;}
	.pt-2 { padding-top: 0.5rem !important;}
	.pr-2 { padding-right: 0.5rem !important;}
	.pb-2 { padding-bottom: 0.5rem !important;}
	.pl-2 { padding-left: 0.5rem !important;}
	.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
	.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}

	.p-3 { padding: 1rem !important;}
	.pt-3 { padding-top: 1rem !important;}
	.pr-3 { padding-right: 1rem !important;}
	.pb-3 { padding-bottom: 1rem !important;}
	.pl-3 { padding-left: 1rem !important;}
	.px-3 { padding-right: 1rem !important; padding-left: 1rem !important;}
	.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important;}

	.p-4 { padding: 1.5rem !important;}
	.pt-4 { padding-top: 1.5rem !important;}
	.pr-4 { padding-right: 1.5rem !important;}
	.pb-4 { padding-bottom: 1.5rem !important;}
	.pl-4 { padding-left: 1.5rem !important;}
	.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
	.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}

	.p-5 { padding: 3rem !important;}
	.pt-5 { padding-top: 3rem !important;}
	.pr-5 { padding-right: 3rem !important;}
	.pb-5 { padding-bottom: 3rem !important;}
	.pl-5 { padding-left: 3rem !important;}
	.px-5 { padding-right: 3rem !important; padding-left: 3rem !important;}
	.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important;}

	.m-auto { margin: auto !important;}
	.mt-auto { margin-top: auto !important;}
	.mr-auto { margin-right: auto !important;}
	.mb-auto { margin-bottom: auto !important;}
	.ml-auto { margin-left: auto !important;}
	.mx-auto { margin-right: auto !important; margin-left: auto !important;}
	.my-auto { margin-top: auto !important; margin-bottom: auto !important;}

}