html, body {
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: #000;
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

#header {
	width: 100%;
	height: 100px;
	background: #000;
}

#header #logo {
	float: left;
	margin: .5em 1em;
	height: 70px;
	float: left;
}

#header #userdata {
	float: right;
	padding-top: 20px;
	padding-right: 15px;
	color: #fff;
	text-align: right;
	vertical-align: center;
	height: 100%;
}

#title {
	background: #eef;
	border-top: 4px solid #fff;
	border-bottom: 1px solid #000;
	padding: 0.1em 1em;
	height: 40px;
	margin: 0;
	text-align: left;
}

#content {
	width: 100%;
	min-height: calc(100vh - 100px /*header*/ - 50px /*nav*/ - 32px /*footer*/);
	background: #ffffff;
	margin: 0px;
	padding: 0.25em;
}

#footer {
    position: sticky;
	width: 100%;
	height: 25px;
	top: calc(100vh - 25px);
	background-color: #afafaf;
	color: #000000;
}

#footer a {
	color: #0072bb;
	text-align: right;
}

#footer a:hover {
	text-decoration: none;
}