/**
 * "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.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/**
 *  FARBEN 
 *  dunkles Grün: color: #808F1D;
 *  normales Grün: #cfdc70
 *  helles Grün: background-color: #E0E68C;
 *  Logo, Gabel, Lila: #B390B3
 *  Logo, Schrift: #79734C
 */

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

    /**
       * (de) Gestaltung des YAML Basis-Layouts
       */

    /* (de) Randbereiche & Seitenhintergrund */
    body
    {
        background: #FFF;
        padding: 0;
        font-family: Arial, sans-serif; font-size: 13px;
    }


    /* (de) Layout: Breite, Hintergrund, Rahmen */
    #page_margins
    {
        min-width: 740px;
        max-width: 80em;
        margin: 0 auto;
        border: 0px #889 solid;
    }
    #page
    {
        background: #FFF;
        width: 950px;
    }

    /* (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
    {
        background: url(header_bg1.gif) no-repeat;
        height: 164px;
    }

    #logo
    {
        float: left;
    }

    #header .topnav
    {
        text-align: right;
        padding-right: 50px;
        padding-top: 10px;
        font-size: 11px;
    }

    /*
    #header .mainnav { padding: 95px 0 0 240px; font-weight: bold; font-size: 14px; text-transform: uppercase; }
    #header .mainnav, #header .mainnav a { color: #fff; }
    #header ul { list-style-type: none; }
    #header li { float: left; padding-right: 13px; }
    #header .mainnav .hi, #header .mainnav .hi a { color: #808F1D; }
    */
    #headerbild
    {
        width: 723px;
        background: url(header_bg2.gif) no-repeat right top;
        float: left;
    }

    #topnav
    {
        color: #aaa;
        background: transparent;
    }
    #headerbildContainer
    {
        float: left;
        width: 201px;
        height: 197px;
        margin-right: 13px;
        background: url(navi_li_oben.gif) #cfdc70 no-repeat;
    }
    #headerbildContainerSchmal
    {
        float: left;
        width: 201px;
        height: 83px;
        margin-right: 13px;
        background: url(navi_li_oben.gif) #cfdc70 no-repeat;
    }
    #breadcrumb
    {
        margin: 0px;
        padding: 0px;
    }
    #currentnode
    {
        padding-top: 39px;
        text-align: center;
    }
    #treeview
    {
        padding-top: 10px;
        color: #808F1D;
    }
    #treeview table td
    {
        padding-top: 10px;
    }
    #treeview table table td
    {
        padding-top: 5px;
        font-weight: bold;
    }
    #treeview table table table td
    {
        padding-top: 0px;
        font-weight: lighter;
    }
    #treeview table table table table
    {
        padding-top: 0px;
        font-weight: lighter;
        font-style: italic;
    }
    #suche
    {
        padding-top: 39px;
        text-align: center;
    }
    /* (en) adjustment of main navigation */
    /* (de) Anpassung der Hauptnavigation */
    #nav ul
    {
        margin-left: 20px;
    }
    #nav_main
    {
        background-color: #336;
    }

    #main
    {
        background: #fff;
        padding: 5px 0; /*Abstand zum Header*/
        width: 840px;
        height: 100%;
        
    }

    #footer
    {
        color: #666;
        background: url(rund_unten.gif) #cfdc70 no-repeat top right;
        height: 20px;
        padding: 5px ;
        
    }

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

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


    #col1
    {
        width: 201px;
        min-height: 400px;
        background-color: #F5F5F8;
        
        /*
        background-color: #cfdc70;
        height: 100%;
        border:solid 1px black;
        */
    }
    #col1_content
    {
        padding: 10px 10px 10px 20px;
        
    }

    #col2
    {
        width: 25%;
    }
    #col2_content
    {
        
        padding: 10px 20px 10px 10px;
        
    }

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