@media all
{
 /* @section browser reset
  /* (en) Global reset of paddings and margins for all HTML elements */
   * { margin: 0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
   option { padding-left: 0.4em; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid; }

 /* @section base layout */

  #header {  }

  /* (en) Backup for correct positioning */
  #header, #nav, #main, #footer, #orange, #grey { clear:both; overflow: hidden;}


 /* @section subtemplates */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  .subcolumns-oldgecko { width: 100%; float:left; }

  .c16l, .c20l, .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c16r, .c20r, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c16l { width: 16.67%; }
  .c16r { width: 16.65%; }
  .c20l, .c20r { width: 20%; }
  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

}