/* CSS Document */


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

  /**
   
   *  Gestaltung des Basis-Layouts
   */
   
html {height: 101%;}
 
  /* Randbereiche */
  body { background: #f1f6fa; padding: 0 0 20px 0; margin: 0; }

 
  /* Layout: Breite, Hintergrund */
  #page_margins { 
  width: 960px; 
  margin: 0 auto; 
  text-align:left; 
  }
  
  #page { 
  background-color: #f1f6fa;
  background-image: url(../images/bg/bg_rechts.gif);
  background-repeat: repeat-y; 
  background-position: top right; }

  /* Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }

  
  /* Gestaltung der Hauptelemente des Layouts */

 /* Contentbereich: Container schlie�t die Inhaltsspalten ein */
  #main {
  padding: 0; 
  margin: 0;
  min-height: 400px; 
  background-image: url(../images/bg/header.jpg); 
  background-repeat: no-repeat; 
  background-position: top right; 
  }


/* Footerbereich - roter Balken unter dem Inhaltsbereich */
  #footer { 
 height: 6px; border-left: 214px solid #f1f6fa; background-color: #b51521; margin: 0; padding: 0;
  }

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

  /*c
 
   *  Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3   | #col2     |
   * | 214px | flexible  | 190px     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */
  #col1 { float: left; width: 214px; margin: 0; padding: 0; }
  #col1_content {min-height: 400px; padding: 0; margin: 0; }

  #col2 { float: right; width: 190px; margin-top: 147px;}
  #col2_content { padding: 24px 13px 24px 13px; margin: 0; }

  #col3 {
  margin: 0 190px 0 0; 
  width: auto; padding: 147px 0 0 0;
  border-left: 214px solid #fff; 
 } 
  #col3_content {min-height: 400px; padding: 20px 24px 24px 24px; margin: 0; }
  
  
   /* Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position: relative; }
  
  #col1 {z-index: 3;}
  #col2 {z-index: 5;}
  #col3 {z-index: 1;}
  
  #col1_content {z-index: 4;}
  #col2_content {z-index: 6;}
  #col3_content {z-index: 2;}
  
  
   /* Vorbereitung f�r absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position: relative; }
  
 
  

/*------------------------------------------------------------------------------------------------------*/
 
 /* Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* Overflow-Methode zum Clearen der Float-Umgebungen */
    .floatbox { overflow:hidden; }


  /* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }