#coronax_box {
position:relative;
display:inline-block;
vertical-align:top;
visibility:hidden;
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:20px;
padding-bottom:10px;
text-align:center;
font-size:0.9em;
background-color:#777;
background:-o-linear-gradient(#666,#aaa,#666);
background:-webkit-linear-gradient(#666,#aaa,#666);
background:-moz-linear-gradient(#666,#aaa,#666);
background:linear-gradient(#666,#aaa,#666);
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);
}

#coronax_canvas_info {
position:absolute;
bottom:-1px;
left:24px;
vertical-align:top;
margin:0px;
padding:0px;
font-size:10px;
font-weight:bold;
color:#444;
text-shadow:1px 1px 0px #888;
}

#coronax_dialog {
position:absolute;
top:0px;
left:0px;
display:none;
vertical-align:top;
width:100%;
height:100%;
margin:0px;
padding:0px;
color:#fff;
background:transparent;
background-image:url("./grafik/bg_dialog.png");
border-radius:10px;
z-index:20;
}

#coronax_dialog_content {
position:absolute;
top:0px;
left:0px;
display:inline-block;
vertical-align:top;
margin:0px;
padding:20px;
color:#fff;
background:transparent;
background-image:url("./grafik/bg_dialog_content.png");
border:2px solid;
border-color:#ccc;
border-radius:20px;
box-shadow:0px 0px 7px 7px rgba(0,0,0,0.5);
}

div.coronax_dialog_trennlinie {
width:100%;
height:1px;
line-height:1px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
background-color:#888;
clear:both;
}

#coronax_playfield {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
margin-bottom:10px;
padding:0px;
background-size:100% 100%;
border:4px solid;
border-top-color:#444;
border-left-color:#666;
border-right-color:#888;
border-bottom-color:#aaa;
border-radius:10px;
overflow:hidden;
}

#coronax_playfield_shadow {
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
box-shadow:0px 0px 6px 4px rgba(0,0,0,0.5) inset;
}

#coronax_canvas {
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
border-radius:8px;
overflow:hidden;
}

#coronax_panel {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
padding:0px;
text-align:center;
}

.coronax_panel_text {
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
margin-left:30px;
padding:0px;
height:50px;
line-height:50px;
text-shadow:1px 1px 0px #000;
font-weight:bold;
color:#CDAF7E;
}

#coronax_panel_level, #coronax_panel_punkte {
display:inline-block;
vertical-align:top;
float:left;
height:50px;
line-height:50px;
margin:0px;
margin-left:8px;
padding:0px;
color:#ff0;
text-shadow:1px 1px 0px #000;
font-weight:bold;
}

