html
{
	height:100%;
	width:100%;
	overflow:hidden;
}
body
{
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:none;
	background-color:black;
	margin:0;
	padding:0;
	color:#eeeeee;
	text-align:left;
	overflow:hidden;
}
div.worksheet
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:none;
	z-index:1;
}
/* Eingabebereich */
div.links
{
	position:absolute;
	top:0;
	left:0;
	width:25%;
	height:100%;
	background-color:black;
	overflow:hidden;
	z-index:1;
}
div.eingabe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:16%;
	background:url(../img/blaud.jpg) repeat center center fixed;
	-webkit-background-size:50% 50%;
	-moz-background-size:50% 50%;
	-o-background-size:50% 50%;
	background-size:50% 50%;
	overflow:hidden;
	z-index:2;
}
input.akkord
{
	position:absolute;
	width:75%!important;
	height:40%!important;
	top:0;
	left:0;
	margin:3% 0 0 1%;
	padding:0 1%;
	font-family:"Kalam";
	font-weight:700;
	font-size:1.5vw;
	color:black;
	outline:0;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	z-index:3;
}
input.button
{
	position:absolute;
	width:16%;
	height:40%;
	top:0;
	left:80%;
	background-color:#205080;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:white;
	padding:0;
	margin:0;
	font-family:"Kalam";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:1.2vw;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	margin:3% 0 0 0;
	cursor:pointer;
	z-index:3;
}
a.typ1
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:1%;
	background-color:white;
	color:blue;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:2px solid black;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.typ2
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:17%;
	background-color:#ff8080;
	color:blue;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:none;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.typ3
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:33%;
	background-color:#a0a0ff;
	color:blue;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:none;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.typ4
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:49%;
	background-color:#a0ffa0;
	color:blue;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:none;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.typ5
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:65%;
	background-color:#ffa0ff;
	color:blue;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:none;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.typ6
{
	position:absolute;
	width:14%;
	height:22%;
	top:60%;
	left:81%;
	background-color:#e0e0e0;
	color:red;
	text-align:center;
	margin:0;
	padding:1% 0 0 0;
	border:none;
	font-family:"Kalam";
	font-weight:700;
	font-size:1vw;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
div.ausgabe
{
	position:absolute;
	top:16%;
	left:0;
	width:100%;
	height:84%;
	background:url(../img/musik.jpg) repeat center center fixed;
	-webkit-background-size:26% 100%;
	-moz-background-size:26% 100%;
	-o-background-size:26% 100%;
	background-size:26% 100%;
	background-position:-1% 0;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	z-index:99;
}
div.iimg
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	overflow:hidden;
	z-index:4;
}
/* Überschrift */
div.imgdiv1
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:3% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#660000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext1
{
	font-family:"Kalam";
	height:100%;
	width:auto;
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:2vw;
	color:white;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
div.imgdiv4
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:4% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#660000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext4
{
	height:100%;
	width:auto;
	font-family:"Kalam";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:1.5vw;
	color:#ffc0c0;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
div.text1
{
	position:absolute;
	height:10%;
	width:100%;
	padding:0;
	margin:0;
	background:none;
	z-index:4;
}
p.text1
{
	width:auto;
	font-family:"Kalam";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:3vw;
	color:#a00000;
	background:none;
	margin:0;
	padding:0;
}
img.inlay
{
	height:80%;
	width:80%;
	margin:0 0 -4% 0;
	padding:0;
}
/* Harmonie normal */
div.imgdiv11
{
	position:absolute;
	height:0.7%;
	width:auto;
	padding:0;
	margin:1% 1.5% 1% 1.5%;
	background:none;
	visibility:hidden;
	z-index:4;
}
img.image1
{
	height:100%;
	width:auto;
	margin:0;
	padding:0;
	z-index:3;
}
img.dimage1
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:110%;
	padding:0;
	margin:0;
	z-index:7;
}
img.dimage11
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:110%;
	padding:0;
	margin:0;
	z-index:7;
}
img.pimage11
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:110%;
	padding:0;
	margin:0;
	z-index:7;
}
/* Harmonie doppelt */
div.imgdiv22
{
	position:absolute;
	height:0.7%;
	width:auto;
	padding:0;
	padding:0;
	margin:0.5% 1.5% 0.5% 1.5%;
	background:none;
	visibility:hidden;
	z-index:4;
}
img.image2
{
	height:120%;
	width:auto;
	margin:0;
	padding:0;
	z-index:3;
}
img.dimage2
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:140%;
	padding:0;
	margin:0;
	z-index:7;
}
img.dimage22
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:165%;
	padding:0;
	margin:0;
	z-index:7;
}
img.pimage22
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:165%;
	padding:0;
	margin:0;
	z-index:7;
}
/* Taktstriche etc. */
img.dimage3
{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:100%;
	padding:0;
	margin:0;
	z-index:7;
}
/* Untertext */
div.imgdiv6
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:3% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#606000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
div.imgdiv7
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:3% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#f0f0f0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext6
{
	font-family:"Kalam";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:2vw;
	color:white;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
p.ltext7
{
	font-family:"Boli Spezial";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:2vw;
	color:#e00000;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
textarea.ltext6
{
	height:98%!important;
	width:98%;
	margin:0;
	padding:1% 1% 0 1%;
	font-family:"Trebuchet MS";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:2.4vw;
	background-color:white;
	color:black;
	z-index:5;
}
div.text6
{
	position:absolute;
	padding:0;
	margin:0;
	width:auto;
	height:100%;
	background:none;
	z-index:6;
}
p.text6
{
	font-family:"Trebuchet MS";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:2.4vw;
	color:black;
	background:none;
	margin:0;
	padding:0;
}
div.text7
{
	position:absolute;
	padding:0;
	margin:0;
	width:auto;
	height:100%;
	background:none;
	z-index:6;
}
p.text7
{
	font-family:"Boli Spezial";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:1.5vw;
	color:#c00000;
	background:none;
	margin:0;
	padding:0;
}
/* Obertext */
div.imgdiv2
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:3% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#003066;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext2
{
	font-family:"Kalam";
	height:100%;
	width:auto;
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:2vw;
	color:white;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
div.text2
{
	position:absolute;
	height:100%;
	width:auto;
	padding:0;
	margin:0;
	background:none;
	z-index:6;
}
p.text2
{
	width:auto;
	font-family:"Kalam";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:1.9vw;
	color:#0000a0;
	background:none;
	margin:0;
	padding:0;
}
/* Wiederholung */
div.imgdiv3
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:4% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#c0a000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	border-top:2px solid blue;
	border-left:2px solid blue;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext3
{
	height:100%;
	width:auto;
	font-family:"Kalam";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:1.5vw;
	color:white;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
div.imgdiv33
{
	position:absolute;
	height:0.4%;
	width:auto;
	padding:4% 0 0 0;
	margin:1% 1.5% 1% 1.5%;
	background-color:#c0a000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	border-top:2px solid blue;
	border-left:2px solid blue;
	border-right:2px solid blue;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	visibility:hidden;
	z-index:4;
}
p.ltext33
{
	height:100%;
	width:auto;
	font-family:"Kalam";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:1.5vw;
	color:white;
	background:none;
	padding:0;
	margin:0;
	z-index:5;
}
div.text3
{
	position:absolute;
	height:50%;
	width:auto;
	padding:0.5% 1% 0 1%;
	margin:0;
	background:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:clip;
	z-index:6;
}
p.text3
{
	width:auto;
	font-family:"Kalam";
	font-weight:400;
	line-height:100%;
	letter-spacing:0;
	font-size:1.3vw;
	color:#606060;
	background:none;
	margin:0;
	padding:0;
}
div.text5
{
	position:absolute;
	height:30%;
	width:1px;
	top:0;
	right:0;
	padding:0;
	margin:0;
	background-color:#606060;
	z-index:6;
}
/* Noten */
img.bimage2
{
	position:absolute;
	width:auto;
	height:50%;
	padding:0;
	margin:0;
	z-index:6;
}
/* rechtes Menü */
div.reingabe
{
	position:absolute;
	top:0;
	left:25%;
	width:75%;
	height:100%;
	background:none;
	overflow:hidden;
	z-index:1;
}
div.rausgabe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10%!important;
	background:url(../img/blauh.jpg) repeat center center fixed;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100 100%;
	background-size:100% 100%;
	-webkit-box-shadow:0px 5px 15px 0 black;
	-moz-box-shadow:0px 5px 15px 0 black;
	box-shadow:0px 5px 15px 0 black;
	overflow:hidden;
	display:block;
	z-index:2;
}
div.rausgabeg
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30%!important;
	background:url(../img/blauh.jpg) repeat center center fixed;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100 100%;
	background-size:100 100%;
	-webkit-box-shadow:0px 5px 15px 0 black;
	-moz-box-shadow:0px 5px 15px 0 black;
	box-shadow:0px 5px 15px 0 black;
	overflow:hidden;
	display:none;
	z-index:2;
}
div.rechtslinks
{
	position:absolute;
	top:0;
	left:0;
	width:36%!important;
	height:10%!important;
	background:url(../img/blaud.jpg) repeat center center fixed;
	-webkit-background-size:50% 50%;
	-moz-background-size:50% 50%;
	-o-background-size:50 50%;
	background-size:50% 50%;
	overflow:hidden;
	z-index:3;
}
div.stopfloat
{
	clear:both;
}
div.zicons
{
	width:25%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
div.ricons
{
	float:left;
	width:25%;
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
div.ficons
{
	float:left;
	width:9%;
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
div.icons
{
	float:left;
	width:9%;
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
div.gficons
{
	float:left;
	width:9%;
	height:33%;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
div.gicons
{
	float:left;
	width:9%;
	height:33%;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	border-width:0;
	background:none;
	z-index:4;
}
img.icons
{
	width:auto;
	height:60%;
	border:none;
	margin:12% 0 0 0;
	padding:0;
}
/*Einheit B1*/
div.raalt
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10%!important;
	background:url(../img/blauh.jpg) repeat center center fixed;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100 100%;
	background-size:100% 100%;
	-webkit-box-shadow:0px 5px 15px 0 black;
	-moz-box-shadow:0px 5px 15px 0 black;
	box-shadow:0px 5px 15px 0 black;
	overflow:hidden;
	display:none;
	z-index:2;
}
/*Einheit B2*/
div.rechts
{
	position:absolute;
	top:10%;
	left:0;
	width:100%;
	height:90%;
	background-color:white;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	z-index:1
}
div.leadsheet
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200%;
	background-color:white;
	background:url(../img/paper.jpg) repeat center center scroll;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	-webkit-box-shadow:inset 5px 0 15px 0 black;
	-moz-box-shadow:inset 5px 0 15px 0 black;
	box-shadow:inset 5px 0 15px 0 black;
	overflow:hidden;
	z-index:5;
}
div.milchglas
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200%;
	background-color:#0030a0;
	filter:alpha(opacity=8);
	-moz-opacity:0.08;
	opacity:0.08;
	overflow:hidden;
	display:none;
	z-index:9;
}
div.ref
{
	margin:0;
	padding:0;
	z-index:3;
}
a.ref:link {text-decoration:none; color:#dddddd;}
a.ref:visited {text-decoration:none; color:#dddddd;}
a.ref:hover {text-decoration:none; color:#dddddd;}
a.ref:active {text-decoration:none; color:#dddddd;}
a.ref:focus {text-decoration:none; color:#dddddd;}
a.ref img
{
	border:none;
}
img.image3
{
	height:40px;
	width:auto;
	touch-action:pan-y;
	z-index:3;
}
img.image4
{
	height:32px;
	width:auto;
	margin:4px 0 0px 0;
	z-index:3;
}
div.grids
{
	position:absolute;
	width:100%;
	height:0;
	left:0;
	background:none;
	margin:0;
	padding:0;
	z-index:2;
}
div.shaddow
{
	position:absolute;
	width:100%;
	height:4%;
	left:0;
	background-color:black;
	filter:alpha(opacity=1.5);
	-moz-opacity:0.015;
	opacity:0.015;
	margin:0;
	padding:0;
	z-index:2;
}
div.syszeile
{
	position:absolute;
	width:100%;
	height:4%;
	padding:0;
	margin:0;
	background-color:rgba(128,255,160,0.3);
	background-image:url('../img/nl.png');
	background-repeat:repeat,no-repeat;
	background-size:contain;
	z-index:5;
}
div.sysshowzeile
{
	position:absolute;
	width:100%;
	height:4%;
	padding:0;
	margin:0;
	background-image:url('../img/nl.png');
	background-repeat:repeat,no-repeat;
	background-size:contain;
	z-index:5;
}
div.leerzeile
{
	position:absolute;
	width:100%;
	height:4%;
	padding:0;
	margin:0;
	background-color:rgba(128,255,160,0.3);
	z-index:5;
}
div.leershowzeile
{
	position:absolute;
	width:100%;
	height:4%;
	padding:0;
	margin:0;
	background:none;
	z-index:5;
}
div.textzeile
{
	position:absolute;
	width:100%;
	height:3%;
	padding:0;
	margin:0;
	background-color:rgba(128,255,160,0.3);
	z-index:5;
}
div.textshowzeile
{
	position:absolute;
	width:100%;
	height:3%;
	padding:0;
	margin:0;
	background:none;
	z-index:5;
}
div.frmcover
{
	position:absolute; 
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#525459;
	background:url(../img/frame.jpg) repeat center center fixed;
	-webkit-background-size:60% 90%;
	-moz-background-size:60% 90%;
	-o-background-size:60% 90%;
	background-size:60% 90%;
	color:white;
	overflow:hidden;
	display:block;
	visibility:hidden;
	z-index:11;
}
iframe.frame
{
	padding:0;
	margin:0;
	width:100%;
	height: 100%;
	overflow:scroll!important;
	-webkit-overflow-scrolling:touch!important;
}
div.text4
{
	position:absolute;
	height:8%;
	width:50%;
	padding:0;
	margin:0;
	background:none;
	z-index:4;
}
p.text4
{
	width:auto;
	font-family:"Kalam";
	font-weight:700;
	line-height:100%;
	letter-spacing:0;
	font-size:1.5vw;
	color:#a00000;
	background:none;
	margin:0;
	padding:0;
}
/*Einheit D Menueboxen*/
p.selbutton
{
	position:relative;
	font-family:"Kalam";
	font-size:2.2vw;
	background:none;
	margin:0;
	padding:0;
	color:#604000;
	text-align:center;
    border:none;
    text-decoration:none;
}
button.selbutton
{
	position:relative;
	width:90%;
	height:auto;
	font-family:"Kalam";
	font-size:1.5vw;
	background-color:#eeeeee;
	margin:1% 0 1% 0;
	padding:1%;
	color:#444444;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    border:none;
    text-decoration:none;
    display:inline-block;
    cursor:pointer;
	overflow:hidden;
}
button.dirbutton
{
	position:relative;
	width:20%;
	height:auto;
	font-family:Arial;
	font-size:1.3vw;
	background-color:#eeeeee;
	margin:1% 0 1% 0;
	padding:1%;
	color:#444444;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:none;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
}
div.toolbox
{
	position:absolute;
	width:20%;
	height:auto;
	top:10%;
	left:0;
	border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:3px 3px 6px black;
	background-color:#ffcc44;
	background:url(../img/menu.jpg) repeat center center fixed;
	-webkit-background-size:25% 25%;
	-moz-background-size:25% 25%;
	-o-background-size:25% 25%;
	background-size:25% 25%;
	background-position:-1% 0;
	margin:0.5%;
	padding:0.3% 1% 1% 1%;
	color:#444444;
	text-align:center;
	display:none;
	z-index:10;
}
div.transbox
{
	position:absolute;
	width:20%;
	height:85%;
	top:10%;
	left:0;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:3px 3px 6px black;
	background-color:#ffcc44;
	background:url(../img/fmenu.png) repeat center center fixed;
	-webkit-background-size:25% 100%;
	-moz-background-size:25% 100%;
	-o-background-size:25% 100%;
	background-size:25% 100%;
	background-position:-1% 0;
	margin:0.5%;
	padding:0.3% 1% 1% 1%;
	color:#444444;
	text-align:center;
	display:none;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	z-index:10;
}
div.filebox
{
	position:absolute;
	width:50%;
	height:85%;
	top:10%;
	left:0;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:3px 3px 6px black;
	background-color:#ffcc44;
	background:url(../img/fmenu.png) repeat center center fixed;
	-webkit-background-size:60% 100%;
	-moz-background-size:60% 100%;
	-o-background-size:60% 100%;
	background-size:60% 100%;
	background-position:-1% 0;
	margin:0.5%;
	padding:0.3% 1% 1% 1%;
	color:#444444;
	text-align:center;
	display:none;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	z-index:10;
}
/* alternative Sicht */
div.fullpage
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#303038;
	overflow:hidden;
	display:none;
	z-index:1;
}
button.goback
{
	position:absolute;
	top:10%;
	left:0;
	width:auto;
	height:auto;
	background:none;
	color:white;
	border:none;
	outline:none;
	font-family:"Kalam";
	font-size:2vw;
	padding:0;
	margin:0;
	text-align:center;
	cursor:pointer;
	z-index:2;
}
div.readsheet
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	overflow:hidden;
	/*overflow-y:auto;
	-webkit-overflow-scrolling:touch;*/
	display:block;
	z-index:5;
}
div.readsheet11
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:2vw;
	background-color:#40404a;
	overflow:hidden;
	display:block;
	z-index:5;
}
div.readsheet1
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:2vw;
	background-color:white;
	background:url(../img/paper.jpg) repeat center center scroll;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	-webkit-box-shadow:inset 0 0 9px 0 black;
	-moz-box-shadow:inset 0 0 9px 0 black;
	box-shadow:inset 0 0 9px 0 black;
	overflow:hidden;
	display:block;
	z-index:5;
}
div.secretsheet
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:white;
	background:url(../img/paper.jpg) repeat center center scroll;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	overflow:hidden;
	display:block;
	visibility:hidden;
	z-index:1000;
}
div.slcover
{
	background:none;
	visibility:hidden;
}
div.readsheet2
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4%;
	background-color:black;
	background:url(../img/blauh.jpg) repeat center center scroll;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	-webkit-box-shadow:inset 0 0 9px 0 black;
	-moz-box-shadow:inset 0 0 9px 0 black;
	box-shadow:inset 0 0 9px 0 black;
	padding:0;
	margin:0;
	text-align:left;
	overflow:hidden;
	display:block;
	z-index:5;
}
table
{
	width:100%;
}
td
{
	font-family:"Kalam";
	font-size:1.2vw;
	font-weight:700;
	color:#000066;
	text-align:center;
	margin:0;
	padding:0;
}
fieldset
{
	font-family:"Kalam";
	font-size:1.8vw;
	font-weight:700;
	color:#203066;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}
div.notactive1
{
	position:absolute;
	top:10%;
	left:0;
	width:25%;
	height:90%;
	background-color:rgba(0,0,64,0.5);
	display:none;
	overflow:hidden;
	z-index:9999;
}
div.notactive2
{
	position:absolute;
	top:0;
	left:25%;
	width:75%;
	height:100%;
	background-color:rgba(0,0,64,0.5);
	display:none;
	overflow:hidden;
	z-index:9999;
}
.transfer
{
	position:relative;
	background:none;
	font-family:"Kalam";
	font-size:1.2vw;
	font-weight:700;
	color:white;
	text-align:left;
	margin:0 0 5% -5%;
	padding:5%;
}
input.transgo
{
	position:relative;
	width:80%;
	height:auto;
	background-color:white;
	font-family:"Kalam";
	font-size:1.5vw;
	font-weight:700;
	color:#a00000;
	text-align:center;
	margin:0 0 0 10%;
	padding:0 5% 0 5%;
}
div.version
{
	position:absolute;
	top:0;
	right:0;
	font-family:Tahoma;
	font-weight:400;
	font-size:1vw;
	padding:0 1% 0 0;
	margin:0;
	background:none;
	color:black;
	z-index:5;
}
div.hilfe
{
	position:absolute; 
	left:100%;
	top:10%;
	/*top:36.5%;*/
	width:72.5%;
	height:90%;
	background-color:white;
	color:black;
	overflow-x:hidden;
	overflow-y:auto;
	display:block;
	visibility:hidden;
	padding:1%;
	-webkit-transform:scale(1,1);
	moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform":scale(1,1);
	transform:scale(1,1);
	transition:transform 300ms,top 300ms,left 300ms;
	border:4px solid black;
	z-index:12;
}
canvas.textTest
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50%;
	visibility:hidden;
	z-index:1;
}