@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-2008, 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.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #cdd3da url("../../img/bg.gif") repeat-x top left; white-space:normal; }
  
  #page_margins { margin: 0 auto; width: 960px; background: white; margin-top: 40px; }
  #page{ padding: 10px; padding-top: 0px; } 

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #fff;
    background: url(../../img/bgheader.jpg) no-repeat;
	 height: 110px;
	 margin-left: 10px;
	 margin-right: 10px;
  }

  #footerlink { color: white; background: transparent; font-weight: normal; float: left; width: 940px; margin-top:18px;}

  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }

  #main { background: white;}
  
  #rootline {width: 940px;  background: #8192a3; margin-top: 1px; margin-bottom:20px;  white-space: nowrap; float:left; }
  #search { width: 210px; float: left; margin-top: 12px; }
  #titel { width: 550px; float: left; padding-left: 60px; }
  #printpdf { width: 210px; float: left; }
  
  #footer2 { 
    color: #8192a3;
	 margin-top:10px;
	 padding-top: 15px;
	 padding-bottom: 10px;
	 vertical-align:middle;
	 float: left;
	 line-height: 16px; 
	 width: 540px; 
	 font-size: 11px;
	 text-align: center;
	 border-top: 1px solid #d6e1ee;
	}

  #footer { 
    color: #004494;
	 margin-bottom: 10px;
	 float: left;
	 text-align: right;
	 font-size: 11px;
	 width: 940px;
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-top: 10px;
	 padding-bottom: 40px;
	 border-top: 4px solid #8192a3;
	}
	
	#headerpic {
		width: 540px;
	}
	
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col2   | #col1     | #col3   |
   * | 180px   | 560px     | 210px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #main { width: 940px; padding-left: 10px; padding-right: 10px; float: left; z-index: -100; }

  /* #col1 wird zur mittleren Spalte */
  #col1 { width: 540px; float:left; margin-left: 180px; background: white; }
  #col1_content { margin: 0; padding: 0; min-height: 400px; }

  /* #col2 wird zur linken Spalte */
  #col2 { width: 180px; float: left; margin-left: -720px; }
  #col2_content { margin: 0; padding: 0; margin-right: 10px; }

  /* #col3 wird zur rechten Spalte */
  #col3 { float: right; width: 220px; margin-left: -10px; margin-right: 0px; display:block; position: relative; }
  #col3_content { margin: 0; padding: 0; margin-left: 10px; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

  #nav * { border: 0px none !important; }
  #nav_main { margin:0; padding:0; background: url(../../img/mm_bg.gif) bottom repeat-x; margin-top: 4px; margin-bottom: 4px; }
  #nav_main ul { margin:0; padding:0; }
  #nav_main ul li { line-height: 1.8em; background: white; }
  
  #nav_main ul li a,
  #nav_main ul li strong { background: url(../../img/mm_bg.gif) bottom repeat-x;  margin-right: 2px; font-size: 11px; color: #fff; text-transform:uppercase; font-weight: bold; padding-left: 12px; padding-right: 12px; padding-bottom:2px; padding-top:10px; }
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: url("../../img/mm_act.gif") top repeat-x; color: #fff; margin-right: 2px; }
  
  #nav_main ul li#current {  }
  
  #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 { background: url("../../img/mm_act.gif") top repeat-x; color: #fff; font-weight: bold; margin-right: 4px; }
  
  /*Leftmenu 1. Ebene */
  #col2 ul { margin: 0; padding: 0; margin-bottom: 20px; list-style: none; font-size: 12px; }
  #col2 ul li { margin: 0; padding: 0; background: transparent; border-bottom: 1px solid #85a8d6;  }
  
  #col2 ul li a,
  #nav_main ul li strong { color: #004494; padding-left: 12px; padding-top: 5px; padding-bottom: 3px; font-weight: bold; width: 158px; display:block;}
  
  #col2 ul li a:focus,
  #col2 ul li a:hover,
  #col2 ul li a:active { color: #004494; text-decoration: underline; background: #d6e1ee; }
  
  #col2 ul li.current { }
  #col2 ul li.current strong,
  #col2 ul li.current a,
  #col2 ul li.current a:focus,
  #col2 ul li.current a:hover,
  #col2 ul li.current a:active { color: #004494; font-weight: bold; background: #d6e1ee; }
  
  /*Leftmenu 2. Ebene*/
  #col2 ul ul { margin: 0; padding: 0; margin-bottom: 20px; list-style: none; font-size: 11px; }
  #col2 ul li.current ul li { margin: 0; padding: 0; background: transparent; border-bottom: 0px;  }
 
  #col2 ul li.current ul li a,
  #nav_main ul li.current ul li strong { color: #004494; padding-left: 20px; padding-top: 5px; padding-bottom: 3px; font-weight: normal; width: 150px; background: transparent; display:block;}
  
  #col2 ul li.current ul li a:focus,
  #col2 ul li.current ul li a:hover,
  #col2 ul li.current ul li a:active { color: #004494; font-weight: normal; text-decoration: underline; background: transparent; }
  
  #col2 ul li.current ul li.current2 { }
  #col2 ul li.current ul li.current2 strong,
  #col2 ul li.current ul li.current2 a,
  #col2 ul li.current ul li.current2 a:focus,
  #col2 ul li.current ul li.current2 a:hover,
  #col2 ul li.current ul li.current2 a:active { color: #004494; font-weight: bold; }

  
  
  

  
  
}