#regiUser, #regiEmail, #regiPass, #regiPass2 {
	position: absolute;
	margin-top: 40px;
	margin-left: 48px;
	font-size: 18px;
	font-family: Arial;
	color: #999;
	z-index: 0;
}
#regiUser {
	position: absolute;
	margin-top: 8px;
}
#registrierung {
	display: none;
	margin-left: 22.05%;
}

#user, #email, #pass1, #pass2 {
	width: 300px;
	margin-left: 40px;
}

#anmelden {
	display: none;
	width: 400px;
}

#registrierungInput {
	width: 400px;
}

@media handheld, only screen and (max-width: 600px) {
	#login {
		margin-top: 0px;
	}
	#registrierung {
		display: none;
		margin-left: 20px;
		height: 500px;
	}
	#regiUser, #regiEmail, #regiPass, #regiPass2 {
		position: absolute;
		margin-top: 28px;
		font-size: 16px;
	}
	#regiUser {
		position: absolute;
		margin-top: 6px;
	}
	#registrierungInput {
		margin-left: -40px;
	}
	.registrierung {
		width: 200px;
		margin-left:40px;
		margin-top: 20px;
	}
	#user, #email, #pass1, #pass2 {
		width: 200px;
		margin-left: 40px;
		margin-top: 20px;
	}
	#anmelden {
		width: 250px;
	}
}
@media handheld, only screen and (max-width: 250px) {
	#login {
		margin-top: 0px;
	}
	#registrierung {
		display: none;
		margin-left: 20px;
		height: 500px;
	}
	#loginSubmit {
		margin-top: 0px;
	}
	#regiUser, #regiEmail, #regiPass, #regiPass2 {
		position: absolute;
		margin-top: 28px;
		font-size: 16px;
	}
	#regiUser {
		position: absolute;
		margin-top: 6px;
	}
	#registrierungInput {
		margin-left: -40px;
	}
	.registrierung {
		width: 200px;
		margin-left:40px;
		margin-top: 20px;
	}
	#user, #email, #pass1, #pass2 {
		width: 200px;
		margin-left: 40px;
		margin-top: 20px;
	}
	#anmelden {
		width: 250px;
	}
}