/* 
    Created on : 08.04.2014, 14:27:50
    Author     : Philipp
*/

/**
* Global
**/
.feLogin *, .feLogin *:before, .feLogin *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.feLogin fieldset {
	margin-bottom: 10px;
}
.feLogin fieldset legend{
	margin:0 10px;
	padding:0 10px;
	font-size: 1.2em;
	font-weight: bold;
}

.feLogin .error {
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 5px;
}

.feLogin .success {
	background-color: green;
	color: white;
	font-weight: bold;
	padding: 5px;
}

.feLogin .warning {
	background-color: sandybrown;
	color: white;
	font-weight: bold;
	padding: 5px;
}

.feLogin .feLoginRequiredField {
	color: red;
}

/*******************************************************************************
* Login Menü
*******************************************************************************/
.feLoginMenue {
	
}
.feLoginMenue .between {
	margin: 0 10px;
}
.feLoginMenue .between span {
	/*display:none;*/
}
.feLoginMenue .between:after {
	content: "|";
}

/*******************************************************************************
* Login Formular
*******************************************************************************/
.feLoginContent fieldset{
	min-height: 250px;
}
.feLoginContent .feLoginLeftBox {
	width:49.5%;
	margin-right:0.5%;
	float:left;
}

.feLoginContent .feLoginLeftBox form {
	margin-bottom: 60px;
	
}
.feLoginContent .feLoginRightBox {
	width:49.5%;
	margin-left:0.5%;
	float:left;
}
.feLoginLeftBox .feField input{
	width:100%;
	padding:5px;
	font-size: 1.5em;
}
.feLoginSubmit {
	float:right;
}

/**
* Registrierungs Formular
**/
.feLoginRegisterContent {

}
.feLoginRegisterContent .feLoginLeftBox {
	width:59.5%;
	margin-right:0.5%;
	float:left;
}
.feLoginRegisterContent .feLoginRightBox {
	width:39.5%;
	margin-left:0.5%;
	float:left;
}

.feLoginRegisterContent p {
	float:left;
	width:100%;
	margin: 1% 0;
}

.feLoginRegisterContent .labelpos, .feLoginRegisterContent .labelpos_firstname {
	width: 30%;
	text-align: right;
	float:left;
	padding: 5px;
}
.feLoginRegisterContent .inline {
	padding: 5px;
}
.feLoginRegisterContent input.textfield, .feLoginRegisterContent select{
	width:70%;
	padding:5px;
	font-size: 1.0em;
	float:left;
}

.feLoginRegisterContent input.textfield_zip {
	width:20%;
	padding:5px;
	font-size: 1.0em;
	float:left;
}
.feLoginRegisterContent input.textfield_city {
	width:48%;
	margin-left: 2%;
	padding:5px;
	font-size: 1.0em;
	float:left;
}

.feLoginRegisterContent .feLoginBackButton {
	float:left;
}
.feLoginRegisterContent .feLoginSubmitButton {
	float:right;
}

.feLoginRegisterSuccessButtonWrapper {
	text-align: center;
	margin: 20px 0;
}


/*Passwort vergessen*/
.feLoginReminderContent label {
	padding:5px;
}
.feLoginReminderContent input.textfield {
	padding:5px;
	font-size: 1.0em;
	width: 100%;
}

/**
* Passwortänderungs Formular
**/
.feLoginPasswordContent {
	
}
.feLoginPasswordContent p {
	float:left;
	width:100%;
	margin: 1% 0;
}
.feLoginPasswordContent .labelpos {
	width: 30%;
	text-align: right;
	float:left;
	padding: 5px;
}
.feLoginPasswordContent input.textfield{
	width:40%;
	padding:5px;
	font-size: 1.0em;
	float:left;
}


.feLoginProfileHomeItem {
		box-sizing: border-box;
		width: 100%; 
		padding: 20px 10px;
		
		margin: 0px !important;
		display: table;
}
.feLoginProfileHomeItemRow {
	display: table-row;
}
.feLoginProfileHomeItemCell {
	display: table-cell;
	vertical-align: top;
}
.feLoginProfileHomeItemCellFirst {
	
}
.feLoginProfileHomeItemCellSecond {
	width: 100%;
	padding-left: 20px;
}

@media (max-width: 800px){
	
	.feLoginContent .feLoginLeftBox {
		width:100%;
		margin-right:0px;
		float:left;
	}

	.feLoginContent .feLoginLeftBox form {
		margin-bottom: 0px;

	}
	.feLoginContent .feLoginRightBox {
		width:100%;
		margin-left:0px;
		float:left;
		margin-top: 20px;
	}
	.feLoginRegisterContent .feLoginLeftBox {
		width:100%;
		margin-right:0%;
		float:left;
	}
	.feLoginRegisterContent .feLoginRightBox {
		width:100%;
		margin-left:0%;
		float:left;
		margin-top: 20px;
	}
	
	.feLoginWelcomeText, .feLoginMenue .between.feLoginWelcomeTextBetween {
		display: none;
	}
	
	.feLoginProfileHomeItem {
		
	}
}