@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.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
    background-color: #eeeeee;
  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
    margin: 30px auto 20px auto;
    border: 1px solid #1d3156;
    min-width: 700px;
    max-width: 70em;
  }

  #page{
    background-color: #ccc;
    border: 1px solid #b4ceff;
  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {
    position: relative;
    font-size: 1.2em;
    color: #14429e;
    height: 4.3em;
    border-bottom: 1px solid #b4ceff;
  }

  #headerBorder {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #c6ccd8;
    border-bottom: 1px solid #1d3058;
    width: 100%;
    height: 0px;
  }

  #headerLogo {
    position: absolute;
    top: 10px;
    left: 14px;
  }

  #headerBanner {
    position: absolute;
    top: 10px;
    left: 10.5em;
  }

  #headerBanner img {
    float: left;
    margin-right: 10px;
  }

  #headerName {
    float: right;
  }

  #topnav {  }

  #main {
    color: #039;
   }

  #footer {
    position: relative;
    font-size: 0.8em;
    color: #14429e;
    text-align: center;
    border-top: 1px solid #b4ceff;
    padding: 11px;
  }

  #footerBorder {
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px solid #1d3058;
    border-bottom: 1px solid #c6ccd8;
    width: 100%;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 {  }
  #col1_content { }

  #col2 { }
  #col2_content {  }

  #col3 {
    border-left: 1px solid #b4ceff;
  }

  #col3_content {
    background: #fff url(/bilder/hintergrund_inhalt.png) repeat-y;
    border-left: 1px solid #1d3156;
    padding: 0.734em 1em 0.734em 34px;
  }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */


}
