/* General */

body
{
	font-family: Arial;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	background-color: #D0D0D0;
}

body.content
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

h1
{
	font-size: 14pt;
}

h2
{
	font-size: 12pt;
}

h3
{
	font-size: 10pt;
	/*font-weight: normal;*/
}

h1, h2, h3, h4
{
	margin: 0px;
	display: inline;
}

a h3
{
	text-decoration: underline;
}

a img
{
	border: none;
}

a, a:visited
{
	color: blue;
}

a.green
{
	color: green;
}

a.brown
{
	color: #b68d00;
}

span.remark
{
	font-size: 8pt;
	margin-left: 8px;
}

span.note
{
	font-size: 8pt;
}

span.indent
{
	margin-left: 48px;
}

span.red
{
	color: #FF0000;
}

span.blue
{
	color: #0000FF;
}

span.green
{
	color: green;
}

span.brown
{
	color: #b68d00;
}

span.past
{
	color: #808080;
}

span.tooltip
{
	background-color: lightyellow;
	white-space: initial;
	margin: -3px -3px -3px -3px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
}

abbr
{
	cursor: help;
	border-bottom: #000 1px dotted;
}

iframe
{
	border: none;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

hr
{
	color: lightgray;
	background-color: lightgray;
}

hr.separator
{
	clear: both;
}

textarea
{
	font-family: Consolas, "Courier New";
	font-size: 10pt;
}

.error
{
	font-weight: bold;
	color: #FF0000;
}

.hidden
{
	display: none !important;
}

.breaker
{
	clear: both;
}

ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li
{
	list-style-type: none;
}

div.showlists ul li
{
	list-style-type: initial;
	margin: 0px 0px 0px 13px;
}

input.send
{
	font-family: Arial;
	font-size: 9px;
	height: 16px;
	max-height: 16px;
	width: 30px;
	max-width: 30px;
	margin: 0px;
	border: 1px solid;
	cursor: pointer;
}

input.noborder
{
	border-left: 0px;
	border-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

input.readonly
{
	background-color: #C0C0C0;
}

p.center
{
	text-align: center;
}

p.small
{
	font-size: 8pt;
}

img.rss
{
	vertical-align: middle;
	max-width: 16px;
	border: none;
	margin-top: -3px;
}

img.tooltip
{
	cursor: help;
	max-width: 12px;
}

button.sort
{
	border: 0px;
	max-width: 9px;
	max-height: 12px;
	cursor: pointer;
	margin: 1px 1px 0px 1px;
	vertical-align: middle;
	background-color: transparent;
}

img.sort
{
	max-width: 9px;
	max-height: 12px;
}

button.sort img.sort
{
	vertical-align: top;
}

td.top,
th.top
{
	vertical-align: top;
}

td.center,
th.center
{
	text-align: center;
}

td.right,
th.right
{
	text-align: right;
}

td.nowrap,
th.nowrap
{
	white-space: nowrap;
}

table.nowrap
{
	white-space: nowrap;
}

table.centered
{
	margin: 0px auto 0px auto;
}

table.centered table
{
	width: 100%;
}


/* Page container */

div.topleft
{
	width: 210px;
	height: 110px;
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/*background-image: url('images_background/topleft.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;*/
	text-align: center;
}

div.topleft span.content,
div.topright span.content
{
	display: table-cell;
	vertical-align: middle;
}

div.topleft div.generalinfo h2
{
	font-size: 1.2em;
}

div.topleft div.generalinfo h2 a
{
	text-decoration: none;
}

div.topleft div.generalinfo p
{
	margin: 10px 0px 0px 0px;
}

div.topleft div.generalinfo img.name
{
	vertical-align: middle;
}

div.topleft div.generalinfo input.button
{
	font-size: 80%;
}

div.topleft.basic
{
	display: none;
}

div.topcenter
{
	height: 110px;
	line-height: 110px;
	position: absolute;
	top: 0px;
	left: 210px;
	right: 158px;
	text-align: center;
	/*background-image: url('images_background/top.gif');
	background-repeat: repeat-x;
	background-position: 0px -50px;*/
	overflow: hidden;
}

div.topcenter img
{
	vertical-align: middle;
}

div.topcenter img.logo
{
	max-width: 95%;
	max-height: 105px;
}

div.topcenter div.mobilemenu
{
	display: none;
}

div.topright
{
	width: 158px;
	height: 110px;
	display: table;
	position: absolute;
	top: 0px;
	right: 0px;
	/*background-image: url('images_background/topright.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;*/
	font-family: 'Arial Narrow';
}

div.leftnavi
{
	width: 210px;
	position: absolute;
	top: 110px;
	bottom: 0px;
	z-index: 1;
	/*background-image: url('images_background/left.gif');*/
	overflow-y: auto;
}

div.leftnavi li.grouptitle
{
	font-weight: bold;
    margin: 0px 0px 10px 0px;
}

div.leftnavi li.separator
{
	margin: 20px 0px 15px 0px;
}

div.content
{
	position: absolute;
	top: 135px;
	left: 210px;
	right: 185px;
	bottom: 0px;
	/*background-color: #C0C0C0;*/
	overflow-y: auto;
}

div.content.wide
{
	top: 25px;
	left: 0px;
	right: 0px;
}

div.topmenu,
hr.topmenu
{
	font-family: 'Arial Narrow';
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 5px 6px;
	position: fixed;
	top: 110px;
	left: 210px;
	right: 185px;
	height: 13px;
	overflow-y: hidden;
	background-color: #D0D0D0;
}

div.topmenu.wide,
hr.topmenu.wide
{
	top: 0px;
	left: 0px;
	right: 0px;
}

div.topmenu span
{
	float: right;
	text-wrap: nowrap;
}

div.topmenu div.banner
{
	font-weight: bold;
	display: inline-block;
}

div.topmenu span.feedback
{
	margin: 0px 0px 0px 5px;
}

div img.zoom
{
	cursor: pointer;
	margin: 0px 0px -5px 10px;
}

div.topmenu span.pageinfo
{
	margin: 0px 0px 0px 15px;
}

hr.topmenu
{
	margin: 5px 5px 0px 5px;
	padding: unset;
	top: 125px;
	height: unset;
}

hr.topmenu.wide
{
	top: 15px;
}

div.rightnavi
{
	width: 185px;
	position: absolute;
	top: 110px;
	right: 0px;
	bottom: 0px;
	/*background-image: url('images_background/right.gif');*/
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #808080;
	overflow-y: auto;
	/*overflow-x: hidden;*/
	font-family: 'Arial Narrow';
}

div.rightnavi li.grouptitle
{
	font-weight: bold;
}

div.rightnavi div.icon
{
	display: inline-block;
	width: 16px;
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

div.rightnavi div.icon img
{
	max-width: 16px;
}

div.rightnavi span.title
{
	display: inline-block;
	vertical-align: middle;
	max-width: 135px;
	margin: 0px 0px 2px 0px;
}

div.rightnavi a span.title
{
	text-decoration: inherit;
}

div.rightnavi div.provider
{
	text-align: center;
}

div.toggler
{
	display: none;
	float: right;
	margin: 0px 0px 0px 10px;
}

img.togglericon
{
	vertical-align: top;
}

div.container
{
	margin: 0px 6px 5px 6px;
}

form.feedback
{
	display: inline;
}


/* Main page */

div.mainpage
{
	text-align: center;
}


/* Publication, issue and story */

div.logo
{
	float: right;
	background-color: #DDDDDD;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 5px 5px;
	border-radius: 10px;
	max-width: 40%;
}

div.logo img
{
	margin-left: 5px;
	margin-bottom: 5px;
	max-width: 100%;
	height: auto;
}

div.logo .navigator
{
	width: 100%;
	margin: 0px 0px 4px 4px;
	border-collapse: collapse;
	font-size: 80%;
}

div.logo .navigator .right
{
	text-align: right;
	padding: 0px 4px 0px 0px;
}

div.logo .navigator td
{
	white-space: nowrap;
}

div.logo .navigator td.imagecaption
{
	width: 100%;
}

div.logo .navigator td.imagerotator
{
	padding: 0px 5px 0px 0px;
}

div.logo .navigator td.imagerotator span
{
	margin: 0px 2px 0px 0px;
}

div.logo .navigator .selected
{
	font-weight: bold;
}

div.imagecontainer
{
	margin-top: 10px;
	margin-bottom: 5px;
}

div.imagecontainer img
{
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
	max-width: 100%;
}

div.imagecontainer abbr
{
	border-bottom: none;
}

div.imagecontainer .navigator
{
	margin: -5px 0px 4px 4px;
	border-collapse: collapse;
	font-size: 80%;
}

div.imagecontainer .navigator td.imagerotator
{
	padding: 0px 0px 0px 5px;
}

div.imagecontainer .navigator td.imagerotator span
{
	margin: 0px 2px 0px 0px;
}

div.imagecontainer .navigator .selected
{
	font-weight: bold;
}

div.basicinfo
{
	display: block;
	background-color: #DDDDDD;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	border-radius: 10px;
}

div.navigation
{
	font-size: 9pt;
	display: inline-block;
	background-color: #D0D0D0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border-radius: 10px;
}

div.basicinfo.rangenavigation
{
	font-size: 8pt;
	margin: 10px 0px 10px 0px;
}

div.additionalinfo
{
	padding: 0px 0px 0px 5px;
}

div.additionalinfo ul
{
	margin: 10px 0px 10px 0px;
}

p.basicinfo
{
	line-height: 1.3;
}

div.additionalinfo span.preview,
div.basicinfo span.preview,
div.basicinfo span.preview a
{
	color: #FFFFFF;
}

img.toggleicon,
img.contenticon,
img.refreshicon,
img.icon,
img.zoom
{
	max-width: 16px;
}

img.contenticon
{
	margin: 0px 5px -3px 0px;
}

img.externalicon
{
	max-width: 12px;
}

div.imagelayer img
{
	position: fixed;
	max-height: 100%;
	max-width: 100%;
	inset: 0px 0px 0px 0px;
	margin: auto;
	z-index: 999;
}


/* News list */

div.newslist div.item
{
	padding: 5px 0px 5px 0px;
}

/*div.newslist div.item img
{
	pointer-events: none;
}*/

div.newslist div.item div.image
{
	display: inline;
}

div.newslist div.itemlink
{
	text-align: right;
	margin: 5px 10px 0px 0px;
}

div.newslist span.note
{
	font-family: Arial;
	font-size: 8pt;
}

div.newslist span.highlight
{
	color: red;
}

div.newslist div.rss
{
	/*width: 700px;*/
}

div.newslist img.rss
{
	float: right;
	margin: 5px 0px 0px 0px;
	border: none;
}

div.newslist p.basic
{
	margin: 10px 0px 0px 15px;
}

div.newslist li
{
	max-width: 700px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	background-color: #DDDDDD;
	border-radius: 10px;
}

div.newslist li h2
{
	display: block;
	margin: 0px 0px 5px 0px;
}

div.newslist li h3
{
	display: block;
	margin: 0px 0px 10px 0px;
}

/*div.newslist li p*/
/*div.newslist li div.newsitem
{
	font-size: 10pt;
	margin: 0px 10px 0px 10px;
}*/

div.newslist li span.heading
{
	display: block;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px -10px 0px;
}

table.newseditor
{
	max-width: 980px;
}

table.newseditor textarea
{
	width: 100%;
}

table.newseditor td.buttons
{
	padding: 0px 0px 0px 10px;
}


/* Calendars */

div.calendar table.calendar
{
	max-width: 800px;
}

div.calendar h2
{
	display: inline-block;
	font-size: 16pt;
	margin: 10px 0px 10px 0px;
}

div.calendar td.day
{
	vertical-align: top;
}

div.calendar td.future
{
	background-color: #DDDDDD;
}

div.calendar td.red
{
	border: solid red;
}

div.calendar td span.day
{
	display: inline-block;
	min-height: 60px;
}

div.calendar td.kk
{
	font-family: 'Arial Narrow';
	font-size: 10pt;
	font-weight: normal;
	page-break-before: always;
}


/* Message */

form.message table td.nowrap
{
	white-space: nowrap;
}

form.message table td.top
{
	vertical-align: top;
}

form.message table td.wide
{
	width: 100%;
}

form.message table td.center
{
	text-align: center;
}

form.message table input.text
{
	font-family: Consolas, "Courier New";
	width: 99%;
}

form.message table input.text.short
{
	width: 200px;
}

form.message table span.remark
{
	display: block;
	margin-left: unset;
}

form.message table textarea
{
	height: 200px;
	width: 99%;
}


/* Info page */

div.infopage h2, div.infopage h3, div.infopage h4
{
	display: block;
}

div.infopage.table td
{
	vertical-align: top;
	white-space: nowrap;
}

div.infopage div.right
{
	float: right;
}


/* Update page */

div.updatelist h2, div.updatelist h3
{
	display: block;
	margin: 15px 0px 13px 0px;
}

div.updatelist hr
{
	margin: 15px 0px 15px 0px;
}


/* Table buttons */

div.tablebuttons a.image img
{
	border: none;
	padding: 0px;
	max-width: 16px;
	max-height: 16px;
	vertical-align: middle;
}

div.tablebuttons img.link
{
	cursor: pointer;
}


/* Listing */

table.listing
{
	border-collapse: collapse;
}

table.listing td,
table.listing th
{
	padding: 2px 2px 2px 2px;
}

table.listing td.spacer,
table.listing th.spacer
{
	padding: 0px 25px 0px 0px;
}

table.listing.padded td,
table.listing.padded th
{
	padding: 2px 5px 2px 2px;
}

table.listing img
{
	vertical-align: middle;
}

table.listing thead tr:nth-child(2n+1),
table.listing tbody tr:nth-child(2n)
{
	background-color: #DDDDDD;
}

table.listing.even tr:nth-child(2n)
{
	background-color: unset;
}

table.listing.even tbody tr:nth-child(2n+1)
{
	background-color: #DDDDDD;
}

table.listing.solid tr
{
	background-color: unset !important;
}


/* Detailed index */

table.stories
{
	border-collapse: collapse;
	clear: both;
}

table.stories td, table.stories th
{
	border-width: 1px;
	border-style: solid;
	padding: 3px 3px 3px 3px;
}

table.stories td.credits
{
	min-width: 20%;
}

td.storytablecover
{
	background-color: #FFCC33;
}

td.storytablearticle
{
	background-color: #CCCC99;
}

td.storytablestory
{
	background-color: #CBDCED;
}

td.storytableerror
{
	background-color: #FF0000;
}

table.stories hr
{
	border: none;
	margin: 0px 0px 0px 0px;
	height: 1px;
	background-color: #DFDFDF;
	max-width: 50px;
}


/* Create index */

table.createindex
{
	width: 100%;
}

table.createindex td.maxwidth
{
	width: 100%;
}

table.createindex td.top
{
	vertical-align: top;
}

table.createindex input.indexbutton
{
	font-size: 80%;
    padding: 0px 0px 0px 0px;
    vertical-align: inherit;
}

table.createindex input.regular
{
	width: 250px;
}

table.createindex input.narrow
{
	width: 60px;
}

table.createindex td.storylist
{
	border-width: 3px;
	border-style: solid;
}

table.createindex hr
{
	height: 10px;
	background-color: #000000;
	margin: 20px 0px 20px 0px;
}

table.createindex td.nowrap
{
	white-space: nowrap;
}

div.imagelist
{
	max-height: 180px;
	overflow-y: hidden;
	text-align: center;
}

div.imagelist .imageitem
{
	display: inline-block;
    position: relative;
    margin: 0px 0px 100px 0px;
}

div.imagelist .imagecaption
{
	background: white;
	bottom: 0px;
	color: black;
	font-size: 7pt;
	font-weight: bold;
	left: 0px;
	margin: 0px 0px 3px 0px;
	opacity: 0.8;
	overflow-x: hidden;
	padding: 0px 2px 0px 2px;
	position: absolute;
	right: 0px;
}

div.refreshbar
{
	text-align: right;
}

div.refreshbar img
{
	cursor: pointer;
}


/* Publication list */

div.publicationlistselector
{
	margin: 5px 0px 0px 0px;
	display: block;
}

div.publicationstatistics,
div.publicationlistinfo
{
	display: none;
}

div.publicationlistfilter
{
	margin: 5px 0px 0px -3px;
	display: block;
}

div.publicationlistfilter select
{
	max-width: 200px;
}

div.publicationlistfilter select.narrow
{
	max-width: 55px;
}

div.publicationlist
{
	font-family: Consolas, "Courier New";
	font-size: 9pt;
	white-space: nowrap;
	margin: 10px 0px 0px 0px;
}

div.publicationlist span.information,
div.publicationlistinfo span.information
{
	color: #ffffff;
}

div.publicationlist span.todo,
div.publicationlistinfo span.todo
{
	color: #000000;
	background-color: #ffff00;
	/*font-weight: bold;*/
}

div.publicationlistinfo span.tooltip
{
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	cursor: unset;
}

div.publicationstatistics h2
{
	margin: 10px 0px 10px 0px;
	display: block;
}

div.publicationstatistics table
{
	margin: 0px 0px 0px -3px;
	border-collapse: collapse;
}

div.publicationstatistics table td
{
	margin: 0px 10px 2px 2px;
	padding: 1px 3px 1px 3px;
	border: 1px solid black;
}

div.publicationstatistics table td.data
{
	text-align: right;
}

div.publicationlistinfo
{
	margin: 10px 0px 0px 0px;
}

div.publicationlistinfo ul
{
	margin: 10px 0px 10px 10px;
}

div.publicationlistinfo ul li
{
	list-style-type: initial;
}


/* Lehtipiste */

div.lehtipiste span.tooltip
{
	background-color: unset;
	border: unset;
}

div.lehtipiste span.tooltip img
{
	max-width: 400px;
	max-height: 400px;
}


/* Modal layer */

div.modallayer
{
	position: fixed;
	z-index: 999;
	background-color: #DDDDDD;
	inset: 0px 0px 0px 0px;
	max-width: 1200px;
	margin: 30px auto 30px auto;
	border: 3px solid black;
	padding: 5px 5px 5px 5px;
}

div.modallayer div.modalclose
{
	position: absolute;
	right: 10px;
	top: 10px;
}

div.modallayer div.modalclose img
{
	max-width: 64px;
	opacity: 0.7;
}

div.modallayer div.modalclose img:hover
{
	opacity: 1;
}

div.modallayer div.modalcontent
{
	margin: 0px 10px 0px 0px;
	overflow: auto;
	max-height: 100%;
}

div.modallayer div.modalimages
{
	margin: 0px 40px 0px 0px;
}

div.modallayer div.modalimages img
{
	max-width: 100%;
	vertical-align: top;
	margin: 0px 0px 5px 5px;
}


/* Sortable tables */

table.sortable thead td:not(.sorttable_nosort)
{
	cursor: pointer;
	color: blue;
}

table.sortable thead td:not(.sorttable_nosort)::after
{
	margin-left: 3px;
	font-weight: bold;
	color: black;
	content: "\21c5";
	/* ↕ ⇅ ⇳ 🡙 Up-Down arrows */
}

table.sortable thead td.sorttable_sorted::after
{
	color: #14b30f;
	content: "\25b2";
	/* ↓ ⇓ ⇩ 🡇 ▲ */
}

table.sortable thead td.sorttable_sorted_reverse::after
{
	color: #14b30f;
	content: "\25bc";
	/* ↑ ⇑ ⇧ 🡅 ▼ */
}

table.sortable span#sorttable_sortfwdind,
table.sortable span#sorttable_sortrevind
{
	display: none;
}



/* Smaller and hi-res screens */

@media
only screen and (max-width: 1280px)
{
	.wideonly
	{
		display: none;
	}
}


/* Set this width also in main.js -> ShowMobileMenu */

@media
only screen and (max-width: 800px),
/*only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (   min--moz-device-pixel-ratio: 1.25),
only screen and (     -o-min-device-pixel-ratio: 1.25/1),
only screen and (        min-device-pixel-ratio: 1.25),
only screen and (                min-resolution: 120dpi),
only screen and (                min-resolution: 1.25dppx)*/
/*only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)*/
{
	body
	{
		font-size: 12pt;
	}

	h1
	{
		font-size: 16pt;
	}

	h2
	{
		font-size: 14pt;
	}

	h3
	{
		font-size: 12pt;
	}

	span.remark
	{
		font-size: 10pt;
	}

	span.note
	{
		font-size: 10pt;
	}

	.desktop
	{
		display: none;
	}

	div.navigation
	{
		font-size: 10pt;
	}

	form.message table input.text,
	form.message table textarea
	{
		font-size: 120%;
	}

	img.toggleicon,
	img.refreshicon
	{
		max-width: 32px;
	}

	div.topleft, div.topright
	{
		display: none;
	}

	div.topcenter
	{
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		height: auto;
		line-height: inherit;
		text-align: left;
		background-image: none;
		/*background-color: #C0C0C0;*/
		min-height: 52px;
	}

	div.topcenter div.logocontainer
	{
		margin: 25px 5px 5px 170px;
		min-width: 180px;
		text-align: center;
	}

	div.topcenter div.logocontainer img.logo
	{
		max-width: 100%;
		max-height: 65px;
	}

	div.topcenter div.mobilemenu
	{
		/*background-color: #C0C0C0;*/
		opacity: 0.7;
		display: block;
		position: fixed;
		top: 15px;
		z-index: 2;
	}

	div.topcenter div.mobilemenu:hover
	{
		opacity: 1;
	}

	div.topcenter div.mobilemenu img.mobileicon
	{
		max-width: 32px;
		padding: 10px 10px 10px 10px;
		cursor: pointer;
	}

	/*div.topcenter div.mobilemenu img.mobileicon.first
	{
		padding: 0px 0px 0px 0px;
	}*/

	div.content
	{
		position: fixed;
		top: 25px;
		left: auto;
		right: auto;
		height: auto;
		/*overflow-y: visible;*/
		line-height: 1.5;
		width: 100%;
	}

	div.content div.basicinfo p.createindex
	{
		display: none;
	}

	div.content p.basicinfo
	{
		line-height: 1.5;
	}

	div.content div.topmenu,
	div.content hr.topmenu
	{
		top: 0px;
		left: 0px;
		right: 0px;
	}

	div.content div.topmenu
	{
		height: 18px;
	}

	div.content hr.topmenu
	{
		top: 15px;
	}

	div.content div.topmenu div.right
	{
		float: unset;
		margin: unset;
	}

	div.content div.topmenu div.quicklinks,
	div.content div.topmenu span.pageinfo,
	div.content div.topmenu span#content_zoom
	{
		display: none;
	}

	div.topleft.basic,
	div.leftnavi,
	div.rightnavi
	{
		background-image: none;
		background-color: #D0D0D0;
		top: 50px;
		left: 5px;
		bottom: auto;
		overflow-y: visible;
		border: 1px solid black;
		position: absolute;
		display: none;
		font-family: Arial;
		font-size: 200%;
		margin: 0px 5px 0px 0px;
	}

	div.topleft.basic
	{
		font-size: 150%;
	}

	div.rightnavi span.title
	{
		max-width: unset;
		display: block;
		margin: unset;
	}

	div.leftnavi.mobile,
	div.rightnavi.mobile,
	div.topleft.basic.mobile
	{
		display: table;
		width: unset;
	}

	div.topleft.basic
	{
		width: auto;
		height: auto;
		padding: 5px 5px 5px 5px;
		border: 2px solid black;
		font-family: Arial;
	}

	div.topleft.basic span.content
	{
		display: block;
	}

	div.topleft.basic div.additionalcontent
	{
		margin: 10px 0px 15px 0px;
	}

	div.leftnavi div.container,
	div.rightnavi div.container
	{
		margin: 0px 0px 0px 0px;
	}

	div.leftnavi li.grouptitle, div.leftnavi li.item,
	div.rightnavi li.grouptitle, div.rightnavi li.item
	{
		border-style: solid;
		border-width: 1px;
		margin: 0px 0px 0px 0px;
		background-color: #D0D0D0;
	}

	div.leftnavi li.grouptitle,
	div.rightnavi li.grouptitle
	{
		cursor: pointer;
		padding: 5px 5px 5px 5px;
	}

	div.leftnavi li.item a,
	div.rightnavi li.item a
	{
		display: block;
		padding: 5px 5px 5px 5px;
		text-decoration: none;
	}

	div.rightnavi li.item a
	{
		display: grid;
		grid-template-columns: 37px auto;
		align-items: center;
	}

	div.rightnavi li.item div.provider a
	{
		display: block;
	}

	div.leftnavi li.item, div.leftnavi li.separator,
	div.rightnavi li.item, div.rightnavi li.separator
	{
		display: none;
	}

	div.leftnavi li.item.mobile,
	div.rightnavi li.item.mobile
	{
		display: grid;
		max-width: 450px;
	}

	div.rightnavi li.grouptitle
	{
		font-family: Arial;
		font-weight: bold;
	}

	div.rightnavi li.grouptitle div.icon
	{
		display: none;
	}

	div.rightnavi div.provider
	{
		margin: 0px 0px -7px 0px;
	}

	div.leftnavi div.icon,
	div.rightnavi div.icon
	{
		display: grid;
		float: left;
		width: 32px;
	}

	div.leftnavi div.icon img,
	div.rightnavi div.icon img
	{
		max-width: 32px;
	}

	div.toggler,
	div.toggler div.icon
	{
		display: unset !important;
	}

	div.content div.container
	{
		position: absolute;
		top: 67px;
		background-color: #D0D0D0;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	div.basicinfo,
	div.additionalinfo,
	div.logo
	{
		margin: 0px 6px 5px 6px;
	}

	div.content.wide div.container
	{
		top: unset;
	}

	div.imagecontainer
	{
		max-width: 90%;
	}
}

@media
/*only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 1.5/1),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx)*/
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx)
{
	/*div.topcenter div.logocontainer
	{
		margin: 5px 5px 5px 218px;
		min-height: 64px;
	}

	div.topcenter div.mobilemenu img.mobileicon
	{
		width: 48px;
	}

	img.toggleicon
	{
		width: 24px;
	}*/
}

@media
/*only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)*/
only screen and (-webkit-min-device-pixel-ratio: 4),
only screen and (   min--moz-device-pixel-ratio: 4),
only screen and (     -o-min-device-pixel-ratio: 4/1),
only screen and (        min-device-pixel-ratio: 4),
only screen and (                min-resolution: 384dpi),
only screen and (                min-resolution: 4dppx)
{
	/*div.topcenter div.logocontainer
	{
		margin: 5px 5px 5px 266px;
		min-height: 80px;
	}

	div.topcenter div.mobilemenu img.mobileicon
	{
		width: 64px;
	}

	img.toggleicon
	{
		width: 32px;
	}*/
}