html,
body {
	height: 100%; width: 100%;
	margin: 0;
	}
	/* html steht über body, 
Rand auf 0 setzen  */

#jsTransferFeldNr {
	width: 100px;
	height: 10px;
	position: fixed;
	top: 100px;
	left: -2500px; /* ausserhalb der Seite */
}

#jsTransferText {
	width: 1px;
	height: 1px;
	position: fixed;
	top: 100px;
	left: -2500px; /* ausserhalb der Seite */
}

#bildPosEingeben {
/*	opacity: 0.5;*/
	border: 1px solid #777700;
	box-shadow: 0px 3px 5px #444;
	overflow-y: scroll;
	margin: 0 auto;
	position: absolute; top: 150px; left: -2500px;
	z-index: 6;
	min-width: 20%;
	background-color: #f8f8f8;
	padding: 10px;
}

#bildPosWaehlen {
/*	opacity: 0.5;*/
	border: 1px solid #777700;
	box-shadow: 0px 3px 5px #444;
	overflow-y: scroll;
	margin: 0 auto;
	position: absolute; top: 150px; left: -2500px;
	z-index: 6;
	min-width: 20%;
	background-color: #f8f8f8;
	padding: 10px;
}

#alarmFenster {
	box-shadow: 0px 3px 5px #444;
	margin: 0 auto;
	position: fixed; top: 20px; left: -2500px;
	z-index: 8;
	min-width: 20%;
	background-color: #ffbb00;
	padding: 10px;
}

#alarmFenster1 {
	box-shadow: 0px 3px 5px #444;
	margin: 0 auto;
	position: fixed; top: 20px; left: -2500px;
	z-index: 8;
	min-width: 20%;
	background-color: #ffbb00;
	padding: 10px;
}

.alarmFenster2 {
	box-shadow: 0px 3px 5px #444;
	/*margin: 0 auto;*/
	position: fixed; top: 20px; left: 100px;
	z-index: 8;
	width: 60%;
	background-color: #ffbb00;
	padding: 10px;
}

.loginFenster {
	box-shadow: 0px 3px 5px #444;
	/*margin: 0 auto;*/
	position: fixed; top: 20px; left: 100px;
	z-index: 8;
	width: 60%;
	background-color: #bbbbbb;
	padding: 10px;
}

.unsichtbar {
/*	height: 10px;*/
	position: absolute;
	left: -2500px;
}

.nichtUnsichtbar {
	margin-top: 5px;
	height: 15px;
/*	position: absolute;*/
	left: 10px;
/*	margin-buttom: 20px;*/
}

.eingabeFensterKlein {
	background: #f8f8f8;
	border: 1px solid #777777;
	box-shadow: 0px 3px 5px #444;
	overflow-y: scroll;
	padding: 20px;
	position: absolute;
	left: -2500px;
	top: 20px;
	z-index: 6;
}

.eingabeFenster {
	background: #f8f8f8;
	border: 1px solid #777777;
	box-shadow: 0px 3px 5px #444;
	overflow-y: scroll;
	padding: 10px;
	position: absolute;
	left: -2500px;
	top: 20px;
	min-width: 600px;
	min-height: 300px;
	z-index: 6;
}

.overlay {
	background: #f8f8f8;
	border: 1px solid #777777;
	box-shadow: 0px 3px 5px #444;
	overflow-y: scroll;
	padding: 10px;
	position: absolute;
	left: -2500px;
	top: 20px;
	min-width: 500px;
	min-height: 300px;
	z-index: 6;
}
.overlay.active {
	left: 50px;
}

#overlay1,
#overlay-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 5;
}
#overlay-background.active {
	display: block;
}

.minWidth400 {
	min-width: 400px;
}

.buttonFeld {
	display: inline-block;
	vertical-align: middle;
}

#uploadButtonFeld {
	display: none;
}

.buttonEinfuegen1 {
	left: 10px;
	color: #999999;
}

.buttonEinfuegen {
	position: absolute;
	left: -2500px;
}

.buttonBearb1 {
	left: 10px;
	margin-left: 5px;
	color: #999999;
}

.buttonBearb {
	position: absolute;
	left: -2500px;
}

#hochladenButton {
	display: none;
	width: 400px;
}

.buttonGruppe {
	clear: both;
}

#fileGewaehlt {
	width: 400px;
}

.absatz:after {
	content: "";
	display: table;
	clear: both;
}

.pict1 {
	border: 1px solid #00ff00;
	border-radius: 5px;
	width: 100px;
}

.pict2 {
	border: 1px solid #00ff00;
	border-radius: 5px;
	width: 100px;
}

.pict3 {
	width: 60px;
	margin-right: 20px;
}

.floatLeft {
	float: left;
}

.test {
	border: 3px solid #00ff00;
	height: 20px;
	width: 30px;
}

/*class = "variante-2" gibt mit dem Texteditor Probleme, da von gewissen Browsern bei jedem Ret automatisch </div><div style="overflow: hidden;"> eingefügt wird. Löschen nützt nichts, da sofort wieder eingefügt: overflow hidden geht nach dem ersten Ret verloren
deshalb (leider): <div style="overflow: hidden;"> im Quelltext*/
.absatz.variante-2 .text {
	overflow: hidden;
}

.js-editierbarA {
	border: 0px solid #ffff00;
}

.js-editierbarA1 {
	border: 1px solid #ffff00;
	margin-top: 20px;
}

.js-menue {
	border: 1px solid #ff0000;
	width: 20%;
}

.tab {
	padding-left: 400px;
}

.zeile {
	float: left;
/*	overflow: hidden;*/
}

.eingabetext {
	width: 200px;
}

a.breit { /* für Admintasten ????? */
	color: #000000;
	text-decoration: none;
	background-color: #dddddd;
	font-size: 12px;
	font-family: 'arial';
}

.tasten { /* für Menustruktur */
	margin: 0.5em 0;
}

.taste { /* für Menustruktur */
	display: inline-block;
	vertical-align: middle;
}

.inputLegende {
	float: left;
	width: 18em;
}

.tab8 {
	float: left;
	width: 8em;
}

.tab4 {
	float: left;
	width: 4em;
}

.tab2 {
	margin-right: 1em;
	width: 8em;
}

.tab3 {
	width: 3em;
	float: left;
}

.codeFeld1 {
	min-height: 200px;
	width: 99%;
}

.tabelle {
	display: inline-block;
}

.margin80 {
	margin-left: 80px;
}

input.radio {
	width: auto;
}

fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.fields {
	margin-left: 12em;
}

.fields.table {
	display: table;
}
.fields.table .row {
	display: table-row;
}
.fields.table label,
.fields.table .input {
	display: table-cell;
	padding-right: 1.5em;
}

.scrollicon {
	text-align: center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ccc;
	opacity:0.5;
	position:fixed;
	bottom:10px;
	right:10px;
	border:1px solid #333;
}

.scrollicon div {
	font-weight:bold;
	font-size:28px;
	color:#333;
	padding-top:8px;
}




/*@media (max-width: 800px) {	
	#mittelteil {
		width: 95%;
	}
	
	.fields {
		clear: left;
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	#mittelteil {
		width: auto;
	}
	
	.absatz img {
		float: none;
		margin: 0 0 1em 0;
		width: 100%;
	}
	
	.absatz.variante-2 .text {
		overflow: visible;
	}
}*/