/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #DFE6EF; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto; min-width: 740px; max-width: 90em; background: #fff; }
  .page { padding: 5px; }

  #header { position:relative; height: 140px; margin-bottom: 5px; background: #DFE6EF; }
/*  #header_left { position: absolute; left: 0; margin: 15px 0 0 15px; z-index: 1; }
  #header_right { position: absolute; top: 0; right: 0; margin: 15px 15px 0 0; z-index: 2; }*/
  /*#header_bottom { position: absolute; bottom: 0; z-index: 3; margin: 0 0 5px 15px; }*/
  
  #nav { overflow:hidden; position:relative; height: 40px; background: #DFE6EF; }
  #main { min-height: 50em; margin: 10px 0; background: #fff; }
  #footer { padding: 0.5em 0 0 10px; color:#FFF; height: 30px; background: #336699; border-top: 5px #DFE6EF solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul,p { margin-left: 10px; }
  #nav .hlist { height: 35px; }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 18%;}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 19%; }
  #col1_content { padding: 0 5px 0 0px; }
  #col3_content { padding: 0 20px 0 10px; }
  
  #col4 { float:right; width: 16%;}
  #col5 { width:auto; margin:0 16% 0 19%; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col4_content, #col5_content { position:relative; }
  
  #col4_content { padding: 15px 5px 0 5px; }
  #col5_content { padding: 0 20px 0 10px; }
}