*{margin:0}html,body{height:100%;margin:0;padding:0;width:100%}
body{background:#020202;font-family:tahoma;overflow:hidden;}img{border:none}
.wrap{overflow:hidden;position:relative}
.wrap_content{height:250px;margin:0 auto;padding-top:200px;text-align:center;width:980px;z-index:1}
#login-contents{clear:both;float:right;margin-top:20px}
.wrap_bottom{bottom:54px;min-height:246px;position:absolute;width:100%;z-index:-4}
.wrap_bottom .image_wrapper{margin:0 auto;min-height:246px;width:980px}
.wrap_footer{background:#034959;bottom:0;height:68px;position:absolute;width:100%}
#clouds{background-image:url(../images/abr.png);background-position:0 0;background-repeat:repeat-x;height:352px;position:absolute;width:100%;z-index:-2}
#stars{background:url(../images/bg.gif) repeat;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-4}
#moon{background:transparent url(../images/logo1.png) no-repeat center center;height:271px;left:37%;position:absolute;top1:%;width:469px;z-index:-4!important}
#house{background:transparent url(../images/logo2.png) no-repeat center center;height:259px;left:50px;width:439px}
.loginpanel{background-image:url(../images/login.png);background-repeat:no-repeat;color:#FFF;height:178px;width:298px}
.username{height:28px;margin-left:30px;margin-top:33px;text-align:center;width:210px}
#user{text-align:left}input[type=text],input[type=password]{-moz-border-radius:4px;-webkit-border-radius:4px;background:transparent;border:none;border-radius:4px;color:#FFF;font-family:tahoma;font-size:9pt;outline:0}
.btn{-background-image:0;-border:1px solid #083F4D;background-color:#083F4D;border:1px solid #083F4D;border-radius:2px;color:#FFF;cursor:pointer;font:12px Tahoma;padding:6px 10px 7px;text-align:center;text-decoration:none;width:89px}
.btn:hover{background-color:#066F8A;background-image:0}
.jens{background-color:#333;border:1px solid #666;color:#FFF;font-family:tahoma;font-size:9pt}
@media screen and (max-width: 480px) {
body{ overflow-x:hidden;}
.wrap_content{width:55%}
#moon {position: absolute;top: -10%;left: 12%; } 
#login-contents {margin-top: -17px;margin-right: -17%;}
#dwin {display:none;}
#house {display:none;}
#clouds {display:none;}
}
@media screen and (max-width: 360px) {
body{ overflow-x:hidden;}
.wrap_content{width: 61%;}
#moon {position: absolute; top: -10%;left: 3%;}
#login-contents {margin-top: -17px;margin-right: -17%;}
#dwin {display:none;}
#house {display:none;}
#clouds {display:none;}
}