@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-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
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  html {
	height:100% !important;
  }

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { 
	background-color:#ffffff !important;
	text-align: center;
	padding: 0;
	height:100% !important;
 }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
  	margin:0 auto;
 	width:980px !important;
  	position:relative; 
  	text-align:left;  
	background: #e6e6e6 url("../../images/bg3_01.gif") no-repeat scroll 0px 0px !important;
	min-height:100%; /* real browsers */
	height: auto !important;
  }
  
  #page{
  	padding:1em !important;
  	padding-top:0px;	
	position:relative !important;
	padding-bottom:40px !important;
	min-height:100%; /* real browsers */
	height: 100% !important;
  }


  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {
  	padding:1em !important;
  	height:95px;
  	/*border: solid 1px !important;	*/
	background-color:transparent !important;
  }
  
  #header #topnav {
      position:absolute !important;
      right:140px !important;
      top:5px !important;
  }
  
  #topnav { 
      padding:1em !important;
      width:500px !important;
    background: transparent;
  }



  #nav ul { margin-left: 20px; }
  #nav_main { background-color: #336; }

  #nav * { border: 0px none !important; }
  #nav_main { background: #efefef; }
  #nav_main ul { margin-left: 10px; }
  #nav_main ul li { line-height: 1.2em; }
  
  #nav_main ul li a,
  #nav_main ul li strong { color: #666; 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  { background: #182E7A; color: #fff; }
  
  #nav_main ul li#current { background: transparent; }
  
  #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: #4D87C7; font-weight: bold; }


  #main { 
  	padding:0em !important;
  	position:relative !important;
	background-color:transparent !important;
  }

  #footer {
	max-width:980px !important;
	width: 100%;
  	text-align:left; 
	margin: -40px auto 0 !important;
	position:relative !important; 
  }

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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { width: 25%; }
  #col1_content { padding: 1em; }

  #col2 { width: 25%; }
  #col2_content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 25%; padding: 0 1 em;}
  #col3_content {  }


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


}