@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
	/**
	* (en) Formatting YAML's  basic layout elements
	* (de) Gestaltung des YAML Basis-Layouts
	*/

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { min-height: 100%; }
	
	#body_wrapper { background: #fff url(images/body-bg.gif) left top repeat-x; min-height: 650px; }

	.page_margins { text-align:left; margin: 0 0; }
  
	#wrapper { background: transparent url(images/wrapper-bg.jpg) left top no-repeat; }

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	.page_margins { max-width: 840px; }
	.page { margin: 0 20px; }
	#topnav, #header, #nav, #main, #extended { overflow:hidden; min-width: 840px; }

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */
	#topnav { height: 20px; }
	#topnav, #footer {color: #b89aa1; }
	#topnav .page { text-align:left; padding: 5px 0; }
	#topnav span.navlinks { width: 100%; }

	#topnav { background: transparent url(images/header-bg.jpg) no-repeat left top; height: 17px; }
	#header { background: transparent url(images/header-bg.jpg) no-repeat left -17px; height: 77px; }
	#nav { background: transparent url(images/header-bg.jpg) no-repeat left -94px; height: 26px; }	

	#header .page {
    	position:relative;
  		padding: 0;
	}

	#header h1 { margin: 0 0 0 81px; }
	#header span { display: none; }

	#nav {  }

	#main { background: transparent url(images/main-bg.jpg) no-repeat left 103px; padding-bottom: 50px;  }
  
	#main .page { padding-top: 2em; padding-bottom: 2em; min-height: 100px; margin-left: 0; }

	#main .c25r { border-left: 1px #88a dashed; }

	#extended { }
	#extended .c25l,  #extended .c50l { border-right: 1px #88a dashed; }

	#extended .subc  { padding: 0 10px; }
	#extended .subcl { padding: 0 10px 0 0; }
	#extended .subcr { padding: 0 0 0 10px; }

	#main, #extended { }
  
	#main #col1 { width: 160px; }
	#main #col1_content { padding: 78px 10px 0 20px; }
	
	#main #col2 { width: 660px; }
	#main #col2_content { padding: 0 0 0 30px; }  
	
	#footer { }
	#footer .page_margins { margin-left: 170px; width: 670px; }
	#footer .page { padding: 5px 0px; border-top: 1px #d6c2c0 dotted;  }

	/**
	* (en) Modifying "shiny buttons" navigation
	* (en) Anpassung der "Shiny Buttons" Navigation
	*/
	
	.hlist { background: transparent; border: 0 none; margin-left: 140px; background: transparent url(images/navigation-bg.gif) no-repeat left top; }
	.hlist ul { margin-left: 20px; border: 0 none; width: 100%; text-transform: uppercase; letter-spacing: 1px; }
	.hlist ul li { line-height: 1.2em; display:block; border:0; padding: 0; background: none;  }
	.hlist ul li.last { }
	
	.hlist ul li a,
	.hlist ul li strong {  width:auto; display:block; color: #737375; font-weight: normal; margin: 0 0 0 0; padding: 0.5em 10px 0.5em 10px; }
	
	.hlist ul li a span { display:block; color: #888; }
	.hlist ul li strong span { display:block; color: #aaa; }
	
	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active {  background: transparent; color: #95b013; }
	
	.hlist ul li.active { background:transparent; border: 0 none; }
	.hlist ul li.active strong { background: transparent; color: #95b013; font-weight: bold; }
	
	.hlist ul li.active-trail a,
	.hlist ul li.active a,
	.hlist ul li.active a:hover { color: #95b013; }

	/*------------------------------------------------------------------------------------------------------*/
	
	
	.vlist .secondary-links  { text-transform: uppercase; text-align: right; }
	
	.vlist { margin: 0 0 1.5em 0; border-bottom: none; }
	.vlist ul { margin:0; padding: 0;  list-style: none;}

	.vlist li { width: 100%; margin:0; padding: 3px 0; list-style: none; overflow: hidden; border-bottom: 1px #d6c2c0 dotted; }
	
	.vlist li.last { border-bottom: none; }	

	.vlist a,
	.vlist strong,
	.vlist span { padding: 0; text-decoration: none; font-weight: bold; }

	.vlist a,
	.vlist a:visited { color: #882a50; }

	.vlist li span { font-weight: bold; border-bottom: 1px #d6c2c0 solid; }

	.vlist li.active { color: #882a50; background-color: transparent; font-weight: bold; }
	
	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active { text-decoration: none; }	

	/* Level 1 */
	.vlist li a,
	.vist li strong,
	.vlist li span { width: 100%; padding-left: 0; } /* LTR */

	.vlist li.active a { color: #86983f; }

	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active { background-color: transparent; color: #A8BE52; }

	/* Level 2 */
	.vlist li ul li a,
	.vlist li ul li strong,
	.vlist li ul li span { width: 90%; padding-left: 10%; } /* LTR */
	
	.vlist li ul li a, 
	.vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
	.vlist li ul li a:focus,
	.vlist li ul li a:hover,
	.vlist li ul li a:active { background-color:#a88; color: #fff; }	

	/**
	* (en) Styling of layout specific elements
	* (de) Gestaltung layoutabhängiger Elemente
	*/

	#topnav .hlist { background: none; margin-left: 0; }
	#topnav .hlist ul { letter-spacing: 0; text-transform: none; margin-left: 0; }
	
	#topnav .hlist ul li { padding:  0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #fff; float: right; }
	#topnav .hlist ul li.first { padding: 0; margin: 0; border-right: none; }	

	#topnav .hlist ul li a,
	#topnav .hlist ul li strong {  padding: 0; }
	
	#topnav .hlist ul li a:hover { text-decoration: none; color: #882a50; } 


	#topnav { font-size: 90%; line-height: 1em; letter-spacing: 1px; }
	#topnav a {  color: #a4b94f; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent; }
	
	#footer { font-size: 90%; }
	#footer a { color: #b89aa1; background:transparent; font-weight: bold; }
	#footer a:focus,
	#footer a:hover,
	#footer a:active { background-color: transparent; text-decoration:underline; }
	
	
	#main .c33r .subcr { padding-left: 10px; }
	#main .c66l .subcl { padding-right: 30px; }
	
}