/*!
 * Base CSS
 */

body {
	background-color: #ffffff;
	color: #000000;

	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}

div.statusbar {
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	margin: 0.1em 0 0.1em 0;
	padding: 0.4em 0 0.4em 0;
}

div.statusbar div {
}

div.statusbar div.logo {
}

div.statusbar div.language {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

div.statusbar div.language div {
	margin: 0 0.4em 0 0.4em;
}

div.statusbar div.language div a {
	color: #000000;
	text-decoration: none;
}

div.statusbar div.login {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

div.statusbar div.login a {
	color: #111111;
	text-decoration: none;
}

div.statusbar div.login a:hover {
	color: #808080;
}


div.footer {
	width: 100%;
	background-color: #ffffff;
	margin: 2rem 0 0 0;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

div.footerelems {
	display: flex;
	justify-content: space-between;
	align-items: center;

	max-width: 1400px;
	margin: 1em auto 0 auto;
}

div.footerelems div {
	margin: 0.2em 0.2em 0.2em 0em;
	width: 24%;
}

@media all and (max-width: 650px) {
	div.footerelems {
		flex-direction: column;
	}
	div.footerelems div {
		width: 100%;
	}
}


div.footerelems ul {
	list-style-type: none;
}

div.footerelems ul li {
	margin: 0.5em 0 0 0;
}

div.footerelems div.socialn ul li img {
	margin: 0 1em 0 0;
	vertical-align: middle;
}

div.footerelems ul a {
	color: #111111;
	text-decoration: none;
}

div.footerelems ul a:hover {
	color: #808080;
}

div.socialn a {
	text-decoration: none;
}