@media screen  /* other media: use standards */
{
  body,a,p,li,b,table,h3,h4,h5 { font-family:Arial,sans-serif; font-style:normal; } 

  /* normal text outside any block (do not use, but instead always in paragraph or other block */
  body { font-size:12px; background-color:#C8E0C8; color:#FF0000; } 

  /* paragraph+bold+italics+list */
  p,b,i,li { font-size:12px; background-color:#C8E0C8; color:#000000; } 

  /* paragraph and anchor class margin-left (left space) */
  p.m1c { margin-left:1cm; }
  p.m2c { margin-left:2cm; }
  a.m1c { margin-left:1cm; }
  a.m2c { margin-left:2cm; }

  /* paragraph subclass alignment center (left space) */
  p.acenter { text-align:center; }

  /* img always without frame (border) and vertically middle */
  img { border-style:none; vertical-align:middle; }

  /* table, and some other inside table */
  table,table b,table i,table p,table li { font-size:12px; background-color:#C0D8C0; color:#000000; } 

  /* something centered (ex <center> or align="center") 
     Anm.: Dies ist nicht korrekt um eine darin liegende Tabelle zu zentrieren 
     (MSIE6 macht es dennoch und es wird im WWW oft -falsch- als korrektes Beispiel genannt) 
     Korrekt ist die Definition mit den margins fuer table. 
     Dann kann das div um die Tabelle wegfallen. 
     Es wird aber hier weiterhin genutzt zum zentrieren in den Tabellenzellen. */
  div.center { text-align:center; }
  table { margin-left:auto; margin-right:auto }

  /* list inside table align=left */
  table li { text-align:left; }

  /* caption of tables align=left */
  caption { text-align:left; }

  /* colored text */
  span.rot { color:#FF0000; }
  span.tuerkis { color:#00FFFF; }
  span.lila { color:#F050F0; }
  span.hellgruen { color:#D0FFD0; }
  span.dunkelgruen { color:#10C010; }
  span.gelb { color:#FFFF80; }
  span.weiss { color:#FFFFFF; }
  
  /* small text */
  span.klein { font-size:11px; }

  /* a (links) */
  a:link { font-size:12px; color:#4040EE; } 
  a:visited { font-size:12px; color:#551A8B; } 
  a:hover { font-size:12px; color:#C00000; } 
  a:active { font-size:12px; color:#FF0000; } 
  a:focus { font-size:12px; color:#FF0000; } 

  /* h1..h4 (by default left aligned, but use subclass center when needed) */
  h1,h2,h3,h4 { text-align:left; background-color:#007700; color:#FFFFFF; }
  h1.center,h2.center,h3.center,h4.center { text-align:center; }

  /* h5..h6 (left aligned) */
  h5,h6 { text-align:left; background-color:#FFFFFF; color:#007700; }

  /* h3 = page title, other titles */
  h3 { font-size:15px; padding:4px; }

  /* h4 = subtitles */
  h4 { font-size:13px; padding:3px; } 

  /* h5 = subsubtitles */
  h5 { font-size:12px; padding:2px; } 
  
  /* examples */
  samp { background-color:#E7FFE7; }
  /* code (more schematic examples) */
  code { background-color:#E7E7FF; }   
}