@charset "utf-8";
/* CSS Document */
#game_container { position:relative; }
#game_container #stage { position:relative; top:-10px; left:262px; width:515px; height:544px;}
.kopche { position:absolute; width:64px; height:67px; background:url(http://krieg-der-knoepfe.de/css/img/gm_kopche.png) no-repeat; }
.kopche1 { background-position:0px 0px; }
.kopche2 { background-position:-64px 0px; }
.kopche3 { background-position:-128px 0px; }
.kopche4 { background-position:-192px 0px; }
.kopche5 { background-position:-256px 0px; }
.kopche6 { background-position:-320px 0px; }
.marker { position:absolute; width:60px; height:64px; border:2px solid #ff0000; }
   
#game_bordBkg { width:515px; height:544px; }
#game_bord { position:absolute; width:515px; height:544px; overflow:hidden;  }
#dialog { position:absolute; width:343px; height:259px; top:158px; left:100px; background-image:url(http://krieg-der-knoepfe.de/css/img/gm_bg.png); z-index:2; }
#dialogbg { position:absolute; background:#EDE3A3; opacity: 0.3; width:520px; height:546px; top:15px; left:15px; z-index:1; }
#startPlay { position:absolute; width:197px; height:39px; top:-45px; left:-25px;display:block; text-decoration:none; background:url(http://krieg-der-knoepfe.de/css/img/gm_play.png) no-repeat; }
#newGame { position:absolute;  width:197px; height:39px;  top:-45px; left:-25px;display:block; text-decoration:none; background:url(http://krieg-der-knoepfe.de/css/img/gm_newGame.png) no-repeat; }
#zuruckGame { position:absolute; width:197px; height:39px; top:-45px; left:-25px;display:block; text-decoration:none; background:url(http://krieg-der-knoepfe.de/css/img/gm_zuruck.png) no-repeat; }
#rules { position:absolute;  width:74px; height:21px; top:510px; left:-160px; display:block; text-decoration:none; background:url(http://krieg-der-knoepfe.de/css/img/gm_regeln.png) no-repeat; }

.button { background:url(http://krieg-der-knoepfe.de/css/img/gm_newGame.png) no-repeat; width:197px; height:39px; padding:11px 2px 0px 0px; display:block; text-decoration:none; text-align:center; font-family:Arial; font-weight:bold; font-size:18px; color:#494130; z-index:5; }
.button2 { background:url(http://krieg-der-knoepfe.de/css/img/gm_play.png) no-repeat; width:197px; height:39px; padding:11px 2px 0px 0px; display:block; text-decoration:none; text-align:center; font-family:Arial; font-weight:bold; font-size:18px; color:#494130; z-index:5; }
.sclr { -webkit-transform-origin:0px 0px; -moz-transform-origin:0px 0px; -ms-transform-origin:0px 0px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }

#front { width:197px; height:39px; left:-196px; top:500px; position:absolute; }
#back { width:197px; height:39px; left:-196px; top:500px; position:absolute; display:none; }
#zuruck { width:197px; height:39px; left:-196px; top:500px; position:absolute; display:none; }

.popupContent { position:absolute; top:135px; left:100px; width:343px;height:259px; z-index:3;}

.popupRules { text-align:left; font-size:14px; color:#470101; background:url(http://krieg-der-knoepfe.de/css/img/gm_rules.jpg) no-repeat; position:absolute; top:15px; left:15px; width:481px;height:506px; z-index:4; padding:20px;  }
.popupRules p { width:290px; height:auto;}

#score { position:absolute; width:260px; color:#420B07; font-family:Arial; font-weight:bold; font-size:25px; text-align:right; left:-250px; top:360px; width:106px; }
#health { position:absolute; width:260px; color:#420B07; font-family:Arial; font-weight:bold; font-size:25px; text-align:right; left:-172px; top:400px; width:106px; }
#gameover { position:absolute; z-index:10001; }
#rulesPopup { position:absolute; z-index:10002; }