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

  /**
   * (en) Formatting YAML's  basic layout elements
   */

  /* (en) Marginal areas & page background */
   body { background: #FFFFFF url("../../images/bg_header.gif") repeat-x top left; }

  /* (en) Centering layout in old IE-versions */
   body { text-align: center; }
  .page_margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
   .page_margins { width: 930px; background: #fff; }
   .page{ }
  
  /* (en) Designing main layout elements */
   #header {
    color: #888888;
    background: #FFFFFF url("../../images/bg_header.gif") repeat-x top left;
    padding: 10px 0 0 0;
    height: 70px;
  }
  #topnav { font-size: 0.9em; }

  /* (en) adjustment of main navigation */
    /*#nav ul { margin-left: 26px; }*/
    #nav_main {background-color: #336; }

  #main { background: #fff;padding:10px 0; }

  #footer {
    width: 900px;
    position: absolute;
    padding-top: 5px;
    font-size: 0.9em;
    color: #888888;
  }


  /**
   * (en) Formatting content container
   */
  #col1 { width: 226px; }
  #col1_content { padding: 8px 26px 0 0; }

  #col2 { width: 226px; }
  #col2_content { padding: 8px 10px 10px 10px; }

  #col3 { margin: 0 0 0 226px; width: 687px; }
  #col3_content { padding: 8px 0 4em 0; min-height: 400px; }

}


/* Footer stuff */
body, html { height: 100% !important; padding: 0;}

.page_margins {
position:relative !important;
min-height:100%; /* real browsers */
height: auto !important;
}
* html .page_margins { height:100% !important; }

/* allocate space for footer ... */
.page { padding-bottom: 4em; }


#footer {
position:relative !important;
width: 100%;
/* move #footer to its position ... */
margin-top: -4em;
background: #312d2e;
border: 0 none;
padding: 0;
height:4em;
}

#footer_content {
text-align: left;
width: 913px;
margin: 0 auto;
padding-top: 5px;
}