@charset "UTF-8";

@media screen, projection
{  
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1               | #col3   |
   * | 75%                 | flexible|
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* #col1 becomes main column | Linke float-Spalte wird zur Inhaltsspalte */
  #col1 { width: 75%; }
  #id-1 #col1 { border-right: 1px solid;} 
  #col1_content { padding: 10px; }

  /* hide #col2 | Rechte Spalte abschalten */
  #col2, #col2_content { display:none }

  /* #col3 moves to the right | Linken Randabstand anpassen - #col3 wird zur Randspalte */
  #col3 { margin-left:75%; margin-right:0; }
  #col3_content { padding-left: 10px; }
}