/*

http://www.web-toolbox.net

Beispiel einer externen CSS-Datei für beide Medien
CSS-Notierungen für: media screen / media print

als Textdatei mit der Dateiklasse css speichern
z.B. als: styleskombi.css

*/


@media print {
  /* Drucker */


  body {
  font-family: Verdana,sans-serif;
  font-size:12px;
  color:#000000;
  background-color:#FFFFFF;
  margin:0px;
  margin-left:0px;
  padding:0px;
  }

  h1{
  font-size:18px;
  font-weight:normal;
  color: #8F8F8F;
  font-weight:bold;
  }

  td{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color: #000000;
  line-height:130%;
  }


  .beide {
  font-size:12px;
  color:#000000;
  background-color:#FFFFFF;
  width:798px;
  }

  .drucker {
  font-size:12px;
  color:#000000;
  }

  .bildschirm {
  display:none;
  }

  table {
  width:95%;
  }  

}




@media screen, handheld {
  /* Bildschirm */

  body {
  font-family: Verdana,sans-serif;
  font-size:11px;
  color:#000000;
  background-color:#F0F4FF;
  background-image:url(kachel.gif);
  margin:0px;
  padding:0px;
  }

  h1{
  font-size:18px;
  font-weight:normal;
  color: #E41F26;
  }

  a{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  color: #000000;
  }
  a:visited {color:#000000;}
  a:hover{color:#00E0FF;}

  td{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color: #000000;
  line-height:130%;
  }

  .beide {
  font-size:11px;
  color:#000000;
  background-color:#F0F4FF;
  background-image:url(kachel.gif);
  }

  .drucker {
  display:none;
  }

  .bildschirm {
  font-size:12px;
  color:#000000;
  }

}