table.tinytable  { font-size: 12px; line-height: 14px; }
table.smalltable  { font-size: 20px; line-height: 20px; }
body { margin:0px; padding:0px; width: auto; background: #000000; color:#ffffff; font-family:verdana,arial,geneva,sans-serif; font-size: 14px; 
 border-width: 0px; border-color: #0000cc #00aa00 #0000ff #000088; border-style: solid; }

div.t { color:#00ff00;  }
div.o {width: 100%; margin: 1px auto; font-size: 12px; line-height:39px; text-align: center; text-transform: uppercase; }
ul.m { text-align: center; list-style: none; padding: 2px; margin: 0px auto; width: auto; display: inline; list-style-type:none; }
ul.m li { display: inline; margin: 1px; text-align: center; list-style-type: none; }
ul.m li a { display: inline; list-style-type: none; text-align: center; width: 100%; margin: 1px; font-size: 20px;
  border-width: 1px; border-color:#0000cc #0000aa #0000ff #000088; border-style: solid; color: #ffff00;  padding: 5px; 
  text-decoration: none;  background: #000000; }
ul.m li a:hover { color: #ffffff; background: #000000; border-width: 1px; padding:5px 5px 5px 5px; margin: 1px; 
     -webkit-transform: rotate( 179deg); -moz-transform: rotate( 179deg); transform: rotate( 179deg); }
ul.m li.same a { color: #ffffff; background: #000000; border-width: 0px; padding:5px 5px 5px 5px; margin: 1px; 
    border-color: #0000ff #00aaff #00ccff #2288ff; }
img.noborder { border-width: 5px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: none; text-decoration:none;}
img.noborder:hover { border-width: 5px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: none; text-decoration:none;}
img { border-width: 1px; border-color:#000000 #000000 #000000 #00000f; border-style: solid; color: #ffff00;  padding: 5px; }
img:hover { border-width: 1px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffff00;  padding: 5px; 
       -webkit-transform: rotate( 0deg); -moz-transform: rotate( 0deg); transform: rotate( 0deg); }
img.politics { border: none; }
a {color: #ffff00; text-decoration:underline; font-size: 20px; }
a:active { color: #ffff00; }
a:link { color: #ffff00; }
a:hover { color: #ff0000; background: #000000;}
a:visited { color: #ffaa00; }

table.f { float: left; text-align: center; width: 150px; height: 150px; margin: 10px; padding: 1px; font-size: 36px; 
  border-width: 0px; border-color:#000000 #000000 #000000 #000000; border-style: solid; color: #ffff00; background: #000000; }
table.f td { border-width: 5px; border-color:#000000 #000000 #000000 #000000; border-style: solid; }
table.f td:hover { font-size: 36px; border-width: 5px 5px 5px 5px; border-color:#000000 #000000 #000000 #000000; border-style: solid; 
   -webkit-transform: rotate( 179deg); -moz-transform: rotate( 179deg); transform: rotate( 179deg); }

table.syllabus { font-size: 18px; border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #000022; }
table.syllabus td { border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.plan { font-size: 18px; border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #000022; }
table.plan td { border-width: 3px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.calendar { font-size: 14px; border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #000022; }
table.calendar td { border-width: 2px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.homework { font-size: 16px; border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #000022; }
table.homework td { border-width: 1px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.faq { font-size: 18px;
  border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #330000; }
table.faq td { border-width: 3px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.handouts { font-size: 18px;
  border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #330000; }
table.handouts td { border-width: 3px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

table.exhibits { font-size: 18px;
  border-width: 0px; border-color:#0000ff #111111 #111111 #1111aa; border-style: solid; color: #ffffff; background: #000000; }
table.exhibits td { border-width: 1px; border-color:#0000ff #0000ff #0000ff #0000ff; border-style: solid; }

table.lineartrafos { font-size: 18px; border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; color: #ffffff; background: #000022; }
table.lineartrafos td { border-width: 3px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

pre { margin-left:auto; margin-right:auto; border-width: 0px; background: #000000; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid; }

div#h { float: left; width:100%; }
div#l { float: left;  width:14%; }
div#t { float: right; width:85%; text-align: right; padding: 2px; }
div#t1 { font-size: 24px; line-height: 30px; color: #ffaa00; }
div#t2 { font-size: 24px; line-height: 30px; color: #ffcc00; }
div#t3 { font-size: 30px; line-height: 30px; color: #ffff00;  text-transform: uppercase;}
div#t3:hover { font-size: 30px; line-height: 30px; color: #ffff00;  text-transform: lowercase;}
div#t4 { font-size: 20px; line-height: 30px; color: #ffaa00; }
div#t5 { font-size: 20px; line-height: 25px; color: #ffcc00;}
div#t6 { font-size: 20px; line-height: 30px; color: #ffff00;}
div#p { float: left; width:98%; padding: 10px; }

div#a { width: 100%; font-size: 20px; width:100%; color: #ffffff; text-align:center; }
div#b { width: 98%; font-size: 20px; color: #ffff00; text-align:center; border-width: 0px;  padding: 10px; }
div#b:hover { width: 100%; font-size: 20px; color: #ffff00; text-align:center; border-width: 0px;  padding: 10px; }

input.slides  { font-size:20px; color: #000000; background:#ffff00; border-width: 3px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid;  padding:30px 10px 30px 10px;}
input.slides:hover { border-style: inset; background: #ffaa00;  padding:60px 10px 60px 10px;}
form.slides{ margin: 0px; padding:0px 0px 0px 0px;}
span.erratum {font-size:14px; color: #ff0000;}
div.capture {font-size:10px; color: #ffff00;}
div.legende {font-size:10px; color: #ffff00;}

table.equation { font-size:20px; }
td.a { border-width: 0px; border-color:#0000ff #00aaff #00ccff #2288ff; border-style: solid;  }
td.b { border-width: 0px; border-color:#ff00ee #ffccff #ffaaff #ff88ff; border-style: solid;  }
input.result  { font-size:24px; background:#220066;color: #ffffff; border-width: 0px; }
input.change  { font-size:16px; color: #000000; background:#ffff00; border-color:#ffff00 #ffcc00 #ffff00 #ffcc00; 
      padding:2px 2px 2px 2px; border-width: 3px;}
input.remark  { font-size:16px; color: #ffffff; background:#220066; padding:2px 2px 2px 2px; border-width: 0px;}
input.equation  { font-size:20px; color: #ffffff; background:#220066; padding:2px 2px 2px 2px; border-width: 0px;}
input.equationchange  { font-size:20px; color: #ffffff; background:#ff0000; padding:2px 2px 2px 2px; border-width: 0px;}

img.trafo1 { border-style: none; text-decoration:none;} 
img.trafo1:hover { border-style: none; -webkit-transform: matrix(1.3,0,0,1.3,0,0); -moz-transform: matrix(1.3,0,0,1.3,0,0); transform: matrix(1.3,0,0,1.3,0,0) }

img.trafo2 { border-style: none; text-decoration:none;} 
img.trafo2:hover { border-style: none; -webkit-transform: matrix(0.707,-0.707,0.707,0.707,0,0); -moz-transform: matrix(0.707,-0.707,0.707,0.707,0,0); transform: matrix(0.707,-0.707,0.707,0.707,0,0)}

img.trafo3 { border-style: none; text-decoration:none;} 
img.trafo3:hover { border-style: none; -webkit-transform: matrix(-1,0,0,1,1,1); -moz-transform: matrix(-1,0,0,1,1,1); transform: matrix(-1,0,0,1,1,1) }

img.trafo4 { border-style: none; text-decoration:none;} 
img.trafo4:hover { border-style: none; -webkit-transform: matrix(1,0,0.5,1,0,0);  -moz-transform: matrix(1,0,0.5,1,0,0); transform: matrix(1,0,0.5,1,0,0) }