@CHARSET "ISO-8859-1";

	a:link:not(.normal-link),
	a:visited:not(.normal-link),
	a:focus:not(.normal-link),
	a:hover:not(.normal-link),
	a:active:not(.normal-link) {
		color: #000000; text-decoration: none;
	}

:root {
	/* sadly, these are only here for decoration, because we can't use them due to IE11 not accepting them */
    --versatel-color: rgb(19, 64, 148);
		--tablerow-background-color: #dfdfdf;
}

.bg-red {
	background-color: red;
}
.bg-yellow {
	background-color: yellow;
}
.bg-green {
	background-color: green;
}

table:not(.no-bg) {
	background-color: #dfdfdf;  /*var(--tablerow-background-color);*/
}

.page-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input.table-input {
	width: 100%;
	padding: .5rem;
	font-size: 1rem;
	box-sizing: border-box;
}

label.table-label {
	font-size: .875rem;
	line-height: 1.8;
}

.dropdown-menu > div:hover > .submenu {
	display: block;
}

@media (min-width: 500px) {
	.dropdown-menu .submenu {
		left: 100%;
		top: -7px;
		position: absolute;
		min-height: 150px;
	}

	.desktop-upper-headers > tbody > tr:nth-child(1), 
	.desktop-upper-headers > tbody > td:nth-child(1) {
		/* make all headers with this uppercase, because css can't hyphenate text that is
		 * made lowercase via css, because it acts on the source code (and uppercase text can't be hyphenated)
		 * so the fix is to make them lowercase in the source code and then make them appear as if they're uppercase
		 */
		text-transform: uppercase;
	}
}

@media (max-width: 500px) {  /*should prob. be 499px*/
	.mobile-no-width {
		/* I don't know a better solution
		   for the Suche input fields*/
		width: unset !important;
	}
	select {
		max-width: 200px;
	}

	.hideable {
		display: none;
	}

	.button.mobile-expand {
		font-size: 1rem;
	}

	table.mobile-big-icons > tbody > tr > td > a > img {
		width: 32px;
		height: unset !important;
	}

	img.mobile-big-icons {
		width: 32px;
		height: unset !important;
	}

	.mobile-border-right {
		border-right: 1px solid black;
	}

	.mobile-small-font {
		font-size: 11px;
	}

	.desktop-upper-headers > tbody > tr:nth-child(1), 
	.desktop-upper-headers > tbody > td:nth-child(1) {
		text-transform: unset;
	}
}

.shy {  /* soft hyphen, used for word break*/
	hyphenate-character: '';
	hyphens: manual;
}

table.offset-column-names > tbody > tr:nth-child(1) > td:nth-child(even) {
	vertical-align: bottom;
}
table.offset-column-names > tbody > tr:nth-child(1) > td:nth-child(odd) {
	vertical-align: top;
}

table.offset-column-names > tbody > tr:nth-child(1) > th:nth-child(even) {
	vertical-align: bottom;
}
table.offset-column-names > tbody > tr:nth-child(1) > th:nth-child(odd) {
	vertical-align: top;
}

table.color-table > tbody > tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.15);
}
table.color-table > tbody > tr.sta_content2:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.35);
}

*.textbox {

	font-family:'Arial',Arial,sans-serif;
	/*font-family:'Courier',monospace;*/		
	font-size:11px;
	
}


*.readonly {

	background-color:#FFFFFF;		
	
}


*.readwrite {

	background-color:#CCFF99;		
	
}


span.codeStyle {
	
	background-color:#cfcfcf;
	
	border: 2px dotted;
	
		
	
}


img {

	border:none;
	
	margin:0px;
	padding:0px;	
	
	
	
}


input, select {
	margin-top: auto !important;
	margin-bottom: auto !important;
}


body {

	font-size:11px;
	font-family:'Arial',Arial,sans-serif;
		
	margin:0px;
	padding:0px;	
	
	
}


table {
	
	border:none;
	
	margin:0px;
	padding:0px;	
	
}

.table-borders, 
.table-borders > tbody > tr > td, 
.table-borders > tbody > tr > th {
	border: 1px solid black;
	border-collapse: collapse;
}

/* hide every child and sibling of a .closed element*/
.closed a.button {
	display: none;
}

.closed ~ * {
	display: none;
}

@media (max-width: 600px) {
	.mobile-closed:not(.closed) a.button {
		display: none;
	}
	.mobile-closed:not(.closed) ~ * {
		display: none;
	}
	.mobile-closed.closed a.button {
		display: inherit;  /*may need to add !important*/
	}
	.mobile-closed.closed ~ * {
		display: inherit;  /*may need to add !important*/
	}
}

a.button {
	font-size:11px;
	font-family:'Arial',Arial,sans-serif;
	
	border:1px;
	border-style:solid;

	border-color:#FFFFFF #000000 #000000 #FFFFFF;
	
	cursor:pointer;
	
	margin:0px 2px 0px 2px;
	padding:1px 1em 1px 0.9em;
	
	background-color:#c0c0c0;
	
		white-space: nowrap;
	
	display:inline;
	
}


