/**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  
  html {height: 100%; margin-bottom: 1px;}
  body {background-color:#efefef; margin: 0; padding: 0 0 20px 0;}

  /* Layout: Breite, Hintergrund, Rahmen */
  #page_margins {margin: 0;}

   /* Container für die Inhaltselemente - erforderlich wg. der Zentrierung */
  #logo_cont { width: 100%; background-color: transparent;}
  #leer_cont { width: 100%; background-color: #ddd; border-top: 1px solid #fff;}
  #header_cont { width: 100%; background-image:url(../images/bg/linie.gif); background-repeat: repeat-x; background-position: top left;}
  #nav_cont {width: 100%; background-color: #ddd; border-top:1px solid #fff;}
  #main_cont {clear: both; width: 100%; background-color: transparent; border-top:1px solid #fff; border-bottom: 1px solid #fff;}
  #footer_cont { width: 100%; border-bottom: 1px solid #fff;background-color: #ddd;}
  
  /* Inhaltselemente */
  #logo  {position: relative;left: 50%; margin-left: -422px; width: 844px; background-color: #fff ;border-left: 1px solid #fff;border-right: 1px solid #fff; }
  #leer {position: relative;left: 50%; margin-left: -422px; width: 844px; padding: 5px 0; background-color: #006ea9; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  #header {position: relative;left: 50%; margin-left: -422px; width: 844px; height: 155px; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #006ea9;}
  #nav {position: relative;left: 50%; margin-left: -422px; width: 844px; border-left: 1px solid #fff;border-right: 1px solid #fff; background-color: #efefef;}

  #main_nav {min-height: 18px; padding-top: 6px; padding-bottom: 6px;}
  #breadcrumb { margin-left: 20px; margin-right: 300px; padding: 4px 0; }
  
  /* z-index nötig, da sonst Dropdownnavigation hinter dem main verschwindet */
  #main {position: relative;left: 50%; margin-left: -422px; width: 844px;background:#fff;padding:0 0; border-left: 1px solid #fff;border-right: 1px solid #fff;}

  #footer {position: relative;left: 50%; margin-left: -422px; width: 844px; border-left: 1px solid #fff;border-right: 1px solid #fff; padding: 5px 0; background-color: #006ea9;}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */
/* (en/de) Standard: 200 Pixel */
  #col1 { display: none;  }
  #col1_content { padding: 3px 10px; }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 324px; }
  #col2_content { padding: 3px 10px;}
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 324px 0 0; min-height: 400px; }
  #col3_content { padding: 10px 20px;}

  /* (de) 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; }



/*--------------------------------------------Footer-Navigation ------------------------------------------ */

#footer_nav_cont {clear: both;}
#footer_nav_col1 {display: none;  }
#footer_nav_col2 {float:right; width: 324px; }
#footer_nav_col3 { width:auto; margin: 0 324px 0 0;}

#footer_nav_col1_content {padding: 24px 10px 3px 10px;  }
#footer_nav_col2_content {padding: 24px 10px 3px 0px; }
#footer_nav_col3_content {padding: 24px 20px 3px 20px;  }