@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-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: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

@media all{
	

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #e4d2ce url("../../layout/hg-verlauf-header.gif") repeat-x top left fixed; padding: 10px 0 0 0; 
  background-attachment:scroll;
  
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { min-width: 740px; max-width: 90em; margin: 0 auto; border: 0px #889 solid; }
  #page_margins { width: 991px;  min-width: 991px; max-width: 991px }
  #page{ background: yellow; border: 0px #fff solid; 
   
    }

  /* (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: #f7f3f0  ;
	 bxxxackground: black;
	 	 padding: 30px 0 0 0; 
	 	width:991px;
		hxxeight:300px;
  }
  #logo{height: 55px;
  width: 369px;
  bxxackground: red;
  	float:left;
  }
  #flash {
  	float: left;
	background:transparent;
	height: 55px;
	
	width: 174px;
	overflow: hidden;
  }

  #topnav { color: #aaa; background: transparent; }
#bild{padding: 0px 0px 0px 0px;
width: 991px;
	bxxackground: #fff url("../../layout/header-rechts.gif") repeat-y top right;
	background: orange url("../../layout/header-home.gif") repeat-x top right;
	
	height:237px;
}
#bild img{
	padding: 13px 0 0 13px;
}
  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */

  #nav_main_top {background-color: #f7f3f0;background-color: transparent;
   position: absolute;
	bottom: 0px;
	right: 0px;
	width:600px;
	margin: 0;
	padding: 0;
	padding-right: 70px;
	margin-bottom: -8px;
  }

  
  #nav ul { margin-left: 20px; }
  #nav_main {margin-left:0px;width:991px;}
  


  #main {
	background: orange;
	padding: 0px 0px 0 0px;
	hxxxeight: 400px; /* kommt noch weg */
	background: #fff url("../../layout/header-rechts_schmal.gif") repeat-y top right;
	background-repeat: repeat-y;
	margin-left: 0px;
	padding-left:0px;
	padding-top: 30px;
	width:991px;
}
#textBelowMenu{
border-top: 0px dotted #919191;
width: 862px;
	margin-left:48px;
	
}
#textBelowMenu h3, #textBelowMenu p{
	padding-left:0px;
}
#textBelowMenu h4{display: block;
	margin-left:0px;
}
.spalte {
height: 300px;
background-color: Fuchsia;
		padding-right: 18px;
	}
.text{
height: 13em;
}

.button{
txxext-align: center;
width: 400px;
position: relative;
left: 0px;
bottom: 200px;
top: 0px;
color: #aa3424;
height:30px;
font-size: 12px;
	background: #fff url("../../layout/button-lang.gif") top center no-repeat;
	bxxackground: yellow;
	padding: 7px 0 0 0px;
	margin-bottom: 0;
}
#text_unten{	text-align: center;
height: 160px;
padding-left: 0px;padding-right: 0px;
padding-top: 45px;
margin-top: 0px;
width: 991px;
background: #fff url("../../layout/header-rechts_schmal.gif") repeat-y top right;
font-size: 11px;
}
#text_unten h3{
	font-size: 16px;
}
#untenlinks{
margin-left:75px;
bxxackground: yellow;
	width: 400px;
	height: 160px;
}
#untenrechts{
margin-right: 55px;
	bxxackground: orange;
	width: 400px;
	height: 160px;
}
  #footer { 
  height: 75px;
    color:#666; 
    background: #f9f9f9;
	 background: #fff url("../../layout/fussende.gif") repeat-y bottom left;
    padding-left: 250px;padding-right: 250px;
	 padding-top: 70px;
    border-top: 0px #efefef solid;
margin-left: 0;
width:491px;}

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
.trenner {
	line-height: 1.4em; margin: 0 0 0.5em 0;
}
#spalte2 {
 margin-right: 0px;
 padding:33px;
 padding-top: 26px;
 padding-bottom:26px;
 width: 588px;width: 522px;
 height:347px; height: 295px;
 background: #fff url("../../layout/start/zielgruppenfeld.gif") no-repeat;
 }
#spalte3 p{ line-height: 1.4em; margin: 0 0 0.5em 0; }
#spalte3{

 margin-right: 44px;
 padding:33px;
 padding-top: 26px;
 padding-bottom: 26px;
 width: 285px;width: 219px;
 height:347px; height: 295px; 
 background: #fff url("../../layout/start/newsfeld.gif")
} 
#spalten{
	width:956px;
	hxxeight: 410px;
	background: orange;
	background: #fff url("../../layout/header-rechts_schmal.gif") repeat-y top right;
	margin-left: 35px;
}
	


  }