html {
		margin: 0;
		padding: 0;
		background: #f0f4f9;
		color: #000;
		font: 12px Arial, Helvetica, sans-serif;
	}
	body {
		display: flex;
		justify-content: center;
		height: 100vh;
		margin: 0;
	}
	#loginbox {
		display: flex;
		width: 580px;
		height: 320px;
		margin-top: 18vh;
		border-radius: 28px;
		padding: 24px 24px 24px 18px;
		background: #fff;
	}
	#leftpane {
		width: 180px;
	}
	#head {
		height: 110px;
		width: 100%;
	}
	#main {
		height: 175px;
	}
	#mainbot {
		width: 405px;
		height: 70px;
		text-align: right;
	}
	#foot {
		width: 415px;
		text-align: right;
	}
	h1 {
		margin: 0;
		color: green !important;
		font: 31px Arial, Helvetica, sans-serif;
	}
	h2 {
		margin: 0 0 10px 0;
		font: 19px Arial, Helvetica, sans-serif;
	}
	.msg {
		color: #f00;
		font-size: 13px;
	}
	#UserName,
	#UserPass {
		margin-bottom: 2px;
		border: 0;
		border-bottom: 1px solid #000;
		padding: 8px 4px;
		width: 190px;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #235973;
	}
	#ctl01, #ctl02 {
		color: #f00;
	}
	input[type=submit] {
		height: 36px;
		margin-left: 0;
		border: 0;
		border-radius: 18px;
		padding: 0 24px;
		background: #337ab7;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 500;
		text-decoration: none;
		cursor: pointer;
	}
	input[type=submit]:hover {
		background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
	}
	textarea:focus, input:focus {
    outline: none;
	}

	a {
		color: #000;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	a.anmelden {
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}
	a.anmelden:hover {
		text-decoration: underline;
	}