a.button:hover {
	
	background-color:#00FFFF;
		white-space: nowrap;
	
}


a.amenu:hover {

	background-color:transparent;
		
}


*.button {
	font-size:11px;
	font-family:'Arial',Arial,sans-serif;
	
	border:1px;
	border-style:solid;

	border-color:#FFFFFF #000000 #000000 #FFFFFF;
	
	cursor:pointer;
	
	margin:0px 2px 0px 2px;
	padding:1px 1em 1px 0.9em;
	
	background-color:#c0c0c0;
	
	display:inline;
	white-space: nowrap;
	
}


*.button:hover {
	
	background-color:#00FFFF;
	white-space: nowrap;
	
}


*.picbutton:hover {
	
	background-color:#00FFFF;
	white-space: nowrap;
	
}


img.button {
	
	border:1px;
	border-style:solid;

	border-color:#FFFFFF #000000 #000000 #FFFFFF;
	
	cursor:pointer;
	
	margin:0px 2px 0px 2px;
	padding:4px;
	
	background-color:#c0c0c0;
	
	display:inline;
	white-space: nowrap;
	
}

@media (max-width: 400px) {
	.width-hide {
		display: none;
	}
}

a.picbutton {
	
	border:1px;
	border-style:solid;

	border-color:#FFFFFF #000000 #000000 #FFFFFF;
	
	cursor:pointer;
	
	margin:0px 2px 0px 2px;
	padding:4px;
	
	background-color:#c0c0c0;
	
	display:inline;
	white-space: nowrap;
	
}


span.button {
	font-size:11px;
	font-family:'Arial',Arial,sans-serif;
	
	border:1px;
	border-style:solid;

	border-color:#FFFFFF #000000 #000000 #FFFFFF;
	
	cursor:pointer;
	
	margin:0px 2px 0px 2px;
	padding:1px 1em 1px 0.9em;
	
	background-color:#c0c0c0;
	
	display:inline;
	white-space: nowrap;
	
}


span.button:hover {
	
	background-color:#00FFFF;
	white-space: nowrap;
	
}


#errorframe pre {
	color: white;
}

div.errorframe_collapse {
	
	position:fixed;
	overflow:hidden;
		
	font-family:'Arial',Arial,sans-serif;
	font-size:10px;
	color:#FFFF99;
	
	top:7px;
	left:30px;
	
	height:15px;
	width:40px;
	
	padding:1px;
	
	background-color:#aa0000;
	
	
	border:none;

	z-index:9999;
	
	filter:alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
	
	
}


div.errorframe_expand {
	
	position:fixed;
	overflow:auto;

	font-family:'Arial',Arial,sans-serif;
	font-size:11px;
	color:#ffffff;
	
	top:7px;
	left:30px;
	
	height:600px;
	width:1000px;
	
	padding:1px;
	
	background-color:#000000;
	
	border:none;

	z-index:9999;
	
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	
}


div.infodiv {
	
	font-family:'Arial',Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFF99;
	
	padding:5px;
	
	background-color:#aa0000;
	
	border:2px;

		
	
	
}


*.sta_kopfzeile {
	
	min-height:48px;
	width:100%;
	
	background: linear-gradient(transparent, lightgray);  /* removes the limitation of 45px height, but is a breaking change for Internet Explorer */
	/* original:
	background: url('../img/kopf_bg.png') repeat-x;*/
	
	border:none;
	
	margin:0px;
	padding:0px;	
	
}


div.sta_zlist {
	
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100px;
	
	/*background-color:#cccccc;*/
	
	border:solid 2px #134094;
	
	margin:2px;
	
	overflow:auto;	
	
}


div.sta_content {
	
	position:absolute;
	
	top:0px;
	left:110px;
	
	width:600px;
	
	/*background-color:#cccccc;*/
	
	border:solid 2px #134094;
	
	margin:2px;
	
	overflow:auto;	
	
}


span.sta_kopflogo {
	
	position:absolute;
	right:2px;
	top:0px;
	
}


span.sta_kopfcontent {
	
	position:absolute;
	left:50px;
	top:0px;
	
	height:50px;
	
	overflow:hidden;
	
	text-align:center;
	
}


div.menu {
	
	position:absolute;
	left:0px;
	top:0px;
	
	width:50px;
	max-width:50px;
	
	z-index:9999;
	
/*	overflow:hidden; */
	
}


div.menu:hover {
	
	color:#000000; text-decoration:none;
		
}


td.sta_kopftd {
	
	padding-left:10px;
	
	
}


td.sta_kopftd2 {
	
	padding-left:10px;
		
}


tr.sta_kopftr {
	
	font-family:'Arial',Arial,sans-serif;
	font-size:11px;
	color:#666666;
	
	margin:0px;
	padding:0px;
	
	text-align:left;
}


