/*--------------------------------------
	*
	*	Copyright 2006, REWE Touristik
	*	Author: JUNG v. MATT Neckar GmbH
	*	Function: login
	*
----------------------------------------*/

/*--------------------------------------
	*	font settings
----------------------------------------*/
h2 {
	margin-top:0px;
	padding-top:19px;
	font-size:0.875em;
	/*background:url(../images/icons/iconHeadH2.gif) 0 22px no-repeat;*/
}
#para-hinweis {
	margin:12px 0;
	padding-left:25px;
}
.para-login-error {
	/*float:left;*/
	width:245px;
	margin:10px 10px;
	font-weight:bold;
	color:#cc0018;
}
.bold-highlight {
	color:#cc0018;
}
ul#list-login {
	/*position:absolute;*/
	float:left;
	width:450px;
	height:35px;
	left:3px;
	bottom:1px;
	font-size:0.7em;
	/*background:url(../images/grafics/bgListLogin.gif) no-repeat;*/
}
ul#list-login li {
	list-style-type:none;
	float:left;
}
ul#list-login li a {
	display:block;
	padding:0px 0 0 10px;
	height:15px;
	width:205px;
	background:url(../images/icons/iconListLogin.gif) 0px 3px no-repeat;
}
ul#list-login li#last a {
	width:205;
}
/*--------------------------------------
	*	forms
----------------------------------------*/
.form-submit-image {
	width:127px;
	height:20px;
}
label {
	width:100px;
}
input {
	width:162px;
}
.form-submit {
	float:none;
	display:block;
	padding-left:25px;
	margin:10px 0 0 0;
	width:127px;
	height:20px;
	background:url(../images/buttons/btnBgLogin.gif) no-repeat;
	border:none;
	cursor:pointer;
	text-align:left;
}
/*--------------------------------------
	*	header
----------------------------------------*/
#box-header {
	/*height:63px;*/
	background-color:#F5DC7E;
}
#logo-login {
	float:left;
	padding-left:30px;
	/*padding-top:10px;*/
}
#logo-marken {
	float:left;
}
/*--------------------------------------
	*	content
----------------------------------------*/
#box-content-left {
	float:left;
	width:300px;
	height:340px;
	background:#FFFFFF url(../images/grafics/bgContentBoxLeft2.gif) left bottom no-repeat;
	margin-left:20px;
}
#box-content-right {
	float:left;
	margin-left:29px;
	margin-bottom:10px;
	width:300px;
	height:340px;
	background:#FFFFFF url(../images/grafics/bgContentBoxLeft2.gif) left bottom no-repeat;
}
.box-content-login {
	position:relative;
	padding:25px 10px 20px 10px;
	height:142px;
}
/*--------------------------------------
	*	footer
----------------------------------------*/
#footer.login {
	margin:0;
	margin-left:30px;
}

/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}