/* CSS Document */
*
{
  padding: 0;
  margin: 0;
}
body
{
  margin-top: 20px;
  background-color: #FFDEAD;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: Navy;
  text-align: center;
}
div
{
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
h2
{
  font-size: 18px;
}
h3
{
  font-size: 16px;
}
h4
{
  font-size: 14px;
}
h5
{
  font-size: 12px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;  
}
h6
{
  font-size: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;  
}
h7
{
  font-size: 8px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;  
}
h8
{
  font-size: 6px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;  
}
h2.center
{
  font-size: 18px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h3.center
{
  font-size: 16px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h4.center
{
  font-size: 14px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h5.center
{
  font-size: 12px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h6.center
{
  font-size: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h7.center
{
  font-size: 8px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
h8.center
{
  font-size: 6px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;  
}
table
{
  border: 0;
  margin-right: auto;
  margin-left: auto;
  border-spacing: 5px;
  font-size: 14px;
}
table.zentriert
{
	margin-left:	auto;
	margin-right:	auto;
	border-collapse: collapse;
	border: none;
}
table.einmaleins
{
  margin-right: auto;
  margin-left: auto;
  border-collapse:  collapse;
  border: none;
}
td, th
{
	padding:	5px 5px 5px 5px;
}
td.border, th.border
{
	border: 1px solid #DFBE8D;
}
td
{
  border: 1px solid black;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
td.brighter
{
  background-color: #DEF7FF;
}
td.darker
{
  background-color: #BED7EF;
}
td.einmaleins
{
  border: 1px solid black;
  border: 1px solid #0000A0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  width: 50px;
  height: 50px;  
}
td.einmaleins_gelb
{
  background-color: #F8F400;
  color: #7A0B11;
  border: 1px solid black;
  width: 50px;
  height: 50px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.einmaleins_rot
{
  background-color: #FE0002;
  color: #7A0B11;
  border: 1px solid black;  
  width: 50px;
  height: 50px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.einmaleins_blau
{
  background-color: #BAC9E8;
  color: #7A0B11;
  border: 1px solid black;  
  width: 50px;
  height: 50px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.einmaleins_gelb_gerade
{
  background-color: #F8F400;
  color: #0F0389;
  border: 1px solid black;  
  width: 50px;
  height: 50px;
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.einmaleins_rot_gerade
{
  background-color: #FE0002;
  color: #0F0389;
  border: 1px solid black;  
  width: 50px;
  height: 50px;
  padding: 5px 5px 5px 5px;  
  font-size: 18px;
}
td.einmaleins_blau_gerade
{
  background-color: #BAC9E8;
  color: #0F0389;
  border: 1px solid black;  
  width: 50px;
  height: 50px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.ufer
{
  background-color: green;
  border: 1px solid black;  
  color: green;
  width: 20px;
  height: 20px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.erde
{
  background-color: #660000;
  border: 1px solid black;
  color: #660000;  
  width: 20px;
  height: 20px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.wasser
{
  background-color: blue;
  border: 1px solid black;  
  color: blue;
  width: 20px;
  height: 20px;  
  padding: 5px 5px 5px 5px;
  font-size: 18px;
}
td.yellow
{
  background-color: #FFFFCC;
  border: 1px solid black;  
}
td.white
{
  background-color: #FFFFFF;
  border: 1px solid black;
}
td.grey
{
  background-color: #CCCCCC;
  border:           1px solid black;  
  font-size:        18px;
  color:            #000000;
}
td.lotto
{
  background-color: #FF6600;
  border: 1px solid black;  
  color: #000000;
  width: 30px;
  height: 30px;  
  padding: 10px 10px 10px 10px;
  font-size: 18px;
}
td.lottozahl
{
  background-color: #990000;
  border: 1px solid black;
  color: #000000;  
  width: 30px;
  height: 30px;  
  padding: 10px 10px 10px 10px;
  font-size: 18px;
}
td.lottozzahl
{
  background-color: #FFFF99;
  border: 1px solid black;  
  color: #000000;
  width: 30px;
  height: 30px;  
  padding: 10px 10px 10px 10px;
  font-size: 18px;
}
table.tabellen
{
  margin-right: auto;
  margin-left: auto;
  border-collapse:  collapse;
  border: none;
}
#textblock
{
  background-color: #FFEFD5;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 8px 8px 8px 8px;
  line-height: 140%;
}