@charset "UTF-8";

@media all {
	/* Standard Einstellungen fuer alle Tags */
	* {
		margin: 0; padding: 0
	}
	option {
		padding-left: 0.4em
	}
	* html body * {
		overflow: visible;
	}
	* html iframe,* html frame {
		overflow: auto;
	}
	* html frameset {
		overflow: hidden;
	}
	html {
		height: 100%; margin-bottom: 1px;
	}
	body {
		font-size: 100.01%; color: #000000; text-align: center; padding: 0 0.25em;
	}
	fieldset {
		border: 0 solid; clear: both;
	}
	ul,ol,dl {
		margin: 0 0 1em 1em
	}
	li {
		line-height: 1.5em;
	}
	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 0 1em 2em;
	}
	blockquote {
		margin: 0 0 1em 1.5em;
	}
	/* -------------------------------------------------------------------------------- */
	/* Navigations Einstellungen (NEU) */
	header {
		position: fixed; width: 100%; top: 0pt; left: 0pt; z-index: 100;
	}
	header .runningContext {
		text-align: center; letter-spacing: 0.7em; font-weight: bold; padding: 0.2em 0; background-color: #FF0000; color: #FFFFFF; width: 100%;
	}
	header .mainbar {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		display: table; 
		position: relative;
		width: 100%;
		height: 40px; /* Genau so groß wie die Logos */
	}
	header .mainbar div,header .mainbar form,header .mainbar input,header .mainbar select {
		display: inline-block; color: #FFFFFF; vertical-align: middle;
	}
	header .mainbar input,header .mainbar select {
		float: none; margin: 0 0.25em; font-size: 1.2em; color: #000000;
	}
	header .mainbar > div {
		display: table-row; width: 100%;
	}
	header .mainbar > div > div {
		display: table-cell; white-space: nowrap; vertical-align: middle; width: 100%;
	}
	header .mainbar img {
		vertical-align: middle;
	}
	header nav {
		background-color: #DDDDDD;
		background-image: linear-gradient(to bottom, #FFFFFF 50%, #DDDDDD 100%); clear: both;
	}
	header a,header a:focus,header a:active,header a:hover {
		text-decoration: none;
	}
	header nav ul {
		float: left; margin: 0.2em 0.5em; padding: 0;
	}
	header nav ul li {
		float: left; line-height: 1em; list-style-type: none; margin: 0; padding: 0;
	}
	header nav ul li a {
		color: #555555; display: block; font-size: 1em; font-weight: normal; padding: 0.5em 12px;
	}
	header nav ul li a:hover,header nav ul li.current a {
		background-color: #007AB6; color: #FFFFFF;
	}
	header nav ul:first-child li a {
		color: #007AB6; font-size: 1.4em; font-weight: bold; padding: 0.3em 12px;
	}
	header nav ul:first-child li a:hover,header nav ul:first-child li.current a {
		background-color: #007AB6; color: #FFFFFF; 
	}
	header nav ul li a.olerpwarning {
		background-color: red !important;
		color: white !important;
	}
	header .benutzer a,.benutzer a:focus,.benutzer a:hover,.benutzer a:active {
		color: #FFFFFF;
	}
	header .benutzer span {
		margin: 0em 0.5em;
	}
	header input[type=text].barcodeeingabe, header input[type=text].barcodeeingabeMobile {
		width: 8em; color: transparent; background-image: url("../images/barcode.gif");
	}
	span.extSearch {
		display: table; background-color: #007AB6; padding: 0.5em; margin-top: 0; position: absolute; top: 2.8em; text-align: left; width: 100%; max-width: 100%; 
	}
	span.extSearch > span {
		display: table-row; line-height: 1.5em;
	}
	span.extSearch > span > span {
		display: table-cell; padding-right: 1em;
	}
	span.extSearch > span > span * {
		vertical-align: baseline;
	}
	/* -------------------------------------------------------------------------------- */
	/* PPS Einstellungen */
	body.loginbody {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 25%, #007AB6 50%, #FFFFFF 100%); 
		color: #99999D;
	}
	th {
		text-align: center;
	}
	
	/* CRM- SRM- Leiste bzw jetzt PIN */
	h1 div.ereignisleiste              { font-size: 60%; }
	div.ereignisleiste                 { display: inline-block; font-weight: normal; color: black; }
	div.ereignisleiste         .kuller { background-color: #778899; border-radius: 85%; color: white; padding: 5px 10px; font-size: 85%; top: -10px; position: relative; }
	div.ereignisleiste.offen   .kuller { background-color: #778899; }
	div.ereignisleiste.faellig .kuller { background-color: #EE4041; }
	div.ereignisleiste         .kuller a { color: white; }
	div.ereignisleiste a { text-decoration: none; }
	
	div.neuesereignis { display: inline-block; cursor: pointer; z-index:25; }
	div.neuesereignis ul { visibility: hidden; opacity: 0; box-shadow: 3px 3px 6px 6px #AAAAAA; position: absolute; list-style: none; padding: 0px; margin: 0px; z-index: 1; transition: visibility 0s ease-out 0.1s, opacity 0.1s ease-out; }
	div.neuesereignis:hover ul, div.neuesereignis.hover ul { visibility: visible; opacity: 1; transition-delay: 0s; }
	div.neuesereignis li { position: relative; display: table-row; background-color: #FFFFFF; margin: 0px; }
	div.neuesereignis li:hover, div.neuesereignis li.hover { background-color: #007AB6; color: white; }
	div.neuesereignis li a { display: table-cell; padding: 0.3em 1em; color: inherit; white-space: nowrap; }
	div.neuesereignis li a:hover:not(:first-child), div.neuesereignis li a.hover:not(:first-child) { background-color: #21C728; }
	div.neuesereignis form { position: absolute; top:0; display: none; box-shadow: 3px 3px 6px 0px #AAAAAA; z-index: 1; background-color: white; padding: 0.25em; }
	div.neuesereignis form label { display: inline-block; width: 10em; padding: 0 0.25em; }
	div.neuesereignis form input[type=text], div.neuesereignis form select { float: none; margin: 0.25em 0; }
	div.neuesereignis form .deletebutton { position: absolute; margin: 0px; padding: 0px; right: 0.25em; top: 0.25em; }
	div.neuesereignis form .deletebutton img { height: 16px; width: 16px; margin: 3px; padding: 2px; }
	div.neuesereignis form .deletebutton:hover img { background-color: lightgrey; }
	
	table.trefferlisteStat .SUM1 {
		background-color: beige; font-weight: bold;
	}
	table.trefferlisteStat .SUM2 {
		background-color: lightblue; font-weight: bold;
	}
	table.trefferlisteStat .SUM3 {
		background-color: greenyellow; font-weight: bold;
	}
	table.trefferlisteStat .NORMOFFEN {
		font-style: italic;
	}
	table.trefferlisteStat .NORMOFFENRS {
		font-style: italic; color: red;
	}
	table.trefferlisteStat a.NORMOFFENRS {
		font-style: italic; color: red;
	}
	table.trefferlisteStat .SUMOFFEN {
		font-style: italic; font-weight: bold; background-color: beige;
	}
	table.trefferlisteStat .SUMOFFENRS {
		font-style: italic; font-weight: bold; background-color: beige; color: red
	}
	table.trefferlisteStat .SUMME {
		background-color: burlywood; font-weight: bold;
	}
	table.trefferlisteStat .SUMME a{
		color:#FFFFFF;
	}
	.statusBox {
		color: black; background-color: mistyrose; border-width: 2px; border-style: solid; border-color: red; margin-top: 0.5cm; font-size: 90%; padding: 10px; width: auto; height: 100%; margin: 0px; text-align: center;
	}
	.statusBoxWARTEN-AUF-UNTERLOS {
		color: black; background-color: lightblue; border-width: 2px; border-style: solid; border-color: blue; margin-top: 0.5cm; font-size: 90%; padding: 10px; width: auto; height: 100%; margin: 0px; text-align: center;
	}
	table.trefferlisteSTD {
		border: 1px solid black; width: auto; border-collapse: collapse;
	}
	table.trefferlisteSTD td,table.trefferlisteSTD th {
		padding: 4px; border: 1px solid black; line-height: 110%; color: black;
	}
	table.trefferlisteSTD th {
		color: black; background: lightgrey /* logouno */;
	}
	table.trefferlisteSTD tr:hover {
		background: #eed; color: #000
	}
	table.trefferlisteSTD td.aktTag {
		border: 6px solid blue;
	}
	table.trefferlisteSTD td.keineArbStunden {
		background: lightcoral;
	}
	table.trefferlisteSTD td.halberAT {
		background: #FCFCCC;
	}
	table.trefferlisteSTD td.ganzerAT {
		background: #FADC8E;
	}
	ul.arbeitsstunden                        { margin: 0; list-style: none; }
	ul.arbeitsstunden li                     { border: 1px solid lightgrey; border-bottom: none; padding: 1px 4px; white-space: nowrap; display: flex; }
	ul.arbeitsstunden li:last-of-type        { border-bottom: 1px solid lightgrey; }
	ul.arbeitsstunden li.monat               { background-color: beige; }
	ul.arbeitsstunden li.rueckmeldung        { background-color: lemonchiffon; }
	ul.arbeitsstunden li.abwesenheit         { background-color: lemonchiffon; }
	ul.arbeitsstunden li:hover               { background-color: bisque; }
	ul.arbeitsstunden li > span              { flex: 1; overflow: hidden; text-overflow: ellipsis; }
	ul.arbeitsstunden li > span.geplant      { font-style: italic; }
	ul.arbeitsstunden li > span.fakturierbar { font-weight: bold; }
	span.gvl_vk_art, span.gvl_vk_art a {
		color: green
	}
	span.gvl_ek_art, span.gvl_ek_art a {
		color: red
	}
	span.gvl_vk_netto, span.gvl_vk_mwst, span.gvl_vst, span.gvl_vk_netto a, span.gvl_vk_mwst a, span.gvl_vst a {
		color: blue; font-style: italic; font-size: 90%;
	}
	span.gvl_ustva, span.gvl_ustva a {
		color: blue; font-style: italic; font-size: 90%; font-weight: bold;
	}
	span.gvl_ek_vk_diff, span.gvl_ek_vk_diff a {
		color: black; font-weight: bold;
	}
	table.numbering tr:nth-child(2n) {
		background-color: lightgray;
	}
	table.numbering tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	table.numbering, div.numbering {
		counter-reset: rownum;
	}
	table.numbering td.rownum:before, div.numbering span.rownum:before {
		content: counter(rownum); counter-increment: rownum;
	}
	tr.groupDevide {
		height: 1em; background-color: white !important; border-left-style: hidden; border-right-style: hidden;
	}
	tr.groupDevide:last-child {
		border-bottom-style: hidden;
	}
	tr.groupDevide td {
		border-left-style: hidden; border-right-style: hidden;
	}
	tr.groupHeader {
		background-color: lightgray !important; font-weight: bold; text-align: left; white-space: nowrap;
	}
	tr.groupResult {
		background-color: #FFFFFF !important; font-weight: bold; text-align: right; white-space: nowrap;
	}
	tr.groupResult label {
		width: 3em; margin-right: 1em;
	}
	tr.groupResult.stickyResult td { background-color: #99BBCC !important; }
	
	tr.droppable {
		text-align: left; height: 3em;
	}
	tr .highlight {
		background-color: salmon; min-width: 5em;
	}
	.spanfield {
		display: block; background-color: #DDDDDD; padding: 3px; border: 1px solid #CCCCCC; width: 14.5em; min-height: 1.2em; margin-bottom: 6px;
	}
	div.table {
		display: table; padding-right: 6em; padding-top: 6px;
	}
	div.table-row {
		display: table-row;
	}
	div.table-cell {
		display: table-cell; padding: 0.4em 6em 0em 0.5em; width: 20em;
	}
	div.table-header {
		display: table-row; 
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		color: #FFFFFF;
	}
	div.table-header div.table-cell {
		padding: 0.3em 0.5em; width: 115em;
	}
	.ui-widget-overlay { opacity: 0.4 }
	.ui-widget-header {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%);
	}
	.ui-tabs-panel .ui-widget-header {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #007AB6 0%, #007AB6 100%);
	}
	.ui-dialog ul.ui-widget-header {
		background-image: none;
		background-color: transparent;
	}
	.ui-tabs.ui-corner-all { border: none; }
	.ui-tabs .ui-tabs-panel { padding: 0.5em 0.5em; border: none; }
	li.ui-state-default {
		background: none; background-color: #668398; color: red;
	}
	
	div.bereich div.legend, th.legend {
		font-weight: bold; color: #FFFFFF; background-color: #007AB6; padding: 0.5em 0 0.5em 0.5em; margin: 0; height: 2em;
	}
	
	div.bereich {
		background-color: #F8F8F8; float: left; min-height: 35em; min-width: 33em; margin-right: 1em; margin-bottom: 1em;
	}
	
	.ui-tabs-hide {
		position: absolute; left: 10000em;
	}
	div.info {
		background-color: #668398; color: white; border: 2px solid grey; padding: 5px; margin-bottom: 10px;
	}
	span.mouseover, div.mouseover {
		border: 1px solid grey; box-shadow: 1px 1px darkgrey; margin-top: 2em; color: #000000; background-color: #FFFFCC; font-size: 80%; padding: 0.5em; position: absolute; display: none; line-height: 1.5em; z-index: 200;
	}
	span.mouseoverinfo, div.mouseoverinfo {
		border: 2px solid lightgrey; box-shadow: 2px 2px lightgrey; margin-top: 0; color: #000000; background-color: bisque; font-size: inherit; padding: 1em; position: absolute; display: none; line-height: inherit; z-index: 200;
	}
	table.operatorScreen {
		font-size: 1.3em; background: inherit; margin: 0.4em 0 0.5em 0;
	}
	table.operatorScreen th {
		padding: 0.3em; font-weight: bold; text-align: left;
	}
	table.operatorScreen td {
		padding: 0.3em;
	}
	table.operatorScreen div.box {
		font-size: 0.75em; border: solid 1px lightgrey; background-color: #FFFFFF; padding: 0.4em;
	}
	div.operator {
		font-size: 1.3em;
	}
	ul.operatorTabs {
		list-style-type: none; width: 100%; float: left; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0;
	}
	ul.operatorTabs li {
		display: block; float: left; margin: 0 0.5em 0 0; background-color: #E0E0E0; border: 1px solid gray; border-bottom: none; border-radius: 0 10px 0 0;
	}
	ul.operatorTabs li a {
		display: block; padding: 5px 8px; text-decoration: none; line-height: 1;
	}
	ul.operatorTabs li.active {
		background-color: #CCCCCC;
	}
	ul.operatorTabs	li:hover:not(.active) {
		background-color: #CCCCCC;
	}
	ul.operatorTabs li.active a,ul.operatorTabs li a:hover {
		color: #000000;
	}
	td.timesHeader {
		border-style: none; white-space: nowrap; vertical-align:top; position:relative;
	}
	td.timesHeader div.rotate {
		transform: rotate(90deg) translate(-10px,5px); 
		-moz-transform: rotate(90deg) translate(-10px,5px); 
		-webkit-transform: rotate(90deg) translate(-10px,5px);
		transform-origin: 0 100% 0;
		-moz-transform-origin: 0 100% 0;
		-webkit-transform-origin: 0 100% 0;
	    position: absolute;
		left: 50%;
    	right: 50%;
	}
	span.highlight {
		background-color: yellow;
	}
	.alerterror>.ui-dialog-titlebar {
		background-color: salmon;
	}
	.alerterror>.alerterror-body {
		background-color: mistyrose;
	}
	.alerterror-body {
		display: none; white-space: pre; text-align: left;
	}
	.errormessage-nice {
		font-weight: bold;
	}
	.errormessage-raw {
		font-size: 80%;
	}
	.alertsuccess>.ui-dialog-titlebar {
		background-color: #AAFBAA;
	}
	.alertsuccess>.alertsuccess-body {
		background-color: #AAFBAA;
	}
	.alertsuccess-body {
		display: none; white-space: pre; text-align: left;
	}
	.successmessage-nice {
		font-weight: bold;
	}
	.successmessage-raw {
		font-size: 80%;
	}
	span.invalidDate {
		color: red; font-weight: bolder;
	}
	.docmatrixElem {
		-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding-left: 5px; padding-right: 5px; height: 2.5em; width: 15em; float: left; margin: 2px; color: black; padding-top: 5px;
	}
	.DMCmitFreigabe {
		border: 1px solid #4DB8FF; background: -ms-linear-gradient(left, #4DB8FF 10%, white 50%, white 50%, #4DB8FF 90%); /* IE */ background: -webkit-linear-gradient(left, #4DB8FF 0%, white 100%); /* for webkit browsers */ background: -moz-linear-gradient(left, #4DB8FF 10%, white 50%, white 50%, #4DB8FF 90%);
	}
	.DMCkeineFreigabe {
		border: 1px solid #FFC43B; background: -ms-linear-gradient(left, #FFC43B 10%, white 50%, white 50%, #FFC43B 90%); /* IE */ background: -webkit-linear-gradient(left, #FFC43B 0%, white 100%); /* for webkit browsers */ background: -moz-linear-gradient(left, #FFC43B 10%, white 50%, white 50%, #FFC43B 90%);
	}
	.body_white {
		background-color: white !important;
	}
	.alternative1 {
		font-style: italic !important; color: gray !important;
	}
	.alternative1 a {
		color: #6699CC !important;
	}
	.apseudolink:HOVER {
		text-decoration: underline; cursor: pointer;
	}
	#page_margins {
		min-width: 740px; margin: 0 auto; text-align: left; height: 100%;
	}
	#page {
		background: #fff;
	}
	.laenderflaggen {
		position: absolute; left:0; right:0; bottom:0; margin-bottom: 0.5em;
	}
	.custom-login-logo {
		float: right; margin-right: 1em; text-align: right;
	}
	.login_bg {
		background: url("../images/Transfact_Logo_web.svg") no-repeat center / 75% white;
		height: 340px; width: 800px; margin-top: 10%; clear: both; margin-left: auto; margin-right: auto; box-shadow: 0 0 25px 25px #005480; position: relative; padding: 1em 0; background-color:white;
	}
	.main_login {
		width: 170px; padding-left: 2em; padding-top: 0em;
	}
	.main_login input[type='SUBMIT'] {
		margin-top: .5em; float: left;
	}
	.main_login input[type='TEXT'],.main_login input[type='PASSWORD'] {
		width: 13.5em; margin-top: 0.5em; float: left;
	}
	#styling_elements {
		height: 100px;
	}
	footer {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		color: #FFFFFF; padding: 0.7em 0; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 100;
	}
	footer a, footer a:focus, footer a:hover, footer a:active {
		color: #FFFFFF;
	}
	footer span {
		margin: 0em 0.5em;
	}
	.second {
		background-color: lightgray;
	}
	.second {
		background-color: lightgray;
	}
	.secondb {
		background-color: lightgray; font-weight: bold
	}
	.firstb {
		font-weight: bold;
	}
	.secondrowklein {
		background-color: lightgray; font-size: 85%; font-style: italic;
	}
	.rowklein {
		font-size: 85%; font-style: italic;
	}
	.secondrowkleinn {
		background-color: lightgray; font-size: 85%
	}
	.rowkleinn {
		font-size: 85%;
	}
	.secondrowkleinnb {
		background-color: lightgray; font-size: 85%; font-weight: bold;
	}
	.rowkleinnb {
		font-size: 85%; font-weight: bold;
	}
	.calculator {
		position: absolute; float: left; left: 38em; width: 108px; padding: 2px; height: 144px; border-color: white; border-width: 3px; border-style: solid
	}
	.calczahl {
		margin: 2px; float: left; background-color: silver; border-width: 1px; border-style: outset; border-color: black; width: 30px; height: 30px; font-weight: bold; text-align: center; font-size: 130%;
	}
	table.trefferliste tr:nth-child(2n) {
		background-color: #F0F0F0;
	}
	table.trefferliste tr:nth-child(2n-1) {
		background-color: #FBFBFB;
	}
	table.trefferliste {
		counter-reset: rownum;
	}
	table.trefferliste td.rownum {
		text-align: right;
	}
	table.trefferliste td.rownum:before {
		content: counter(rownum); counter-increment: rownum; text-align: right;
	}
	table.trefferliste td,table.trefferliste th,table.trefferlistek tr,table.trefferlistek td,table.trefferlistek th {
		border: 1px solid #FFF;
	}
	table.trefferlistek td,table.trefferlistek th {
		padding: 4px; border: 1px solid black; line-height: 110%; color: white;
	}
	table.trefferlistek {
		border: 1px solid white; width: auto; border-collapse: collapse; font-size: 85%;
	}
	table.trefferlistek {
		border: 1px solid white; width: auto; border-collapse: collapse; font-size: 85%;
	}
	table.trefferlistek td,table.trefferlistek th {
		padding: 4px; border: 1px solid white; line-height: 110%; color: black;
	}
	table.trefferlisteStat {
		border: 1px solid white; width: auto; border-collapse: collapse; font-size: 85%;
	}
	table.trefferlisteT {
		border: 1px solid white; width: auto; border-collapse: collapse;
	}
	table.trefferlistef {
		border: 1px solid white; border-collapse: collapse
	}
	table.trefferlistef td,table.trefferlistef th {
		padding: 4px; border: 1px solid white; line-height: 110%; color: black;
	}
	table.trefferlisteg {
		border: 1px solid white; border-collapse: collapse; font-size: 95%;
	}
	table.trefferlisteg td,table.trefferlisteg th {
		padding: 4px; border: 1px solid white; line-height: 110%; color: black;
	}
	table.trefferlisteStat td,table.trefferlisteStat th {
		padding: 4px; border: 1px solid white; line-height: 110%; color: black;
	}
	table.trefferlisteT td,table.trefferlisteT th {
		padding: 4px; border: 1px solid white; line-height: 110%;
	}
	table.trefferliste tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlisteStat th {
		background: #003366; color: white;
	}
	table.trefferlisteStat tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlistek tr:nth-child(2n) {
		background-color: #EAEAEA;
	}
	table.trefferlistek tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	/* Zebralook durch Klassen odd/even wieder überschreiben */
	table.trefferliste tr.odd,  table.trefferlistek tr.odd {
		background-color: #F0F0F0;
	}
	table.trefferliste tr.even, table.trefferlistek tr.even {
		background-color: #FFFFFF;
	}
	table.trefferlistek tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlisteT tr:nth-child(2n) {
		background-color: #EAEAEA;
	}
	table.trefferlisteT tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	table.trefferlisteT th {
		background: #003366 /* logouno */; color: white;
	}
	table.trefferlisteT tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlisteres {
		border: 1px solid lightgrey; width: 22em; border-collapse: collapse; font-size: 90%;
	}
	table.trefferlisteres td,table.trefferlisteres th {
		padding: 2px; border: none; line-height: 100%; color: black;
	}
	table.trefferlisteres tr:nth-child(2n) {
		background-color: #EAEAEA;
	}
	table.trefferlisteres tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	table.trefferlisteres th {
		background: #003366 /* logouno */;
	}
	table.trefferlisteres tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlisteres.additional {
		margin-right: 1em; margin-bottom: 1em; position: relative; box-shadow: 3px 3px lightgrey;
	}
	table.trefferlistef tr:nth-child(2n) {
		background-color: #EAEAEA;
	}
	table.trefferlistef tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	table.trefferlistef th {
		background: #003366 /* logouno */;
	}
	table.trefferlistef tr:hover {
		background: #D1F0FF; color: #000
	}
	table.trefferlisteg tr:nth-child(2n) {
		background-color: #EAEAEA;
	}
	table.trefferlisteg tr:nth-child(2n-1) {
		background-color: #F6F6F6;
	}
	table.trefferlisteg th {
		background: #003366; color: white /* logouno */;
	}
	table.trefferlisteg tr:hover {
		background: #D1F0FF; color: #000
	}
	.trefferlisteMW {
		border: 1px solid gray; border-collapse: collapse;
	}
	.trefferlisteMW td {
		padding: 3px; border-style: solid; border-color: gray; border-width: 1px; background-color: #FFFFFF; white-space: nowrap;
	}
	.trefferlisteMW th {
		padding: 3px; border-style: solid; border-color: gray; border-width: 1px; background-color: #DBDBDB; color: #000000; font-size: 0.9em; background-image: initial;
	}
	table.trefferlisteSTD th {
		border-color: black;
	}
	tr.theader td a {
		color: #FFFFFF;
	}
	tr.theader td,table.trefferliste th,table.trefferlisteT th,table.trefferlistek th,table.trefferlisteres th,table.trefferlistef th,table.trefferlisteSTD th,table.trefferlisteg th,table.trefferlisteStat th,table.trefferlisteRowspan th, table.trefferlisteSTD tr.th_row > td {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		color: #FFFFFF; text-align: center; vertical-align: middle;
	}
	table.tablesorter tr.tablesorter-headerRow th:not(.sorter-false) { cursor: pointer; }
	table.tablesorter tr.tablesorter-headerRow th.tablesorter-headerAsc { background: #005480 url('../images/sort_up.png') no-repeat right; padding-right: 1.5em; }
	table.tablesorter tr.tablesorter-headerRow th.tablesorter-headerDesc { background: #005480 url('../images/sort_down.png') no-repeat right; padding-right: 1.5em; }
	table.trefferlisteMW.tablesorter tr.tablesorter-headerRow th.tablesorter-headerAsc { background: #AAAAAA url('../images/sort_up.png') no-repeat right; padding-right: 1.5em; }
	table.trefferlisteMW.tablesorter tr.tablesorter-headerRow th.tablesorter-headerDesc { background: #AAAAAA url('../images/sort_down.png') no-repeat right; padding-right: 1.5em; }
	
	table.trefferlisteSTD a {
		color: black;
	}
	table.trefferlisteSTD th, table.trefferlisteSTD tr.th_row > td {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		color: #FFFFFF;
		font-weight:bold;
	}
	table.trefferlisteSTD td.aktTag {
		border: 0; background-color: lightgreen;
	}
	table.trefferlisteSTD tr:hover {
		background: #D1F0FF; color: #000
	}
	input[type=text].mwKlein {
		color: inherit; font-weight: inherit; text-align: right; width: 6.0em; float: none; margin: auto; background-color: #EEEEEE;
	}
	input[type=text].mwKlein:focus {
		background-color: #FFFFFF;
	}
	.mwClass0 {
		color: darkgreen;
	}
	.mwClass1, .mwClass-1 {
		color: orange;
	}
	.mwClass2, .mwClass-2 {
		color: red; font-weight: bold;
	}
	.mwClass3, .mwClass-3 {
		color: blue; font-weight: bold;
	}
	input[type=text].mwClassErr, input[type=text].mwClassErr:focus {
		color: white; font-weight: bold; background-color: red;
	}
	table.noborder {
		width: 12%; text-align: left; border: 0px; font-size: 100%; padding: 0px; border-collapse: collapse;
	}
	table.noborder th,table.noborder td {
		text-align: left; border: 0px;
	}
	table.noborder td.timesHeader {
		text-align:center;
	}
	.errormessage {
		color: black; background-color: mistyrose; padding: 1em; margin: 0em;
	}
	.successmessage {
		color: black; background-color: #AAFBAA; font-size: 90%; padding: 1em; margin: 0em;
	}
	.warningmessage {
		color: black; background-color: #FFFF99; font-size: 90%; padding: 1em; margin: 0em;
	}
	label.error {
		float: left; clear: both; text-align: right; width: 5em; margin: 0 0.3em 0.5em 0; padding: 4px 4px 4px 1px;
	}
	label.left {
		float: left; clear: both; text-align: right; width: 15em; margin: 0 0.3em 0.5em 0; padding: 4px 4px 4px 1px;
	}
	label.leftKl {
		float: left; clear: both; text-align: right; width: 10em; margin: 0 0.3em 0.5em 0; padding: 4px 4px 4px 1px;
	}
	label.short {
		width: 5em;
	}
	label.leftSecond {
		float: left; clear: both; text-align: right; width: 24em; margin: 0 0.3em 0.5em 0; padding: 4px 4px 4px 1px;
	}
	select[multiple] {
		background-color: #FAFAFA;
	}
	label+span,label+span+span,label+span+span+span {
		float: left; margin: 0em 0em 0.5em 0em; padding: 4px 4px 4px 1px;
	}
	input+span,input+span+span,input+span+span+span {
		float: left; margin: 0em 0em 0.5em 0em; padding: 4px 4px 4px 1px;
	}
	select+span,select+span+span,select+span+span+span {
		float: left; margin: 0em 0em 0.5em 0em; padding: 4px 4px 4px 1px;
	}
	div.kopf {
		display: flex; background-color: #D3D3D3; background-image: linear-gradient(to bottom, #FFFFFF 0%, #D3D3D3 100%); padding-top: 0.5em; width: 100vw;
	}
	div.parameter:not(.bereich), div.parameter_cell:not(.bereich) {
		flex: 1 0 auto; vertical-align: top; border-right: 1px inset darkgrey; padding: 0.2em 0.5em 1em 0em;
	}
	div.parameter label.left,div.parameter label+span,div.parameter input+span,div.parameter label+span+span,div.parameter input+span+span,div.parameter label+span+span+span,div.parameter input+span+span+span{
		margin-bottom: 0; padding: 1px;
	}
	div.parameter_cell label+span,div.parameter_cell input+span,div.parameter_cell label+span+span,div.parameter_cell input+span+span,div.parameter_cell label+span+span+span,div.parameter_cell input+span+span+span{
		margin: 0px; padding: 0px; display: table-cell; float: none;
	}
	div.parameter_cell > div {
		display: table-row;
	}
	div.parameter label.left + span, div.parameter label.left + div {
		float: left; min-width: 15em; padding: 1px; max-width: 25em; 
	}
	div.parameter_cell label.left + span, div.parameter.parameter_cell label.left + div {
		float: none; min-width: 15em; margin-right: 1em; padding-bottom: 0.1em; padding-top: 0.1em; display: table-cell; margin-top: 0px; 
	}
	div.parameter_cell label.left {
  		width: 13em; padding-right:0.4em; float: none; display: table-cell;

  	}
	input.isDate[type="text"], input.isDatetime[type="text"], input.isDateTime[type="text"] {
		background-image: url("../images/svg/calendar.svg");
		background-origin: border-box;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 22px 22px;
		padding-right: 24px;
	}
	input[type=text].short,input[type=password].short,select.short {
		width: 11em;
	}
	input[type=text].breit,input[type=password].breit,select.breit {
		width: 22.5em;
	}
	input.isDate.withFormel[type="text"] {
		color: brown;
	}
	input.isDate.withRange[type="text"] {
		background-image: none;
		padding-right: 3px;
		width: 6.75em
	}
	input.isDate.withRange[type="text"] + input[type="hidden"] + input.isDate.withRange[type="text"] {
		background-image: url("../images/svg/calendar.svg");
		background-origin: border-box;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 22px 22px;
		padding-right: 24px;
		margin-left: 0.25em;
		width: 8.5em
	}
	input.right {
		float: left; width: auto; clear: both; margin-left: 11.3em; margin-right: .3em;
	}
	input[type=checkbox].right,input[type=radio].right,input[type=submit].right,input[type=button].right {
		margin-left: 6.3em;
	}
	.forminputs {
		text-align: left;
	}
	.forminputs label.left {
		float: none; line-height: 1.5em;
	}
	.forminputs input,.forminputs select,.forminputs textarea {
		margin-top: 0; margin-bottom: 6px; float: none;
	}
	br {
		clear: both;
	}
	.xhtml br {
		clear: none;
	}
	label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit],button[type="submit"] {
		cursor: pointer;
	}
	input[type=submit],input[type=button],button[type="submit"] {
		width: auto; border: 1px solid #CCCCCC; text-align: left; background: white; /* for non-css3 browsers */ background: -ms-linear-gradient(top, #5df163, #21c728); /* for IE */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5df163), to(#21c728) ); background: -webkit-linear-gradient(top, #5df163, #21c728); /* for webkit browsers */ background: -moz-linear-gradient(top, #5df163, #21c728); /* for firefox 3.6+ */ color: white;
	}
	
	/* Links im System */
	a                    { text-decoration: none;      color: var(--link-color, #0062A7); cursor: pointer; }
	a:hover, a:active    { text-decoration: underline; }
	
	.fakturiert {
		font-style: italic; background-color: gainsboro;
	}
	.inbearbeitung {
		font-weight: normal; background-color: #FA964B;
	}
	.freigegeben {
		font-weight: bold; background-color: yellow;
	}
	.resDiv {
		float: left; margin: 0.5em;
	}
	table td.auslastung {
	  height: 2.5em; width: 1.4em; padding: 0px; min-width: 1.4em; max-width: 1.4em;
	}
	table td.auslastung div {
		height: 50%; width: 100%;
	}
	table td.auslastung div a {
		display: block; width: 100%; height: 100%;
	}
	.multicolumn {
		height: 15em; -moz-column-width: 35em; -webkit-column-width: 35em; column-width: 35em; -moz-column-fill: auto; -webkit-column-fill: auto; column-fill: auto;
	}
	.multicolumn label.left {
		float: none; display: inline-block;
	}
	.multicolumn input[type="submit"], .multicolumn input[type="text"], .multicolumn input[type="password"], .multicolumn select, .multicolumn textarea, .multicolumn input[type="button"], .multicolumn button[type="submit"], .multicolumn [contenteditable="true"] {
		float: none;
	}
	input.dummysubmit {
		position: fixed; width: 1px; height: 1px; top: -100px; left: -100px;
	}
	.mapInvalid {
		background-color: darkgray; width: 2px; height: 2px;
	}
	.mapValid {
		background-color: yellow; width: 2px; height: 2px;
	}
	table.Map {
		border: 1px solid black; width: auto; border-collapse: collapse;
	}
	table.Map td,table.Map th {
		padding: 2px; border: 1px solid black; line-height: 60%; color: black; width: 2px; height: 2px; font-size: 60%;
	}
	table.Map th {
		color: black; background: gray /* logouno */;
	}
	table.Map tr:hover {
		background: #D1F0FF; color: #000
	}
	.mapBENUTZBAR {
		background-color: lightgreen;
	}
	.mapNICHTBENUTZBAR {
		background-color: black;
	}
	.mapTEST {
		background-color: lightgrey;
	}
	.mapJUSTIERUNG {
		background-color: darkgrey;
	}
	textarea.breit {
		width: 27em; height: 25em;
	}
	textarea.middle {
		width: 22em; height: 10em;
	}
	textarea.klein {
		width: 15em; height: 5em;
	}
	.DOWN { background-color: #FE423A; }
	.UP { background-color: #00CC00; }
	.babyblau {
		color: white; background-color: #20388e;
	}
	.mwTitleDiv {
		width: 12em; display: none; font-size: 120%; color: white;
	}
	
	input[type="checkbox"], input[type="radio"]                     { width: 16px; height: 16px; margin: 4px 0.5em 0.5em 0; }
	label + input[type="checkbox"] + label + input[type="checkbox"] { margin-left: 0.5em; }
	label + input[type="radio"]    + label + input[type="radio"]    { margin-left: 0.5em; }
	
	.losFATypeEW {
		background-color: lightgreen; color: black; padding: 2px 5px; border: 2px solid green;
	}
	.losFATypeW {
		background-color: lightblue; color: black; padding: 2px 5px; border: 2px solid blue;
	}
	.losFATypeTK {
		background-color: mistyrose; color: black; padding: 2px 5px; border: 2px solid red;
	}
	input.klein {
		width: 10em; margin-right: 2px;
	}
	input.kleiner {
		width: 9em; float: right;
	}
	input.sucheklein {
		width: 6em;
	}
	input.ganzklein {
		width: 3em; display: inline;
	}
	span.betragleft {
		text-align: right; display: inline; width: 70px; float: left;
	}
	span.betragright {
		text-align: left; margin-left: 5px; display: inline; float: left;
	}
	tr.komm:nth-child(even) {
		background: lightgray
	}
	tr.gelbverlauf td:nth-child(1), tr.gelbverlauf td:nth-child(2), tr.gelbverlauf td:nth-last-child(1) {
		background-color: #FFFF99;
		color: black;
	}
	tr.rotverlauf td:nth-child(1), tr.rotverlauf td:nth-child(2), tr.rotverlauf td:nth-last-child(1) {
		background-color: #FF5050;
		color: black;
	}
	tr.reworkstep:not(.gelbverlauf):not(.rotverlauf) td:nth-child(1), tr.reworkstep td:nth-child(2), tr.reworkstep td:nth-last-child(1) {
		background-color: #FEBC67;
		color: black;
	}
	.fertigstellungsgrad_main {
		height: 8px; width: 70px; border-style: solid; border-width: 1px;
	}
	.fertigstellungsgrad {
		background-color: #007AB6; height: 8px;
	}
	img.ui-datepicker-trigger {
		cursor: pointer; height: 24px; width: 24px; vertical-align: middle;
	}
	.farbverlauf_gelb {
		background: -moz-linear-gradient(top, rgba(255, 233, 42, 1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 233, 42, 1) 100% );
		background: -webkit-linear-gradient(top, rgba(255, 233, 42, 1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 233, 42, 1) 100% );
		background: linear-gradient(to bottom, rgba(255, 233, 42, 1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 233, 42, 1) 100% );
		color: black;
	}
	.monatBelege {
		font-size: 0.5em !important; display: inline-table;
	}
	.monatBelege a {
		color: white !important; text-decoration: underline;
	}
	.spanPseudolinkBlue {
		color: #007AB6; cursor: pointer; font-size: 120%;
	}
	.dahmenqs {
		width: 300px; height: 350px; font-size: medium; text-align: justify; display: inline-block; margin: 15px; vertical-align: top; font-weight: normal;
	}
	.ui-autocomplete {
		max-height: 150px; overflow-y: auto; overflow-x: hidden; text-align: left; box-shadow: 6px 6px 6px #AAAAAA;
	}
	.ui-autocomplete .ui-menu-item {
		display: table-row; width: inherit;
	}
	.ui-autocomplete .ui-menu-item > span { display: table-cell; padding: 3px 0.4em; white-space: nowrap; width: inherit; border: none; color: #333; max-width: 50em; overflow: hidden; text-overflow: ellipsis; }
	.ui-autocomplete .ui-menu-item:hover > span, .ui-autocomplete .ui-menu-item.ui-state-focus > span, .ui-autocomplete .ui-menu-item > span.ui-state-active { background-color: #eeeeee; }
	
	#kontaktform label,#newsletter label {
		width: 10em; float: left;
	}
	#kontaktform label.error,#newsletter label.error {
		float: none; color: red; padding-left: .5em; vertical-align: top;
	}
	#kontaktform p,#newsletter p {
		clear: both;
	}
	#kontaktform .submit,#newsletter .submit {
		margin-left: 12em;
	}
	#kontaktform em,#newsletter em {
		font-weight: bold; padding-right: 1em; vertical-align: top;
	}
	html * {
		font-size: 100.01%;
	}
	body {
		font-family: "Lucida Grande", Geneva, Arial, Verdana, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; font-size: 75.00%; color: #000;
	}
	select {
		font-family: "Lucida Grande", Geneva, Arial, Verdana, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; color: #000;
	}
	textarea,pre,code {
		font-family: "Courier New", Courier, monospace; background-color: #DDDDDD;
	}
	h1,h2,h3,h4,h5,h6 {
		font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-weight: bold; color: #666666; margin: 0 0 0.25em 0;
	}
	h1 {
		font-size: 1.8em; color: #007AB6; margin: 0.25em 0; border-bottom: 3px #CCCCCC solid; padding: 0.3em;
	}
	h2 {
		font-size: 1.75em; color: #007AB6;
	}
	caption {
		font-size: 1.75em; color: #007AB6; margin: 0 0 0.25em 0; font-weight: bold; text-align: left;
	}
	h3 {
		font-size: 150%;
	}
	h4 {
		font-size: 133.33%;
	}
	h5 {
		font-size: 116.67%;
	}
	h6 {
		font-size: 116.67%; font-style: italic;
	}
	h1.verlauf {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); 
		color: #FFFFFF; border: none; font-size: 1.8em; margin: 0; clear: both;
	}
	h1.verlauf a {
		color: #FFFFFF;
	}
	p {
		line-height: 1.5em; margin: 0 0 1em 0;
	}
	p:last-child {
		 margin-bottom: 0;
	}
	ul,ol,dl {
		line-height: 1.5em; margin: 0 0 1em 1em;
	}
	li {
		line-height: 1.5em;
	}
	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 0 1em 2em;
	}
	cite,blockquote {
		font-style: italic;
	}
	blockquote {
		margin: 0 0 1em 1.5em;
	}
	pre,code {
		font-family: monospace; font-size: 1.1em;
	}
	acronym,abbr {
		letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help;
	}
	.note {
		background: #DDFFDD; padding: 1em; border-top: 1px #BBDDBB dotted; border-bottom: 1px #BBDDBB dotted;
	}
	.important {
		background: #FFFFDD; padding: 1em; border-top: 1px #DDDDBB dotted; border-bottom: 1px #DDDDBB dotted;
	}
	.warning {
		background: #FFDDDD; padding: 1em; border-top: 1px #DDBBBB dotted; border-bottom: 1px #DDBBBB dotted;
	}
	.float_left {
		float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;
	}
	.float_right {
		float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;
	}
	.center {
		text-align: center; margin: 0.5em auto
	}
	table {
		width: auto; border-collapse: collapse; margin-bottom: 0.5em;
	}
	table.full {
		width: 100%;
	}
	table.fixed {
		table-layout: fixed;
	}
	th,td {
		padding: 0.5em 0.4em;
	}
	thead th {
		background-color: #007AB6;
		background-image: linear-gradient(to bottom, #008AC6 50%, #007AB6 100%); color: #FFFFFF;
	}
	tbody th {
		background: #CCCCCC; color: #333333;
	}
	tbody th.sub {
		background: #DDDDDD; color: #333333;
	}
	hr {
		color: #FFFFFF; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #EEEEEE solid;
	}
	div.startpage {
		color: #007AB6; font-weight: bold; font-size: 300%; text-align: center; margin: 5em 0;
	}
	
	/* OSM Einstellungen */
	div.olControlLayerSwitcher { line-height: 2em; font-size: 120%; width: 15em; }
	div.olPopup { width: 300px !important; opacity: 0.85 !important; }
	div.olPopupContent { width: 300px; }
	div.olPopupContent > h2 { font-size: 100%; }
	div.olControlLayerSwitcher .layersDiv { background-color: #575757; padding-right: 220px; width: 100%; }
	div.olControlLayerSwitcher label { font-weight: bold; white-space: nowrap; vertical-align: middle; margin-left: 0.5em; }
	
	/* AMAP Einstellungen */
	.amap-copyright, .amap-logo { z-index: auto; } /* Logo nach unten schieben default von 160 ist zuviel */
	div.amap-info-content > h2 { font-size: 100%; }
	
	.mBox {
		margin: 0 40px 20px 0; float: left;
	}
	table.linklist {
		counter-reset: rownum;
	}
	table.linklist tr {
		border: 1px solid grey; cursor: pointer;
	}
	table.linklist tr:hover {
		background-color: #DDFFCC;
	}
	table.linklist td {
		padding: 1em;
	} 
	table.linklist td.rownum:before {
		content: counter(rownum); counter-increment: rownum;
	}
	.ui-corner-all, .ui-corner-top {
		border-radius: 0;
	}
	#ui-datepicker-div, #ui-datepicker-div .ui-slider {
		border: 1px solid #AAAAAA;
	}
	.ui-tabs .ui-tabs-nav li a {
		padding: 0.25em 1em;
	}
	.textareanoneditable {
		background-color: #DDDDDD; border: 1px solid #CCCCCC;
	}
	
	.showpdfs img {
		margin-right: 0.5em;
	}
	
	button.ui-datepicker-close {
		display: none;
	}​
	
	.alerterror-body .errormessage-raw, .alerterror .errormessage-raw { display:none; }
	
	.icon       { max-height: 24px; max-width: 24px; vertical-align: middle; padding: 0 1px; }
	.icon_small { max-height: 16px; max-width: 16px; vertical-align: text-bottom; }
	.icon_big   { max-height: 48px; max-width: 48px; }
	
	.hidden { visibility: hidden; }
	.hidden-kontakt { display: none; }
	
	input.kleinerer { width:6.6em; }
	input.number { text-align:right; }
	
	.dz-success-mark, .dz-error-mark, .dz-details img { display: none; }
	
	.dz-upload {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 0%;
	  background-color: #0000FF;
	}
	
	.dz-progress {
		position:relative;
		height:0.5em;
		border: 1px solid black;
	}
	
	#file-upload-form {
		min-height:3em;
		cursor:pointer;
	}
	
	.dz-remove {
		display:block;
		position:absolute;
		top:13px;
		right:0;
		background: url("../images/svg/delete2.svg") no-repeat scroll 0 0/24px 24px rgba(0, 0, 0, 0);
		height: 24px;
		width: 24px;
		color:transparent;
	}
	
	.dz-preview {
		position:relative;
		margin-top: 1em;
	}
	
	.dz-comment input {
		margin: 0;
	}
	
	.dz-submit-button {
		display:none;
	}
	
	.doccontainer input[type="button"]:disabled {
	    display: none;
	}
	
	.bolder {
		font-weight: bolder;
		
	}
	
	.txtce {
		text-align: center;
	}
	
	.txtri {
		text-align: right;
	}
	
	.txtle {
		text-align: left;
	}
	
	.lagerort {
	    height: 1.5em;
	    width: 2em;
	    display:inline-block;
	    vertical-align:middle;
	}
	
	.vtlager {
	   border:1px solid black;
	   margin: -2px;
	   width:100%;
	   background-color: #FFF;
	}
	
	.vtfuellung {
		height:100%;
		background-color:lightblue;
		width: 100%;
	}

	.tablecell {
		display:table-cell;
	}
	
	.lagerortbox {
		height: 20em;
	}
	
	table.lagerortbox td {
	    padding:0;
	    margin:0;
	}
	
	table.lagerortbox tr {
	    border:none;
	}
	
	.lagerortbox td.content {
	    padding:0 1em;
	    margin:0;
	    text-align:right;
	    white-space:nowrap;
	    border: none;
	}
	
	table.lagerortbox td.vtspalte {
	    width:20em;
	    border: 1px solid black;
	    position:relative;
	}
	
	table.lagerortbox .vtfrei {
		text-align:center;
		font-weight:bold;
		font-size:150%;
		color:red;
	}
	
	.vtView {
		background-color: white;
	}
	
	div.legend > span {
		float: left; 
		padding: 0.3em;
	}
	
	.tftreeContainerWrapper.tftree-absolute .tftreeContainer        { z-index: 15; }
	.tftreeContainerWrapper.tftree-absolute .tftreeContainer.active { z-index: 25; position: absolute; }
	
	.tftreeContainerWrapper {
		float: none;
		margin: none;
		padding: none;
		min-width: none;
		position: relative;
		display: block;
	}
	
	.tftreeContainerWrapper.tftree-absolute .tftreeContainer.active > ul.tftree {
		background-color:white;
		outline: 1px solid #cccccc;
		padding-bottom: 1em;
		padding-right: 1em;
	}
	
	.childrenContainer {
		font-weight: normal;
	}
	
	ul.tftree {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	ul.tftree li { margin: 0; padding: 0; white-space: nowrap; }
	
	ul.tftree ul { margin-left: 1.5em; padding: 0; }

	ul.tftree div.treeNode {
		cursor:pointer;
		min-width: 19px; 
		display: inline-block;
	}
	
	ul.tftree a.nodeAction {
		margin-left:0.5em;		 
	}
	
	ul.tftree li.rootNode {
		display: flex;
	}
	
	ul.tftree li.rootNode div.treeNode {
	 	margin-right:0.25em;
	 	background: none;
	}
	
	ul.tftree li.rootNode.collapsed div.treeNode {
	 	background: url("../images/svg/bullet_triangle_grey.svg") no-repeat scroll center center / 12px 12px;
	}
	
	ul.tftree li.rootNode.expanded div.treeNode {
	 	background: url("../images/svg/bullet_triangle_grey_90.svg") no-repeat scroll center center / 12px 12px;
	}

	ul.tftree li.collapsed div.treeNode {
		background: url("../images/svg/bullet_triangle_grey.svg") no-repeat scroll center center / 12px 12px;
	}
	
	ul.tftree li.expanded div.treeNode {
		background: url("../images/svg/bullet_triangle_grey_90.svg") no-repeat scroll center center / 12px 12px;
	}
	
	.childrenContainer ul.tftree {
		white-space: nowrap;
	}

	td > .lagerort {
		height:100%;
		width:100%;
	}
	
	table.liftbrowsertable tr, table.liftbrowsertable tr > td {
		padding:0 5px 0.5em 0;
		margin:0;
		white-space:nowrap;
	}
	
	table.liftbrowsertable tr, table.liftbrowsertable tr > td.labelColumn {
		padding: 0.5em;
		text-align:right;
	}
	
	table.liftbrowsertable tr, table.liftbrowsertable tr > td.labelRow {
		text-align:center;
	}
	
	table.liftbrowsertable tr > td > div {
		cursor: pointer;
	}
	
	table.liftbrowsertable tr > td > div.selected, table.liftbrowsertable .selected {
		outline: 3px solid red;
	}
	
	br { clear:both; }

	a[name]:not([href]){
		display: block;
		position: relative;
		top: -150px;
		visibility: hidden;
	}	
	div.ktform div.legend a:hover {
		text-decoration: none; 
		color: #ffffff
	}
	div.ktform div.legend a {
		color: #ffffff;
	}
	
	div.ktform div.legend > hr {
		display:none;
	}
	
	#notification-center, #notification-center-popup {
		position: fixed; right: 0;
		background-color: #AAA; 
		background-image: linear-gradient(to bottom, #666 50%, #AAA 100%); color: white; width: 25em; opacity: 0.95; display: none; overflow-y: auto; direction: rtl; z-index: 100; 
	}
	#notification-center > ul, #notification-center-popup > ul {
		list-style-type: none; margin: 0; direction: ltr;
	}
	#notification-center a, #notification-center-popup a {
		color: sandybrown;
	}
	#notification-center > ul > li, #notification-center-popup > ul > li {
		margin: 0; padding: 0.5em 0.5em 0.5em 1em; border-bottom: 2px solid white;
	}
	#notification-center > ul > li:hover, #notification-center-popup > ul > li:hover {
		background-color: #333333;
	}
	#notification-center-popup {
		display: block;
	}
	div.olMapViewport {
		z-index: 1;
	}
	
/* Wenn man mal den Wald vor lauter Bäumen nicht sieht */	
	span.importantStuff {
	  border: 1px solid black;border-radius: 5px;background-color:yellow;padding:2px;font-weight:bold;
	}
	
	td.OPEN {background-color:white}
	td.OPENLATE {background-color:#fca99c}
	td.INPROGRESS {background-color:#faf7c0}
	td.INPROGRESSLATE {background-color:#fde62d}
	td.DONE {background-color:#c7eecf}
	
	img.grayscale {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	}
	
	.doccontainer > div { min-width: 10em; }
	.doccontainer { min-width:15em; }
	
	/* Filterconfig */
	.filterrepository { white-space: nowrap; counter-reset: column-counter; }
	.filterrepository-filtercolumn { display: inline-block; vertical-align: top; white-space: normal; min-width: 31em; }
	.filterrepository-filter       { position: relative; }
	
	.filterrepository-actionbar { padding-left: 15.5em; margin-bottom: 0.5em; white-space: normal; box-sizing: border-box; max-width: 99vw; }
	.filterrepository-actionbar .edit { position: absolute; left: 0.25em; z-index: 1; }
	.filterrepository-actionbar .item { display: inline-block; line-height: normal; position: relative; }
	.filterrepository-actionbar .item                > a { margin: 0.25em; display: inline-block; background-color: #EEEEEE; padding: 0.25em 0.5em; color: black; border: 1px solid #CCCCCC; border-radius: 4px; position: relative; }
	.filterrepository-actionbar .item.selected       > a { font-weight: bold; }
	.filterrepository-actionbar .item.folder         > a { background-image: url("../images/svg/bullet_triangle_grey.svg"); background-repeat: no-repeat; background-size: 12px; background-position: left+3px center; padding-left: 1.5em; }
	.filterrepository-actionbar .item.folder:hover   > a { background-image: url("../images/svg/bullet_triangle_grey_90.svg"); }
	.filterrepository-actionbar .item:hover          > a { background-color: #DDDDDD; text-decoration: none; }
	.filterrepository-actionbar .item         img.hinweis { position: absolute; top: -0.5em; right: -0.5em; width: 12px; height: 12px; }
	.filterrepository-actionbar .folder .item img.hinweis { position: absolute; top: 0.25em; right: -0.75em; width: 12px; height: 12px; }
	
	.filterrepository-actionbar .folder .item > a  { border: none; }
	.filterrepository-actionbar .folder       > ul { display: none; position: absolute; margin: 0; box-shadow: 0px 0px 2px 1px darkgray; border-radius: 4px; background-color: #EEEEEE; left: 1em; top: 2em; white-space: nowrap; padding-right: 0.75em; z-index: 200 }
	.filterrepository-actionbar .folder:hover > ul { display: block; }
	.filterrepository-actionbar .folder .item      { display: block; }
	.filterrepository-actionbar .folder .item > a  { display: block; }

	.filterrepository-editmodus .filterrepository-add { display: inline-block; }
	
	.filterrepository-editmodus .filterrepository-filtercolumn { min-width: 30em; min-height: calc(100vh - 200px); border: 1px solid lightgrey; border-top: none; padding: 0 0.25em; margin-left: -1px; }
	.filterrepository-editmodus .filterrepository-filtercolumn .column-counter { padding: 0; margin: 0; float: none; }
	.filterrepository-editmodus .filterrepository-filtercolumn .column-counter:before { content: counter(column-counter); counter-increment: column-counter; }
	
	.filterrepository-editmodus .filterrepository-filter { position: relative; border-top: 1px dotted lightgrey; border-left: 1px dotted lightgrey; border-right: 1px dotted lightgrey; min-height: 2.25em; margin-bottom: 0.25em; margin-right: 0.25em; padding: 0.25em 0.25em 0 0.25em; }
	.filterrepository-editmodus .filterrepository-filter.ui-sortable-helper { background-color: #F9F9F9; }
	.filterrepository-editmodus .filterrepository-filter.hidden-filter.invisible { display: none }
	.filterrepository-editmodus .filterrepository-filter.hidden-filter { display: block; }
	.filterrepository-editmodus .filterrepository-filter.hidden-filter, .filterrepository-filter.hidden-filter * { color: #999999; }
	.filterrepository-filter.hidden-filter { display: none; }
	
	.filterrepository-editmodus .filterrepository-aktion-visible { display: block; position: absolute; margin: 0; padding: 0; border: 0; color: transparent; top: calc(50% - 8px); left: 1px; height: 16px; width: 16px; }
	.filterrepository-editmodus .filterrepository-filter label:first-child, .filterrepository-editmodus .filterrepository-filter br + label { padding-left: 16px; }
	
	/* Lighttable */
	table.lighttable th { cursor: default; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
	table.lighttable th.sortAsc { background: #0D6FA2 url("../images/svg/arrow_up_green.svg") no-repeat right center / 16px 16px; padding-right: 1.5em; }
	table.lighttable th.sortDesc { background: #0D6FA2 url("../images/svg/arrow_down_green.svg") no-repeat right center / 16px 16px; padding-right: 1.5em; }
	/* iPhone/iPad TAP Support */ 
	table.lighttable tr.ltheader th { cursor: pointer; }
	
	/* Lighttable Formatierungen */
	.ltcolumn       { background-color: #008AC6; color: #FFFFFF; text-align: center; padding: 0.25em 0.5em; margin: 1px; cursor: pointer; position: relative; }
	.ltcolumn:hover { background-color: #007AB6; }
	
	.lighttable-group-style-header            { font-weight: bold; margin-bottom: 0.5em; }
	.default-styles                           { display: inline-block; vertical-align: top; white-space: nowrap; margin-bottom: 0.25em; margin-right: 2em; text-align: left; }
	.default-styles > label                   { display: inline-block; width: 12em; }
	.default-styles input                     { float: none; text-align: right; }
	.default-styles select                    { float: none; }
	
	.aggregate-groups                         { display: inline-block; vertical-align: top; white-space: nowrap; margin-bottom: 0.25em; margin-right: 2em; text-align: left; }
	.aggregate-groups > label                 { display: inline-block; width: 6em; }
	.aggregate-groups input                   { float: none; }
	.aggregate-groups select                  { float: none; }
	
	.conditional-styles                       { margin-top: 1em; }
	.conditional-styles div.style             { border: 1px solid #FFFFFF; } /* Standard Rahmen für "1px solid white", genauso wie jeder Zelle einer Trefferliste */
	.conditional-styles input                 { float: none; margin: 0 0 2px 0; padding: 2px; }
	.conditional-styles input[type=text]      { width: 10em; }
	.conditional-styles select                { float: none; margin: 0 0 2px 0; width: 10em; }
	.conditional-styles table.trefferliste td { border: 1px solid lightgrey; text-align: center; }
	.conditional-styles .rule-operator:first-of-type .add-rule { display: inline; }
	.conditional-styles .rule-operator:first-of-type .del-rule { display: none; }
	.conditional-styles .rule-operator:not(:first-of-type) .add-rule { display: none; }
	.conditional-styles .rule-operator:not(:first-of-type) .del-rule { display: inline; }
	
	.ltcolumn-options-button { position: absolute; right: 0; top: 0; padding: 2px 2px 2px 1em; }
	
	.ltcolumn.ui-sortable-helper { cursor: move; }
	.ltcolumn-placeholder, .ltcolumn.lastElement { background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6; padding: 0.25em 0.5em; min-height: 1.1em; margin: 3px; border: 1px solid #d3d3d3; color: #555555; }
	.repeating-ltheader { font-size: 75%; }
	table.stickyHeader > thead > tr:not(.nonsticky) > th, .sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; z-index: 1; }
	table.stickyHeader { border-collapse: separate; border-spacing: 0; } /* no border bug wenn border-collapse: collapse verwendet wird */
	.stickyHeaderCell { position: absolute; }
	.stickyHeaderContent { display:table-cell; vertical-align:middle; font-size:98%; }
	fieldset > .stickyHeaderLimiter { padding-top: 0.5em; margin-top: 0.5em; }
	
	/* Transfact Hilfe */
	div.help-bubble                              { display: block; width: fit-content; position: relative; }
	img.help-icon                                { cursor: pointer; width: 14px; height: 14px; vertical-align: text-top; }
	img.help-icon.with-tooltip                   { background: url("../images/svg/question.svg") no-repeat 0 0 / 14px 14px; padding-top: 14px; box-sizing: border-box;  }
	img.help-icon.placeholder                    { display: none; }
	/* Icons positionen. Filterconfig, Tablerepository, etc... */
	.filterrepository-filter img.help-icon:not(.placeholder) + label.left { width: 14em; padding-right: calc(4px + 1em); }
	.filterrepository-filter img.help-icon                                { position: absolute; top: 4px; left: 14.25em; }
	.ltheader                img.help-icon:not(.placeholder)              { display: block; margin: 0 auto; }
	.help-bubble             img.help-icon                                { position: absolute; top: 2px; left: 2px; }
	
	/* Artikeleinheiten */
	div.unit > span { display: table-row; }
	div.unit > span > span { display: table-cell; text-align: right; padding: 0 0.2em 0 0; width: 5em; }
	div.unit > span > span:nth-child(2n) { text-align: left; padding: 0 0 0 0.2em; color: blue; font-size: 90%; }
	span.unit { white-space: nowrap; }
	span.unit > span:nth-child(2n) { text-align: left; padding: 0 0 0 0.2em; color: blue; font-size: 90%; }
	
	
	/* E-Mail Client */
	#emailclient { display: flex; flex-flow: column nowrap; margin: 0.5em; border: 1px solid #AAAAAA; }
	#emailclient .emailclient-header { background-color: #F6F6F6; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #AAAAAA; }
	#emailclient .emailclient-header .headeritem { display: inline-block; padding: 0.5em 1em; text-align: center; text-decoration: none; }
	#emailclient .emailclient-header .headeritem img { margin-right: 0.5em; }
	#emailclient .emailclient-body { display: -webkit-flex; display: flex; flex-flow: row nowrap; height: 47em; }
	#emailclient .emailclient-body ul { list-style-type: none; cursor: default; padding: 0; margin: 0; }
	#emailclient .emailclient-body .postfaecher { padding: 1em 0.25em 0em 1em; cursor: default; -moz-user-select: none; -webkit-user-select: none; background-color: #F6F6F6; overflow: auto; -webkit-flex: 1 1 0; flex: 1 1 0; border-right: 1px solid #CECECE; }
	#emailclient .emailclient-body .postfaecher table { margin: 0; }
	#emailclient .emailclient-body .postfaecher img { vertical-align: text-bottom; margin-right: 0.5em; margin-top: -2px; }
	#emailclient .emailclient-body .postfaecher .postfachitem { padding: 0.4em 0.5em 0.4em 0; white-space: nowrap; display: flex; }
	#emailclient .emailclient-body .postfaecher .postfachitem .foldername { flex: 1 0 auto; }
	#emailclient .emailclient-body .postfaecher .postfachitem:hover, #emailclient .emailclient-body .postfaecher .postfachitem.selected { background-color: #D1F0FF; }
	
	#emailclient .emailclient-body .postfaecher span.itemsunseen           { padding: 0.25em; font-weight: bolder; background-color: #D1F0FF; border-radius: 50%; font-size: 78%; flex: 0 0 auto; min-width: 1.25em; text-align: center; }
	#emailclient .emailclient-body .postfaecher span.itemsunseenall        { padding: 0.25em; font-weight: bolder; background-color: #D1F0FF; border-radius: 50%; font-size: 78%; flex: 0 0 auto; min-width: 1.25em; text-align: center; }
	#emailclient .emailclient-body .postfaecher span.itemsunseen.items0    { display: none; }
	#emailclient .emailclient-body .postfaecher span.itemsunseenall.items0 { display: none; }
	#emailclient .emailclient-body .postfaecher .mainpostfach.branch.collapsed span.itemsunseen { display: none; }
	#emailclient .emailclient-body .postfaecher .mainpostfach.branch.expanded span.itemsunseenall { display: none; }
	#emailclient .emailclient-body .postfaecher .mainpostfach.leaf span.itemsunseenall { display: none; }
	
	#emailclient .emailclient-body .mails { cursor: default; -moz-user-select: none; -webkit-user-select: none; overflow-y: scroll; overflow-x: hidden; -webkit-flex: 2 2 0; flex: 2 2 0; border-right: 1px solid #CECECE; }
	#emailclient .emailclient-body .mails li { margin: 0; padding: 0; }
	#emailclient .emailclient-body .mails li.selected { background-color: #D1F0FF; }
	#emailclient .emailclient-body .mails .mail-header-preview { padding: 1em 1em 1em 0; border-bottom: 1px solid #aaaaaa; margin-left: 2em; }
	#emailclient .emailclient-body .mails .mail-header-icons { position: absolute; left: 0; top: 1em; text-align: center; margin-left: 3px; width: 1.5em; }
	#emailclient .emailclient-body .mails .mail-header-one, .mail-header-one { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
	#emailclient .emailclient-body .mails .mail-header-two, .mail-header-two { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
	#emailclient .emailclient-body .mails .mail-header-three, .mail-header-three { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: grey; }
	#emailclient .emailclient-body .mails .mail-name { font-weight: bolder; }
	#emailclient .emailclient-body .mails .mail-date { color: grey; white-space: nowrap; }
	
	#emailclient .emailclient-body .mails .mail-subject { flex: 4 4 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-right: 0.5em; }
	#emailclient .emailclient-body .mails .mail-folder { flex: 2 2 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; margin-right: 0.5em; color: grey; }
	#emailclient .emailclient-body .mails .mail-size { white-space: nowrap; text-align: right; color: grey; }
	
	#emailclient .emailclient-body .selectedmail { -webkit-flex: 4 4 0; flex: 4 4 0; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; /* background: url("../images/loading3.png") center center no-repeat; */ }
	#emailclient .emailclient-body .selectedmail .selectedmail-head { display: block; -webkit-flex: 2 2 0; flex: 2 2 0; border: none; background-color: #FFFFFF; max-height: 7em; }
	#emailclient .emailclient-body .selectedmail .selectedmail-body { display: block; -webkit-flex: 8 8 0; flex: 8 8 0; border: none; background-color: #FFFFFF; padding-left: 0.75em; }

	#emailview iframe { border: none; }
	
	/* ui-dialog - Änderungen */
	.ui-dialog { max-width: 90%; }
	.ui-dialog .ui-dialog-buttonpane { margin-top: 0; }
	.ui-dialog .ui-dialog-content { max-height: 85vh !important; } /* important, da scheinbar irgendwas in jquery-dialog ein "max-height: none;" setzt */
	
	/* SEPA-Überweisungsformular */
	#sepaueberweisung { background-color: #EFF4FA; padding: 2em; max-width: 65vw; min-width: 55em; }
	#sepaueberweisung label, #sepaueberweisung input, #sepaueberweisung select, #sepaueberweisung textarea { display: inline-block; float: none; margin-bottom: 0.5em; }
	#sepaueberweisung label { font-weight: bold; margin-bottom: 0.3em; }
	#sepaueberweisung input, #sepaueberweisung select, #sepaueberweisung textarea { padding: 0.5em; background-color: white; border: 2px solid lightgrey; font-family: inherit; width: 20em; }
	#sepaueberweisung input:focus, #sepaueberweisung select:focus, #sepaueberweisung textarea:focus { border: 2px solid #a0ced9; }
	#sepaueberweisung input.isDate { background-size: 31px 31px; }
	#sepaueberweisung table.sepa-auftraggeber td { padding: 0.1em 0.5em; }
	#sepaueberweisung table.sepa-sammelliste td { text-align: left; padding: 0.25em 0.5em; }
	#sepaueberweisung table.sepa-sammelliste input, #sepaueberweisung table.sepa-sammelliste select, #sepaueberweisung table.sepa-sammelliste textarea { margin-bottom: 0; padding: 2px; }
	#sepaueberweisung .sepa-gesamtbetrag { margin-bottom: 2em; padding-top: 0.5em; font-weight: bold; border-top: 0.5em solid #007AB6; }
	
	/* Creditreform */
	.creditreform label { display: inline-block; width: 15em; margin: 0.25em 0 0.25em 0; }
	.creditreform input[type="radio"] + label, .creditreform input[type="checkbox"] + label { width: auto; margin: 0 0.5em 0 0; }
	.creditreform input, .creditreform select, .creditreform textarea { float: none; margin: 0 0 0.25em 0; }
	.creditreform input[type="radio"], .creditreform input[type="checkbox"] { margin: 0 0.5em 0 0; }
	.creditreform label + span, .creditreform label + span + span { float: none; padding: 0; margin: 0.25em 0 0.25em 0; display: inline-block; vertical-align: top; max-width: 50em; }
	
	img.selected { opacity:0.2; }
	img.selected-overlay { position:absolute; top:0.5em; left:0.5em; background-color:transparent !important; }

	#mail-editor input.single-line-input { background-color: transparent; border: medium none; display: table-cell; float: none; margin-left: 0.5em; width: 98%; }
	#mail-editor hr { padding: 0; }
	#mail-editor ul.tagit { margin-bottom: 0; cursor: text; }
	#mail-editor ul.tagit input[type="text"] { line-height: 1.5em; }
	#mail-editor .tagit-new { float:none; overflow:hidden; }
	#mail-editor .tagit-new input { width:100%; }
	#mail-editor hr { margin: 0; }
	#mail-editor input[type="text"] { box-shadow: none; }	
	
	#mail-editor-container { height: 100%; min-width: 60em; }
	#mail-editor-container .mail-zeile { display: table; width: 100%; }
	#mail-editor-container .mail-zeile-label { color: #999999; display: table-cell; width: 1em; white-space: nowrap; vertical-align: middle; line-height: 3em; }
	#mail-editor-container .mail-zeile-content { display: table-cell; vertical-align: middle; padding-left: 0.5em; }
	#mail-editor-container input { margin: 0; }
	
	/* Statistik | Statistikziele */
	#statistikziele table input[type=text] { width: 6em; text-align: right; margin: 0; float: none; }
	#statistikziele table tbody td { text-align: center; padding: 0.25em; }
	#statistikziele table tbody td:nth-child(1) { text-align: right; }
	#statistikziele table tbody td:nth-child(2) { text-align: left; white-space: normal; width: 25em; }
	#statistikziele table td.summeX { text-align: right; background-color: lightgreen; font-size: 125%; font-weight: bold; }
	#statistikziele table td.summeY { text-align: right; background-color: lightgreen; font-size: 125%; font-weight: bold; }
	
	/* Akt Schritte */
	span.mainlabel { font-weight: bold; color: blue; }
	span.verzugP { font-weight: bold; padding: 0 0.25em; color: red; }
	span.verzugM { color: green; }
	span.aktschrittB { white-space: nowrap; font-weight: bolder; }
	span.aktschrittN { white-space: nowrap; }
	span.aktschrittB img,           span.aktschrittN img           { height: 1.2em; width: 1.2em; vertical-align: text-bottom; }
	span.aktschrittB img.stepstart, span.aktschrittN img.stepstart { margin-right: 0.25em; }
	span.aktschrittB img.worker,    span.aktschrittN img.worker    { margin-left: 0.25em; }

	.cke_contents_ltr blockquote {
	    border-left-width: 10px !important;
	}
	
	.cke_focus { box-shadow: 0 0 2px 2px #A0CED9; border: 1px solid #A0CED9; }

	table.noborder td.timesCell {
		text-align: center; 
		padding: 0em 1em 0em 1em;
		white-space: nowrap;
	}
	
	#pageBlock {
		height: 100%; 
		width: 100%; 
		position: fixed; 
		z-index: 300; 
		top: 0px; 
		left: 0px; 
		background: rgb(170, 170, 170) url("../images/loading3.png") no-repeat scroll 50% 50%; 
		opacity: 0.75;
	}
	
	#centeredMessageContainer {
	    bottom: 0;
    	height: 3em;
    	left: 0;
    	margin: auto;
    	position: fixed;
    	right: 0;
    	top: 0;
    	width: 100%;
    	z-index: 350;
		text-align: center;
	}
	
	#centeredMessage {
	    border: 1px solid black;
	    display: inline-block;
	    padding: 1em 2em;
	    background-color: white;
	    margin: 4em;
	}
	
	/* Anpassungen an jquery-ui styles */
	
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
		border: 1px solid #AAAAAA;
		background: #FFFFFF;
		color: #212121;
	}
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color: #212121;
	}
     
	.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	    font-family: inherit;
	    font-size: inherit;
	}
	
	.ui-widget-header {
	    color: #FFF;
	    font-weight: bold;
	}
	
	.ui-widget-content a { color: #007AB6; }
	
	/*
	 * jQuery UI Timepicker 1.8.6
	 */
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
	.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
	
	.ui-timepicker-rtl{ direction: rtl; }
	.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
	.ui-timepicker-rtl dl dt{ float: right; clear: right; }
	.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
	
	/* Shortened version style */
	.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
	.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
	.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
	.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
	
	.cke_float .cke_inner { min-width:550px; }

	a.callablePhoneNumber { color: #E20074; }	
	
	div.belegkommentar-short { overflow-y: auto; max-width: 20em; height: 5em; }
	div.belegkommentar-long { display: none; position: absolute; max-width: 20em; background-color: #FFF; z-index: 200; left: 1px; outline: 1px solid grey; }
	div.belegkommentar:hover div.belegkommentar-short { visibility: hidden; } 
	div.belegkommentar:hover div.belegkommentar-long { display: block; }
	
	/* Style für select2 */
	.selection li, .select2, .select2-container { margin: 0; padding: 0; }
	select.jQselect2-before-init[multiple] { height: 1.75em; background-color: #DDDDDD; color: #DDDDDD; scrollbar-width: none; }
	select.jQselect2-before-init:not([multiple]) { height: 1.75em;  }
	
	.select2-container .select2-dropdown { border-radius: 0; border: 1px solid #AAAAAA; border-top: none; border-bottom: none; box-shadow: 6px 6px 6px #AAAAAA; }
	.select2-dropdown .select2-results > .select2-results__options { max-height: 150px; overflow-y: auto; overflow-x: hidden; } 
	.select2-dropdown .select2-results__option                     { display: table-row; white-space: nowrap; }
	.select2-dropdown .select2-results__option > span              { display: table-cell; padding: 1px 0.4em; white-space: nowrap; border: none; min-width: 2em; max-width: 30em; overflow-x: hidden; text-overflow: ellipsis; }
	.select2-dropdown .select2-results__option > span:first-child  { min-width: 10em; max-width: unset; } /* Das erste span darf länger sein. alle anderen, erhalten max-width: 30em */
	.select2-dropdown .select2-results__option > span:last-child   { padding-right: 2em; }
	.select2-dropdown .select2-results__option--selected           { background-color: inherit; color: #999; } /* Ausgegraut wenn option ausgewählt wurde */
	.select2-dropdown .select2-results__option.loading-results     { display: none; } /* Nachladen Option ist unnötig und oldschool */
	.select2-dropdown .select2-results__message                    { display: none; } /* Option für die Mindestlänge ist ebenfalls oldschool */
	
	.select2-container                          .select2-selection--single[aria-expanded=true] .select2-selection__rendered,
	.select2-container.select2-container--focus .select2-selection--single                     .select2-selection__rendered {
		color: #000000;
		background: #FFFFFF;
		border: 1px solid #A0CED9;
		box-shadow: 0 0 2px 2px #A0CED9;
		outline: none;
	}
	
	.select2-container .select2-selection--single                                         { border-radius: 0; border: none; height: 1.92em; margin-bottom: 0.5em; outline: none; }
	.select2-container .select2-selection--single .select2-selection__arrow               { height: 1.75em; width: 16px; }
	.select2-container .select2-selection--single .select2-selection__rendered            { border: 1px solid #CCC; background-color: #DDD; line-height: 1.25em; padding: 3px 20px 3px 4px; color: #000000; }
	.select2-container .select2-selection--multiple                                       { min-height: inherit; padding: 3px; width: 100%; }
	.select2-container .select2-selection--multiple .select2-selection__rendered          { display: block; padding: 0; margin: 0; }
	.select2-container .select2-selection--multiple .select2-selection__choice            { margin: 0; padding: 0 2px; border-radius: unset; border: medium none; background-color: #DDDDDD; float: none; display: block; }
	.select2-container .select2-selection--multiple .select2-selection__choice:last-child { margin-bottom: 0.25em; }
	.select2-container .select2-selection--multiple .select2-selection__choice__remove    { color: saddlebrown; border: none; border-radius: 0; position: unset; }
	.select2-container .select2-selection--multiple .select2-selection__clear             { margin-right: 3px; margin-top: -5px; }
	.select2-container .select2-selection--multiple.select2-selection--clearable          { padding-right: 1rem; }
	.select2-container .select2-search--inline .select2-search__field                     { margin: 0 0 0 2px; font-family: inherit; height: 15px; }
	
	.morePeEntries { display:none; }
	
	div.bereich .docsPreview { margin-right:1em; }
	
	/* Progress Bar */
	div.progress {       text-align: left;    border-radius: 5px;     height: 1em;  background-color: lightgray; width: 8em; margin: auto; }
	div.progress > div { text-align: inherit; border-radius: inherit; height: 100%; background-color: limegreen; }
	
	.ui-tooltip{ max-width:none; }

	.docsPreview img { background-color: white; }
	
	#mail-editor .tagit { border: none;	}
	
	.notify-call-portrait { max-height: 5em; margin-right:1em; vertical-align: top;	}
	.notify-call, .notify-call-with-portrait { display: inline-block; }
	.notify-call-with-portrait { max-width:200px; }
	
	input[type=checkbox].filter-inverse { margin: 0 0.25em 0.5em 0; position: relative; top: -3px; }
	label.filter-inverse { position: relative; top: -3px; }

	table.ktform_table td, table.ktform_table th { border: none; }
	
	.context-menu-item                       { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.context-menu-icon::before               { content: ""; height: 16px; }
	.context-menu-icon-asc::before           { background: url("../images/svg/arrow_up_green.svg")         no-repeat center / 16px 16px; }
	.context-menu-icon-desc:before           { background: url("../images/svg/arrow_down_green.svg")       no-repeat center / 16px 16px; }
	.context-menu-icon-delete:before         { background: url("../images/svg/delete2.svg")                no-repeat center / 16px 16px; }
	.context-menu-icon-edit:before           { background: url("../images/svg/column_edit.svg")            no-repeat center / 16px 16px; }
	.context-menu-icon-reset:before          { background: url("../images/svg/column_delete.svg")          no-repeat center / 16px 16px; }
	.context-menu-icon-grouping:before       { background: url("../images/svg/object_cube.svg")            no-repeat center / 16px 16px; }
	.context-menu-icon-grouping-reset:before { background: url("../images/svg/object_cube_delete.svg")     no-repeat center / 16px 16px; }
	.context-menu-icon-box-checked:before    { background: url("../images/svg/checkbox.svg")               no-repeat center / 16px 16px; }
	.context-menu-icon-box-unchecked:before  { background: url("../images/svg/checkbox_unchecked.svg")     no-repeat center / 16px 16px; }
	.context-menu-icon-bullet-blue:before    { background: url("../images/svg/bullet_ball_glass_blue.svg") no-repeat center / 16px 16px; }
	.context-menu-icon-bullet-blue:before    { background: url("../images/svg/bullet_ball_glass_blue.svg") no-repeat center / 16px 16px; }
	
	.intern-only { opacity: 0.5; }
	
	.docActionButton { float:none;margin: 0em; margin-right:-5px; min-width: 18px; padding: 1px; text-align: center; height: 20px; }
	
	.expand-down { cursor: s-resize; }
	.collapse-up { cursor: n-resize; }
	.value-translations { display:none; }
	
	tf-cons { background-color: orange;	}
	.emptyWarning { outline:2px solid red; }
	
	.operatorscreen { width: 100em; }
	input.suchschlitz { width: 20em; }
	
	.korrespondenz-ellipsis { overflow: hidden; text-overflow: ellipsis; max-width: 40em; display: inline-block; line-height: 1em; }
	
	input[type=color].tfwidget-colorpicker { appearance: none; -webkit-appearance: none; cursor: pointer; width: 10em; height: calc(2em - 1px); vertical-align: top; box-sizing: border-box; padding: 0; outline: 0; border: none; }
	input[type=color].tfwidget-colorpicker + input[type=text] { width: 5.5em }
	label.left + input[type=color].tfwidget-colorpicker { float: left }
	input[type=color].tfwidget-colorpicker::-webkit-color-swatch-wrapper { padding: 0 }
	input[type=color].tfwidget-colorpicker::-webkit-color-swatch { border: none }
	
	/* TMS */
	.new-ticket-dialog-toolbar-button       { border: 1px solid gray; border-radius: 2px; margin: 0.5em 0.25em; }
	.new-ticket-dialog-toolbar-button:hover { cursor: pointer; background-color: transparent; }
	.new-ticket-dialog-text + .ck-editor .ck-content { width: 100%; min-height: 6em; float: none; }
	.ticket-comments-entry-content { white-space: pre-wrap; } 
}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.operatorscreen { width: 100%; }
	header .mainbar .barcode-input-form { display: none; }
	header .mainbar .header-lose { display: none; }
}