body { background-image:url("img/bg_grau.gif"); background-repeat:repeat; font-family: Arial, Helvetica, sans-serif; }
#login_container { position: absolute; left: 50%; top: 50%; margin-left:-360px; margin-top:-210px; width: 700px; height: 400px; background: url(lang3_img/main_bg_al-ko_neu.jpg) no-repeat; background-position: 340px 180px; border: 20px solid #929a9e; background-color:#e7ebed; }
#login_field { padding:0 20px; font-size:12px; }
#login_field h1 { color: #e41d13; font-size:20px; margin:0 0 10px 0; padding:20px 0 10px 0; font-family: Arial, Helvetica, sans-serif; border-bottom:1px dotted #505559; }
#login_field p {   }
#login_field p.failure { width:100%; color:#FF0000; font-weight:bold; }
#login_field p.explainLogin { width:320px; }
#login_field ul { list-style-type:none; margin:0; padding:0; }
#login_field li { padding:1px;} 
#login_field select { width:146px;} 
#login_field input.username, #login_field input.password { width:150px;}
#login_field li label { margin-top:4px; display:block; font-weight:bold; }
#login_field li.btn_login { padding-top:20px;} 
#login_field input.btn_login {width:75px;}

@media only screen and (max-device-width: 480px) {

	#login_field p { font:8px Helvetica, Arial, sans-serif !important; }
	#login_field p.explainLogin { width:50%; }
	#login_field li label { font:10px Helvetica, Arial, sans-serif !important; font-weight:bold !important; }
	#login_field input.btn_login { font:11px Helvetica, Arial, sans-serif !important; }


}