@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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) $
 */

@media all
{
	/*------------------------------------------------------------------------------------------------------*/

	/**
	 * (en) Formatting YAML's	basic layout elements
	 * (de) Gestaltung des YAML Basis-Layouts
	 */
	
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body {
		background: #4d87c7 url("../img/bg_blue.gif") repeat-x top left fixed;
		padding: 12px 0;
	}
	
	img { vertical-align: middle; }
	
	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	#page_margins {
		min-width: 680px; max-width: 80em; margin: 0 auto 0 auto;
		text-align: left;
	}
	#page { background: #fff; border: 0px #fff solid; margin: 0 2%;
		border: 5px #aaf solid; -moz-border-radius: 8px; }
	
	/* (en) Centering layou in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	body { text-align: center; }
	
	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */
	#header {
		color: #000;
		background: #03e;
		padding: 0 0 0 0;
		margin: 0;
		xheight: 80px;
	}
	
	#header-main {
		/*background: transparent url("../img/ho.png") repeat;*/
		background: transparent;
		xborder: 3px solid red;
		xwidth: 210px;
		xposition: absolute;
		xtop: 0;
		xleft: 0;
		height: 44px;
		margin: 0 0 0 0;
		padding: 25px 5px 10px 17px;
		border-bottom: 1px solid #99f;
	}
	#header-main h1 {color:#fff; !important;}
	
	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav ul { margin-left: 20px; }
	
	#main {
		background: #fff url("../img/bg_main_top.jpg") repeat-x;
		padding: 10px 0;
	}
	
	#footer { 
		color: #666; 
		background: #f6f6f6;
		padding: 1em 1em 0.5em 1em;
		border-top: 5px #e9e9e9 solid;

	}
	
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	 * (en) Formatting content container
	 * (de) Formatierung der Inhalts-Container
	 *
	 * |-------------------------------|
	 * | #header                       |
	 * |-------------------------------|
	 * | #col1  | #col3       | #col2  |
	 * | 25%    | flexible    | 25%    |
	 * |-------------------------------|
	 * | #footer                       |
	 * |-------------------------------|
	 */
	
	#col1 { width: 25%;
		background: transparent url("../img/divider.gif") repeat-y top right; }
	#col1_content { padding: 10px 10px 10px 20px; }
	
	#col2 { width: 25%; }
	#col2_content { padding: 10px 20px 10px 10px; }
	
	#col3 { margin: 0 25%; }
	#col3_content { padding: 15px 10px 10px 10px; }
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	 * (en) Modifying "shiny buttons" navigation
	 * (en) Anpassung der "Shiny Buttons" Navigation
	 */
	
	#nav * { border: 0px none !important; }
	/*#nav_main { background-color: #336; }*/
	#nav_main { background: #00c url("../img/shiny-bg.jpg") repeat-x left center; }
	#nav_main ul { margin-left: 10px; }
	#nav_main ul li { line-height: 1.05em; font-size:1.1em; }
	
	#nav_main ul li a,
	#nav_main ul li strong { color: #ccf; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
	
	#nav_main ul li a:focus,
	#nav_main ul li a:hover,
	#nav_main ul li a:active,
	#nav_main ul li#current {
		background: #00c url("../img/shiny-bg-active.jpg") repeat-x left center;
		color: #fff;
	}
	
	#nav_main ul li#current strong,
	#nav_main ul li#current a,
	#nav_main ul li#current a:focus,
	#nav_main ul li#current a:hover,
	#nav_main ul li#current a:active { color: #fff; font-weight: bold }
	
}





/* copied from yaml/navigation/nav_shinybuttons.css,
changed #nav_main to #nav_main2 and current to current2 */
@media all
{
	#nav_main2 {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width: 100%;
		overflow: hidden;
		/* (en) containing floats in all other browsers */
		/* (de) Einfassen der Floats in allen anderen Browsern */
		float: left;
		display: inline;
		/* (en) Repeat the main color from the image */
		/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
		background: #c0c0c0 url("../../yaml/navigation/images/shiny_buttons/background.gif") repeat-x center right;
		border-top: 1px #333 solid;
		border-bottom: 1px #333 solid;
		line-height: 0;
	}

	#nav_main2 ul {
		border-left: 1px #aaa solid;
		border-right: 1px #fff solid;
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		margin: 0;
		/* (en) Left margin of the first button	*/
		/* (de) Abstand des ersten Buttons vom linken Rand	*/
		margin-left: 50px;
		padding: 0;
	}

	#nav_main2 ul li {
		border-left: 1px #fff solid;
		border-right: 1px #aaa solid;
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#nav_main2 ul li a,
	#nav_main2 ul li strong {
		background: transparent;
		color: #000;
		display: block;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em 0.5em 0.8em;
		text-decoration: none;
		width: auto;
	}

	#nav_main2 ul li a:focus,
	#nav_main2 ul li a:hover,
	#nav_main2 ul li a:active	{
		background: #eee;
		color: #333;
		text-decoration: none;
	}

	#nav_main2 ul li#current {
		/* (en) Repeat the main color from the image */
		/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
		background: #272727 url("../../yaml/navigation/images/shiny_buttons/background_active.gif") repeat-x center right;
		border-left: 1px #444 solid;
		border-right: 1px #888 solid;
	}

	#nav_main2 ul li#current2 strong,
	#nav_main2 ul li#current2 a,
	#nav_main2 ul li#current2 a:focus,
	#nav_main2 ul li#current2 a:hover,
	#nav_main2 ul li#current2 a:active {
		background: transparent;
		color: #fff;
		text-decoration: none;
	}
}





@media all
{
	/**
	 * (en) Modifying "shiny buttons" navigation
	 * (en) Anpassung der "Shiny Buttons" Navigation
	 */
	
	/*#nav_main2 { background-color: #336; }*/
	#nav_main2 {
		background: #779;
		border-top: 1px solid #111 !important;
		border-bottom: 1px solid #fff !important;
	}
	#nav_main2 ul { margin-left: 10px; }
	#nav_main2 ul li { line-height: 0.8em; }
	
	#nav_main2 ul li a,
	#nav_main2 ul li strong { color: #ddd; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
	
	#nav_main2 ul li a:focus,
	#nav_main2 ul li a:hover,
	#nav_main2 ul li a:active { background: transparent; color: #fff; }
	
	#nav_main2 ul li#current { background: transparent; }
	
	#nav_main2 ul li#current2 strong,
	#nav_main2 ul li#current2 a,
	#nav_main2 ul li#current2 a:focus,
	#nav_main2 ul li#current2 a:hover,
	#nav_main2 ul li#current2 a:active {
		color: #fff; font-weight: bold;
		background: transparent url("../img/sub-bg-active.gif") no-repeat center bottom;
	}
	
}