html {
	padding: 0;
	margin: 0;
}
body {
	font-family: "PT Sans", Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 62.5%;
 	background: !color!; 	

}

h1 { color:#FFFFFF; font-size: 1.5em; letter-spacing: 0.03em; line-height: 120%; margin-bottom: 0.25em; }
h2 { font-size: 1.1em; line-height: 120%; letter-spacing: 0.03em; margin-bottom: 0.5em;}
#begruessung h1 {  margin-top: 20px;  color: #000; font-size: 1.5em; margin-bottom: 0.5em; }
	
.p_logindaten { color:#FFFFFF; }

input {margin-left:0px;}

#logindaten{
	font-size: 1.25em;
	margin-top: -80px;
	padding-top: 60px;
	margin-left:5%;
	margin-right:5%;
	border: 2px solid white;
}

#logindatencontent { padding: 8% 12% 0 12%;}

#begruessung {
	color: #000;
	background-color:#ffffff;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	padding: 1em 2em 0 3em;
	font-size: 1em;
	border:2px solid white;
	border-top-left-radius: 50px;
  	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

#image { height: 50px; width: 100%; margin-bottom: 1em; border: 1px solid #fff;} 
#image img { max-height: 90%; max-width: 100%; } 

@media only screen and (min-width: 800px) {
    /* For desktop: */

	body { font-size: 72.5%; }
	#wrapper { width: 90%; margin: 10% auto; }
	#begruessung { width: 45%; margin-right:0; float:left; padding-bottom: 2em; }
	#logindaten { width: 30%; border-left: 0px solid #fff; float:left; margin-left: -50px; padding-top: 0; padding-left: 70px; padding-right: 20px; margin-top:5%; padding-bottom: 1.55em; }
	#image { min-height: 150px; max-width: 400px; height: 100%; margin-top: 1em; }
}

@media only screen and (min-width: 1100px) {
	#wrapper { width: 70%; }
}

.left {float:left ; margin-right: 20px; line-height: 2em; position: relative; bottom: 2em; }
.right {float: right; line-height: 2em; position: relative; bottom: 2em;}

	   
	   
#errorhandler p {
	padding: 0.5em; 
	margin: 0;
}  
#errorhandler{
	background-color: #fff;
	padding: 0;
	color: #af2626;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	line-height: 1.5em; 
}

input { box-sizing: border-box; margin-top: 0.25em; border-radius: 6px; border: 1px solid #eee; padding: 0.25em; width: 80%; max-width: 100%;}
#button {
		background-color: #FFFFFF;
		color: !color!;
		border: 2px solid !color!;
		border-radius: 6px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		padding: 0.5em 1.5em;
		margin: 1.5em 0 0 0;
		
	}

#button:hover {
	color: white;
	background-color:!color!;
	text-decoration: none;
	border: 2px solid white;
}

.fault {
	background-color: #fff;
	padding: 57px;
	position: absolute;
	margin-top: 10%;
	margin-left: 15%;
	border-radius: 25pt;
	}