#fishmax_box {
position:relative;
display:inline-block;
vertical-align:top;
visibility:hidden;
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:20px;
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);
}

#fishmax_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;
}

#fishmax_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;
}

#fishmax_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.fishmax_dialog_trennlinie {
width:100%;
height:1px;
line-height:1px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
background-color:#888;
clear:both;
}

#fishmax_playfield {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
padding:0px;
/* background-color:#ddd; */
/* background-image:url("./grafik/aquariums/aquarium_01.jpg"); */
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;
}

#fishmax_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;
}

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

#fishmax_panel {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
margin:0px;
margin-top:20px;
padding:0px;
text-align:center;
background-color:#000;
border:4px solid;
border-top-color:#444;
border-left-color:#666;
border-right-color:#888;
border-bottom-color:#aaa;
border-radius:10px;
overflow:hidden;
}

.fishmax_panel_item {
display:inline-block;
vertical-align:top;
width:126px;
margin:0px;
padding-top:4px;
padding-left:12px;
padding-right:12px;
padding-bottom:5px;
text-align:center;
background-color:#444;
background:-o-linear-gradient(#444,#111);
background:-webkit-linear-gradient(#444,#111);
background:-moz-linear-gradient(#444,#111);
background:linear-gradient(#444,#111);
}

.fishmax_panel_line {
display:block;
width:150px;
height:4px;
margin:0px;
padding:0px;
text-align:center;
background-color:#666;
border-bottom:2px solid;
border-color:#222;
}

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

.fishmax_panel_value {
display:inline-block;
vertical-align:top;
float:left;
height:32px;
line-height:32px;
margin:0px;
margin-left:10px;
padding:0px;
color:#ff0;
text-shadow:1px 1px 0px #000;
font-weight:bold;
}

#fishmax_panel_level {
color:#c96;
text-shadow:1px 1px 0px #000;
}
#fishmax_panel_punkte {
display:inline-block;
vertical-align:top;
height:20px;
line-height:20px;
padding-bottom:2px;
color:#ff0;
text-shadow:1px 1px 0px #000;
font-weight:bold;
}

#fishmax_panel_growth_box {
display:inline-block;
vertical-align:top;
position:relative;
width:115px;
height:96px;
margin:0px;
padding:0px;
overflow:hidden;
}

#fishmax_panel_fish_dark, #fishmax_panel_fish_gray {
position:absolute;
top:10px;
left:0px;
width:115px;
height:76px;
}
#fishmax_panel_fish_dark {
background:url("./grafik/fish_dark.png");
}
#fishmax_panel_fish_gray {
background:url("./grafik/fish_gray.png");
}

#fishmax_touchpad {
position:relative;
display:inline-block;
vertical-align:top;
float:left;
width:150px;
width:150px;
height:150px;
margin-top:20px;
padding:0px;
}

#fishmax_touchpad_up, #fishmax_touchpad_down,
#fishmax_touchpad_left, #fishmax_touchpad_right,
#fishmax_touchpad_up_left, #fishmax_touchpad_up_right,
#fishmax_touchpad_down_left, #fishmax_touchpad_down_right {
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
cursor:pointer;
}
#fishmax_touchpad_up {
background-color:#f00;
}
#fishmax_touchpad_down {
background-color:#0f0;
}
#fishmax_touchpad_left {
background-color:#00f;
}
#fishmax_touchpad_right {
background-color:#ff0;
}
#fishmax_touchpad_up_left {
background-color:#f0f;
}
#fishmax_touchpad_up_right {
background-color:#0ff;
}
#fishmax_touchpad_down_left {
background-color:#fff;
}
#fishmax_touchpad_down_right {
background-color:#f84;
}

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

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

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

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

span.fishmax_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.fishmax_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.fishmax_dib {
display:inline-block;
vertical-align:top;
}

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

p.fishmax_anleitung {
margin-top:10px;
padding:0px;
text-align:justify;
}
span.fishmax_anleitung_keyword {
font-weight:bold;
color:#3B77B3;
}
.fishmax_anleitung_icon {
display:inline-block;
vertical-align:top;
float:left;
width:32px;
height:32px;
line-height:32px;
margin:0px;
margin-bottom:2px;
padding:0px;
background-repeat:no-repeat;
}
span.fishmax_anleitung_icon_text {
display:inline-block;
vertical-align:top;
float:left;
height:32px;
line-height:32px;
margin:0px;
margin-left:8px;
margin-bottom:2px;
padding:0px;
}

#fishmax_player_input {
width:240px;
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.fishmax_input_question {
color:#dc9;
font-weight:bold;
}

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

#fishmax_highscore {
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
}

p.fishmax_highscore_headline {
margin:10px;
color:#dc9;
font-weight:bold;
font-size:1.1em;
text-align:center;
}

table.fishmax_highscore {
margin:0px;
padding:0px;
border-spacing:0px;
}
tr.fishmax_highscore {
margin:0px;
padding:0px;
}
th.fishmax_highscore {
margin:0px;
padding:1px;
padding-left:8px;
padding-right:8px;
color:#dc9;
font-size:0.9em;
font-weight:bold;
text-align:center;
white-space:nowrap;
border-bottom:2px solid;
border-color:#666;
}
td.fishmax_highscore {
margin:0px;
padding:1px;
padding-left:8px;
padding-right:8px;
font-size:0.9em;
font-weight:bold;
text-align:center;
white-space:nowrap;
border-bottom:1px solid;
border-color:#444;
}

table.fishmax_table {
margin:0px;
padding:0px;
border-spacing:0px;
}
tr.fishmax_tr {
margin:0px;
padding:0px;
}
th.fishmax_th_l, th.fishmax_th_c, th.fishmax_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.fishmax_td_l, td.fishmax_td_c, td.fishmax_td_r {
margin:0px;
padding:2px;
padding-left:8px;
padding-right:8px;
white-space:nowrap;
border-bottom:1px solid;
border-color:#ccc;
}
th.fishmax_th_l, td.fishmax_td_l {
text-align:left;
}
th.fishmax_th_c, td.fishmax_td_c {
text-align:center;
}
th.fishmax_th_r, td.fishmax_td_r {
text-align:right;
}

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;
}
div.buddy_ok {
width:60px;
height:90px;
background-image:url("./grafik/buddy_ok.png");
}
div.buddy_win {
width:60px;
height:90px;
background-image:url("./grafik/buddy_win.png");
}
div.buddy_stop {
width:70px;
height:90px;
background-image:url("./grafik/buddy_stop.png");
}

#fishmax_sound_button, #fishmax_reset_button, #fishmax_fame_button, #fishmax_relax_button {
display:inline-block;
vertical-align:top;
float:left;
width:32px;
height:32px;
margin:4px;
padding:0px;
cursor:pointer;
}

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

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

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

.fishmax_relax_button {
background-image:url("./grafik/time_0_bw.png");
}
.fishmax_relax_button:hover {
background-image:url("./grafik/time_0.png");
}
.fishmax_relax_button_off {
background-image:url("./grafik/time_1_bw.png");
}
.fishmax_relax_button_off:hover {
background-image:url("./grafik/time_1.png");
}