html { max-height: 100%; width: 100%; margin: 0; overflow-y: hidden}
html.scroll { max-height: 100%; width: 100%; margin: 0; overflow-y: auto; -ms-overflow-style: scrollbar}


body { background: #d0d0d0 ;max-height: 100%; width: 100%; margin: 0; overflow-y: hidden; overflow-x: hidden; }
b    { color: #000099 ; font-family: Arial ; font-size: 12; }

.scroll { overflow-y: auto; }
p				{ color: #000099  ; font-family: Arial ; text-align: left ; font-size: 12; padding-left: 10px; padding-right: 10px;}
p.c  			{ color: #000099  ; font-family: Arial ; text-align: center ; font-size: 12; }
p.fehler 		{ color: #ff0000  ; font-family: Arial ; font: bold       ; font-size: 12; text-decoration: underline ; text-align: left ; }
p.seitentitel 	{ color: #000099  ; font-family: Arial ; font: bold       ; font-size: 14; text-decoration: underline ; text-align: left ; }

.pagebig12l     { text-align: left; font-size: 12; }
.pagebig12c     { text-align: center; font-size: 12; }
.pagebig14l     { text-align: left; font-size: 14; }
.pagebig14c     { text-align: center; font-size: 14; }
.pagebig18l     { text-align: left; font-family: Arial ; font-size: 18; }
.pagebig18c     { text-align: center; font-family: Arial ; font-size: 18; }
.pagebig24l     { text-align: left; font-family: Arial ; font-size: 24; }
.pagebig24c     { text-align: center; font-family: Arial ; font-size: 24; }
.pagebig144c     { text-align: center; font-family: Arial ; font-size: 288; }

table					{font-family: Arial; font-size: 12; padding:1px; }
t_able					{ background-color: #d0d0d0 ; font-family: Arial ; font-size: 12; color:  #000099;}

table.normal           {  background-color: #d0d0d0 ; width: 100%; }
table.button           {  background-color: #ffffff ; width: 100%; }
table.white            {  background-color: #ffffff ; width: 100%; }
table.suchtabellenkopf {  background-color: #82BEFA ; width: 100%; }



.suchtabellenspaltenname {  color: #000099 ; font-family: Arial ; text-align: left ; font-size: 12; font: bold ; }

.tableBodyScroll thead, tbody tr { display: table; width: 100%; table-layout: fixed; overflow-x: hidden; overflow-y: scrollbar;}

.mark     { background-color: #ffffff}
.m_ark     { text-align: left ; background-color: #f0f0f0; color:  #000099 ; font-family: Arial ; font-size: 14; }
.even     { text-align: left ; background-color: #808080; color:  #000099 ; font-family: Arial ; font-size: 14; }
.odd      { text-align: left ; background-color: #a0a0a0; color:  #000099 ; font-family: Arial ; font-size: 14; }

td.wsmall   { text-align: left ; color:  #000099 ; font-family: Arial ; font-size: 12; min-width: 70px; width: 70px; max-width: 70px; }
td.whsmall  { text-align: left ; color:  #000099 ; background-color: #e0e0e0 ; font-family: Arial ; font-size: 12;  min-width: 70px; width: 70px; max-width: 70px; }
td.wceven   { text-align: center ; color:  #000099 ; font-family: Arial ; font-size: 12; }
td.wcodd    { text-align: center ; color:  #000099 ; font-family: Arial ; font-size: 12; }
td.wred     { text-align: left ; color:  #990000 ; font-family: Arial ; font-size: 12; }
td.wrsmall  { text-align: right ; color:  #000099 ; font-family: Arial ; font-size: 12; min-width: 70px; width: 70px; max-width: 70px; }
td.wreven   { text-align: right ; color:  #000099 ; font-family: Arial ; font-size: 12; }
td.wrodd    { text-align: right ; color:  #000099 ; font-family: Arial ; font-size: 12; }
td.wrred    { text-align: right ; color:  #990000 ; font-family: Arial ; font-size: 12; }
td.feld     { text-align: left ; color:  #000099 ; font-family: Arial ; font-size: 12; }
td.wert     { text-align: left ; color:  #000000 ; font-family: Arial ; font-size: 12; }
td.meldung  { text-align: left ; color:  #ff0000 ; font-family: Arial ; }

tr.light  { background-color: #ffffff ; }
 

.liste tr { overflow: hidden ; height: 20 px ; white-space: nowrap; }

td       { text-align: left; vertical-align: center; color: #000099; background-color: #e0e0e0;}
th       { text-align: left; color: #000099; background-color: #d0d0d0; }
.formentry {background-color: #e0e0e0; }

.buttonleft   {  color: #000000 ; font-family: Arial ; text-align: left   ; font-size: 12; }
.buttonright  {  color: #000000 ; font-family: Arial ; text-align: right  ; font-size: 12; }
.buttoncenter {  color: #000000 ; font-family: Arial ; text-align: center ; font-size: 12; }    
.colr    { text-align: right; }
.colr3   { text-align: right; width:  3%; }
.colr4   { text-align: right; width:  5%; }
.colr5   { text-align: right; width:  5%; }
.colr10  { text-align: right; width: 10%; }
.colr15  { text-align: right; width: 15%; }
.colr20  { text-align: right; width: 20%; }
.colr25  { text-align: right; width: 25%; }
.colr30  { text-align: right; width: 30%; }
.colr40  { text-align: right; width: 40%; }
.colr80  { text-align: right; width: 80%; }
.colc    { text-align: center; }
.colc2   { text-align: center; width:  3%; }
.colc3   { text-align: center; width:  3%; }
.colc4   { text-align: center; width:  4%; }
.colc5   { text-align: center; width:  5%; }
.colc7   { text-align: center; width:  5%; }
.colc10  { text-align: center; width: 10%; }
.colc15  { text-align: center; width: 15%; }
.colc20  { text-align: center; width: 20%; }
.colc25  { text-align: center; width: 25%; }
.colc30  { text-align: center; width: 30%; }
.colc40  { text-align: center; width: 40%; }
.colc50  { text-align: center; width: 50%; }
.coll    { text-align: left; }
.coll2   { text-align: left; width:  2%; }
.coll5   { text-align: left; width:  5%; }
.coll7   { text-align: left; width:  5%; }
.coll8   { text-align: left; width:  8%; }
.coll10  { text-align: left; width: 10%; }
.coll15  { text-align: left; width: 15%; }
.coll20  { text-align: left; width: 20%; }
.coll25  { text-align: left; width: 25%; }
.coll30  { text-align: left; width: 30%; }
.coll35  { text-align: left; width: 35%; }
.coll40  { text-align: left; width: 40%; }
.coll45  { text-align: left; width: 45%; }
.coll50  { text-align: left; width: 50%; }
.coll55  { text-align: left; width: 55%; }
.coll60  { text-align: left; width: 60%; }
.coll70  { text-align: left; width: 70%; }
.col5px  { width: 5px;}
.col10px { width: 10px;}
.col100px { width: 100px;}

A:link     { color: #000099 ; font-family: Arial ; font-size: 12; }
A:visited  { color: #000099 ; font-family: Arial ; font-size: 12; }
A:active   { color: #000099 ; font-family: Arial ; font-size: 12; }


* {
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }
.header-container {
            display: table;
            width: 100%;
            margin-bottom: 15px;
        }
.logo-cell {
            display: table-cell;
            vertical-align: top;
            width: 120px;
            padding-right: 15px;
        }

        .logo-placeholder {
            width: 100px;
            height: 100px;
            border: 1px dashed #999;
            display: block;
            text-align: center;
            line-height: 100px;
            font-size: 11px;
            color: #666;
            background-color: #f9f9f9;
        }

        .logo-img {
            width: 100px;
            height: auto;
            display: block;
        }
.title-cell {
            display: table-cell;
            vertical-align: top;
        }

        .main-title-line {
            font-size: 24pt;
            font-weight: normal;
            margin: 0;
            padding: 0;
            line-height: 1.2;
        }

        .sub-title-text {
            font-size: 11pt;
            font-weight: normal;
            color: #000000;
            margin-left: 15px;
            vertical-align: middle;
        }

        .info-bar {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 12px;
            display: table;
        }