@media screen {
.rot { color: #900 }
.blau  { color: #00f }
h1  { font-size: 30px; font-family: Arial; line-height: 120% }
h2    { color: #800000; font-size: 27px; font-family: Arial; line-height: 120% }
h3  { color: #4b0082; font-size: 21px; font-family: Arial; line-height: 120% }
h4  { color: #4b0082; font-size: 16px; font-family: Arial; line-height: 120% }
h5  { color: #c03; font-size: 14px; font-family: Arial; font-style: oblique; font-weight: bold; line-height: 120% }
pre  { color: blue; font-weight: bold; font-size: 12pt; font-family: "Courier New" }
body { font-size: 10pt; line-height: 15pt; font-family: Arial; background-color: #fffff0 }
td  { font-size: 10pt; line-height: 140%; font-family: Arial }
em { color: #800000; font-style: italic; font-weight: bolder; background-color: #fffacd }
.funktion  { color: #0000cd; font-weight: bold; font-family: "Courier New", Courier; background-color: #e0ffff }
.quelltext { color: #0000cd; font-family: "Courier New", Courier; font-weight: bold }
.methode  { color: #33c; font-weight: bold; background-color: transparent }
.klasse   { color: #630; font-weight: bold; background-color: transparent }
.objekt   { color: #f00; font-weight: bold; background-color: transparent }
.fachbegriff-bg  { font-size: smaller; background-color: #eee8aa; padding-left: 20px }
.uebung   { color: #000; background-color: transparent; background-image: url("BlueJ/pigs/karo.jpg"); padding: 3pt; border-style: solid; border-width: 1pt 2pt 2pt 1pt; border-color: #00f }
.hervorhebung    { font-style: italic; font-weight: bold }
.variable   { color: #00f; background-color: #ff0 }
.attribut  { color: #309; font-weight: bold; background-color: transparent }
.einrueckung-rechts { padding-right: 20px; }
.einrueckung-links { padding-left: 20px; }
.bemerkung {  padding-left: 20px; font-size: smaller }
.bildunterschrift { font-size: smaller; font-style: italic; padding-left: 20px }
.ziffer-gross { color: #00008b; font-weight: bold; font-size: x-large }
	.notizblock { background-image: url("BlueJ/pigs/notiz.jpg"); background-repeat: no-repeat; background-attachment: scroll; height: 100px }
}

@media print {
h1 { font-size: 30px; font-family: Arial }
h2   { color: #800000; font-size: 22px; line-height: 120%; font-family: Arial }
h3 { color: #4b0082; font-size: 15x; font-family: Arial }
h4 { color: #4b0082; font-size: 12px; font-family: Arial }
h5 { color: #c03; font-size: 11px; font-family: Arial; font-style: oblique; font-weight: bold }
pre   { color: blue; font-size: 9pt; font-family: "Courier New"; font-weight: bold }
body  { font-size: 12pt; font-family: Arial; background-color: #fffff0 }
td  { font-size: 8pt; line-height: 140%; font-family: Arial }
em { color: #800000; font-style: italic; font-weight: bolder; background-color: #fffacd }
.funktion  { color: #0000cd; font-weight: bold; font-family: "Courier New", Courier; background-color: #e0ffff }
.methode { color: #8b0000; font-weight: bold; font-family: "Courier New", Courier; background-color: #e0ffff }
.klasse   { color: #930; font-family: "Courier New", Courier; font-weight: bold; background-color: transparent }
.objekt   { color: #f00; font-family: "Courier New", Courier; font-weight: bold; background-color: transparent }
.fachbegriff-bg  { font-size: smaller; background-color: #eee8aa; padding-left: 15px }
.uebung  { color: #ff0; background-color: #b22222 }
.hervorhebung   { color: #000; font-style: italic; font-weight: bold }
.variable   { color: #00f; font-weight: bold; font-family: "Courier New"; background-color: #ff0 }
.attribut  { color: #309; font-family: "Courier New"; font-weight: bold; background-color: transparent }
.einrueckung-rechts { padding-right: 15px; }
.einrueckung-links { padding-left: 15px; }
.bemerkung {  padding-left: 15px; font-size: smaller }
.bildunterschrift { font-size: smaller; font-style: italic; padding-left: 15px }
.ziffer-gross { color: #00008b; font-weight: bold; font-size: x-large }
}