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

    /* (en) Marginal areas & page background, Centering layout in old IE-versions*/
    /* (de) Randbereiche & Seitenhintergrund, Zentrierung des Layouts in alten IE-versionen */
    body
    {
        text-align: center;
    }
    
    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */

    .page_margins
    {
        text-align: left;
        margin: 0 auto;
    }

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

    #header .page_margins
    {
        color: #000;
    }

    #header .page_margins .page
    {
        padding: 45px 2em 1em 20px;
        position:relative;
    }

    #header #topnav
    {
        color: #aaa;
        background: transparent;
        top:135px;
        right:10px;
    }

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

    #main
    {
        padding: 10px 0;
        width: 100%;
        float: left;
        position:relative;
    }

    #footer .page_margins
    {
        line-height: 1.5em;
    }
    
     #footer .page_margins .page
    {
        padding: 10px 20px;
    }

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

    /**
       * (en) Repositioning content container
       * (de) Neupositionierung der Content Container
       *
       * |-------------------------------|
       * | #header                       |
       * |-------------------------------|
       * | #col2   | #col1               |
       * | 30%     | 70%                 |       
       * |-------------------------------|
       * | #footer                       |
       * |-------------------------------|
       */


    /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
    #col1
    {
        
        /* width: 70%; */
        float: left;
        /* margin-left: 30%; */
    }
    #col1_content
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* #col2 becomes the left column | #col2 wird zur linken Spalte */
    #col2
    {
        /* width: 30%; */
        float: left;
        /* margin-left: -100%; */
    }
    #col2_content
    {
        padding-left: 20px;
        padding-right: 10px;
    }

    /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
    #col3
    {
        float: right;
        /* width: 25%; */
        margin-left: -5px;
        margin-right: 0%;
    }
    #col3_content
    {
        padding-left: 10px;
        padding-right: 20px;
    }

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

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

    #header h1
    {
        font-weight: bold;
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 65%;
        color: #000;
        padding-top: 85px;
    }

    #header span
    {
        color: #999;
    }

    #topnav a
    {
        color: #999;
        font-weight: normal;
        background: transparent;
        text-decoration: none;
    }
    #topnav a:focus, #topnav a:hover, #topnav a:active
    {
        text-decoration: underline;
        background-color: transparent;
    }

    #footer a
    {
        color: #999;
        background: transparent;
        font-weight: bold;
    }
    #footer a:focus, #footer a:hover, #footer a:active
    {
        color: #4D87C7;
        background-color: transparent;
        text-decoration: underline;
    }

    /* Anpassung der Registernavigation */
    .register a, .register strong
    {
        padding-left: 4px;
        padding-right: 6px;
        /* Feste Breite der Register - width: 200px !important; */ 
    }
    
    .register ul 
    {
        /* Abstand */
        padding-left:0;
        margin-left:0;
    }

    .register ul li
    {
        /* Ausrichtung des Registerinhalts */
        text-align: center;
        /* Abstand zwischen Registern*/
        margin-left: 10px;
    }

    .menubar ul
    {
        float: left;
    }
    
    .menubar ul.empty
    {
        border:0;
    }
    
    .menubar_dummy 
    {
        visibility:hidden;
    }
    
    .menubar { position:relative; z-index:1; }

    .menubar { overflow:visible; }


    .dropdown *
    {
        background-image: none;
    }


    .ModuleBorder
    {
        position: relative;
    }

    .ModuleTitle h2
    {
        /* line-height: 44px;*/
        padding: 0 0 0 10px; 
        margin:0;
    }
    
    .ModuleContent 
    {
        position:relative;
        min-width:1px;
        zoom:1;
    }

    .ModuleFooter
    {
        padding: 10px 10px 0 0;
    }

    .ModuleFooter ul
    {
        height: 25px;
    }

    .ModuleFooter ul li
    {
        list-style-type: none;
        float: right;
        margin: 0 0 0 20px;
    }

    .moduleprintlink:link, .modulerecommendlink:link, .moduleprintlink:visited, .modulerecommendlink:visited, .moduleprintlink:hover, .modulerecommendlink:hover, .moduleprintlink:active, .modulerecommendlink:active
    {
        background-position: left center;
        background-repeat: no-repeat;
        color: #747474;
        font-size: 12px;
        font-weight: normal;
        padding-left: 24px;
        text-decoration: none;
    }

    .moduleprintlink
    {
        background-image: url(../../images/print.gif);
    }

    .modulerecommendlink
    {
        background-image: url(../../images/send.gif);
    }
    
    .page .breadcrumb ul
    {
        margin:0;
        list-style-type: none; 
        padding-left: 30px;
    }
    
    .page .breadcrumb ul li,
    .page .breadcrumb ul li.breadcrumbitem
    {
        margin:0;
        list-style-type:none;
        list-style-image: none;
        padding-right:5px; 
        line-height:30px;
    }
    
    
    /* revert back to old clearing method in floatbox */
    .floatbox {width:auto;display:block;overflow:hidden;}
    
    /* TODO: aus base.css uebernommene styles oben integrieren */
    
     #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }


}