@charset "UTF-8";

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

  /* #col1 becomes the left column | #col1 wird zur linken Spalte */
  #col1 { width: 180px; }

  /* #col2 becomes the right column | #col2 wird zur rechten Spalte */
  #col2 { width: 165px; min-height:450px;text-align: center; }

  /* #col3 becomes the middle column | #col3 wird zur mittleren Spalte */
  #col3 { margin-left: 18%; margin-right: 20%; padding-top:5px; }
}