html, body {
	background: #000000;
}
#container_all {
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow-x: hidden;
}
#container {	background:	url(../images/logo.png) no-repeat 10px 60px;}
/* Top netbar: stays in the normal flow (keeps the page geometry), its blue strip spans the full window width */
#netbar {
	position: relative;
	z-index: 50;
	font: 11px/32px Verdana, Arial, sans-serif;
}
#netbar::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background: linear-gradient(#0e66b4, #0a4f8f 60%, #083f74);
	border-bottom: 1px solid #052c52;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
#mmonetbar {
	position: relative;
}
#mmonetbar, #mmoContent {
	height: 32px;
	text-align: center;
}
#mmoLogo, #mmoFocus, #pagefoldtarget {
	display: none;
}
#mmoNews, #mmoGame {
	display: inline-block !important;
	vertical-align: top;
	height: 24px;
	margin: 4px 3px 0;
	background: #fff;
	border-radius: 4px;
	line-height: 24px;
	overflow: hidden;
}
#mmoNews {
	min-width: 245px;
	text-align: left;
}
#mmoGame {
	min-width: 262px;
}
#mmoNews .mmoBoxLeft, #mmoNews .mmoBoxRight, #mmoGame .mmoBoxLeft, #mmoGame .mmoBoxRight {
	display: none;
}
#mmoNews .mmoBoxMiddle, #mmoGame .mmoBoxMiddle {
	padding: 0 10px;
}
#mmoNewsticker ul, #mmoNewsticker li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mmoNewsticker {
	position: relative;
	height: 24px;
	overflow: hidden;
}
#mmoNewsticker li {
	position: absolute;
	left: 0;
	right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transform: translateY(100%);
	transition: opacity .45s ease, transform .45s ease;
}
#mmoNewsticker li.mmoTickShow {
	opacity: 1;
	transform: none;
}
#mmoNewsticker li.mmoTickOut {
	opacity: 0;
	transform: translateY(-100%);
}
#mmoNewsticker a {
	color: #222;
	text-decoration: none;
}
#mmoLangs label {
	color: #666;
	margin-right: 8px;
}
#mmoLangs .mmoSelectbox {
	display: inline-block;
	vertical-align: top;
}
#mmoLangs .mmoflag {
	color: #444;
}
/* Flag sprite: 20x14 per flag, stacked vertically (Turkey at y=742) */
#mmoLangs .mmoflag::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 14px;
	margin-right: 6px;
	vertical-align: -2px;
	background: url(../images/flags/71fe874d78b03e38e06a3b471f6224.png) no-repeat 0 0;
}

a.mainlevel {
	background-image:	url(../images/nav-grid.png);
}

h1 { color: #5c5c5b;}
h2 {	color: #5c5c5b;}

div.moduleright_top a, div.moduleright_top a:link, div.moduleright_top a:visited, div.moduleright_top a:active,
div.moduleright_bottom a, div.moduleright_bottom a:link, div.moduleright_bottom a:visited, div.moduleright_bottom a:active,
div.moduleright_facts a, div.moduleright_facts a:link, div.moduleright_facts a:visited, div.moduleright_facts a:active {
	color:	#666;
}
#left a, #left a:link, #left a:visited, #left a:active,
a.readon, a.readon:link, a.readon:visited, a.readon:active,
div.moduleright_top a.readon, div.moduleright_top a.readon:link, div.moduleright_top a.readon:visited, div.moduleright_top a.readon:active,
div.moduleright_bottom a.readon, div.moduleright_bottom a.readon:link, div.moduleright_bottom a.readon:visited, div.moduleright_bottom a.readon:active,
div.moduleright_facts a.readon, div.moduleright_facts a.readon:link, div.moduleright_facts a.readon:visited, div.moduleright_facts a.readon:active/**/ {	color: #3260a1;}
#left a:hover,
a.readon:hover,
div.moduleright_top a.readon:hover, div.moduleright_bottom a.readon:hover, div.moduleright_facts a.readon:hover {
	color: #3260a1;
}
/* ---------- Responsive ---------- */
#container {
	--lw: clamp(190px, 70vw, var(--lwmax, 514px));
	--lr: 0.249;
	width: auto;
	max-width: 760px;
	background-size: var(--lw) auto;
	background-position: 10px calc(74px - var(--lw) * 0.0272);
}
#container_header {
	background-size: 100% 41px;
}
#container_header h1 {
	font-size: clamp(12px, 3.4vw, 14px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#container_navigation {
	padding-top: max(0px, calc(var(--lw) * (var(--lr) - 0.0544) - 26px));
}
.center_header, .center_footer {
	background-size: 100% 4px;
}
.center_mitte {
	background-size: 100% 355px;
}
#mainnav {
	display: flex;
	margin: 12px 0;
	padding: 0;
}
#mainnav li {
	float: none;
	flex: 1 1 0;
	width: auto;
	min-width: 0;
}
/* nav-grid.png is a 4x3 sprite (column = item position, row = normal/hover/active), scaled to the item size */
a.mainlevel {
	background-size: 400% 300%;
	background-position: 33.333% 0;
}
a.mainlevel:hover {
	background-position: 33.333% 50%;
}
a#active_menu.mainlevel {
	background-position: 33.333% 100%;
}
#mainnav a.first {background-position: 0 0;}
#mainnav a.first:hover {background-position: 0 50%;}
#mainnav a.last {background-position: 100% 0;}
#mainnav a.last:hover {background-position: 100% 50%;}
#mainnav a#active_menu.first, #mainnav a#active_menu.first:hover {background-position: 0 100%;}
#mainnav a#active_menu.last, #mainnav a#active_menu.last:hover {background-position: 100% 100%;}

