@charset "UTF-8";

@media screen
{
  /**
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col3   | #col1               |
   * | flexible| 75%                 |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* #col1 wird zur Hauptinhaltsspalte */
  #col1 { width: 75%; float:right}
  #col1_content { padding: 10px 20px 10px 10px; }

  /* #col2 abschalten */
  #col2 { display:none; }

  /* #col3 wird zur linken Spalte */
  #col3 { margin-left: 0; margin-right: 75%; }
  #col3_content { padding: 10px 10px 10px 20px; }

  /* Grafikfreier Spaltentrenner zw. #col1 und #col3*/
  #col3 {border-right: 1px #dddddd solid;}
  #main {padding: 1em 0}
}