img.fileicon {
	width: 20px;
	height: 20px;
}
div.header, div.footer {
	/*background-color: #FFFFFF;*/
	font-family: arial, helvetica, non-serif;
}
div.header {
	height: 100px;
	width: 100%;
}
div.header img {
	display: inline;
	float: left;
	width: auto;
	height: 100px;
	margin-left: 8px;
}
div.header h1 {
	display: inline;
	float: none;
}
h1 {
	font-size: 72pt;
}
h2 {
	font-size: 22pt;
	margin-top: 20px;
	margin-bottom: 0px;
	/*margin-bottom: 30px;*/
}
h3 {
	font-size: 12pt;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-right: 1em;
}
div.header > ul, div.footer > ul, div.selectorui > ul {
	list-style-type: none;
}
div.header > ul > li, div.footer > ul > li, div.selectorui > ul > li {
	display: inline;
	float: right;
	margin: 4px;
	padding: 0.5em;
	background-color: #E0E0E0;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}
div.header > ul > li ul, div.footer > ul > li ul, div.selectorui > ul > li ul {
	text-transform: none;
	list-style-type: circle;
	padding-left: 1em;
}
div.header > ul > li ul > li, div.footer > ul > li ul > li, div.selectorui > ul > li ul > li {
	display: list-item;
	font-size: 9pt;
	font-weight: bold;
}
.selectorui {
	padding: 8px;
	font-family: arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
.orderui {
	display: inline;
	/*width: 720px;*/
}
.closeui {
	/*position: relative;*/
	/*margin: 0px;*/
	/*padding: 0px;*/
	/*display: block;*/
	/*position: absolute;
	top: 0px;
	right: 10px;*/
	/*display: inline;*/
	/*font-family: arial, sans-serif;
	font-size: 22pt;*/
	/*text-align: right;
	right: 0px;*/
	position: absolute;
	left: 690px;
	/*relative: +10px;*/
	float: right;
	z-index: 1000;
}
div.gridtile, div.detailtile {
	float: left;
	padding: 0px;
	position: relative;
/*	background-color: #000000;*/
	font-family: arial, sans-serif;
}
div.gridtile {
	width: 150px;
	height: 150px;
	margin: 10px;
}
div.detailtile {
	width: 720px;
	height: 500px;
	/*min-height: 500px;*/
	/*max-height: 100%;*/
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
	background-color: #FFFFFF;
}
div.detailtile:focus {
	outline: none; /* prevent Google Chrome shadow if using 'forced' keyboard scrolling */
}
/* form#form_fetom + div.detailtile { added 2019-01-08
	clear: right;
} */
/* div.detailtile + nav { added 2019-01-08 NOT USEFUL: individual collapsing of three of the related tiles no longer works using this 9×9 technique.
	max-width: 600px;
	display: inline-block; float:right; wait with implementing float:right until the huge middle scrollbar is implemented as well?
}*/
span.tilespotduplicateplaceholder {
	display: none;
}
@media screen and (orientation: portrait) {
	/*div.tilerelated {
		float: right;
	}*/
	div.detailtile {
		height: initial;
	}
	div.detailtile iframe {
		height: 80% !important;
	}
}
@media print and (orientation: portrait) {
	div.detailtile iframe, div.detailtile div#wrapper {
		height: 20cm !important;
	}
}
@media print and (orientation: landscape) {
	/*div.detailtile {
		width: 100%;
	}*/
	div.detailtile iframe {
		height: 13cm !important;
	}
}
@media print {
	img.nonprintable, a.nonprintable, span.nonprintable, div.gridtile.nonprintable {
		display: none;
	}
	h1 {
		color: #000000 !important;
	}
	div.tiles {
		display: initial !important;
		border: initial !important;
		margin: initial !important;
	}
	div.gridtile {
		float: initial;
		width: initial;
		height: initial;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	div.gridtile span.tileproject br {
		display: none;
	}
	div.gridtile span.tiledateend, div.gridtile span.tiledatestart, div.gridtile span.tileproject, div.gridtile span.tilecity, div.gridtile span.tilespot, div.gridtile span.tilespotduplicateplaceholder {
		display: initial;
		position: initial;
		top: initial;
		right: initial;
		bottom: initial;
		left: initial;
		text-align: initial;
		text-shadow: initial;
		color: #000000;
	}
	div.tiles a {
		text-decoration: none;
	}
	div.gridtile span.tiledatestart {
		top: 0.5em !important;
	}
	div.gridtile span.tiledateend {
		display: inline-block;
		width: 6em;
		text-align: right;
	}
	div.gridtile span.tileproject {
		display: inline-block;
		width: 18.5em;
		text-align: left !important;
		white-space: nowrap;
	}
	div.gridtile span.tilefiles {
		top: -4px;
		left: -0.75em;
		width: 1.2em;
		text-align: right;
	}
	div.gridtile span.tilespotduplicate {
		display: none;
	}
	span.tilespotduplicateplaceholder {
		display: initial;
	}
	div.gridtile span.tilespot img {
		right: -1em;
		position: absolute;
	}
	div.gridtile img.photothumb, div.gridtile img.logobetween, div.gridtile img.logothumb, img.tileedit, img.tiledel {
		display: none;
	}
	div.gridtile form {
		display: none;
	}
	div.detailtile {
		height: initial;/*100%*/;
	}
	.closeui {
		display: none;
	}
	div.footer > ul {
		text-align: center;
	}
	div.footer > ul > li {
		margin: 0.6em 0px 0px 0px;
		font-size: 9pt;
		padding: /*0.2em*/0.125em;
	}
	div.footer {
		font-size: 9pt !important;
		padding-right: 0.6em;
	}
	p.footer {
		 text-align: center;
	}
	div.tilerelated {
		display: none;
	}
	img.fileicon {
		display: none;
	}
	a.lstatus {
		display: none;
	}
	.twitter {
		/*display: none;*/
	}
	.infinite {
		display: none;
	}
	div.selectorui {
		/*position: fixed;*/
		/*bottom: 0px;*/
	}
	div.selectorui a {
		color: #000000 !important;
		text-decoration: none;
	}
}
@media not print {
	.printonly {
		display: none !important;
	}
}
@media (max-width: 906px) and (orientation: landscape) {
	div.tilerelated0, div.tilerelated1, div.tilerelated2 {
		display: none;
	}
}
@media (max-width: 1076px) and (orientation: landscape) {
	div.tilerelated3, div.tilerelated4, div.tilerelated5 {
		display: none;
	}
}
@media (max-width: 1246px) {
	div.tilerelated6, div.tilerelated7, div.tilerelated8 {
		display: none;
	}
}
@media (min-width: 1396px) and (orientation: landscape) {
	div.detailtile + nav {
		max-width: 600px;
		display: inline-block;
	}
	body.overview {
		margin-left: /*150px*/148px;
		margin-right: /*150px*/148px;
	}
	body.detail {
		margin-left: /*2%*/20px;
		margin-right: /*2%*/20px;
	}
	.closeui {
		left: 710px;
	}
}

@media (min-width: 1696px) and (orientation: landscape) {
	body.detail {
		margin-left: /*150px*/148px;
		margin-right: /*150px*/148px;
	}
	.closeui {
		left: 840px;
	}
}

@media (orientation: portrait) {
	div.detailtile + nav {
		max-width: 200px;
		/*display: inline-block;*/
		float: right;
	}
}
/* 2019-01-08 added to prevent line wrapping of related tiles *//*
@media (min-width: 1396px) {
	div.detailtile {
		margin-right: 125px;
	}
}
@media (min-width: 1566px) {
	div.detailtile {
		margin-right: 295px;
	}
}
@media (min-width: 1736px) {
	div.detailtile {
		margin-right: 465px;
	}
}
@media (min-width: 1906px) {
	div.detailtile {
		margin-right: 635px;
	}
}
@media (min-width: 2076px) {
	div.detailtile {
		margin-right: 835px;
	}
}
*/
span.tiledateend {
	display: block;
	position: absolute;
	top: 0px;/*0.5em;*/
	text-align: right;
	/*margin: 5px;*/
	/*padding: 5px;*/
	/*opacity: initial;*/
	text-shadow: 1px 1px #222222,-1px -1px #222222,1px -1px #222222,-1px 1px #222222;
	color: #FFFFFF;
}
span.tiledatestart {
	text-shadow: 1px 1px #222222,-1px -1px #222222,1px -1px #222222,-1px 1px #222222;
	color: #FFFFFF;
}
span.tileproject {
	display: block;
	position: absolute;
	width: 100%;
	/*margin: 5px;*/
	padding-left: 5px;
	padding-right: 11px;
	/*left: 0.5em;*/
	/*right: 0.5em;*/
	font-size: 11pt;
	font-weight: bold;
	/*opacity: initial;*/
	/*text-outline: 2px 2px #FFFFFF;*/
	text-shadow: 1px 1px #222222,-1px -1px #222222,1px -1px #222222,-1px 1px #222222;
	color: #FFFFFF;
}
span.tilecity {
	display: block;
	position: absolute;
	width: 100%;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	text-shadow: 1px 1px #EEEEEE,-1px -1px #EEEEEE,1px -1px #EEEEEE,-1px 1px #EEEEEE;
	color: #000000;
}
span.tilespot {
	display: block;
	position: absolute;
	width: 100%;
	/*height: 100%;*/
	text-align: right;
	/*margin: 5px;*/
	/*padding: 5px;*/
	font-size: 8pt;
	font-weight: bold;
	/*opacity: initial;*/
	text-shadow: 1px 1px #EEEEEE,-1px -1px #EEEEEE,1px -1px #EEEEEE,-1px 1px #EEEEEE;
	color: #000000;
	white-space: nowrap; /* 2019-01-13 added to prevent more than 1 line */
	/*overflow: hidden; 2019-01-13 optionally hide text that would take more than 1 line */
}
span.tilecontent {
}
div.gridtile span.tiledateend {
	right: 1.0em;
	font-size: 10pt;
}
div.gridtile span.tiledatestart {
	display: block;
	position: absolute;
	top: 18px;
	right: 1em;
	text-align: right;
	font-size: 7pt;
}
div.gridtile span.tileproject {
	text-align: center;
	top: 40%;
}
div.gridtile span.tilecity {
	bottom: 20px;
	right: 1em;
}
div.gridtile span.tilespot {
	bottom: 3px;/*10%;*/
	right: 1em;
}
div.detailtile span.tiledateend {
	right: 45px;
	font-size: 15pt;
	font-weight: bold;
}
div.detailtile span.tiledatestart {
	display: inline;
	font-size: 12pt;
	font-weight: bold;
}
div.detailtile span.tileproject {
	text-align: left;
	/*left: 30px;*/
	left: 0em;
	padding-left: 0px;
	top: 0.5em;
	/*z-index: -1;*/
}
div.detailtile span.tilespot {
	top: 0.75em;
	/*right: 30%;*/
	text-align: center;
}
@media print {
	div.detailtile span.tiledateend {
		right: 0px;
	}
	div.detailtile span.tileproject, div.detailtile span.tiledateend, div.detailtile span.tiledatestart {
		/*text-shadow: none;*/
		text-shadow: 1px 1px #EEEEEE,-1px -1px #EEEEEE,1px -1px #EEEEEE,-1px 1px #EEEEEE;
		color: #000000;
	}
}
img.photothumb {
	position: absolute;
	vertical-align: middle;
}
div.gridtile img.photothumb {
	z-index: -30;
}
img.logobetween {
	position: absolute;
	/*left: -20px;*/
	/*width: 20px;*/
	left: -33px;
	width: 33px;
	height: 150px;
	z-index: -10;
}
img.logothumb {
	position: absolute;
	vertical-align: middle;
/*	opacity: 0.2;*/
	/* <= Internet Explorer  */
/*    filter: alpha(opacity=20);*/
    /* = Interet Explorer 8 */
/*    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";*/
/*    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);*/
	z-index: -20;
}
@media print {
	div.detailtile img.photothumb {
		display: none;
	}
}
div.detailtile img.photothumb {
	opacity: 0.1;
	/*z-index: -1;*/
	width: auto;
	height: 100%;
	/*position: fixed;*/
	/*z-index: 0;*/
}
div.detailtile img.logothumb {
	display: none;
	opacity: 0.1;
	/*z-index: -1;*/
	width: auto;
	height: 100%;
	/*position: fixed;*/
}
/* Prevent border around Internet Explorer clickable images. */
a img {
	border: 0px;
}
img.fileimg {
	width: 100%;
	height: auto;
}
.tilecontent img {
	max-width: 100%;
	height: auto;
}
.tilecontent h2/*, .tilecontent h2 a*/ {
	max-width: 700px;
	/*word-break: break-all;*/
}
div.fileinfo {
	white-space: pre-wrap;
	margin-top: 20px;
	margin-bottom: 0px;
}
div.fileinfowiki {
	white-space: pre-wrap;
	margin-top: 20px;
	margin-bottom: 0px;
}
div.fileinfosools {
	/*white-space: pre-wrap;*/
	margin-top: 20px;
	margin-bottom: 0px;
}
div.fileinfosools:first-child h2.titlesools, div.fileinfosools:first-of-type h2.titlesools {
	display: none;
}
div.fileinfo ul, div.fileinfo ol {
}
div.fileinfowiki {
	clear: both;
}
div.fileinfowiki ul {
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 20px;
	white-space: normal;
}
div.fileinfowiki ul li {
	display: list-item;
	list-style-type: disc;
	white-space: normal;
}
div.fileinfowiki h4, div.fileinfowiki h5, div.fileinfowiki h6 {
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 0px;
	white-space: normal;
}
a.lstatus, a.lstatus:link,  a.lstatus:visited {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px #222222,-1px -1px #222222,1px -1px #222222,-1px 1px #222222;
}
div.tiles {
	display:inline-block;
	height: 100%;
}
span.selectordomain {
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 1px;
	margin-right: 2px;
	background-color: #FFFFFF;
}
input.selector {
	margin-left: 0px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
}
span.domain {
	color: #000000;
	vertical-align: middle;
}
a.domain, a.domain:link, a.domain:visited {
	color: #0000FF;
}
div.footer {
	margin-bottom: 24px;
	border-top: 2px solid #505050;
	float: left;
	width: 100%;
}
div.footer p {
	margin: 0px;
	margin-top: 4px;
}
div.footer img {
	width: 100%;
	height: auto;
}
table.wiky {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1px;
	margin-bottom: 1px;
}
table.wiky td {
	padding: 3px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}