body{
	background-color: rgb(13, 30, 70);
	font-family: 'Fira Sans', sans-serif;
	margin: 0;
	background-image: url(img/backgrund.png);
	background-size: cover;

}

/*#hintergrund{
	background-image: url(img/backgrund.png);
	width: 100%;
	height: 100vh;
	position: absolute;
	opacity: .2;
}*/


#logo{
	width: 400px;
	height: 86px;
	background-image: url(img/logo.png);
	background-size: 400px 86px;
	right: 50px;
	top: 50px;
	position: absolute;
}

#logo:hover{
	opacity: .8;
}
#logo:active{
	opacity: .7;
}

#login{
	width: 500px;
	height: 160px;
	margin: 0 auto;
	background-color: ;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -100px;
	position: absolute;
}

input{
	width: 485px;
	height: 40px;
	font-size: 18px;
	margin: 0 auto;
	padding-left: 10px;
}

#password{
	margin-top: 10px;
}




#Anmelden{
	position: relative;
	height: 45px;
	width: 120px;
	background-color: ;
	color: white;
	border: none;
	left: 50%;
	margin-left: -60px;
	margin-top: 13px;

	background-color: rgb(65, 192, 240);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid rgb(54, 156, 193);
	display:inline-block;
	cursor:pointer;
	color:white;
	text-decoration:none;
	font-size: 15px;
}



#Anmelden:hover {
	background-color: rgb(65, 192, 240);
	border:1px solid rgb(54, 156, 193);
}

#Anmelden:active {

	background-color: rgb(54, 156, 193);
	border:1px solid rgb(54, 128, 172);
}



#fusszeile{
	position: absolute;
	bottom: 30px;
	margin: 0;
	color: rgb(65, 192, 240);
	font-weight: 600;
	left: 20px;
	font-size: 16px;

}

#info{
	position: absolute;
	bottom: 160px;
	margin: 0;
	color: rgb(65, 192, 240);
	font-weight: 600;
	font-size: 16px;
	}

#info2{
	position: absolute;
	top: 30px;
	margin: 0;
	color: rgb(65, 192, 240);
	font-weight: 600;
	left: 20px;
	font-size: 16px;

}