html
{
	position:fixed;
	height:100%;
	width:100%;
	overflow:hidden;
}
body
{
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:"OpenSans",sans-serif;
	font-size:19px;
	line-height:1.4;
}
div.backup
{
	position:absolute;
	top:8px;
	left:8px;
	width:-o-calc(4% - 16px);
	width:-moz-calc(4% - 16px);
	width:-webkit-calc(4% - 16px);
	width:calc(4% - 16px);
	height:auto;
	background:none;
	cursor:pointer;
	display:none;
}
img.backup
{
	width:100%;
	height:auto;
}
div.wellcome
{
	position:absolute;
	top:8px;
	left:4%;
	width:60%;
	height:48px;
	font-size:20px;
	color:white;
	background:none;
}
div.bfpinfo
{
	position:absolute;
	bottom:8px;
	left:16px;
	width:auto;
	height:auto;
	background:none;
}
a.bfpinfo
{
	text-decoration:none;
	font-size:20px;
	color:rgb(50,164,184);
}
#idd
{
	position:relative;
	width:310px;
	height:48px;
	font-size:28px;
}
#idpw
{
	position:relative;
	width:310px;
	height:48px;
	font-size:28px;
}
#iddw
{
	position:absolute;
	bottom:48px;
	right:48px;
	width:auto;
	height:48px;
	font-size:28px;
	font-weight:400;
	cursor:pointer;
	-moz-box-shadow:inset 0px 2px 0px 0px #68839d;
	-webkit-box-shadow:inset 0px 2px 0px 0px #68839d;
	box-shadow:inset 0px 2px 0px 0px #68839d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #426282), color-stop(1, #3e4a56));
	background:-moz-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-webkit-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-o-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-ms-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:linear-gradient(to bottom, #426282 5%, #3e4a56 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#426282', endColorstr='#3e4a56',GradientType=0);
	background-color:#426282;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #202a33;
	display:inline-block;
	color:#ffffff;
	margin:1px 1px 1px 3px;
	padding:10px 12px 0 12px;
	text-decoration:none;
}
#iddw:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e4a56), color-stop(1, #426282));
	background:-moz-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-webkit-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-o-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-ms-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:linear-gradient(to bottom, #3e4a56 5%, #426282 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a56', endColorstr='#426282',GradientType=0);
	background-color:#3e4a56;
}
div.idds
{
	position:absolute;
	top:30%;
	left:0;
	width:100%;
	height:60%;
}
p,h1,h2,h3,h4,h5,h6,table
{
	-webkit-margin-before: 0px;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding:0 8px 0 16px;
}
h2
{
	font-size:21px;
	text-decoration:underline;
}
p.idds
{
	position:relative;
	-webkit-margin-before: 0.5em!important;
	-webkit-margin-after: 0.5em!important;
	color:white;
	width:300px;
	height:auto;
	font-size:20px;
	padding:0 2px 0 8px;
	margin:0;
}
div.cover
{
	display:block;
	background:none;
	width:310px;
	margin:auto;
}
p.wellcome
{
	-webkit-margin-before: 0.5em!important;
	-webkit-margin-after: 0.5em!important;
	color:white;
	padding:0;
	margin:0;
}
div.sidebar
{
	position:absolute;
	top:0;
	left:-o-calc(-100% + 32px);
	left:-moz-calc(-100% + 32px);
	left:-webkit-calc(-100% + 32px);
	left:calc(-100% + 32px);
	width:100%;
	height:100%;
	background-color:#103070;
	overflow:hidden;
	-moz-box-shadow: 0px 6px 8px #404040;
	-webkit-box-shadow: 0px 6px 8px #404040;
	box-shadow: 0px 6px 8px #404040;
	z-index:2;
	-webkit-transition:-webkit-transform 300ms ease-in-out;
	transition:transform 300ms ease-in-out;
}
div.whereami
{
	position:absolute;
	top:48px;
	right:0;
	height:-o-calc(50% - 64px);
	height:-moz-calc(50% - 64px);
	height:-webkit-calc(50% - 64px);
	height:calc(50% - 64px);
	width:32px;
	margin:0;
	padding:0;
	/*background:none;*/
	background-color:#ee0000;
}
p.whereami
{
	-webkit-margin-before: 0em!important;
	-webkit-margin-after: 0em!important;
	font-size:20px;
	font-weight:700;
	color:#ffcccc;
	margin:0;
	padding:0;
	transform:rotate(270deg) translate(-100px,-2px);
}
div.adrmove
{
	position:absolute;
	top:-o-calc(50% - 16px);
	top:-moz-calc(50% - 16px);
	top:-webkit-calc(50% - 16px);
	top:calc(50% - 16px);
	width:32px;
	height:32px;
	right:0;
	background:none;
	cursor:pointer;
}
div.sideadr
{
	position:absolute;
	top:0;
	left:0;
	width:-o-calc(100% - 32px);
	width:-moz-calc(100% - 32px);
	width:-webkit-calc(100% - 32px);
	width:calc(100% - 32px);
	height:100%;
	background-color:#ffffe0;
}
div.sideheader
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:48px;
	background-color:#103070;
	color:white;
	font-size:20px;
	font-weight:700;
	overflow:hidden;
}
div.sidebody
{
	position:absolute;
	top:48px;
	left:0;
	width:100%;
	height:-o-calc(100% - 48px);
	height:-moz-calc(100% - 48px);
	height:-webkit-calc(100% - 48px);
	height:calc(100% - 48px);
	background-color:#ffffe0;
	color:white;
	font-size:20px;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
div.header
{
	position:absolute;
	top:0;
	left:32px;
	width:-o-calc(100% - 32px);
	width:-moz-calc(100% - 32px);
	width:-webkit-calc(100% - 32px);
	width:calc(100% - 32px);
	height:48px;
	background-color:#204090;
	color:white;
	font-size:20px;
	font-weight:700;
	overflow:hidden;
}
div.footer
{
	position:absolute;
	bottom:0;
	left:32px;
	width:-o-calc(100% - 32px);
	width:-moz-calc(100% - 32px);
	width:-webkit-calc(100% - 32px);
	width:calc(100% - 32px);
	height:40px;
	background-color:#204090;
	color:white;
	font-size:20px;
	font-weight:700;
	overflow:hidden;
}
div.planung
{
	position:absolute;
	top:48px;
	left:32px;
	width:-o-calc(100% - 32px);
	width:-moz-calc(100% - 32px);
	width:-webkit-calc(100% - 32px);
	width:calc(100% - 32px);
	height:-o-calc(100% - 88px);
	height:-moz-calc(100% - 88px);
	height:-webkit-calc(100% - 88px);
	height:calc(100% - 88px);
	font-size:20px;
	background:none;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
div.rahmen
{
	position:relative;
	width:99%;
	height:auto;
	background:none;
}
table.zuord
{
	border-collapse:separate;
	border-spacing: 0px 8px;	
	border:none;
}
tr.zt
{
	background:none;
}
tr.odev
{
	display:none;
}
tr.ztt
{
	background-color:rgba(0,0,0,0.05);
}
td.zt
{
	text-align:center;
}
tr.ah
{
	background:none;
}
td.ah
{
	text-align:center;
	color:white;
}
tr.ad
{
	background:none;
	cursor:pointer;
	color:#6060a0;
}
tr.add
{
	background-color:rgba(0,0,0,0.05);
	cursor:pointer;
	color:#6060a0;
}
tr.ady
{
	background:none;
	cursor:pointer;
	color:#a00000;
	font-weight:700;
}
tr.addy
{
	background-color:rgba(0,0,0,0.05);
	cursor:pointer;
	color:#a00000;
	font-weight:700;
}
td.ad
{
	text-align:left;
	color:inherit;
	padding:2px 2px 2px 6px;
}
td.deadline
{
	font-size:16px;
}
input.deadline
{
	font-size:18px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
div.menutoggle
{
	display:none;
	width:100%;
	height:auto;
	background:none;
}
div.clearfix
{
	content: "";
	clear: both;
	display: table;
	width:100%;
	height:auto;
}
div.lmenu
{
	float:left;
	text-align:right;
	padding:4px 8px 4px 8px;
	width:80px;
	height:auto;
}
div.mmenu
{
	float:left;
	text-align:right;
	padding:4px 4px 4px 4px;
	width:30px;
	height:auto;
}
div.rmmenu
{
	float:left;
	text-align:left;
	width:-o-calc(100% - 152px);
	width:-moz-calc(100% - 152px);
	width:-webkit-calc(100% - 152px);
	width:calc(100% - 152px);
	height:auto;
	padding:4px 8px 4px 8px;
}
div.rmenu
{
	float:left;
	text-align:left;
	width:-o-calc(100% - 110px);
	width:-moz-calc(100% - 110px);
	width:-webkit-calc(100% - 110px);
	width:calc(100% - 110px);
	height:auto;
	padding:4px 4px 4px 4px;
}
div.mrmenu
{
	text-align:left;
	margin-left:20px;
	width:auto;
	height:auto;
}
td.ro
{
	font-size:18px;
	text-align:center;
}
input
{
	font-family:"OpenSans",sans-serif;
	font-size:20px;
	border:1px solid #e0e0e0;
}
textarea
{
	font-family:"OpenSans",sans-serif;
	font-size:20px;
	height:auto;
}
input.zt
{
	font-size:20px;
	border:1px solid #e0e0e0;
	width:100%;
	padding:2px 0 0 4px;
	background-color:white;
	-moz-box-shadow: 2px 2px 4px #c0c0c0 inset;
	-webkit-box-shadow: 2px 2px 4px #c0c0c0 inset;
	box-shadow: 2px 2px 4px #c0c0c0 inset;

}
input.ztsp
{
	font-size:20px;
	border:1px solid #e0e0e0;
	width:68%;
	padding:2px 0 0 4px;
	background-color:white;
	color:#ee0000;
	-moz-box-shadow: 2px 2px 4px #c0c0c0 inset;
	-webkit-box-shadow: 2px 2px 4px #c0c0c0 inset;
	box-shadow: 2px 2px 4px #c0c0c0 inset;

}
input.more
{
	font-size:16px;
	border:1px solid #e0e0e0;
	background-color:white;
	margin-left:5%;
	width:20%;
	color:#00e000;
	cursor:pointer;
}
input.ro
{
	font-size:18px;
	border:none;
	width:100%;
	padding:2px 0 0 0;
	text-align:center;
	background-color:white;
}
input.rol
{
	font-size:18px;
	border:1px solid #e0e0e0;
	width:100%;
	padding:2px 0 0 4px;
	text-align:center;
	background-color:white;
}
img.savep
{
	margin:0;
	cursor:pointer;
}
img.savepp
{
	margin-top:4px;
	cursor:pointer;
}
span.sortierung
{
	cursor:pointer;
}
span.ref
{
	color:#4060a0;
	cursor:pointer;
}
span.refs
{
	color:#80a0f0;
	cursor:pointer;
}
span.gemgrp
{
	display:block;
}
.autocomplete
{
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
	width:90%;
}
.autocomplete-items {
	position: absolute;
	border: 2px solid #d4d4a0;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: -100%;
	text-align:left;
	font-size:18px;
	color:#0000a0;
}
.autocomplete-items div {
	padding: 4px;
	cursor: pointer;
	background-color:#ffffe0; 
	border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9c7; 
}
.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important; 
	color: #ffffff; 
}
div.version
{
	position:absolute;
	right:12px;
	bottom:12px;
	width:auto;
	height:auto;
	font-size:14px;
	color:#a0a0d0;
	background:none;
	z-index:9998;
	pointer-events:none;
}
div.job
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	color:#5a5a5a;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	visibility:hidden;
	z-index:1;
}
div.dtbc
{
	position:absolute;
	top:-150%;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(129,150,175);
	color:#5a5a5a;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	visibility:hidden;
	z-index:3;
	-moz-box-shadow: 0px 0px 12px #404040;
	-webkit-box-shadow: 0px 0px 12px #404040;
	box-shadow: 0px 0px 12px #404040;
	-webkit-transition:-webkit-transform 300ms ease-in-out;
	transition:transform 300ms ease-in-out;
}
div.dtbheader
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color:rgb(110,132,150);
	overflow:hidden;
}
td.dtbname
{
	font-size:130%;
	font-weight:700;
	color:#bbffbb;
	padding-left:12px;
}
div.dtb
{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	height:-o-calc(100% - 40px);
	height:-moz-calc(100% - 40px);
	height:-webkit-calc(100% - 40px);
	height:calc(100% - 40px);
	font-size:20px;
	background:none;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
div.dtbu
{
	font-size:120%;
	font-weight:400;
	color:white;
	width:-o-calc(100% - 16px);
	width:-moz-calc(100% - 16px);
	width:-webkit-calc(100% - 16px);
	width:calc(100% - 16px);
	height:auto;
	padding:4px 12px 4px 12px;
	margin:0;
	background:none;
	cursor:pointer;
	overflow:hidden;
}
div.dtbcover
{
	width:100%;
	height:0;
	background:none;
	display:none;
	visibility:hidden;
	overflow:hidden;
}
div.dtbtr
{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}
div.dtbtd
{
	float:left;
	width:-o-calc(50% - 30px);
	width:-moz-calc(50% - 30px);
	width:-webkit-calc(50% - 30px);
	width:calc(50% - 30px);
	height:auto;
	padding:2px 0;
	margin-left:34px;
	margin-right:-24px;
	display:block;
	overflow:hidden;
}
textarea.dtbinp
{
	width:-o-calc(100% - 18px);
	width:-moz-calc(100% - 18px);
	width:-webkit-calc(100% - 18px);
	width:calc(100% - 18px);
	padding:8px;
	margin:0;
	color:#404040;
	resize:none;
	display:block;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
input.dtbinput
{
	width:-o-calc(100% - 18px);
	width:-moz-calc(100% - 18px);
	width:-webkit-calc(100% - 18px);
	width:calc(100% - 18px);
	padding:8px;
	margin:0;
	color:#404040;
	display:block;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:white;
	text-align:left;
}
textarea.dtbinp.normal
{
	background-color:white;
	text-align:left;
}
textarea.dtbinp.nread
{
	background-color:#e0e0e0;
	text-align:left;
}
textarea.dtbinp.write
{
	background-color:white;
	text-align:right;
}
textarea.dtbinp.read
{
	background-color:#e0e0e0;
	text-align:right;
}
@supports (zoom:2)
{
	input[type="radio"], input[type="checkbox"]
	{
		zoom: 2;
		width:auto;
	}
}
@supports not (zoom:2)
{
	input[type="radio"], input[type="checkbox"]
	{
		transform: scale(2);
		margin: 15px;
		width:auto;
	}
}
label{
  /* fix vertical align issues */
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
}
input.dtbandl
{
	width:-o-calc(30% - 14px);
	width:-moz-calc(30% - 14px);
	width:-webkit-calc(30% - 14px);
	width:calc(30% - 14px);
	height:auto;
	text-align:left;
	color:#404040;
	background-color:white;
	padding:2px 4px 2px 8px;
	margin:0;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:white;
}
input.dtbandm
{
	width:-o-calc(55% - 14px);
	width:-moz-calc(55% - 14px);
	width:-webkit-calc(55% - 14px);
	width:calc(55% - 14px);
	height:auto;
	text-align:left;
	color:#404040;
	background-color:white;
	padding:2px 4px 2px 8px;
	margin:0;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:white;
}
input.dtbandr
{
	width:-o-calc(15% - 14px);
	width:-moz-calc(15% - 14px);
	width:-webkit-calc(15% - 14px);
	width:calc(15% - 14px);
	height:auto;
	text-align:left;
	color:#404040;
	background-color:white;
	padding:2px 4px 2px 8px;
	margin:0;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:white;
}
div.editorcover
{
	position:absolute;
	top:0;
	left:-120%;
	width:100%;
	height:100%;
	background-color:rgb(129,150,175);
	color:#5a5a5a;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	visibility:hidden;
	z-index:3;
	-moz-box-shadow: 0px 0px 12px #404040;
	-webkit-box-shadow: 0px 0px 12px #404040;
	box-shadow: 0px 0px 12px #404040;
	-webkit-transition:-webkit-transform 350ms ease-in-out;
	transition:transform 350ms ease-in-out;
}
li.rmenu
{
	list-style-type: none;
}
li.liarr
{
	list-style-type: none;
}
li.liarr:before
{
	content: "\2192 \00a0";
}
li.lidown
{
	list-style-type: none;
}
li.lidown:before
{
	content: "\2193 \00a0";
}
div.selectbox
{
	position:absolute;
	top:62px;
	left:0;
	width:-o-calc(100% - 18px);
	width:-moz-calc(100% - 18px);
	width:-webkit-calc(100% - 18px);
	width:calc(100% - 18px);
	height:-o-calc(100% - 112px);
	height:-moz-calc(100% - 112px);
	height:-webkit-calc(100% - 112px);
	height:calc(100% - 112px);
	margin:0;
	padding:0 16px 0 2px;
	background:none;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
td#editorinfo
{
	width:60%;
	padding:0;
	margin:0;
	text-align:right;
}
td#feiertag
{
	width:40%;
	padding:0;
	margin:0;
	text-align:center;
	color:#ff44ff;
}
@media screen and (orientation: portrait)
{
	body
	{
		background-color:black;
		background-image:url("../img/bgp.jpg");
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	div.mcover
	{
		position:absolute;
		top:10%;
		left:4%;
		width:92%;
		height:88%;
		display:block;
		background-color:white;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow: 0px 0px 16px 2px black;
		-webkit-box-shadow: 0px 0px 16px 2px black;
		box-shadow: 0px 0px 16px 2px black;
		visibility:hidden;
	}
	div.sizeme
	{
		position:absolute;
		top:10%;
		right:4%;
		width:32px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.goback
	{
		position:absolute;
		top:10%;
		left:4%;
		width:48px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	div.dtbmenu
	{
		position:absolute;
		top:10%;
		left:4%;
		width:100px;
		height:auto;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.goout
	{
		position:absolute;
		top:10%;
		left:4%;
		width:48px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.edbarcover
	{
		position:relative;
		background-color:#285b89;
		width:100%;
		height:auto;
		min-height:104px;
		color:white;
		overflow:hidden;
		margin:0;
		padding:0;
		z-index:1;
	}
	div.editorinfo
	{
		position:absolute;
		background:none;
		top:0;
		left:64%;
		width:32%;
		height:auto;
		color:#e0e0e0;
		overflow:hidden;
		margin:0;
		padding:0;
		font-size:16px;
		z-index:1;
	}
	div.selectcover
	{
		position:absolute;
		top:15%;
		left:20%;
		width:60%;
		height:70%;
		font-size:20px;
		font-weight:400;
		-webkit-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		background-color:white;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #808080;
		display:none;
		color:#404040;
		margin:0;
		padding:8px;
		z-index:10001;
		overflow:hidden;
	}
	div.professor
	{
		position:absolute;
		left:4%;
		bottom:6%;
		width:80%;
		height:auto;
		background:none;
		z-index:9997;
		cursor:pointer;
		display:none;
	}
}
@media screen and (orientation: landscape)
{
	body
	{
		background-color:black;
		background-image:url("../img/bg.jpg");
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	div.mcover
	{
		position:absolute;
		top:17%;
		left:4%;
		width:92%;
		height:80%;
		display:block;
		background-color:white;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow: 0px 0px 16px 2px black;
		-webkit-box-shadow: 0px 0px 16px 2px black;
		box-shadow: 0px 0px 16px 2px black;
		visibility:hidden;
	}
	div.sizeme
	{
		position:absolute;
		top:17%;
		right:4%;
		width:32px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.goback
	{
		position:absolute;
		top:17%;
		left:4%;
		width:48px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	div.dtbmenu
	{
		position:absolute;
		top:17%;
		left:4%;
		width:38px;
		height:auto;
		padding-left:10px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.goout
	{
		position:absolute;
		top:17%;
		left:4%;
		width:48px;
		height:32px;
		display:block;
		background:none;
		z-index:9999;
		visibility:hidden;
		cursor:pointer;
	}
	div.edbarcover
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:72px;
		color:white;
		background-color:#285b89;
		overflow:hidden;
		margin:0;
		padding:0;
		z-index:1;
	}
	div.editorinfo
	{
		position:absolute;
		background:none;
		top:0;
		left:70%;
		width:26%;
		height:auto;
		color:#e0e0e0;
		overflow:hidden;
		margin:0;
		padding:0;
		font-size:16px;
		z-index:1;
	}
	div.selectcover
	{
		position:absolute;
		top:10%;
		left:32%;
		width:36%;
		height:75%;
		font-size:20px;
		font-weight:400;
		-webkit-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
		background-color:white;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #808080;
		display:none;
		color:#404040;
		margin:0;
		padding:0;
		z-index:10001;
		overflow:hidden;
	}
	div.professor
	{
		position:absolute;
		left:27%;
		bottom:7%;
		width:33%;
		height:auto;
		background:none;
		z-index:9997;
		cursor:pointer;
		display:none;
	}
}
div.adrcover
{
	position:absolute;
	top:15%;
	left:20%;
	width:60%;
	height:70%;
	font-size:20px;
	font-weight:400;
	-webkit-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	background-color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #808080;
	display:none;
	color:#404040;
	margin:0;
	padding:8px;
	z-index:10001;
	overflow:hidden;
}
div.adrhead
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20%;
	font-size:20px;
	font-weight:400;
	text-align:right;
}
div.adrstring
{
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	height:80%;
	font-size:20px;
	font-weight:400;
}
div.selstatus
{
	position:absolute;
	top:56px;
	left:19%;
	width:auto;
	height:140px;
	background-color:#ffddaa;
	font-size:20px;
	font-weight:400;
	-webkit-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 36px 3px rgba(0,0,0,0.5);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #808080;
	display:none;
	color:#404040;
	margin:0;
	padding:8px;
	overflow:auto;
	z-index:1001;
	display:none;
}
/* Editor*/
div.vergleich
{
	position:absolute;
	top:0;
	left:0;
	width:32px;
	height:-o-calc(100% - 36px);
	height:-moz-calc(100% - 36px);
	height:-webkit-calc(100% - 36px);
	height:calc(100% - 36px);
	background-color:#1b4b76;
	cursor:pointer;
}
div.original
{
	position:absolute;
	top:72px;
	left:32px;
	width:-o-calc(50% - 32px);
	width:-moz-calc(50% - 32px);
	width:-webkit-calc(50% - 32px);
	width:calc(50% - 32px);
	height:-o-calc(100% - 108px);
	height:-moz-calc(100% - 108px);
	height:-webkit-calc(100% - 108px);
	height:calc(100% - 108px);
	background-color:white;
	overflow-x:hidden;
	overflow-y:auto;
}
div.editorflex
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:-o-calc(100% - 36px);
	height:-moz-calc(100% - 36px);
	height:-webkit-calc(100% - 36px);
	height:calc(100% - 36px);
	z-index:1;
}
div.editorbar
{
	position:absolute;
	background:none;
	top:0;
	left:10%;
	width:-o-calc(90% - 40px);
	width:-moz-calc(90% - 40px);
	width:-webkit-calc(90% - 40px);
	width:calc(90% - 40px);
	height:auto;
	min-height:63px;
	color:white;
	overflow:hidden;
	margin:0;
	padding:1px 36px 8px 2px;
	z-index:2;
}
div.backbar
{
	position:absolute;
	background:none;
	top:0;
	left:0;
	width:6%;
	height:auto;
	color:white;
	overflow:hidden;
	margin:0;
	padding:14px 20px 0 0;
	z-index:1;
}
div.ownbar
{
	display:-webkit-flex;
	-webkit-flex-direction:row;
	display:flex;
	flex-direction:row;
	justify-content:center;
	background:none;
	top:0;
	left:0;
	width:-o-calc(100% - 64px);
	width:-moz-calc(100% - 64px);
	width:-webkit-calc(100% - 64px);
	width:calc(100% - 64px);
	height:36px;
	color:white;
	overflow:hidden;
	font-size:16px;
	margin:0;
	padding:0;
	z-index:1;
	pointer-events:auto;
}
div.ownbutton
{
	position:relative;
	-moz-box-shadow:inset 0px 2px 0px 0px #68839d;
	-webkit-box-shadow:inset 0px 2px 0px 0px #68839d;
	box-shadow:inset 0px 2px 0px 0px #68839d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #426282), color-stop(1, #3e4a56));
	background:-moz-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-webkit-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-o-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-ms-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:linear-gradient(to bottom, #426282 5%, #3e4a56 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#426282', endColorstr='#3e4a56',GradientType=0);
	background-color:#426282;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #202a33;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	margin:1px 1px 1px 3px;
	padding:6px 12px 0 12px;
	text-decoration:none;
	z-index:1;
}
div.ownbutton:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e4a56), color-stop(1, #426282));
	background:-moz-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-webkit-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-o-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-ms-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:linear-gradient(to bottom, #3e4a56 5%, #426282 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a56', endColorstr='#426282',GradientType=0);
	background-color:#3e4a56;
}
div.ownbutton:active
{
	position:relative;
	top:1px;
}
div.ownbutton2
{
	position:relative;
	background:none;
	width:64px;
	height:32px;
	visibility:hidden;
}
div.scrolleditor
{
	position:absolute;
	top:72px;
	left:0;
	width:100%;
	height:-o-calc(100% - 72px);
	height:-moz-calc(100% - 72px);
	height:-webkit-calc(100% - 72px);
	height:calc(100% - 72px);
	background:none;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	z-index:1;
}
div.myeditor
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	min-height:100%;
	background-color:white;/*#285b89*/
	overflow:hidden;
	z-index:1;
}
div.sidepage
{
	position:absolute;
	top:-o-calc(100% - 36px);
	top:-moz-calc(100% - 36px);
	top:-webkit-calc(100% - 36px);
	top:calc(100% - 36px);
	left:0;
	width:100%;
	height:50%;
	background:none;
	overflow:hidden;
	z-index:9999;
	-webkit-transition:-webkit-transform 300ms ease-in-out;
	transition:transform 300ms ease-in-out;
}
div.leftpage
{
	position:absolute;
	top:36px;
	left:0;
	height:-o-calc(100% - 36px);
	height:-moz-calc(100% - 36px);
	height:-webkit-calc(100% - 36px);
	height:calc(100% - 36px);
	width:100%;
	color:black;
	background-color:#303030;
	background-image:url("../img/grau_mittel.jpg");
	background-size:100% 100%;
	background-repeat:no-repeat;
	overflow:hidden;
	/*overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;*/
	pointer-events:auto;
}
div.rightpage
{
	position:absolute;
	top:0;
	left:0;
	height:36px;
	width:100%;
	background-color:#285b89;
	overflow:hidden;
	pointer-events:none;
}
div.sidehelp
{
	position:absolute;
	top:6px;
	left:-o-calc(50% - 19.5px);
	left:-moz-calc(50% - 19.5px);
	left:-webkit-calc(50% - 19.5px);
	left:calc(50% - 19.5px);
	width:39px;
	height:24px;
	background:none;
	overflow:hidden;
	pointer-events:auto;
}
div.righthelp
{
	position:absolute;
	top:4px;
	right:8px;
	width:120px;
	height:30px;
	color:white;
	font-size:16px;
	background:none;
	overflow:hidden;
	text-align:right;
	margin:0;
	padding:6px 0 0 0;
	pointer-events:auto;
}
div.anweisungen
{
	position:absolute;
	top:4px;
	left:8px;
	width:-o-calc(56% - 32x);
	width:-moz-calc(56% - 32px);
	width:-webkit-calc(56% - 32px);
	width:calc(56% - 32px);
	height:-o-calc(100% - 8px);
	height:-moz-calc(100% - 8px);
	height:-webkit-calc(100% - 8px);
	height:calc(100% - 8px);
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	background:none;
	margin:0;
	padding:0 0 0 8px;
	font-family:"Open Sans",sans-serif;
	font-weight:400;
	font-size:20px;
	color:#f0f0f0;
	line-height:1.4;
}
p.erkl
{
	font-family:"Open Sans",sans-serif;
	font-size:20px;
	font-weight:400;
	color:#f0f0f0;
	margin:0;
	padding:4px;
}
div.bibelblock
{
	display:-webkit-flex;
	-webkit-flex-direction:column;
	display:flex;
	flex-direction:column;
	position:absolute;
	top:4px;
	left:56%;
	width:-o-calc(44% - 6px);
	width:-moz-calc(44% - 6px);
	width:-webkit-calc(44% - 6px);
	width:calc(44% - 6px);
	height:-o-calc(100% - 8px);
	height:-moz-calc(100% - 8px);
	height:-webkit-calc(100% - 8px);
	height:calc(100% - 8px);
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	background:none;
	margin:0;
	padding:2px 6px 2px 0;
}
div.ueberschrift
{
	width:auto;
	height:auto;
	min-height:20px;
	font-size:15px;
	color:white;
	background:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
div.bibelpassage
{
	width:auto;
	height:auto;
	min-height:32px;
	background-color:white;
	overflow:hidden;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-family:"Open Sans",sans-serif;
	font-size:20px;
	font-weight:700;
	color:#4040b0;
	margin:0;
	padding:3px 8px 0 8px;
	cursor:pointer;
	display:block;
}
input.mybibelpassage
{
	width:auto;
	height:auto;
	min-height:32px;
	background-color:white;
	overflow:hidden;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-family:"Open Sans",sans-serif;
	font-size:20px;
	font-weight:700;
	color:#4040b0;
	margin:0;
	padding:3px 8px 0 8px;
	display:none;
}
textarea.bbv
{
	width:auto;
	height:auto;
	min-height:200px;
	font-family:"Open Sans",sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:1.4;
	color:#4a4a4a;
	margin:0;
	padding:4px 4px 4px 8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border-width:0;
	border:none;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
input.bbv
{
	width:auto;
	height:auto;
	min-height:32px;
	font-family:"Open Sans",sans-serif;
	font-weight:400;
	font-size:20px;
	color:#4a4a4a;
	margin:0;
	padding:2px 4px 6px 8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border-width:0;
	border:none;
}
span.selbutton
{
	position:absolute;
	bottom:8px;
	right:8px;
	width:auto;
	height:28px;
	font-size:20px;
	font-weight:400;
	cursor:pointer;
	-moz-box-shadow:inset 0px 2px 0px 0px #68839d;
	-webkit-box-shadow:inset 0px 2px 0px 0px #68839d;
	box-shadow:inset 0px 2px 0px 0px #68839d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #426282), color-stop(1, #3e4a56));
	background:-moz-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-webkit-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-o-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:-ms-linear-gradient(top, #426282 5%, #3e4a56 100%);
	background:linear-gradient(to bottom, #426282 5%, #3e4a56 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#426282', endColorstr='#3e4a56',GradientType=0);
	background-color:#426282;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #202a33;
	display:inline-block;
	color:#ffffff;
	margin:1px 1px 1px 3px;
	padding:2px 12px 0 12px;
	text-decoration:none;
}
span.selbutton:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e4a56), color-stop(1, #426282));
	background:-moz-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-webkit-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-o-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:-ms-linear-gradient(top, #3e4a56 5%, #426282 100%);
	background:linear-gradient(to bottom, #3e4a56 5%, #426282 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4a56', endColorstr='#426282',GradientType=0);
	background-color:#3e4a56;
}
/* Gesamt- und Teiltabellen*/
div.dtbbody
{
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:white;
	font-size:19px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
table.dtbbody
{
	border-collapse:collapse;
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border-style:none;
}
table.dtbbody th
{
	margin:0;
	padding:0 6px 0 6px;
	border:1px solid #a0a0a0;
}
table.dtbbody td
{
	margin:0;
	padding:0 6px 0 6px;
	border:1px solid #a0a0a0;
}
th.dbheader
{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	margin:0;
	background-color:#f0f0ff;
	cursor:pointer;
	z-index:1;
}
th.dbgheader
{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	margin:0;
	background-color:#f0f0ff;
	z-index:1;
}
th.dblheader
{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	left:0;
	margin:0;
	background-color:#e0e0f4;
	z-index:2;
}
th.dbbody
{
	position:-webkit-sticky;
	position:sticky;
	left:0;
	margin:0;
	background-color:#fafaff;
	text-align:left;
	font-weight:400;
	cursor:pointer;
	z-index:1;
}
td.dbbody
{
	background-color:white;
	text-align:left;
	font-weight:400;
	color:#303070;
	margin:0;
	cursor:pointer;
	z-index:0;
}
th.number
{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	margin:0;
	background-color:#303060;
	border-style:none;
	cursor:pointer;
	z-index:1;
}
td.number
{
	margin:0;
	background-color:#303060;
	color:white;
	text-align:right;
	border:1px solid #a0a0a0;
	z-index:0;
}
h1.hinweis
{
	font-family:"OpenSans",sans-serif;
	text-align:center;
	color:rgb(1,201,131);
}
input.dtbrubrik
{
	background-color:#ffffa0;
	color:#0000a0;
}
div.dropdown
{
	background-color:white;
	width:180px;
	height:auto;
	margin:0;
	padding:6px 2px 6px 2px;
	border:1px solid #404040;
	color:#404040;
	display:none;
}
a.dropdown
{
	text-decoration:none;
	color:#6060a0;
	padding:0 4px 0 4px;
}
a.dropdown:hover
{
	text-decoration:none;
	background-color:#6060a0;
	color:white;
}
/*Tabellen allgemein*/
table.tblheader
{
	width:-o-calc(99% - 24px);
	width:-moz-calc(99% - 24px);
	width:-webkit-calc(99% - 24px);
	width:calc(99% - 24px);
}
table.tblbrdless
{
	border-style:none;
}
table.tblbrdless th
{
	border-style:none;
}
table.tblbrdless td
{
	border-style:none;
}
input[type="checkbox"]:focus
{
	outline:0;
}
input[type="radio"]:focus
{
	outline:0;
}
canvas.testText
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50%;
	visibility:hidden;
}
div.korrektur
{
	cursor:pointer;
}
p.corrinfo
{
	color:#a00000;
}
p.onlycorrinfo
{
	color:#00a000;
}
span.rmarke
{
	background-color:#a00000;
	color:white;
}
span.gmarke
{
	background-color:#00a000;
	color:white;
}
span.ymarke
{
	background-color:#ffdf00;
	color:white;
}