@media (max-width: 880px) {
	#container {
		padding: 0 10px;
	}
	.inner_content {
		margin: 0 12px;
	}
}
@media (max-width: 700px) {
	#mmoNews {
		display: none !important;
	}
	#mmoGame {
		min-width: 0 !important;
	}
}
@media (max-width: 560px) {
	#mainnav {
		flex-wrap: wrap;
	}
	#mainnav li {
		flex: 1 1 50%;
	}
	#container_pathway {
		padding-left: 8px;
	}
	.inner_content {
		margin: 0 6px;
		padding: 8px;
	}
	.inner_content > table:not(.nav):not(.tbl), .inner_content > table:not(.nav):not(.tbl) > tbody, .inner_content > table:not(.nav):not(.tbl) > tbody > tr, .inner_content > table:not(.nav):not(.tbl) > tbody > tr > td,
	.inner_content > form > table, .inner_content > form > table > tbody, .inner_content > form > table > tbody > tr, .inner_content > form > table > tbody > tr > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	.inner_content > table:not(.nav):not(.tbl) > tbody > tr > td:empty, .inner_content > form > table > tbody > tr > td:empty {
		display: none;
	}
	.inner_content input[type=text], .inner_content input[type=password] {
		width: 100% !important;
		box-sizing: border-box;
	}
}
/* Language switcher (same codes as the main site, config/locales.php) */
#mmoLangs .mmo_AE::before {
	background-position: 0 0;
}
#mmoLangs .mmo_CZ::before {
	background-position: 0 -154px;
}
#mmoLangs .mmo_DE::before {
	background-position: 0 -168px;
}
#mmoLangs .mmo_DK::before {
	background-position: 0 -182px;
}
#mmoLangs .mmo_EN::before {
	background-position: 0 -224px;
}
#mmoLangs .mmo_ES::before {
	background-position: 0 -238px;
}
#mmoLangs .mmo_FR::before {
	background-position: 0 -280px;
}
#mmoLangs .mmo_GR::before {
	background-position: 0 -294px;
}
#mmoLangs .mmo_HU::before {
	background-position: 0 -336px;
}
#mmoLangs .mmo_IT::before {
	background-position: 0 -420px;
}
#mmoLangs .mmo_NL::before {
	background-position: 0 -546px;
}
#mmoLangs .mmo_PL::before {
	background-position: 0 -616px;
}
#mmoLangs .mmo_PT::before {
	background-position: 0 -630px;
}
#mmoLangs .mmo_RO::before {
	background-position: 0 -644px;
}
#mmoLangs .mmo_RU::before {
	background-position: 0 -672px;
}
#mmoLangs .mmo_TR::before {
	background-position: 0 -742px;
}
#mmoGame {
	overflow: visible !important;
}
#mmoLangs .mmoSelectbox {
	position: relative;
}
#mmoLangs .mmoSelectArea {
	cursor: pointer;
	min-width: 112px;
	text-align: left;
}
#mmoLangs .mmoSelectButton {
	display: inline-block;
	margin-left: 6px;
	border: 4px solid transparent;
	border-top-color: #666;
	vertical-align: -2px;
}
#mmoLangs .mmoLangList {
	display: none;
	position: absolute;
	top: 26px;
	left: -8px;
	z-index: 60;
	max-height: 260px;
	overflow-y: auto;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #888;
	border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
	text-align: left;
}
#mmoLangs .mmoLangList.open {
	display: block;
}
#mmoLangs .mmoLangList li {
	margin: 0;
	padding: 0;
}
#mmoLangs .mmoLangList a {
	display: block;
	padding: 0 14px 0 10px;
	line-height: 22px;
	white-space: nowrap;
	color: #333;
	text-decoration: none;
}
#mmoLangs .mmoLangList a:hover {
	background: #e8eef7;
}
@media (max-width: 560px) {
	#mmoLangs label {
		display: none;
	}
}

/* Dropdown arrow of the language box (boxen.css positions .mmoSelectButton as a sprite) */
#mmoLangs .mmoSelectButton {
	position: static;
	float: none;
	width: 0;
	height: 0;
	background: none;
}
@media (max-width: 560px) {
	a.mainlevel {
		height: auto;
		min-height: 36px;
		padding: 14px 4px 10px;
		font-size: 11px;
		box-sizing: border-box;
	}
}
#mmoLangs .mmoSelectArea .mmoflag {
	display: inline-block;
}