@font-face {
  font-family: PlayfairDisplay;
  src: url("PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
}

body {
	display: none;	
	margin: 0;
    -webkit-text-size-adjust: 100%;
}

.header1 {
    background-color: #f9ec42;
    display: none;
    height: 55px;
    max-width: 938px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40;
}

.showHeader.header1 {
	display: block;
}

.showHeader.header_17 {
	display: block;
}

.messageDiv {
    display: none;
}

.wizardDiv {
    background-color: white;
    display: none;
    max-width: 938px;
    position: fixed;
    top: 54px;
    width: 100%;
    z-index: 10;
}

.workSetDiv {
    margin-bottom: 90px;
    position: relative;
    top: 130px;
}

.workSetDiv.noWizard {
    margin-bottom: 0;
    top: 55px;
}

.workSetDiv.popUp {
    margin-bottom: 0;
    top: 0;
}

.tableDiv {	
	height: calc(100% - 6px);	
    margin: 10px 20px;
}

.tableDivPopUp {
    margin: 10px 20px;  
    width: calc(100% - 40px);
}

.tableNoCaption {
}

.tableOverflow {
    -webkit-overflow-scrolling: touch;	
	overflow-x: auto;
}

.actionDiv {
    display: none;
    margin: 140px 20px -30px;
    width: calc(100% - 40px);
}

.actionDiv.popUp {
    margin: 10px 20px -50px;
}

.controlParamsDiv {
	display:none;
}

.transparentDiv {
    background: none repeat scroll 0 0 transparent;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.load {
    background-color: #fff;
    border: 1px solid #94b494;
    border-radius: 8px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 80%;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    color: #94b494;
}

div.load > div.letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

div.l-1 {animation-delay: .48s;}
div.l-2 {animation-delay: .6s;}
div.l-3 {animation-delay: .72s;}
div.l-4 {animation-delay: .84s;}
div.l-5 {animation-delay: .96s;}
div.l-6 {animation-delay: 1.08s;}
div.l-7 {animation-delay: 1.2s;}
div.l-8 {animation-delay: 1.32s;}
div.l-9 {animation-delay: 1.44s;}
div.l-10 {animation-delay: 1.56s;}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.opacityDiv {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.opacityDiv.popUp {
    z-index: 32;
}

.aboutDiv {
    background: url("../images/about.png") no-repeat scroll 0 0 transparent;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 350px;
    left: calc(50% - 175px);
    position: fixed;
    top: -400px;   
    transition: top 0.5s ease-out 0s;
    width: 350px;
    z-index: 30;
}

.aboutDiv a#close {
    background: transparent url("../images/close.png") no-repeat scroll 0 0;
    float: right;
    height: 20px;
    position: relative;
    right: 81px;
    text-decoration: none;
    top: 7px;
    width: 21px;
}

.aboutDiv div#userAgent {
	height: 38px;
	overflow: auto;
}

.aboutDiv table {
    margin: 10px;
    position: relative;
    top: 20px;    
    width: calc(100% - 20px);
}

.aboutDiv td {
    padding-left: 10px;
    vertical-align: 0;
}

.helpDiv, .printDiv {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    margin: 0 20px;
    position: absolute;
    width: calc(100% - 40px);
    top: 85px;
    z-index: 35;
}

.helpDiv {
	opacity: 0;
    transition: opacity 0.5s;
}

.popUpDiv {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    height: calc(100% - 105px);
    margin: 0 20px;
    max-width: 900px;
    position: fixed;
    transition: top 0.5s ease-out 0s;
    width: calc(100% - 40px);
    z-index: 30;
}


.helpDiv > div, .printDiv > iframe, .popUpDiv > div, .printDiv > object {	
	height: calc(100% - 60px);
    margin: 10px;
    position: absolute;
    top: 40px;
    width: calc(100% - 20px);
}

.helpDiv > div > iframe, .helpDiv > div > object, .popUpDiv > div > iframe, .popUpDiv > div > object {
    height: 100%;
    position: absolute;
    width: 100%;
}


.helpDiv a#actionCloseTop, .printDiv a#actionCloseTop, .popUpDiv a#actionCloseTop {
    background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    position: relative;
    right: 20px;
    text-decoration: none;
    top: 20px;
    width: 21px;
}

.helpDiv.opened {
    opacity: 1;
}

.aboutDiv.opened, .popUpDiv.opened {
    top: 85px;
}

.popUpDiv.mobile {
	position: absolute;
	min-height: 600px;
}

.popUpDiv.mobile.opened {
    top: -45px;
}

div.popUpWithoutClose > a#actionCloseTop {
    display: none;
}

.popUpDiv.popUpWithoutClose > div {
    top: 0px;
    height: 100%;
    margin-top: 0px;
}

