/* ====================================================== */
/* atavolo 2 - Online Reservierungsmanager */
/* ------------------------------------------------------ */
/* LOGIN CSS - Datei */
/* ====================================================== */

@charset "UTF-8";

/* ====================================================== */
/* Loginbereich */
/* ====================================================== */
div#loginpage div#head {
	position:relative;
	
	width:100%;
	height:150px;
	
	padding:30px 0;
	
	text-align:center;
	
	background-color:#004f7e;
}

div#loginpage div#head div#languages {
	position:absolute;
	top:10px;
	right:10px;
	
	text-align:left;
	
	width:140px;
	
	border-radius:5px;
	
	background-color:rgba(255,255,255,1);
	background-image:url('../img/icons/flags.png');
	background-repeat:no-repeat;
}

div#loginpage div#head div#languages.de {
	background-position:10px -11px;
}

div#loginpage div#head div#languages.en {
	background-position:10px -191px;
}

div#loginpage div#head div#languages.it {
	background-position:10px -232px;
}

div#loginpage div#head div#languages select#language{
	border:0;
	
	background-color:transparent;
	
	float:right;
	
	font-size:16px;
}

div#loginpage div#login {
	position:relative;
	
	width:100%;
	
	padding:30px 0;
}

div#loginpage div#loginbox {
	position:relative;
	
	width:300px;
	min-height:350px;
	
	margin:0 auto;
	
	perspective:600px;
}

div#loginpage div#loginbox div#front,
div#loginpage div#loginbox div#back {
	position:relative;
	
	backface-visibility:hidden;
	
	width:100%;
	height:100%;
	
	position:absolute;
	
	transform-style:preserve-3d;
	transition:all 0.4s ease-in-out 0s;
	
	z-index:1;
}

div#loginpage div#loginbox div#front {
	transform:rotateY(0deg);
	
	z-index:2;
}

div#loginpage div#loginbox.flipped div#front {
	transform:rotateY(-180deg);
	
	visibility:hidden;
}

div#loginpage div#loginbox div#back {
	transform:rotateY(180deg);
	
	visibility:hidden;
}

div#loginpage div#loginbox.flipped div#back {
	transform: rotateY(0deg);
	
	visibility: visible;
	
	z-index:4 !important;
}

div#loginpage div#login p {
	margin:5px 0;
}

div#loginpage div#login p:after {
	content:"";
	
	display:block;
	
	height:0px;
	
	clear:both;
	float:none;
}

div#loginpage div#login label{
	display:block;
	
	float:left;
	
	width:135px;
	
	line-height:32px;
	
	font-size:16px;
	font-weight:600;
}

div#loginpage div#login label#save_login_label {
	width:auto; 
	
	font-size:14px;
	font-weight:400;
}

div#loginpage div#login input{
	width:151px;
}

div#loginpage div#login input#save_login {
	width:auto;
	
	margin: 10px 0 0 5px; 
}

div#loginpage div#login input[type=submit] {
	width:165px;
	
	float:right;
}