body
{
	font-size: 14pt;
	background: #1070c0;
	font-family: arial, sans serif;
}

@media only screen and (max-width: 600px) {
	body {
		/* font-size: 10pt; */
	}
}

#map
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 2em;
	left: 0;
}

#menu
{
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2em;
	background: #1070c0;
	margin: 0;
	padding: 0;
}

#menu button
{
	font-size: 1em;
	width: 2em;
	height: 2em;
	margin: 0;
	padding: 0.3em;
	border: none;
	background: #1070c0;
}

#menu button:hover,
#menu button:active
{
	background: #204080;
}


#button-position
{
	position: fixed;
	left: 0;
	bottom: 0;
}

#button-help
{
	position: fixed;
	right: 0;
	bottom: 0;
}

#search
{
	font-size: 1em;
	padding: 0.2em;
	margin: 0;
	
	position: fixed;
	right: 2em;
	bottom: 0;
	left: 2em;
	height: 1.6em;
	
	border: none;
}

#cookie_consent
{
	display: none;
	max-width: 30em;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 2em;
	margin: 0 auto 0 auto;
	background: #1070c0;
	color: #ffffff;
	line-height: 1.5em;
	overflow: auto;
}

#cookie_consent a,
#cookie_consent a:visited,
#cookie_consent a:hover,
#cookie_consent a:active
{
	color: #ffffff;
	text-decoration: underline;
}

#cookie_consent button
{
	border: 0.075em #ffffff solid;
	background: #ffffff;
	color: #1070c0;
	font-size: 1em;
	margin-right: 1em;
	padding: 0.2em 0.5em;
	border-radius: 0.2em;
	cursor: pointer;
}

#cookie_consent button.outline
{
	background: #1070c0;
	color: #ffffff;
}

#cookie_details
{
	display: none;
}

#cookie_details
{
	margin-top: 2em;
	padding: 1em;
	font-size: 0.5em;
	line-height: 1.2em;
}