@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.3
 * @revision        $Revision: 1.2 $
 * @lastmodified    $Date: 2007/11/08 12:38:41 $
 */

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

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { padding: 0 0; min-height: 101%;}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { min-width: 798px; max-width: 35em; margin: 0 auto; border: 0px #889 solid; }
  body.manu #page{ border: 0px #fff solid; background:#E5EFF5 url(../../images/bg_manu.jpg) 0 0 no-repeat;}
  body.urlaub #page{ border: 0px #fff solid; background:#E5EFF5 url(../../images/bg_urlaub.jpg) 0 0 no-repeat;}
  #page.home{ border: 0px #fff solid; background:#E5EFF5 url(../../images/bg_home.jpg) 0 0 no-repeat;}

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center }
  #page_margins { text-align:left }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: none;
    padding: 1em 0 20em 12em; 
	margin:0 0 1em 0;
  }
  
  .home #header {
    padding: 0 0 21.5em 0; 
	text-align:center;
  }
  
  #header #meta{
     float:right;
	 margin:0 2em 0 0;
  }
  
  .home #header #meta{
  margin:1em 2em 0 0;
  }
  
  #header #meta a{
     color:#fff;
	 padding:0 1em 0 0;
  }

  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav{
	float:left;
	width:17em; 
  }
  #nav ul { margin-left: 0; }
  #nav_main {background-color: #fff;margin:0 0 1em 0;}

  #main { background: transparent;padding:0 0 1em 0;clear:none; display:block; float:left;width:38.5em;margin:0 2em 0 5em;}
  .home #main { background: transparent;padding:0 0 1em 0;clear:both; float:none;width:auto;margin:0 0 0 0; }
  
  .c452l{
	width:452px;
	}

  #footer { 
    color:#666; 
	background:transparent url(../../images/home_footer.gif) bottom left no-repeat;
    padding:3.5em 0 1em 4em;
	color:#6687b9;
	margin:2em 0 0 0;
  }
  
  .urlaub #footer { 
    color:#e1a2aa;
	background:transparent url(../../images/footer_urlaub.gif) bottom left no-repeat;
  }
  
  #footer ul,
  #footer li{
  	display:inline;
  }
  
  #footer a{
		color:#fff;
	}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  .home #col1 { width: 50%; float:left; text-align:center;margin:0 0 5em 0;}
  #col1_content { padding: 10px 10px 10px 20px;}

  .home #col2 { width: 50%;text-align:center;margin:0 0 5em 0;}
  #col2_content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 25% }
  #col3_content { padding: 10px }

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

  /**
   * (en) Modifying "shiny buttons" navigation
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

  #nav * { border:0px none !important}
  #nav_main { background: transparent;
}


  #nav_main ul { margin: 0 0 0 0;
  				 width:100%;
display:block;	
float:none;			 }

				 
  #nav_main ul li { line-height: 1.2em;
  padding: 0 0 0 0;
  display:block;
  float:none;
  width:auto;}
  
  #nav_main ul li.first {
  padding: 0 0 0 0;}
  
  #nav_main ul li a,
  #nav_main ul li strong { 
  							color: #666; 
							font-weight: normal; 
							padding: 0.5em 0 0.5em 0;}

  #nav_main ul li a img {	 border:1px solid #d9d9d9  !important;}
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background:transparent url(../../images/pfeil_manu.gif) 0 0 no-repeat; color: #00378b; }
  
  #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 }

   #nav_main ul.e1 li a { 
    background-color:#CCDFEB;
	color:#005D9C;
	display:block;
	width:auto;
	padding:0.5em 0 0.5em 1em;
	}	
	
   #nav_main ul.e1 li a.e1oa,
   #nav_main ul.e1 li a.e2a,
   #nav_main ul.e1 li a.e2oa,
   #nav_main ul.e1 li a.e3a,
   #nav_main ul.e1 li a.e1a{ 
    font-weight:bold;
	color:#00378b;
	}
   
   .urlaub #nav_main ul.e1 li a.e1oa,
   .urlaub #nav_main ul.e1 li a.e2oa,
   .urlaub #nav_main ul.e1 li a.e2a,
   .urlaub #nav_main ul.e1 li a.e3a{ 
	color:#b4152b;
	font-weight:bold;
	}
	
	#nav_main ul.e1 li ul li,
	#nav_main ul.e1 li ul li a,
	.urlaub #nav_main ul.e1 li ul li,
	.urlaub #nav_main ul.e1 li ul li a { 
    background-color:transparent;
	color:#005D9C;
	font-weight:normal;
	}
	
	/*#nav_main ul.e1 li ul li{ 
    margin:0.5em 0 0.5em 1.3em;
	}*/
	
		#nav_main ul li a.e2p,
		#nav_main ul li a.e2oa,
		#nav_main ul li a.e2o,
		#nav_main ul li a.e2a{ 
    margin:0.5em 0 0.5em 1.3em;
	}
	
	#nav_main ul.e2 li a.e3p,
	#nav_main ul.e2 li a.e3a{ 
    margin:0.5em 0 0.5em 2.6em;
	}
	
	#nav_main ul.e1 li ul li a{ 
    padding:0 0 0 1.3em;
	background:transparent url(../../images/pfeil_manu.gif) 0 0 no-repeat;
	}
	
	#nav_main ul.e1 li a.element3{ 
    margin:1em 0 0 0;
	}

}