body {
   background-color:#0070C0;
   font-size:16px;
   color:#EEE;
   margin:1mm;
}
#textfeld {
   background-color:#EFF;
   font-size:12pt;
   color:#005;
   margin:1mm;
}
h1 {
   font-size:30px;
}
h2 {
   font-size:26px;
   font-family:Comic Sans MS;
}
h3 {
   font-size:20px;
   color:#FFA;
}
h4 {
   font-size:22px;
   color:#0FA;
   margin:2mm;
}
p,td,li {
   font-size:16px;
   margin-top:0mm;
   margin-bottom:3mm;
}

.zelle {
  border-width:1px;
  border-color:#0000AA;
  border-style:none solid solid none;
  font-size=14pt;
  padding:1 5 1 5;
}
.bildzelle {
  width:140;
  height:140;
  border-width:2px;
  border-style:outset;
  border-color:#FFDF00;
  background-color:#A02020;
  text-align:center;
}

.header {
  border-width:1px;
  border-color:#C0C0C0;
  border-style:none solid solid none;
  font-size=16pt;
  padding:1 5 1 5;
  text-align:center;
  background-color:#0000DF;
  color:#FFFF00;
  height:28px;
}
.tabelle{
  width:680;
  border-width:2px;
  border-color:#FFBF00;
  border-style:groove;
  background-color:#808080;
}
.navigation {
  font-size:14pt;
  border:none;
  background-color:#FFF;
  color:#005;
  border-width:2px;
  border-color:#FFBF00;
  border-style:groove;
}

.stateon{ FILTER: alpha(Opacity=70); border: 2px white inset; }
.stateoff{ border: 2px yellow outset; }

.thumbon{ FILTER: alpha(Opacity=70); border: 2px yellow outset; }
.thumboff{ border: 2px yellow inset; }

.versteckt {display:none;}
.zeigen {display:normal;}

.button {
  height:18;
  font-family:Arial;
  font-size:12px;
  font-weigth:bold;
  text-decoration:none;
  text-align:center;
  background-color:#990000;
  border-width:1px;
  border-color:#C0C0C0;
  border-style:solid none none solid;
  padding:1 2 2 1;
  color:#FFFFFF;
}
.button:hover{
  border-width:1px;
  border-color:#C0C0C0;
  border-style:none solid solid none;
  text-decoration:none;
  padding:2 1 1 2;
  background-color:#FF9966;
  color:#000080;
  font-style:normal;
}