html {
	height: 100%;
	width: 100%;
	-ms-content-zooming: none; /* Disables zooming */
	touch-action: none;   /* Disable any special actions on tap/touch */
}
body {
	position: relative;
	background: url("/global/show.image.php?x=1920&y=1080&id=50441");
	width: 100%;
	height: 100%;
	margin: 0px;
	background-size: 100% 100%;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;
}

/* --------- Navigation ----------- */
div.naviLayer {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
a {
	text-decoration: inherit;
	color: inherit;
}
a img {
	border: inherit;
}
div.bar1 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 42px;
	/*background-color: #58585a;*/
	background: #58585a url("../images/lindwerk-wortbildmarke.png") no-repeat 20px 5px;
}
div.creator {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #58585a;
	font-size: 11px;
}
div.backward, div.forward, div.pagepos, div.index, div.close, div.help, div.print, div.zoom {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 11;
}
div.backwardBtn, div.forwardBtn, div.pageposBtn, div.indexBtn, div.closeBtn, div.helpBtn, div.printBtnL, div.printBtnR,
div.printBtnB, div.printBtnPdf, div.zoomBtnIn, div.zoomBtnOut, div.zoomBtnInOut {
	position: absolute;
	height: 22px;
	width: 22px;
	top: 10px;
	color: white;
	cursor: pointer;
	text-align: center;
	font-size: 22px;
}
div.pageposBtn {
	width: 90px;
	left: -45px;
	top: 12px;
	height: 18px;
	background-color: white;
	color: black;
	font-size: 14px;
	padding-top: 1px;
	font-family: 'Open Sans', sans-serif;
}

div.indexBtn {		right: 170px; }
div.zoomBtnIn {		right: 130px; }
div.zoomBtnOut {	right: 90px; }
div.backwardBtn {	right: 60px; }
div.forwardBtn {	left: 60px; }
div.printBtnPdf {	left: 90px; }
div.printBtnB {	left: 130px; }
div.helpBtn {		left: 170px; }
div.closeBtn {		left: 210px; }

div.printBtnL, div.printBtnR,
div.zoomBtnInOut {
	display: none;
}

div.backwardLeft, div.forwardRight {
	position: absolute;
	top: 50%;
	z-index: 11;
	color: #58585a;
	width: 1px;
}
div.backwardLeft {	left: 0px; }
div.forwardRight {	right: 0px; }
div.backwardArrow, div.forwardArrow {
	position: absolute;
	top: 0px;
	cursor: pointer;
}
div.backwardArrow {	left: 5px; }
div.forwardArrow {	right: 5px;	}






div.circleRO {
	background: url(../images/rechtsoben40.png) no-repeat;
	position: absolute;
	top: 0px;	right: 0px;
	height: 50px;	width: 50px;
}
div.circleRO:hover {
	background: url(../images/rechtsoben75.png) no-repeat;
	position: absolute;
	top: 0px;	right: 0px;
	height: 50px;	width: 50px;
}
div.circleLM, div.circleRM, div.circleOM, div.circleUM, div.circleLO, div.circleRO, div.circleLU, div.circleRU {
	z-index: 100;
	font-weight: normal;
	color: #404040;
	font-size: 24px;
	cursor: pointer;
}


/* --------/ Navigation ----------- */
/* --------- Seitenbox   --------- */
div.pageLayer { /* Der Page-Layer wird für das Scrolling später gebraucht */
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: center;
	white-space: nowrap;
}
div.stuetze { /* unsichtbares Zeilenelement in voller Höhe für vertikale Zentrierung */
	display: inline-block;
	vertical-align: middle;
	height: 99%;
	width: 0px;
	background-color: yellow;
}
div.pageBox { /* mit unseren Bildern */
	display: inline-block;
	position: relative;
	/*	width, height über script gesetzt. */
	vertical-align: middle;
	margin: auto auto;
	margin: 50px;
}
div.pageOrigin {
	position: absolute;
	top: 50%;	left: 50%;
	width: 0px; height: 0px;
}
/* --------/ Seitenbox   --------- */
/* --------- Seiten      --------- */
div.pageOrigin div.pageLeft{
	position: absolute;
	/*	width, height und top über script gesetzt. */
	right: 0px;
	background-color: white;
}
div.pageOrigin div.pageRight{
	position: absolute;
	/*	width, height und top über script gesetzt. */
	left: 0px;
	background-color: white;
}
img.page {
	width: 100%;
	height: 100%;
	cursor: move;
}
div.page {
	-moz-box-shadow: 12px 12px 15px #242424;
	-webkit-box-shadow: 12px 12px 15px #242424;
	box-shadow: 12px 12px 15px #242424;
}

/* ------- Hilfe und Index ------- */
div.onTop {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	text-align: center;
	color: white;
}
div.pageOverview {
	display: inline-block;
	margin-top: 50px;
	min-width: 200px;
	max-width: 80%;
	min-height: 200px;
	max-height: 80%;
	overflow: auto;
	background-color: white;
	color: #58585a;
	padding: 20px;
	box-shadow: 12px 12px 15px #242424;
	text-align: left;
}
div.pageOverview.help {
	width: 600px;
}
div.pageOverview h1 {
	border-bottom: 2px solid #58585a;
	text-transform: uppercase;
	margin-top: 5px;
}
div.copyright {
	position: absolute;
	right: 22px;
	top: 50px;
	font-size: 9px;
}
div.spreadThumb {
	display: inline-block;
	margin: 10px;
	cursor: pointer;
	white-space: nowrap;
}
div.pageThumbL, div.pageThumbR {
	display: inline-block;
}