tr.sta_kopftr2 {
	
	font-family:'Arial',Arial,sans-serif;
	font-size:18px;
	color:#134094;
	
	font-weight:bold;
	
	margin:0px;
	padding:0px;
	
	text-align:left;
	
}



*.sorttable_nosort {
	
	cursor:auto;
	
}


table.sortable thead {
	cursor:pointer;
}


*.sta_bez {
	
	background-color:#dddddd;
	font-weight:bold;
	
	
}


*.sta_content {
	
	background-color: #dfdfdf;  /*var(--tablerow-background-color);*/
	
}


*.sta_content:hover {
	
	background-color:#134094 !important;
        color:#FFFFFF !important;
	
}


*.sta_content2 {
	
	background-color:#bbbbbb;
	
}


*.sta_content2:hover {
	
	background-color:#134094 !important;
	color:#FFFFFF !important;
        
}


td.fldrem {
	
	background-color:#aaaaaa;	
	
}


td.fldele {
	
	background-color:#aaaaaa;
        color:#8A0808;
	
}

td.contele {
	
	background-color:#ff9e7b;
	
}

td.contkli {
	
	background-color:#0000FF;
	
}


td.fldkli {
	
	background-color:#aaaaaa;	
        color:#0000FF;
	
}

td.fldmankli {
	
	background-color:#CCFF99;	
        color:#0000FF;
	
}


td.fldmisskli {
	
	background-color:#FF0000;	
        color:#FFFFFF;
	
}


td.fldele {
	
	background-color:#aaaaaa;
        color:#8A0808;
	
}

td.fldmanele {
	
	background-color:#CCFF99;
        color:#8A0808;
	
}

td.fldown {
	
	background-color:#B2C0C0;
	
}

td.fldown-highlight {

    background-color:#B2C0C0;

}

td.fldmiss {
	
	background-color:#FF0000;
	
}

td.fldman {
	
	background-color:#CCFF99;
	
}


td.fldncls{
	
}

@media (max-width: 400px) {
	td.fldrem, td.fldown {
		word-wrap: break-word;
		max-width: 150px;
	}
}

td.contrem {
	
	background-color:#dddddd;	
		
}


td.contown {
	
	background-color:#C0CCC0;	
	
}

td.contown-highlight {

    background-color:#FF0000;

    /* background-color:#C0CCC0;
    border: 2px solid #FF0000; */

}

td.contmiss {
	
	background-color:#FF0000;	
	
}

td.contmissele {
	
	background-color:#FF0000;	
	color:#FFFFFF;
        
}

td.fldmissele {
	
	background-color:#FF0000;	
	color:#FFFFFF;
        
}


td.contcls{
	
}


tr.line_even {
	font-family:'Arial',Arial,sans-serif;
	font-size:10px;
	font-weight:normal;
	
	background-color:#afafaf;
	color:#000000;
	
	border:0px;
	border-style:none;
	
	padding:0px;
	margin:0px;	
	
	max-height:20px;
	overflow:hidden;
	
}


tr.line_odd {
	font-family:'Arial',Arial,sans-serif;
	font-size:10px;
	font-weight:normal;

	background-color:#dddddd;
	color:#000000;
	
	border:0px;
	border-style:none;
	
	padding:0px;
	margin:0px;	

	max-height:20px;
	overflow:hidden;
	
}


*.line12_even {
	font-family:'Arial',Arial,sans-serif;
	font-size:12px;
	font-weight:normal;

	background-color:#afafaf;
	color:#000000;
	
	padding-left:3px;
	padding-right:3px;
	
	
}


*.line12_high {
	font-family:'Arial',Arial,sans-serif;
	font-size:12px;
	font-weight:normal;

	background-color:#134094;
	color:#ffffff;
	
	padding-left:3px;
	padding-right:3px;
	
	
}


*.line12_odd {
	font-family:'Arial',Arial,sans-serif;
	font-size:12px;
	font-weight:normal;

	background-color:#dddddd;
	color:#000000;
	
	padding-left:3px;
	padding-right:3px;
	
}


*.headline {
	
	background-color:#cfcfcf; 
	color:#134094; 
	
	font-family:'Arial',Arial,sans-serif;
	font-size:18px;
	font-weight:bold; 
	text-align:center;	
	
	padding:3px 0 3px 0;
	
	
}

*.head_ergebnis {
	
	background-color:#cfcfcf; 
	color:#134094; 
	
	font-family:'Arial',Arial,sans-serif;
	font-size:18px;
	font-weight:bold; 
	text-align:left;	
	
	padding:3px 0 3px 0;
	
	
}

img.ds_navi_img {
	
	margin:5px;
	vertical-align:middle; 
	
	border:1px solid transparent;
	
}

img.ds_navi_img:hover {
	
	margin:5px;
	vertical-align:middle; 
	
	border:1px solid #134094;
	
}