#coronax_panel_health_box {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
width:100px;
height:20px;
margin:0px;
margin-top:13px;
margin-left:8px;
padding:0px;
background-color:#444;
background:-o-linear-gradient(#222,#888,#222);
background:-webkit-linear-gradient(#222,#888,#222);
background:-moz-linear-gradient(#222,#888,#222);
background:linear-gradient(#111,#666,#111);
border:2px solid;
border-top-color:#444;
border-left-color:#444;
border-right-color:#888;
border-bottom-color:#888;
border-radius:4px;
overflow:hidden;
}
#coronax_panel_health {
position:absolute;
top:0px;
left:0px;
display:inline-block;
vertical-align:top;
float:left;
width:0px;
height:20px;
margin:0px;
padding:0px;
border-top-right-radius:2px;
border-top-left-radius:2px;
}
.coronax_panel_health_red {
background-color:#e00;
background:-o-linear-gradient(#400,#e00,#400);
background:-webkit-linear-gradient(#400,#e00,#400);
background:-moz-linear-gradient(#400,#e00,#400);
background:linear-gradient(#400,#e00,#400);
}
.coronax_panel_health_yellow {
background-color:#eef0;
background:-o-linear-gradient(#440,#ee0,#440);
background:-webkit-linear-gradient(#440,#ee0,#440);
background:-moz-linear-gradient(#440,#ee0,#440);
background:linear-gradient(#440,#ee0,#440);
}
.coronax_panel_health_green {
background-color:#0e0;
background:-o-linear-gradient(#040,#0e0,#040);
background:-webkit-linear-gradient(#040,#0e0,#040);
background:-moz-linear-gradient(#040,#0e0,#040);
background:linear-gradient(#040,#0e0,#040);
}

#coronax_logo, .coronax_logo {
display:inline-block;
vertical-align:top;
width:150px;
height:50px;
background:transparent;
background-image:url("./grafik/coronax_logo.png");
background-repeat:no-repeat;
}
#coronax_logo {
float:left;
margin-left:4px;
}

p.coronax_dialog {
margin-top:10px;
text-align:center;
}

p.coronax_copyright {
margin-top:0px;
font-size:0.9em;
text-align:center;
}

span.coronax_hinweis {
font-weight:bold;
color:#ff0;
}

span.coronax_dialog_button {
display:inline-block;
vertical-align:top;
margin:0px;
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:2px 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3); */
box-shadow:0px 0px 2px 2px rgba(0,0,0,0.3);
cursor:pointer;
}
span.coronax_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;
}

div.coronax_dib {
display:inline-block;
vertical-align:top;
}

.coronax_wrapper {
display:block;
margin:0px;
padding:0px;
clear:both;
}

p.coronax_anleitung {
margin-top:10px;
padding:0px;
text-align:justify;
}
span.coronax_anleitung_keyword {
font-weight:bold;
color:#3B77B3;
}

.coronax_anleitung_item {
display:inline-block;
vertical-align:top;
float:left;
width:32px;
height:32px;
line-height:32px;
margin:3px;
padding:0px;
background-image:url("./grafik/bonus_items.png");
background-size:352px 32px;
}
.coronax_anleitung_item_text {
display:inline-block;
vertical-align:top;
float:left;
height:32px;
line-height:32px;
margin:3px;
margin-left:10px;
padding:0px;
}

.coronax_anleitung_icon {
display:inline-block;
vertical-align:top;
float:left;
width:32px;
height:32px;
line-height:32px;
margin:3px;
padding:0px;
background-repeat:no-repeat;
}
.coronax_anleitung_icon_text {
display:inline-block;
vertical-align:top;
float:left;
height:32px;
line-height:32px;
margin:3px;
margin-left:10px;
padding:0px;
}

#coronax_player_input {
width:320px;
margin:0px;
padding:5px;
font-size:16px;
font-weight:bold;
text-align:center;
color:#ff0;
background:transparent;
background-color:#111;
border:0px;
border:1px solid;
border-color:#222;
border-radius:10px;
}
span.coronax_input_question {
color:#dc9;
font-weight:bold;
}

#coronax_fail_text {
margin:20px;
color:#c00;
text-align:center;
font-weight:bold;
white-space:nowrap;
overflow:hidden;
}

/* ============================================================================
   CSS-Definitionen für Highscore-Liste
============================================================================ */
div.migano_highscore_wrapper {
  display : block;
  margin : 0px;
  padding : 0px;
  clear : both;
}
div.migano_highscore_dib {
  position: relative;
  display : inline-block;
  vertical-align : top;
}
#migano_highscore_headline {
  position : relative;
  margin-top : 5px;
  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;
}
#migano_highscore_list {
  position : relative;
  display : inline-block;
  vertical-align : top;
  color : #eee;
  font-size : 14px;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.migano_highscore_tr {
  display : table-row;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.migano_highscore_tr.migano_highscore_same_score {
  display : table-row;
  color : #f84;
}
div.migano_highscore_tr.migano_highscore_same_player {
  display : table-row;
  color : #0dd;
}
div.migano_highscore_tr.migano_highscore_new_entry {
  display : table-row;
  color : #0d0;
}
div.migano_highscore_th_l, div.migano_highscore_th_c, div.migano_highscore_th_r,
div.migano_highscore_td_l, div.migano_highscore_td_c, div.migano_highscore_td_r {
  display : table-cell;
  margin : 0px;
  padding : 0px;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 3px;
  font-weight : bold;
  white-space : nowrap;
  box-sizing : content-box;
  -webkit-box-sizing : content-box;
}
div.migano_highscore_th_l, div.migano_highscore_td_l {
  text-align : left;
}
div.migano_highscore_th_c, div.migano_highscore_td_c {
  text-align : center;
}
div.migano_highscore_th_r, div.migano_highscore_td_r {
  text-align : right;
}
div.migano_highscore_th_l, div.migano_highscore_th_c, div.migano_highscore_th_r {
  border-bottom : 1px solid;
  border-color : #888;
  font-weight : bold;
  color : #888;
}
div.migano_highscore_th_l.migano_highscore_column_rang,
div.migano_highscore_th_c.migano_highscore_column_rang,
div.migano_highscore_th_r.migano_highscore_column_rang,
div.migano_highscore_td_l.migano_highscore_column_rang,
div.migano_highscore_td_c.migano_highscore_column_rang,
div.migano_highscore_td_r.migano_highscore_column_rang {
  /* display : none; */
}
div.migano_highscore_th_l.migano_highscore_column_player,
div.migano_highscore_th_c.migano_highscore_column_player,
div.migano_highscore_th_r.migano_highscore_column_player,
div.migano_highscore_td_l.migano_highscore_column_player,
div.migano_highscore_td_c.migano_highscore_column_player,
div.migano_highscore_td_r.migano_highscore_column_player {
  /* display : none; */
}
div.migano_highscore_th_l.migano_highscore_column_level,
div.migano_highscore_th_c.migano_highscore_column_level,
div.migano_highscore_th_r.migano_highscore_column_level,
div.migano_highscore_td_l.migano_highscore_column_level,
div.migano_highscore_td_c.migano_highscore_column_level,
div.migano_highscore_td_r.migano_highscore_column_level {
  /* display : none; */
}
div.migano_highscore_th_l.migano_highscore_column_punkte,
div.migano_highscore_th_c.migano_highscore_column_punkte,
div.migano_highscore_th_r.migano_highscore_column_punkte,
div.migano_highscore_td_l.migano_highscore_column_punkte,
div.migano_highscore_td_c.migano_highscore_column_punkte,
div.migano_highscore_td_r.migano_highscore_column_punkte {
  /* display : none; */
}
div.migano_highscore_th_l.migano_highscore_column_datum,
div.migano_highscore_th_c.migano_highscore_column_datum,
div.migano_highscore_th_r.migano_highscore_column_datum,
div.migano_highscore_td_l.migano_highscore_column_datum,
div.migano_highscore_td_c.migano_highscore_column_datum,
div.migano_highscore_td_r.migano_highscore_column_datum {
  /* display : none; */
}
/* ============================================================================
   Ende CSS-Definitionen für Highscore-Liste
============================================================================ */

table.coronax_table {
margin:0px;
padding:0px;
border-spacing:0px;
}
tr.coronax_tr {
margin:0px;
padding:0px;
}
th.coronax_th_l, th.coronax_th_c, th.coronax_th_r {
margin:0px;
padding:2px;
padding-left:8px;
padding-right:8px;
color:#888;
font-weight:bold;
font-size:0.9em;
white-space:nowrap;
border-bottom:2px solid;
border-color:#ccc;
}
td.coronax_td_l, td.coronax_td_c, td.coronax_td_r {
margin:0px;
padding:2px;
padding-left:8px;
padding-right:8px;
white-space:nowrap;
border-bottom:1px solid;
border-color:#ccc;
}
th.coronax_th_l, td.coronax_td_l {
text-align:left;
}
th.coronax_th_c, td.coronax_td_c {
text-align:center;
}
th.coronax_th_r, td.coronax_td_r {
text-align:right;
}
td.coronax_td_l.bold, td.coronax_td_c.bold, td.coronax_td_r.bold {
font-weight:bold;
}

#buddy_ok, #buddy_win, #buddy_stop,
div.buddy_ok, div.buddy_win, div.buddy_stop {
display:inline-block;
vertical-align:top;
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
background:transparent;
}
#buddy_ok, div.buddy_ok {
width:60px;
height:90px;
background-image:url("./grafik/buddy_ok.png");
}
#buddy_win, div.buddy_win {
width:60px;
height:90px;
background-image:url("./grafik/buddy_win.png");
}
#buddy_stop, div.buddy_stop {
width:70px;
height:90px;
background-image:url("./grafik/buddy_stop.png");
}

#coronax_button_box {
display:inline-block;
vertical-align:top;
float:right;
margin-top:4px;
padding:0px;
}

#coronax_sound_button, #coronax_mmode_button, #coronax_viset_button, #coronax_bgtyp_button, #coronax_bgani_button, #coronax_reset_button, #coronax_fame_button {
display:inline-block;
vertical-align:top;
float:left;
width:32px;
height:32px;
margin:5px;
padding:0px;
cursor:pointer;
}

.coronax_sound_button_on {
background-image:url("./grafik/sound_on_bw.png");
}
.coronax_sound_button_on:hover {
background-image:url("./grafik/sound_on.png");
}
.coronax_sound_button_off {
background-image:url("./grafik/sound_off_bw.png");
}
.coronax_sound_button_off:hover {
background-image:url("./grafik/sound_off.png");
}

.coronax_mmode_button_0 {
background-image:url("./grafik/mouse_mode_0_bw.png");
}
.coronax_mmode_button_0:hover {
background-image:url("./grafik/mouse_mode_0.png");
}
.coronax_mmode_button_1 {
background-image:url("./grafik/mouse_mode_1_bw.png");
}
.coronax_mmode_button_1:hover {
background-image:url("./grafik/mouse_mode_1.png");
}

.coronax_viset_button_1 {
background-image:url("./grafik/viset_1_bw.png");
}
.coronax_viset_button_1:hover {
background-image:url("./grafik/viset_1.png");
}
.coronax_viset_button_2 {
background-image:url("./grafik/viset_2_bw.png");
}
.coronax_viset_button_2:hover {
background-image:url("./grafik/viset_2.png");
}

.coronax_bgtyp_button_0 {
background-image:url("./grafik/bgtyp_0_bw.png");
}
.coronax_bgtyp_button_0:hover {
background-image:url("./grafik/bgtyp_0.png");
}
.coronax_bgtyp_button_1 {
background-image:url("./grafik/bgtyp_1_bw.png");
}
.coronax_bgtyp_button_1:hover {
background-image:url("./grafik/bgtyp_1.png");
}
.coronax_bgtyp_button_2 {
background-image:url("./grafik/bgtyp_2_bw.png");
}
.coronax_bgtyp_button_2:hover {
background-image:url("./grafik/bgtyp_2.png");
}
.coronax_bgtyp_button_3 {
background-image:url("./grafik/bgtyp_3_bw.png");
}
.coronax_bgtyp_button_3:hover {
background-image:url("./grafik/bgtyp_3.png");
}
.coronax_bgtyp_button_4 {
background-image:url("./grafik/bgtyp_4_bw.png");
}
.coronax_bgtyp_button_4:hover {
background-image:url("./grafik/bgtyp_4.png");
}
.coronax_bgtyp_button_5 {
background-image:url("./grafik/bgtyp_5_bw.png");
}
.coronax_bgtyp_button_5:hover {
background-image:url("./grafik/bgtyp_5.png");
}
.coronax_bgtyp_button_6 {
background-image:url("./grafik/bgtyp_6_bw.png");
}
.coronax_bgtyp_button_6:hover {
background-image:url("./grafik/bgtyp_6.png");
}

.coronax_bgani_button_on {
background-image:url("./grafik/bgani_on_bw.png");
}
.coronax_bgani_button_on:hover {
background-image:url("./grafik/bgani_on.png");
}
.coronax_bgani_button_off {
background-image:url("./grafik/bgani_off_bw.png");
}
.coronax_bgani_button_off:hover {
background-image:url("./grafik/bgani_off.png");
}

#coronax_reset_button {
background-image:url("./grafik/reset_bw.png");
}
#coronax_reset_button:hover {
background-image:url("./grafik/reset.png");
}

#coronax_fame_button {
background-image:url("./grafik/fame_bw.png");
}
#coronax_fame_button:hover {
background-image:url("./grafik/fame.png");
}