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

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

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background-color:#f3f0e9; color:#666666;  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  .page_margins {width:1010px;margin:0 auto;}
  .page{  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {     background: url("../../images/header.png") repeat scroll 0 0 transparent;
    height: 253px;
    position: relative;
    width: 1012px;}
  #main {     margin-top: 20px;
    position: relative; }

  #footer {     background-color: #C9C6BF;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    line-height: 3.5em;
    margin-top: 50px;
    padding-left: 25px;
    position: relative;}

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

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

  #col1 {    background-color: #00AE00;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin-bottom: 30px;
    width: 320px;}
  #col1_content { padding:10px; }

  #col2 {    margin-bottom: 15px;
    margin-left: 335px;
    position: relative;
    width: 670px;
        background-color: #FFFFFF;
        border-radius:10px;}
  #col2_content {     padding: 20px 25px;}

  #col3 {      background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    clear: right;
    float: right;
    margin-bottom: 48px;
    margin-right: 5px;
    position: relative;
    width: 670px;}
  #col3_content {     padding: 20px 25px;}


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
 #header_text{    color: #FFFFFF;
    float: left;
    font-size: 22px;
    padding-left: 24px;
    padding-top: 180px;
    position: relative;}
 #header_bild{    float: right;
    height: 183px;
    left: 380px;
    position: absolute;
    top: 30px;
    width: 610px;}
  #pfeil{   
    float: left;
    height: 80px;
    margin-top: 25px;
    width: 185px;}
  #logo{
    float: right;
    height: 126px;
    margin-bottom: 40px;
    margin-top: 0;
    width: 421px;}
    #bild1{    padding-bottom: 10px;
    padding-left: 10px;}
    #bild2{    padding-left: 10px;}
}