@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all
{
	/**
	 * Fonts
	 * (en) font-family and font-size selection for headings and standard text elements
	 * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
	 *
	 * @section content-fonts
	 */
	
	/* (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.01% }
	
	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		font-size: 75.00%; 
		color: #444;  
	}
	
	div { margin: 0; padding: 0; }
	
	h1, h2, h3, h4, h5, h6 { 
		/*font-family: "times new roman",times,serif;*/
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #888;
		margin: 0 0 0.3em 0;
	}
	
	h1 { font-size: 200%; }
	h2 { font-size: 200%; color: #339; }
	h3 { font-size: 150%; color: #0b0; }
	h4 { font-size: 133.33%; }
	h5 { font-size: 116.67%; }
	h6 { font-size: 116.67%; font-style: italic; }
	
	#col3 h1, #col3 h2, #col3 h3, #col3 h4, #col3 h5, #col3 h6 {
		border-left: 5px solid #0c0;
		padding-left: 7px;
		background: #eee;
		line-height: 1.3em;
	}
	
	#header h1 {
		font-size: 2.5em;
		letter-spacing: -2px;
		line-height: 65%;
		color: #000;
		margin: 0;
	}
	
	#header span { color: #999; }
	
	p { line-height: 1.5em; margin: 0 0 1.5em 0; max-width:53em; }
	
	/* ### Lists | Listen  #### */
	
	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em }
	
	dt { font-weight: bold }
	dd { margin: 0 0 1em 2em }
	
	/* ### text formatting | Textauszeichnung ### */
	
	cite, blockquote { font-style:italic }
	blockquote { margin: 0 0 1em 1.5em }
	
	strong, b { font-weight: bold; }
	em, i { font-style: italic; }
	
	pre, code { font-family: monospace; font-size: 1.1em; }
	
	acronym, abbr {
		letter-spacing: 0.07em;
		border-bottom: 0.1em dashed #c00;
		cursor: help;
	}
	
	/**
	 * Generic Content Classes
	 * (en) standard classes for positioning and highlighting
	 * (de) Standardklassen zur Positionierung und Hervorhebung
	 *
	 * @section content-generic-classes
	 */
	
	.note {
		background: #dfd;
		padding: 1em;
		border-bottom: 1px #dbb dotted;
	}
	.important {
		background: #ffd;
		padding: 1em;
		border-bottom: 1px #dbb dotted;
	}
	.warning {
		background: #fdd;
		padding: 1em;
		border-bottom: 1px #dbb dotted;
	}
	
	.float_left {
		float: left; display: inline;
		margin-right: 1em; margin-bottom: 0.15em;
	}
	.float_right {
		float: right; display: inline;
		margin-left: 1em; margin-bottom: 0.15em;
	}
	.center {
		text-align: center; margin: 0.5em auto;
	}
	
	/**
	 * External Links
	 *
	 * (en) Formatting of hyperlinks
	 * (de) Gestaltung von Hyperlinks
	 *
	 */
	
	a {color: #00e; text-decoration:underline; }
	a:focus,
	a:hover,
	a:active {color:#182E7A; text-decoration:underline;}
	
	#topnav {
		color: #ddd;
		background: transparent;
		top: 4px;
		font-size: 0.96em;
		/*position: relative; right: 5px; top: -1.9em;*/
	}
	#header #topnav span { color: #ddd; }
	#topnav a { color: #ddd; font-weight: normal; background: transparent; text-decoration: none; }
	#topnav a:focus, 
	#topnav a:hover,
	#topnav a:active { text-decoration: underline; background-color: transparent; color: #fff; }
	
	#footer {
		font-size: 0.96em;
		line-height: 1.2em;
	}
	#footer a { color: #333; }
	#footer a:focus, 
	#footer a:hover,
	#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
	
	#footer-yaml { text-align: right; }
	#footer-yaml, #footer-yaml a { color: #aaa; }
	
	/**
	 * (en) Emphasizing external Hyperlinks via CSS
	 * (de) Hervorhebung externer Hyperlinks mit CSS
	 *
	 * @section             content-external-links
	 * @app-yaml-default    disabled
	 */
	
	/*
	#main a[href^="http://www.my-domain.com"],
	#main a[href^="https://www.my-domain.com"]
	{
		padding-left: 12px;
		background-image: url('your_image.gif');
		background-repeat: no-repeat;
		background-position: 0 0.45em;
	}
	*/
	
	/**
	 * Tables | Tabellen
	 * (en) Generic classes for table-width and design definition
	 * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	 *
	 * @section content-tables
	 */
	
	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }
	
	th,td { padding: 0.5em; }
	thead th { background: #444; color: #fff }
/*	tbody th { background: #ccc; color: #333 }  changed by Stefan */
	tbody th.sub { background: #ddd; color: #333 }
	
	/**
	 * Miscellaneous | Sonstiges
	 *
	 * @section content-misc
	 */
	
	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}

	p.small {
	       font-size: 0.9em;
	       }
}

@media screen {
	#header-main h1 {color:#fff;} /* added by Philipp Kempgen */
}