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

	/*Force vertical scrollbar */
	html{
		overflow-y: scroll;
	}

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { 
		background: #efefef; 
		background-image:  url(../../img/bg_main.png);
		background-repeat:repeat-x;
		background-position:top left;				
		padding:0;
		margin:0;
    	color: #333333;
    	font-family: arial,helvetica,verdana,sans-serif;
    	font-size: 0.75em;

	}

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

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	.page_margins {
		width: 970px;
		background: #fff;

	}
	
	.page {
		padding: 0px 20px;

	}

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */

	#header {
		color: #000;
		height:195px;

	}

	#topnav {
		background: transparent; 
		padding-top:10px;
		font-size:11px;

	}

	#topnav a{
		text-decoration:none;
		color:#999999;
	}

	#topnav a.home, #topnav a.impressum, #topnav a.leng{
		margin:0px 5px 0px 0px;
	}

	#topnav a.Hilfswerksuche{
		margin:0px 5px 0px 5px;
	}	
	
	#topnav a.kontakt, #topnav a.drucken {
		margin:0px 45px 0px 5px;
	}

	#topnav a.schrift {
		margin:0px 5px 0px 5px;
	}

	.impact_zewo {
		display:inline;
	}
		
	#topnav .impact_zewo a.drucken{
		margin:0px 5px;
	
	}
/*                   
                    a.schrift_k
               
*/

    #topnav a.schrift_g {
		font-weight:bold;
		font-size:14px;
		}
		
		
	#header #topnav {
		position: relative; /*modified from Base.ccs)*/
		right: 0px;
		top: 0px;
		*position: absolute;
	}
	
	
	#header #search {
		float:right;
		*float:left;
		}	

	/* Browser Chrome OnFocus */

	#search input.noFocus:focus {
    outline: none;
	}


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

	#main { 
		background: #fff;
		padding:20px 0 20px 0; 

	}

	
	#footer {
		background:#e3e2e2;
		height:180px; 

  	}


	#footer_content {
		text-align: left;
		font-size:12px;
		color:#666666;
		margin:0px 20px 0px 20px;
  	}
  
	#footer .subcolumns {
		clear:left;
		overflow:hidden;
	}

	#footer .c1, #footer .c2, #footer .c3 {
		float:left; 
		width:363px;
		padding: 20px 0px;
	}

	#footer .c3 {
		width:200px;
	}


	#footer .subcl {
		padding:0px;
	}

	#footer ul,   #footer li {
		line-height:1.6em;
		list-style-type:none;
		margin:0;
		padding:0;
		width:200px;

	}
	
   #footer li {
		border-bottom:1px solid #676566;	
		padding-left:1px;
	}

 #footer .extranet{
visibility:hidden;
 }
	
	.subcl li span{font-weight:bold; }


	.login_extranet {
		width:120px;
		posiotion:absolute;
		margin-left:20px;
		height:10px;
		padding:10px 0px 10px 15px;
		text-align:left;
		font-weight:bold;
		background-image:url(../../img/login_btn.png);
		background-position:top left;
		background-repeat:no-repeat;

	}

	.login_extranet a {
		color:#bebebe!important;
		font-weight:bold;
	}
 
 	#footer .extranet {
		background:none;
		}
 
 	#footer .extranet a {
		display:none;
		}		
		
		

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

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


	#col1 { width: 200px;}
	#col1_content { padding:0px;margin:0px;margin-top:50px; }

	#col2 { width: 220px; }
	#col2_content { padding:0;margin:0px;overflow:hidden;margin-top:50px; }

  	#col3 { margin: 0 220px 0 200px;min-height:500px;}
	#col3_content { padding:0px;margin:0px 40px;overflow:hidden;}

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

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

	#header h1 {
		font-size:0;
		margin:10px 40px 0px 40px;
		*margin:20px 40px 0px 40px;
		float:left;
	}	

	#header #topnav span { 
		color:#999;
		margin-right:35px; 
		*float:left;
	}
	
	
	#header .content_legenda {
		 margin:50px 0px 0px 239px;
		 font-size:14px;
		 color:#444444;
	}	

	#header h1.legenda {
		font-size:22px;
		font-weight:bold;
		margin:0;
		padding:0;
		float:none;		
		}
		
	#header .legenda_text {
		line-height:18px;
		color:#444444;
		}
	
	
	
/*
	#topnav a { color: #000; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active {background-color: transparent;}
*/
	#footer a { text-decoration:none; color:#666666;}
	#footer a:focus,
	#footer a:hover,
	#footer a:active { }
  
	/*------------------------------------------------------------------------------------------------------*/
  
	/**
	* @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
	* @see     http://www.yaml.de/en/documentation/practice/basic-variations.html
	*
	* .hidecol1 -> 2-column-layout (using #col2 and #col3)
	* .hidecol2 -> 2-column-layout (using #col1 and #col3)
	* .hideboth -> single-column-layout (using #col3)
	*/

	.hideboth #col3 { margin-left: 0; margin-right: 0;min-height:500px; }
	.hideboth #col3_content{ padding:0px;margin:0px 0px; }

	.hidecol1 #col3 { margin-left: 0; margin-right: 220px;min-height:500px; }
	.hidecol1 #col3_content{ padding-left: 0px; margin: 0 40px 0 0;}

	.hidecol2 #col3 { margin-left: 200px; margin-right: 0;min-height:500px; }
	.hidecol2 #col3_content{ padding:0px;margin:0px 0px 0px 40px; }

	.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }
  
  

}