/* ------ Main ------ */
body {
  background-color:#eeeeee;
  color:#333333; 
  margin:0;
  padding:30px 20px;
  font:11px/16px verdana, arial, sans-serif;
}

.main {
  padding:50px;
  clear:both;
}

.header {
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  clear:left;
}

/* ------ Kram ------- */
.line {
  color:#cccccc; 
  background-color:#333333;
  height:1px; 
  border:0px;  
  margin:5px 0px;
}


/* ------ Spielfeld Diffculty 6 ------- */
.spielfeld_d6         { background-color:#333333; width:457px; height:457px; }
.feld_empty_d6        { background-color:#dddddd; border:0px; width:70px; height:70px; }
.feld_empty_hover_d6  { background-color:#f2f2f2; border:0px; width:70px; height:70px; }
.feld_hit_d6          { background-color:#85d285; border:0px; width:70px; height:70px; }
.feld_hit_hover_d6    { background-color:#bceabc; border:0px; width:70px; height:70px; }
.feld_nohit_d6        { background-color:#dcb3b3; border:0px; width:70px; height:70px; }
.feld_nohit_hover_d6  { background-color:#eacece; border:0px; width:70px; height:70px; }
.feld_sunk_d6         { background-color:#8795de; border:0px; width:70px; height:70px; }
.feld_sunk_hover_d6   { background-color:#bcc5f4; border:0px; width:70px; height:70px; }

/* ------ Spielfeld Diffculty 8 ------- */
.spielfeld_d8         { background-color:#333333; width:455px; height:455px; }
.feld_empty_d8        { background-color:#dddddd; border:0px; width:52px; height:52px; }
.feld_empty_hover_d8  { background-color:#f2f2f2; border:0px; width:52px; height:52px; }
.feld_hit_d8          { background-color:#85d285; border:0px; width:52px; height:52px; }
.feld_hit_hover_d8    { background-color:#bceabc; border:0px; width:52px; height:52px; }
.feld_nohit_d8        { background-color:#dcb3b3; border:0px; width:52px; height:52px; }
.feld_nohit_hover_d8  { background-color:#eacece; border:0px; width:52px; height:52px; }
.feld_sunk_d8         { background-color:#8795de; border:0px; width:52px; height:52px; }
.feld_sunk_hover_d8   { background-color:#bcc5f4; border:0px; width:52px; height:52px; }

/* ------ Spielfeld Diffculty 10 ------- */
.spielfeld_d10        { background-color:#333333; width:451px; height:451px; }
.feld_empty_d10       { background-color:#dddddd; border:0px; width:41px; height:41px; }
.feld_empty_hover_d10 { background-color:#f2f2f2; border:0px; width:41px; height:41px; }
.feld_hit_d10         { background-color:#85d285; border:0px; width:41px; height:41px; }
.feld_hit_hover_d10   { background-color:#bceabc; border:0px; width:41px; height:41px; }
.feld_nohit_d10       { background-color:#dcb3b3; border:0px; width:41px; height:41px; }
.feld_nohit_hover_d10 { background-color:#eacece; border:0px; width:41px; height:41px; }
.feld_sunk_d10        { background-color:#8795de; border:0px; width:41px; height:41px; }
.feld_sunk_hover_d10  { background-color:#bcc5f4; border:0px; width:41px; height:41px; }

/* ------ Spielfeld Raender ------- */
.spielfeld_d          { background-color:#333333; width:454px; height:454px; }
.feld_koord_w         { background-color:#eeeeee; border:0px; width:30px; height:20px; text-align:center; font-size:0.9em; font-weight:bold; valign:middle; }
.feld_koord_s         { background-color:#eeeeee; border:0px; width:20px; height:30px; text-align:center; font-size:0.9em; font-weight:bold; valign:middle; }
.feld_zero            { background-color:#eeeeee; border:0px; width:30px; height:30px; }


/* ----- Options ----- */

.options_div {
  float:left;
  margin-left:30px;
}

.options {
  width:300px;
  background-color:#333333;
}

.options_header {
  font-size:0.8em;
  font-weight:bold;
  width:100%;
  background-color:#cccccc;
  padding:3px;
}

.options_cell {
  font-size:0.8em;
  width:100%;
  background-color:#dddddd;
  padding:10px;
}

.ship_cell {
  font-size:0.8em;
  background-color:#dddddd;
  padding:5px;
  text-align:left;
}

.messages {
  clear:both; 
  float:left; 
  width:780px; 
  margin-top:40px;
}