.helpDiv.mobile > div {
    -webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

.container {
   	display: flex;
   	flex-wrap: wrap;
}

.item {
 	flex: 0 1 auto;
    min-width: 50%;
    max-width: 50%;
    width: 50%;    
}

.itemFull {
 	flex: 0 1 100%;
 	min-width: 100%;
}

.itemSub {
    padding-top: 1px;
}

.labelClass {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 20px 0;
}

.labelClass input {	
	margin: 0 3px;		
}

.labelClass label a {	
    color: #000;
}

.topLabelClass {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 20px;
}

.labelRadioClass {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 0 20px 0;
    text-align: center;
    white-space: nowrap;					
}

.labelRadioGroupClass {
	color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;	
	padding: 8px 0;
	text-align: right;	
}

.infoClass {
    background: url("../images/dotline.png") repeat scroll 0 0 transparent;
    height: 4px;
    margin: 20px; 
    width: calc(100% - 40px);
}

.infoClass > label {
    display: none;
}

.layerEndClass {
	display: none;
}

.commentClass {
	color: #000;	
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;	
    padding: 10px 20px;
}

.commentClass a {	
    background: url("../images/link.gif") no-repeat scroll 0 center transparent;
    color: black;
	font-weight: bold;    
    padding-left: 10px;
    text-decoration: none;
}

.commentClass a:hover {
    text-decoration: underline;
}

.commentClass.reference {
    background-color: #dfe8df;
    border: 1px solid #94b494;
    margin: 10px 20px;
    padding: 20px 10px;    
}

.helpClass {
    display: flex;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    margin: 10px 20px;
}

.helpClass > a {
    background: url("../images/helplnk.png") no-repeat scroll 0 0 transparent;
    color: #000;
    min-height: 32px;
    padding-left: 50px;
    text-decoration: none;
}

.resultClass, .resultSumClass {
	color: #000;	
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;	
    padding: 8px 10px;
    text-align: right;
}

.resultSumClass {
	font-weight: bold;
}

.textAlignRight {
	text-align: right;
}

.dataClass {	  
    box-sizing: border-box;
    display: table;
    padding: 10px 20px;
    position: relative;
    width: 100%;
}

.data.captcha1 {
    margin: 10px 20px;
}

.dataClass > .fieldHelpClass {
    height: 40px;
    margin: 10px 0 0 -40px;
    position: relative;
    width: 40px;
}

.inputClass,
.inputStringClass,
.inputTextClass,
.inputIntegerClass,
.inputDecimalClass,
.inputDateClass,
.inputDateAndTimeClass,
.inputTimeClass { 
	border: medium none;
    color: #4c4c4c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    width: 100%;
    
    appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	background-color: white;
}

.inputDisabledClass {
    background-color: #dfe8df;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 3px #d8d8d8;
    color: #4c4c4c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 60px;
    margin: 10px 20px;
    padding: 20px 10px 0;    
    width: calc(100% - 40px);
}

.inputTextClass {
    resize: none;
    white-space: pre-line;
   	overflow: hidden;
}

.inputTextDisabledClass {
    background-color: #dfe8df;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 3px #d8d8d8;
    color: #4c4c4c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 38px;
    padding: 10px;
    resize: none;
    white-space: pre-line;
    width: calc(100% - 20px);
    overflow: hidden;
}

.inputTextList {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.inputTextDisabledList {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}

.radioGroup {
    margin: 0 0 9px -20px;
}

.radioGroupDatas {
    margin-left: -20px;
}

.labelDataArray {
	padding: 0 3px;	
}

.dataArray {
	background-color: #F5F5F5;
	padding: 0 3px;
}

.table {
    empty-cells: show;
    width: 100%;
}

.table thead tr {
    height: 44px;
}

.table thead td {
    background-color: #f9ec42;
    border: 1px solid #f8d942;
    cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding-right: 30px;
    white-space: nowrap;
}

.table thead td.sortUp {
	background: url("../images/sortup.png") no-repeat scroll center right #f9ec42;	
}

.table thead td.sortDown {
	background: url("../images/sortdown.png") no-repeat scroll center right #f9ec42;	
}

.table tbody tr.selectable {
	cursor: pointer;	
}

.table tbody tr:hover {
	background-color: whitesmoke;	
}

.table tbody tr {
    height: 44px;	
}

.table tbody tr > td {
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
}

.table tbody tr > td:last-child {
    border-right: 1px solid #d8d8d8;
}

.tableLink {
	padding-right:12px;		
}

.tableLink a {	
    color: #000000;
    display: inline-block;
    text-decoration: none;		
}

.tablePlus {
    background: transparent url("../images/whiteplus.png") no-repeat scroll 9px center;
}

.tablePlus > div {
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-left: 38px;
}

.tableObject {
    background-color: #f9ec42;
    border: 1px solid #f8d942;
    height: 44px;
    margin: 10px 18px;
    display: flex;
    align-items: center; 
    justify-content: space-between;   
}

.tableObject > label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding-left: 12px;
    position: relative;
}

.tableObject > div {
	display: flex;
    align-items: center;
    justify-content: center;
}

.tableObject > div > div > .tableChangeAction {
    background: #94b494 url("../images/whitepencil.png") no-repeat scroll center center;
    border: 1px solid #007095;
    height: 30px;
    text-decoration: none;
    width: 30px;
    display: flex;
    margin-right: 12px;
	background-size: 30px 30px;    
}

.tableObject > div > div > .tableMinusAction {
    background: #94b494 url("../images/whitetrash.png") no-repeat scroll center center;
    border: 1px solid #007095;
    height: 30px;
    text-decoration: none;
    width: 30px;
    display: flex;
    margin-right: 12px;
}

.popUpAction {
	padding-top:8px;
	float:right;		
}

.popUpAction input, 
.popUpAction a {
	margin-left:4px;		
}

.popUpAction a {
	font-family:Arial,sans-serif;
	color:#000000;	
	font-size:12px;
	white-space:nowrap;	 
	text-decoration:none;
	padding:2px 20px 0 0;		
}

.fieldHelpClass {
    background: url("../images/fieldHelp.png") no-repeat scroll center center transparent;
    display: inline-block;
    min-height: 20px;
    margin: 0 0 -4px 8px;
    text-decoration: none;
    min-width: 20px;
    cursor: default;
}

.OBJECTTYPE_ANTRAG {
	background:transparent url(../images/ANTRAG.gif) no-repeat scroll center center;
	padding: 0 0 0px 16px;
	text-decoration:none;
}

.OBJECTTYPE_UNKNOWN {
	background:transparent url(../images/link.gif) no-repeat scroll center center;
	padding: 0 0 0px 16px;
	text-decoration:none;
}

.noBorder {
	border: 0 none;
}