/*#############################################################################
#                                                                             #
#                   CSS-Definitionen zum Spiel SEABATTLE                      #
#                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                   #
#                      (C)opyright bei Michael Gasbers                        #
#                     MIGANO Professional Web Solutions                       #
#                            All rights reserved!                             #
#                                                                             #
#   Jegliche Form der Kopie, Veränderung und kommerziellen Verbreitung ohne   #
#   die schriftliche Zustimmung des Autors ist strengstens verboten!          #
#  *************************************************************************  #
#   Any form of copy, change and commercial distribution without the prior    #
#   written consent of the author is strictly prohibited!                     #
#                                                                             #
#   Für Anregungen und Fragen nehmen Sie bitte Kontakt mit uns auf über       #
#   http://migano.de oder per E-Mail an >> kontakt@migano.de <<. Danke.       #
#                                                                             #
#############################################################################*/
/* ========================================================================= */
/* Allgemeines                                                               */
/* ========================================================================= */
#seabattle_box {
  position : relative;
  visibility : hidden;
  display : inline-block;
  vertical-align : top;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  /* */
  background-color : #888;
  background : -o-linear-gradient(#555,#aaa,#555);
  background : -webkit-linear-gradient(#555,#aaa,#555);
  background : -moz-linear-gradient(#555,#aaa,#555);
  background : linear-gradient(#555,#aaa,#555);
  /* */
  text-align : center;
  font-family : verdana;
  /* */
  border : 3px solid;
  border-top-color : #aaa;
  border-left-color : #888;
  border-right-color : #666;
  border-bottom-color : #444;
  border-radius : 10px;
  box-shadow : 6px 6px 6px rgba(0,0,0,0.4), -6px 6px 6px rgba(0,0,0,0.4);
  /* */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

.seabattle_dib, .seabattle_dib_l, .seabattle_dib_r {
  display : inline-block;
  vertical-align : top;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_dib_l {
  float : left;
  text-align : center;
}
.seabattle_dib_r {
  float : right;
  text-align : center;
}

.seabattle_wrapper {
  display : block;
  width : 100%;
  height : 0px;
  margin : 0px;
  padding : 0px;
  clear : both;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

hr.seabattle_hr {
  display : block;
  height : 2px;
  margin-top : 10px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

/* ========================================================================= */
/* Dialog-Boxen                                                              */
/* ========================================================================= */
#seabattle_dialog {
  position : absolute;
  top : 0px;
  left : 0px;
  display : none;
  vertical-align : top;
  width : 100%;
  height : 100%;
  margin : 0px;
  padding : 0px;
  text-align : center;
  background-image : url("./grafik/bg_dialog.png");
  z-index : 9999999;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_dialog_inhalt {
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  padding : 30px;
  background-color : #f8f8f8;
  /* */
  background : -o-radial-gradient(#fff,#fff,#ddd);
  background : -webkit-radial-gradient(#fff,#fff,#ddd);
  background : -moz-radial-gradient(#fff,#fff,#ddd);
  background : radial-gradient(#fff,#fff,#ddd);
  /* */
  line-height : 1.4em;
  border : 2px solid #888;
  border-radius : 10px;
  box-shadow : 4px 4px 4px rgba(0,0,0,0.5), -4px 4px 4px rgba(0,0,0,0.5);
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_message, div.seabattle_message_button_box {
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  text-align : center;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_message {
  margin-top : 10px;
  text-shadow : 1px 1px 0px #fff;
}

.seabattle_dialog_button {
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  margin-top : 15px;
  padding : 5px;
  padding-left : 8px;
  padding-right : 8px;
  color : #fff;
  background-color : #555;
  background : -o-radial-gradient(#777,#555,#333);
  background : -webkit-radial-gradient(#777,#555,#333);
  background : -moz-radial-gradient(#777,#555,#333);
  background : radial-gradient(#777,#555,#333);
  font-weight : bold;
  font-size : 1.0em;
  border : 2px solid;
  border-color : #ccc;
  border-radius : 10px;
  text-shadow : 1px 1px 0px #000;
  box-shadow : 0px 0px 2px 2px rgba(0,0,0,0.3);
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_dialog_button:hover {
  color : #fff;
  background-color : #888;
  background : -o-radial-gradient(#ccc,#666,#333);
  background : -webkit-radial-gradient(#ccc,#666,#333);
  background : -moz-radial-gradient(#ccc,#666,#333);
  background : radial-gradient(#ccc,#666,#333);
  border : 2px solid;
  border-color : #0c0;
}

/* ========================================================================= */
/* Spielfeld                                                                 */
/* ========================================================================= */
#seabattle_playfield {
  position : relative;
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  background-color : #08f;
  border : 2px solid;
  border-top-color : #444;
  border-left-color : #666;
  border-right-color : #888;
  border-bottom-color : #aaa;
  border-radius : 8px;
  overflow : hidden;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_separator {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 10px;
  margin : 0px;
  padding : 0px;
  background-color : #666;
  /*
  background : -o-radial-gradient(#444,#888,#aaa);
  background : -webkit-radial-gradient(#444,#888,#aaa);
  background : -moz-radial-gradient(#444,#888,#aaa);
  background : radial-gradient(#444,#888,#aaa);
  */
  border-left : 2px solid;
  border-right : 2px solid;
  border-left-color : #888;
  border-right-color : #444;
  /* box-shadow : 0px 0px 2px 2px rgba(0,0,0,0.3); */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

.seabattle_field, .seabattle_field_border {
  position : relative;
  display : inline-block;
  vertical-align : middle;
  float : left;
  margin : 0px;
  padding : 0px;
  text-align : center;
  outline : none;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_field {
  font-family : verdana;
  color : #fff;
/*  background-color : #08f; */
/*  cursor:pointer; */
}
.seabattle_field_border {
  font-family : verdana;
  color : #ccc;
/*  background-color : #888; */
}
/*
*/
.seabattle_field_border.top {
  background-image : url("./grafik/border/top.png");
}
.seabattle_field_border.left {
  background-image : url("./grafik/border/left.png");
}
.seabattle_field_border.right {
  background-image : url("./grafik/border/right.png");
}
.seabattle_field_border.bottom {
  background-image : url("./grafik/border/bottom.png");
}
.seabattle_field_border.top_left {
  background-image : url("./grafik/border/top_left.png");
}
.seabattle_field_border.top_right {
  background-image : url("./grafik/border/top_right.png");
}
.seabattle_field_border.bottom_left {
  background-image : url("./grafik/border/bottom_left.png");
}
.seabattle_field_border.bottom_right {
  background-image : url("./grafik/border/bottom_right.png");
}
/*
.seabattle_field.raster {
  outline : 1px solid;
  outline-color : #06f;
}
*/
/*
.seabattle_field_border.raster {
  outline : 1px solid;
  outline-color : #BE7F19;
}
*/
/*
.seabattle_field:hover {
  background-color : #04f;
}
*/

/* ========================================================================= */
/* Panels mit Anzeigen und Einstellungen                                     */
/* ========================================================================= */
#seabattle_panel_scores {
  position : relative;
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  /* ----------------------------------------------------------------------- */
  /* ACHTUNG : An Konfiguration von "seabattle_panel_scores_position" anpassen. */
  /* ----------------------------------------------------------------------- */
  margin-top : 0px;
  margin-bottom : 0px;
  /* ----------------------------------------------------------------------- */
  padding : 0px;
  background : transparent;
  /*
  background-color : #ccc;
  background : -o-linear-gradient(#ccc,#666);
  background : -webkit-linear-gradient(#ccc,#666);
  background : -moz-linear-gradient(#ccc,#666);
  background : linear-gradient(#ccc,#666);
  */
  text-align : center;
  /*
  border : 2px solid;
  border-top-color : #bbb;
  border-left-color : #888;
  border-right-color : #666;
  border-bottom-color : #444;
  border-radius : 10px;
  */
  /* box-shadow : 0px 0px 4px 4px rgba(0,0,0,0.3); */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_panel_settings {
  position : relative;
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  /* ----------------------------------------------------------------------- */
  /* ACHTUNG : An Konfiguration "seabattle_panel_settings_position" anpassen.   */
  /* ----------------------------------------------------------------------- */
  margin-top : 10px;
  margin-bottom : 0px;
  /* ----------------------------------------------------------------------- */
  padding : 0px;
  /*
  background-color : #ccc;
  background : -o-linear-gradient(#ccc,#666);
  background : -webkit-linear-gradient(#ccc,#666);
  background : -moz-linear-gradient(#ccc,#666);
  background : linear-gradient(#ccc,#666);
  */
  text-align : center;
  /*
  border : 2px solid;
  border-top-color : #bbb;
  border-left-color : #888;
  border-right-color : #666;
  border-bottom-color : #444;
  border-radius : 10px;
  */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_panel_scores_blocker, #seabattle_panel_settings_blocker {
  position : absolute;
  top : 0px;
  left : 0px;
  display : none;
  vertical-align : top;
  width : 100%;
  height : 100%;
  margin : 0px;
  padding : 0px;
  text-align : center;
  border-radius : 8px;
  z-index : 9999999;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_panel_settings_spacer_left {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 1px;
  height : 32px;
  margin : 0px;
  margin-left : 10px;
  padding : 0px;
  /* background-color : #666; */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_panel_settings_spacer_right {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 1px;
  height : 32px;
  margin : 0px;
  margin-right : 10px;
  padding : 0px;
  /* background-color : #aaa; */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_scores_player_1, #seabattle_scores_player_2 {
  display : inline-block;
  vertical-align : top;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_scores_player_1 {
  float : left;
  margin-left : 10px;
}
#seabattle_scores_player_2 {
  float : right;
  margin-right : 10px;
}
.seabattle_player_name {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 32px;
  line-height : 32px;
  margin : 0px;
  padding : 0px;
  color : #fff;
  text-shadow : 1px 1px 0px rgba(0,0,0,0.5);
  font-size : 0.9em;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_player_score {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 32px;
  line-height : 32px;
  margin : 0px;
  margin-left : 10px;
  padding : 0px;
  color : #F2EBC3;
  text-shadow : 1px 1px 0px rgba(0,0,0,0.5);
  font-size : 0.9em;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_player_fleet {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 32px;
  line-height : 32px;
  margin : 0px;
  padding : 0px;
  color : #ccc;
  text-shadow : 1px 1px 0px rgba(0,0,0,0.5);
  font-size : 0.9em;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_player_health {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 32px;
  line-height : 32px;
  margin : 0px;
  margin-left : 10px;
  padding : 0px;
  text-shadow : 1px 1px 0px rgba(0,0,0,0.5);
  font-size : 0.9em;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_player_health.green {
  color : #6f6;
}
.seabattle_player_health.yellow {
  color : #fe0;
}
.seabattle_player_health.red {
  color : #f44;
}

/* ========================================================================= */
/* Buttons in den Panels                                                     */
/* ========================================================================= */
/* ------------------------------------------------------------------------- */
/* Buttons Spieleranzahl (1 Spieler gegen Computer oder 2 Spieler)           */
/* ------------------------------------------------------------------------- */
#seabattle_button_player {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_player_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/1_player_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_player_1:hover {
  background-image : url("./grafik/1_player.png");
}
div.seabattle_button_player_2 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/2_player_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_player_2:hover {
  background-image : url("./grafik/2_player.png");
}

/* ------------------------------------------------------------------------- */
/* Button Spielart (Single- oder Split-Sea)                                  */
/* ------------------------------------------------------------------------- */
#seabattle_button_mode {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mode_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/screen_0_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mode_0:hover {
  background-image : url("./grafik/screen_0.png");
}
div.seabattle_button_mode_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/screen_1_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mode_1:hover {
  background-image : url("./grafik/screen_1.png");
}

/* ------------------------------------------------------------------------- */
/* Button Level (Spielfeldgröße)                                             */
/* ------------------------------------------------------------------------- */
#seabattle_select_level_button {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/level_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_level_content_up, #seabattle_select_level_content_down {
  position : absolute;
  left : -6px;
  display : none;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  padding-top : 5px;
  background-color : #ddd;
  border : 1px solid #888;
  border-radius : 8px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
  z-index : 9999998;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_level_content_up {
  top : -6px;
}
#seabattle_select_level_content_down {
  bottom : -6px;
}
#seabattle_select_level_button:hover #seabattle_select_level_content_up, #seabattle_select_level_button:hover #seabattle_select_level_content_down {
  display : inline-block;
  vertical-align : top;
}

#seabattle_select_level_base_pic {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 32px;
  height : 32px;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  background-image : url("./grafik/help_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_select_level, div.seabattle_select_level_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 30px;
  height : 24px;
  line-height : 24px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  text-align : center;
  font-weight : bold;
  font-size : 14px;
  border : 1px solid;
  border-radius : 5px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_level {
  border-color : #ddd;
}
div.seabattle_select_level:hover, div.seabattle_select_level_active {
  background-color : #fff;
  border-color : #888;
}

/* ------------------------------------------------------------------------- */
/* Button Einstellung des Abstandes zwischen Schiffen                        */
/* ------------------------------------------------------------------------- */
#seabattle_select_ship_distance_button {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/blanko_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_ship_distance_content_up, #seabattle_select_ship_distance_content_down {
  position : absolute;
  left : -6px;
  display : none;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  padding-top : 5px;
  background-color : #ddd;
  border : 1px solid #888;
  border-radius : 8px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
  z-index : 9999998;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_ship_distance_content_up {
  top : -6px;
}
#seabattle_select_ship_distance_content_down {
  bottom : -6px;
}
#seabattle_select_ship_distance_button:hover #seabattle_select_ship_distance_content_up, #seabattle_select_ship_distance_button:hover #seabattle_select_ship_distance_content_down {
  display : inline-block;
}
#seabattle_select_ship_distance_base_pic {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 32px;
  height : 32px;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  background-image : url("./grafik/help_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_ship_distance_button.ship_distance_0 {
  background-image : url("./grafik/ship_distance_0_bw.png");
}
#seabattle_select_ship_distance_button.ship_distance_1 {
  background-image : url("./grafik/ship_distance_1_bw.png");
}
#seabattle_select_ship_distance_button.ship_distance_2 {
  background-image : url("./grafik/ship_distance_2_bw.png");
}
div.seabattle_select_ship_distance_0, div.seabattle_select_ship_distance_0_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_ship_distance_0 {
  background-image : url("./grafik/ship_distance_0_bw.png");
}
div.seabattle_select_ship_distance_0_active, div.seabattle_select_ship_distance_0:hover {
  background-image : url("./grafik/ship_distance_0.png");
  cursor : pointer;
}

div.seabattle_select_ship_distance_1, div.seabattle_select_ship_distance_1_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_ship_distance_1 {
  background-image : url("./grafik/ship_distance_1_bw.png");
}
div.seabattle_select_ship_distance_1_active, div.seabattle_select_ship_distance_1:hover {
  background-image : url("./grafik/ship_distance_1.png");
  cursor : pointer;
}

div.seabattle_select_ship_distance_2, div.seabattle_select_ship_distance_2_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_ship_distance_2 {
  background-image : url("./grafik/ship_distance_2_bw.png");
}
div.seabattle_select_ship_distance_2_active, div.seabattle_select_ship_distance_2:hover {
  background-image : url("./grafik/ship_distance_2.png");
  cursor : pointer;
}

/* ------------------------------------------------------------------------- */
/* Button Einstellung zur Verwendung von Minen                               */
/* ------------------------------------------------------------------------- */
#seabattle_select_mine_rule_button {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/blanko_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_mine_rule_content_up, #seabattle_select_mine_rule_content_down {
  position : absolute;
  left : -6px;
  display : none;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  padding-top : 5px;
  background-color : #ddd;
  border : 1px solid #888;
  border-radius : 8px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
  z-index : 9999998;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_mine_rule_content_up {
  top : -6px;
}
#seabattle_select_mine_rule_content_down {
  bottom : -6px;
}
#seabattle_select_mine_rule_button:hover #seabattle_select_mine_rule_content_up, #seabattle_select_mine_rule_button:hover #seabattle_select_mine_rule_content_down {
  display : inline-block;
}
#seabattle_select_mine_rule_base_pic {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 32px;
  height : 32px;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  background-image : url("./grafik/help_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_mine_rule_button.mine_rule_0 {
  background-image : url("./grafik/minerule_0_bw.png");
}
#seabattle_select_mine_rule_button.mine_rule_1 {
  background-image : url("./grafik/minerule_1_bw.png");
}
#seabattle_select_mine_rule_button.mine_rule_2 {
  background-image : url("./grafik/minerule_2_bw.png");
}
#seabattle_select_mine_rule_button.mine_rule_3 {
  background-image : url("./grafik/minerule_3_bw.png");
}
div.seabattle_select_mine_rule_0, div.seabattle_select_mine_rule_0_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_mine_rule_0 {
  background-image : url("./grafik/minerule_0_bw.png");
}
div.seabattle_select_mine_rule_0_active, div.seabattle_select_mine_rule_0:hover {
  background-image : url("./grafik/minerule_0.png");
  cursor : pointer;
}

div.seabattle_select_mine_rule_1, div.seabattle_select_mine_rule_1_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_mine_rule_1 {
  background-image : url("./grafik/minerule_1_bw.png");
}
div.seabattle_select_mine_rule_1_active, div.seabattle_select_mine_rule_1:hover {
  background-image : url("./grafik/minerule_1.png");
  cursor : pointer;
}

div.seabattle_select_mine_rule_2, div.seabattle_select_mine_rule_2_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_mine_rule_2 {
  background-image : url("./grafik/minerule_2_bw.png");
}
div.seabattle_select_mine_rule_2_active, div.seabattle_select_mine_rule_2:hover {
  background-image : url("./grafik/minerule_2.png");
  cursor : pointer;
}

div.seabattle_select_mine_rule_3, div.seabattle_select_mine_rule_3_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_mine_rule_3 {
  background-image : url("./grafik/minerule_3_bw.png");
}
div.seabattle_select_mine_rule_3_active, div.seabattle_select_mine_rule_3:hover {
  background-image : url("./grafik/minerule_3.png");
  cursor : pointer;
}

/* ------------------------------------------------------------------------- */
/* Button Seitenwechsel (Zuordnung Spieler zu Flotte)                        */
/* ------------------------------------------------------------------------- */
#seabattle_button_swap_sides {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_swap_sides_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/swap_sides_0_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_swap_sides_0:hover {
  background-image : url("./grafik/swap_sides_0.png");
}
div.seabattle_button_swap_sides_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/swap_sides_1_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_swap_sides_1:hover {
  background-image : url("./grafik/swap_sides_1.png");
}

/* ------------------------------------------------------------------------- */
/* Button Randbereich mit Koordinaten                                        */
/* ------------------------------------------------------------------------- */
#seabattle_button_coords {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_coords_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/coords_off_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_coords_0:hover {
  background-image : url("./grafik/coords_off.png");
}
div.seabattle_button_coords_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/coords_on_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_coords_1:hover {
  background-image : url("./grafik/coords_on.png");
}

/* ------------------------------------------------------------------------- */
/* Button Raster                                                              */
/* ------------------------------------------------------------------------- */
#seabattle_button_raster {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_raster_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/raster_off_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_raster_0:hover {
  background-image : url("./grafik/raster_off.png");
}
div.seabattle_button_raster_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/raster_on_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_raster_1:hover {
  background-image : url("./grafik/raster_on.png");
}

/* ------------------------------------------------------------------------- */
/* Button Fehlschüsse markieren                                              */
/* ------------------------------------------------------------------------- */
#seabattle_button_mark_missed {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mark_missed_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/map_tag_0_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mark_missed_0:hover {
  background-image : url("./grafik/map_tag_0.png");
}
div.seabattle_button_mark_missed_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/map_tag_1_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_mark_missed_1:hover {
  background-image : url("./grafik/map_tag_1.png");
}

/* ------------------------------------------------------------------------- */
/* Spieler als nächstes am Zug                                               */
/* ------------------------------------------------------------------------- */
#seabattle_select_next_move_button {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/blanko_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_move_content_up, #seabattle_select_next_move_content_down {
  position : absolute;
  left : -6px;
  display : none;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  padding-top : 5px;
  background-color : #ddd;
  border : 1px solid #888;
  border-radius : 8px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
  z-index : 9999998;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_move_content_up {
  top : -6px;
}
#seabattle_select_next_move_content_down {
  bottom : -6px;
}
#seabattle_select_next_move_button:hover #seabattle_select_next_move_content_up, #seabattle_select_next_move_button:hover #seabattle_select_next_move_content_down {
  display : inline-block;
}
#seabattle_select_next_move_base_pic {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 32px;
  height : 32px;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  background-image : url("./grafik/help_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_move_button.next_move_0 {
  background-image : url("./grafik/next_move_0_bw.png");
}
#seabattle_select_next_move_button.next_move_1 {
  background-image : url("./grafik/next_move_1_bw.png");
}
#seabattle_select_next_move_button.next_move_2 {
  background-image : url("./grafik/next_move_2_bw.png");
}
div.seabattle_select_next_move_0, div.seabattle_select_next_move_0_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_move_0 {
  background-image : url("./grafik/next_move_0_bw.png");
}
div.seabattle_select_next_move_0_active, div.seabattle_select_next_move_0:hover {
  background-image : url("./grafik/next_move_0.png");
  cursor : pointer;
}

div.seabattle_select_next_move_1, div.seabattle_select_next_move_1_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_move_1 {
  background-image : url("./grafik/next_move_1_bw.png");
}
div.seabattle_select_next_move_1_active, div.seabattle_select_next_move_1:hover {
  background-image : url("./grafik/next_move_1.png");
  cursor : pointer;
}

div.seabattle_select_next_move_2, div.seabattle_select_next_move_2_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_move_2 {
  background-image : url("./grafik/next_move_2_bw.png");
}
div.seabattle_select_next_move_2_active, div.seabattle_select_next_move_2:hover {
  background-image : url("./grafik/next_move_2.png");
  cursor : pointer;
}

/* ------------------------------------------------------------------------- */
/* Button Beginner des folgenden Spiels                                      */
/* ------------------------------------------------------------------------- */
#seabattle_select_next_player_button {
  position : relative;
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/blanko_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_player_content_up, #seabattle_select_next_player_content_down {
  position : absolute;
  left : -6px;
  display : none;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  padding-top : 5px;
  background-color : #ddd;
  border : 1px solid #888;
  border-radius : 8px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.4), -2px 2px 2px rgba(0,0,0,0.4);
  z-index : 9999998;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_player_content_up {
  top : -6px;
}
#seabattle_select_next_player_content_down {
  bottom : -6px;
}
#seabattle_select_next_player_button:hover #seabattle_select_next_player_content_up, #seabattle_select_next_player_button:hover #seabattle_select_next_player_content_down {
  display : inline-block;
}
#seabattle_select_next_player_base_pic {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 32px;
  height : 32px;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  background-image : url("./grafik/help_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_select_next_player_button.next_player_0 {
  background-image : url("./grafik/nextgame_0_bw.png");
}
#seabattle_select_next_player_button.next_player_1 {
  background-image : url("./grafik/nextgame_1_bw.png");
}
#seabattle_select_next_player_button.next_player_2 {
  background-image : url("./grafik/nextgame_2_bw.png");
}
div.seabattle_select_next_player_0, div.seabattle_select_next_player_0_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_player_0 {
  background-image : url("./grafik/nextgame_0_bw.png");
}
div.seabattle_select_next_player_0_active, div.seabattle_select_next_player_0:hover {
  background-image : url("./grafik/nextgame_0.png");
  cursor : pointer;
}

div.seabattle_select_next_player_1, div.seabattle_select_next_player_1_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_player_1 {
  background-image : url("./grafik/nextgame_1_bw.png");
}
div.seabattle_select_next_player_1_active, div.seabattle_select_next_player_1:hover {
  background-image : url("./grafik/nextgame_1.png");
  cursor : pointer;
}

div.seabattle_select_next_player_2, div.seabattle_select_next_player_2_active {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_select_next_player_2 {
  background-image : url("./grafik/nextgame_2_bw.png");
}
div.seabattle_select_next_player_2_active, div.seabattle_select_next_player_2:hover {
  background-image : url("./grafik/nextgame_2.png");
  cursor : pointer;
}

/* ------------------------------------------------------------------------- */
/* Button Hintergrundanimation (Wasser)                                      */
/* ------------------------------------------------------------------------- */
#seabattle_button_ocean {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_ocean_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/ocean_off_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_ocean_0:hover {
  background-image : url("./grafik/ocean_off.png");
}
div.seabattle_button_ocean_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/ocean_on_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_ocean_1:hover {
  background-image : url("./grafik/ocean_on.png");
}

/* ------------------------------------------------------------------------- */
/* Button Sound                                                              */
/* ------------------------------------------------------------------------- */
#seabattle_button_sound {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_sound_0 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/sound_off_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_sound_0:hover {
  background-image : url("./grafik/sound_off.png");
}
div.seabattle_button_sound_1 {
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/sound_on_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_button_sound_1:hover {
  background-image : url("./grafik/sound_on.png");
}

/* ------------------------------------------------------------------------- */
/* Button Neustart                                                           */
/* ------------------------------------------------------------------------- */
#seabattle_restart_button {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
  padding : 0px;
  background-image : url("./grafik/restart_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_restart_button:hover {
  background-image : url("./grafik/restart.png");
}

/* ------------------------------------------------------------------------- */
/* Button Reset                                                              */
/* ------------------------------------------------------------------------- */
#seabattle_reset_button {
  display : inline-block;
  vertical-align : top;
  float : left;
  width : 32px;
  height : 32px;
  margin : 0px;
/*  margin-left : 15px; */
  padding : 0px;
  background-image : url("./grafik/reset_bw.png");
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_reset_button:hover {
  background-image : url("./grafik/reset.png");
}

/* ========================================================================= */
/* Statusanzeige mit Anzeige der Restzeit und des aktuellen Spielernamens    */
/* ========================================================================= */
#seabattle_status_bar {
  position : relative;
  display : inline-block;
  vertical-align : top;
  width : 100%;
  /* ----------------------------------------------------------------------- */
  /* ACHTUNG : An Konfiguration von "seabattle_status_bar_position" anpassen.*/
  /* ----------------------------------------------------------------------- */
  margin-top : 10px;
  margin-bottom : 10px;
  /* ----------------------------------------------------------------------- */
  padding : 0px;
  background-color : #666;
  text-align : left;
  /*
  background : -o-linear-gradient(#444,#666,#444);
  background : -webkit-linear-gradient(#444,#666,#444);
  background : -moz-linear-gradient(#444,#666,#444);
  background : linear-gradient(#444,#666,#444);
  */
  border-top : 2px solid;
  border-left : 2px solid;
  border-right : 2px solid;
  border-bottom : 2px solid;
  border-top-color : #444;
  border-left-color : #666;
  border-right-color : #888;
  border-bottom-color : #aaa;
  border-radius : 4px;
  overflow : hidden;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_status_text, #seabattle_status_text_dots {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 28px;
  line-height : 28px;
  margin-top : 2px;
  margin-left : 10px;
  margin-right : 0px;
  margin-bottom : 2px;
  padding : 0px;
  color : #fff;
  text-shadow : 1px 1px 0px rgba(0,0,0,0.5);
  font-size : 0.9em;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
.seabattle_status_text.right {
  float : right;
  margin-right : 10px;
}
.seabattle_status_text.coords {
  color : #ff8;
}
.seabattle_status_text.water {
  color : #0cf;
}
.seabattle_status_text.hit_1 {
  color : #f00;
}
.seabattle_status_text.hit_2 {
  color : #fa0;
}
#seabattle_status_text_dots {
  color : #ff0;
  float : right;
}

/* ========================================================================= */
/* Eingabeformular                                                           */
/* ========================================================================= */
#seabattle_solved_form {
  margin : 0px;
  padding : 0px;
  font-size : 0.9em;
  text-align : left;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

span.seabattle_form_feldname, span.seabattle_form_feldname_free, span.seabattle_form_feldname_confirm {
  display : inline-block;
  vertical-align : top;
  float : left;
  margin : 0px;
  margin-right : 8px;
  padding : 0px;
  height : 32px;
  min-height : 32px;
  max-height : 32px;
  line-height : 32px;
  text-align : right;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
span.seabattle_form_feldname {
  width : 150px;
  min-width : 150px;
  max-width : 150px;
  font-size : 0.9em;
}
span.seabattle_form_feldname_confirm {
  width : 410px;
  min-width : 410px;
  max-width : 410px;
  font-size : 0.9em;
  white-space : nowrap;
  text-align : left;
}

span.seabattle_form_wrapper {
  display : block;
  margin : 0px;
  margin-bottom : 5px;
  padding : 0px;
  clear : both;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

input.seabattle_form_eingabe, input.seabattle_form_eingabe_fehler {
  width : 250px;
  min-width : 250px;
  max-width : 250px;
  height : 20px;
  min-height : 20px;
  max-height : 20px;
  margin : 0px;
  padding : 4px;
  font-size : 1.0em;
  border : 2px inset;
  border-radius : 8px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
input.seabattle_form_eingabe {
  color : #222;
  background : transparent;
  background-color : #eee;
  border-color : #ccc;
}
input.seabattle_form_eingabe_fehler {
  color : #222;
  background : transparent;
  background-color : #fdd;
  border-color : #fdd;
}
input.seabattle_form_eingabe:focus {
  color : #222;
  background : transparent;
  background-color : #fff;
}

textarea.seabattle_form_textarea, textarea.seabattle_form_textarea_fehler {
  width : 250px;
  min-width : 250px;
  max-width : 250px;
  height : 100px;
  min-height : 100px;
  max-height : 100px;
  margin : 0px;
  padding : 4px;
  font-size : 1.0em;
  border : 2px inset;
  border-radius : 8px;
  resize : none;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
textarea.seabattle_form_textarea {
  color : #222;
  background : transparent;
  background-color : #eee;
  border-color : #ccc;
}
textarea.seabattle_form_textarea_fehler {
  color : #222;
  background : transparent;
  background-color : #fdd;
  border-color : #fdd;
}
textarea.seabattle_form_textarea:focus {
  color : #222;
  background : transparent;
  background-color : #fff;
}

input.seabattle_form_checkbox {
  margin-left : 5px;
  vertical-align : middle;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

input.seabattle_form_eingabe:focus, input.seabattle_form_eingabe_fehler:focus,
textarea.seabattle_form_textarea:focus, textarea.seabattle_form_textarea_fehler:focus,
input.seabattle_form_checkbox:focus {
  outline : none;
}

fieldset.seabattle_form_fieldset {
  margin : 0px;
  margin-top : 10px;
  padding : 10px;
  padding-top : 5px;
  border : 2px solid;
  border-color : #888;
  border-radius : 8px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
legend.seabattle_form_legend, legend.seabattle_form_legend_fehler {
  margin : 0px;
  margin-left : 5px;
  padding : 0px;
  padding-left : 5px;
  padding-right : 5px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
  legend.seabattle_form_legend {
  color : #888;
}
  legend.seabattle_form_legend_fehler {
  color : #c00;
}

img.seabattle_form_picture {
  margin-top : 10px;
  border : 0px solid;
  overflow : hidden;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

/* ========================================================================= */
/* Highscore-Liste (NICHT Spielstatistik ;o)                                 */
/* ========================================================================= */
#seabattle_highscore_headline {
  position : relative;
  margin-top : 10px;
  margin-bottom : 10px;
  white-space : nowrap;
  text-align : center;
  font-size : 16px;
  font-weight : bold;
  color : #BC9D6C;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_highscore_list {
  display : inline-block;
  vertical-align : top;
  font-size : 15px;
  line-height : normal;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_highscore_tr {
  display : table-row;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_highscore_tr.seabattle_highscore_same_score {
  display : table-row;
  color : #800;
}
div.seabattle_highscore_tr.seabattle_highscore_same_player {
  display : table-row;
  color : #008;
}
div.seabattle_highscore_tr.seabattle_highscore_new_entry {
  display : table-row;
  color : #080;
}

div.seabattle_highscore_th_l, div.seabattle_highscore_th_c, div.seabattle_highscore_th_r,
div.seabattle_highscore_td_l, div.seabattle_highscore_td_c, div.seabattle_highscore_td_r {
  display : table-cell;
  margin : 0px;
  padding : 0px;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 3px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

div.seabattle_highscore_th_l, div.seabattle_highscore_td_l {
  text-align : left;
}
div.seabattle_highscore_th_c, div.seabattle_highscore_td_c {
  text-align : center;
}
div.seabattle_highscore_th_r, div.seabattle_highscore_td_r {
  text-align : right;
}

div.seabattle_highscore_th_l, div.seabattle_highscore_th_c, div.seabattle_highscore_th_r {
  border-bottom : 1px solid;
  border-color : #888;
  font-weight : bold;
  color : #888;
}
div.seabattle_highscore_th_l.seabattle_highscore_column_rang,
div.seabattle_highscore_th_c.seabattle_highscore_column_rang,
div.seabattle_highscore_th_r.seabattle_highscore_column_rang,
div.seabattle_highscore_td_l.seabattle_highscore_column_rang,
div.seabattle_highscore_td_c.seabattle_highscore_column_rang,
div.seabattle_highscore_td_r.seabattle_highscore_column_rang {
  /* display : none; */
}
div.seabattle_highscore_th_l.seabattle_highscore_column_player,
div.seabattle_highscore_th_c.seabattle_highscore_column_player,
div.seabattle_highscore_th_r.seabattle_highscore_column_player,
div.seabattle_highscore_td_l.seabattle_highscore_column_player,
div.seabattle_highscore_td_c.seabattle_highscore_column_player,
div.seabattle_highscore_td_r.seabattle_highscore_column_player {
  /* display : none; */
}
div.seabattle_highscore_th_l.seabattle_highscore_column_level,
div.seabattle_highscore_th_c.seabattle_highscore_column_level,
div.seabattle_highscore_th_r.seabattle_highscore_column_level,
div.seabattle_highscore_td_l.seabattle_highscore_column_level,
div.seabattle_highscore_td_c.seabattle_highscore_column_level,
div.seabattle_highscore_td_r.seabattle_highscore_column_level {
  display : none;
}
div.seabattle_highscore_th_l.seabattle_highscore_column_punkte,
div.seabattle_highscore_th_c.seabattle_highscore_column_punkte,
div.seabattle_highscore_th_r.seabattle_highscore_column_punkte,
div.seabattle_highscore_td_l.seabattle_highscore_column_punkte,
div.seabattle_highscore_td_c.seabattle_highscore_column_punkte,
div.seabattle_highscore_td_r.seabattle_highscore_column_punkte {
  /* display : none; */
}
div.seabattle_highscore_th_l.seabattle_highscore_column_datum,
div.seabattle_highscore_th_c.seabattle_highscore_column_datum,
div.seabattle_highscore_th_r.seabattle_highscore_column_datum,
div.seabattle_highscore_td_l.seabattle_highscore_column_datum,
div.seabattle_highscore_td_c.seabattle_highscore_column_datum,
div.seabattle_highscore_td_r.seabattle_highscore_column_datum {
  /* display : none; */
}

/* ========================================================================= */
/* Logos                                                                     */
/* ========================================================================= */
div.seabattle_logo {
  position : relative;
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  padding : 0px;
  background-repeat : no-repeat;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_logo.scores {
  margin-top : 7px;
}
div.seabattle_logo.settings {
  margin-top : 0px;
}

#seabattle_panel_logo {
  /* cursor : pointer; */
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

/* ========================================================================= */
/* Buddies                                                                   */
/* ========================================================================= */
#buddy_ok, #buddy_win {
  display : inline-block;
  vertical-align : top;
  width : 60px;
  height : 90px;
  margin : 0px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#buddy_ok {
  float : right;
/* margin-left : 20px; */
  margin-top : -50px;
  background-image : url("./grafik/buddy_ok.png");
}
#buddy_win {
  position : absolute;
  bottom : -25px;
  right : -10px;
  background-image : url("./grafik/buddy_win.png");
}

/* ========================================================================= */
/* Anleitung (falls vorhanden)                                               */
/* ========================================================================= */
span.seabattle_anleitung_text {
  display : inline-block;
  vertical-align : top;
  float : left;
  height : 32px;
  line-height : 32px;
  margin-left : 5px;
  text-align : left;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

span.seabattle_anleitung_keyword {
  font-weight : bold;
  color : #3B77B3;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.seabattle_anleitung_spacer {
  display : block;
  width : 100%;
  height : 1px;
  margin : 0px;
  margin-top : 3px;
  margin-bottom : 3px;
  padding : 0px;
  background : #888;
  clear : both;
}

/* ========================================================================= */
/* Sonstiges                                                                 */
/* ========================================================================= */
#seabattle_loading {
  display : inline-block;
  vertical-align : top;
  width : 100%;
  margin-top : 200px;
  text-align : center;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_v_display {
  position : absolute;
  right : 0px;
  bottom : 0px;
  display : inline-block;
  vertical-align : bottom;
  height : 10px;
  line-height : 10px;
  margin : 0px;
  padding : 0px;
  color : #F2EBC3;
  text-shadow : 1px 1px 0px #444;
  font-size : 10px;
  font-weight : bold;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_limited_warning {
  display : inline-block;
  vertical-align : top;
  margin-top : 10px;
  padding : 4px;
  padding-left : 10px;
  padding-right : 10px;
  color : #fff;
  background : #888;
  font-size : 0.8em;
  border : 1px solid;
  border-color : #aaa;
  border-radius : 5px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_limited_warning_ok {
  display : inline-block;
  vertical-align : top;
  margin : 0px;
  margin-left : 8px;
  padding-top : 0px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 0px;
  color : #fff;
  background : #888;
  border : 1px solid #eee;
  border-radius : 4px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_limited_warning_ok:hover {
  color : #888;
  background : #eee;
}

#seabattle_pow_hinweis {
  visibility : hidden;
  display : inline-block;
  vertical-align : top;
  float : right;
  margin : 0px;
  margin-top : 15px;
  margin-right : 0px;
  margin-bottom : 5px;
  padding : 4px;
  padding-left : 8px;
  font-size : 10px;
  color : #444;
  background-color : #bbb;
  -o-transition : background-color linear 500ms;
  -webkit-transition : background-color linear 500ms;
  -moz-transition : background-color linear 500ms;
  transition : background-color linear 500ms;
  text-shadow : 1px 1px 0px #ddd;
  border : 1px solid #aaa;
  border-radius : 5px;
  cursor : pointer;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
#seabattle_pow_hinweis:hover {
  background-color : #cde;
}
div.seabattle_pow_image {
  display : inline-block;
  vertical-align : top;
  float : right;
  width : 28px;
  height : 28px;
  margin : 0px;
  margin-left : 5px;
  padding : 0px;
  background-image : url("./grafik/migano_balls_28_bw.png");
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

/* ========================================================================= */
/* Hintergrund Canvas                                                        */
/* ========================================================================= */
#seabattle_canvas_ocean, #seabattle_canvas_grids, #seabattle_canvas_ships {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
  height : 100%;
  margin : 0px;
  padding : 0px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}

#seabattle_canvas_ships {
  cursor : pointer;
}