body {
  background: #404040;
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  }

#main {
 width: 95%;
 margin: 1em auto;
 }

.center {
  text-align: center;
  }

.hint {
  border-bottom: 1px #000 dotted;
  }

table {
  width: 100%;
  padding: 6px;;
  }

th {
  padding: 5px;
  text-align: center;
  border: 1px #000 solid;
  letter-spacing: 1px;
  }

th.head {
  font-family: Verdana, sans-serif;
  font-size: 1.4em;
  padding: 0.5em;
  border-width: 2px;
  }

th.subhead {
  font-family: Verdana, sans-serif;
  font-size: 1em;
  padding: 0.4em;
  border-width: 2px;
  }

td {
  padding: 8px 15px;
  }

input {
  width: 4em;
  text-align: center;
  }
input.button {
  width: 10em;
  margin: 0.6em;
  }

.clear {
  clear:both;
  }

#hinweis {
  margin-top: 2em;
  padding: 10px;
  border: 2px #000 solid;
  background-color: #808080;
  font-size: 0.8em;
  }

/* Feuerteil */

#fire {
  border: 2px #000 solid;
  width: 48%;
  float: left;
  background-color: #D71919;
  }

#fire .small {
  color: #660000;
  }

#fire th {
  background-color: #A11313;
  }

#fire th.head,
#fire th.subhead {
  background-color: #7D0F0F;
  }

#fire td {
  background-color: #BE1616;
  text-align: center;
  }

#fire td.dark {
  background-color: #A11313;
  text-align: left;
  }

#fire input {
  border: 1px #660000 solid;
  background-color: #e75050;
  }

#fire input.button {
  border-width: 2px;
  }


/* Blitzteil */

#light {
  border: 2px #000 solid;
  width: 48%;
  float: right;
  background-color: #FFEF41;
  }

#light .small {
  color: #A88D30;
  }

#light th {
  background-color: #E3D001;
  }

#light th.head,
#light th.subhead {
  background-color: #C8A838;
  }

#light td {
  background-color: #F3DF01;
  text-align: center;
  }

#light td.dark {
  background-color: #E3D001;
  text-align: left;
  }

#light input {
 border: 1px #A88D30 solid;
 background-color: #FFFF91;
 }

#light input.button {
  border-width: 2px;
  }

.dream {
  text-align: left;
  white-space: nowrap;
  }

.dream input {
  margin: 0;
  }

/* Gesamtdmg */
#dmg {
  float: right;
  margin-top: 1em;
  width: 48%;
  border: 2px #000 solid;
  background-color: #F6B332;
  }

#dmg th.subhead {
  background-color: #A76A09;
  }

#dmg td {
  background-color: #F4A50C;
  text-align: center;
  }

#dmg .dark {
  background-color: #CE880A;
  text-align: left;
  }

.firedmg {
  color: #D71919;
  }

.lightdmg {
  color: #F3DF01;
  }