body.tm         {font-family: Arial; color:black; background-color: #f4f4f4}
body.tm         {font-family: Arial; color:black; background-color: #f4f4f4}
body.tmold         {font-family: Arial; color:black; background-color: #FFFFDD}
body.bg         {font-family: Arial; color:black; background-color: white}
body.warenwirt  {background: url(../bilder/XX_Logo_gr.jpg); font-family: Arial; color:black; background-color:white}
BODY.start      {background: url(../bilder/train.jpeg) no-repeat; background-size: cover; font-family: Arial}
BODY.xxl        {background: url(../bilder/csxxl.jpg) no-repeat;
                 background-position:center top; font-family: Arial}
body.kopf       {background: url(../bilder/kopf_hinter.gif); text-align: center}
body.stat       {background: url(../bilder/XX_Logo_gr.jpg);text-align: center}

td 		{margin: 5px; padding: 5px;}
th 		{margin: 5px; padding: 5px;}
td.kopf         {font-family: Times, serif; font-size:120%; color: silver; text-align: center}
.MAIN           {color:black; background-color:white}
.KOPF           {color:#000000;  background-color:#E7E7E7; }
.MASKE          {font-size:12pt; color:#000000;  background-color:#AAAAAA; }
.MASKE          {font-size:12pt; color:#000000;  background-color:#E7E7E7; }
.MAKOPF         {color: black}
.MENU           {background-image: url(../bilder/XX-Logo-gr.jpg); color: black}
#dt .MENU           {background: #CCDDFF ; color: black}
.DAT            {background-image: url(../bilder/XX-Logo-gr.jpg); color: black}
#dt .DAT            {background: #CCDDFF; color: black}
.BAT           {background-image: url(../bilder/XX-Logo-gr.jpg); color: black}
#dt .BAT            {background: #CCDDFF; color: black}
.INFO           {background: #CCDDFF; color: #402080}
.INFOH          {background: #CCDDFF; color: black}
.HELP           {background: #CCDDFF; color: #402080}
.HELPH          {background: #CCDDFF; color: black}
#dt .KEY            {background: #CCDDFF; color: #402080}
.KEY            {background-image: url(../bilder/XX-Logo-gr.jpg); color: #402080}
#tn .KEYH           {background: #CCDDFF; color: black}
.KEYH           {color: black}
.ERROR {
    width:100%;
    text-align:left;
    font-size:14pt;
    background: #CCDDFF;
    color: red
}
.FERROR {
    background: lightgray;
    color: red;
    float: left;
}
.READONLY       {background: #E7E7E7; color: black}
.DISABLED       {background: #E7E7E7; color: black}
.disabled {
    background: #E7E7E7;
    color: black;
    float: left;
}
#tn .RED            {background: #CCDDFF; color: red}
.RED            {color: red}
#tn .LOCKED         {background: #CCDDFF; color: red}
.LOCKED         {color: red}
.USER           {font-size:14pt; color: black}
.ENTRY          {color: black}
.INPUT {
    color: black;
    float: left;
}
.BESCHR         {color: #402080;}
.BESCHR:link    {color:#333399;}
.BESCHR:visited {color:#337799;}
.BESCHR:active  {color:#993399;}
.INPHELP        {color: black}

#ctrl_bar { position:absolute; top:0px; right:10px; padding:10px; visibility:hidden; margin:0px; background: #E7E7E7;}

#a.ktmenu {text-decoration:none;font-family:Arial,Verdana;font-size:100%}
#a.ktmenu:link,a.ktmenu:visited {text-decoration:none;color:#000040}
#a.ktmenu:hover,a.ktmenu:active {text-decoration:none;background-color:#000040;color:#F0F8FF}
#hr.ktmenu {border:0px;height:1px;background-color:#B0C4DE;color:#808080}
a {text-decoration:none;font-family:Arial,Verdana;font-size:100%}
a:link,a:visited {text-decoration:none;color:#000040}
a:hover,a:active {text-decoration:none;background-color:#000040;color:#F0F8FF}
hr {border:0px; height:2px; background-color:#B0C4DE; color:#808080}
td.ktmenu {height:3px}
.BEDARF          {color: green}
.TOWN            {font-weight:bold; color: blue}
.INBOUND         {font-weight:bold; color: green}
.OUTBOUND        {font-weight:bold; color: red}
td.heute { border:2px solid red}
.messtab {margin-bottom:10px}

table.suggestions {
    border-collapse:collapse;
    border: 2px solid black;
    background-color: #FFFFFF;
    position: absolute;
}

table.suggestions tr.tr {
    cursor: default;
    padding: 0px 3px;
    display:table-row;
}

table.suggestions tr.curtr {
    background-color: #000000;
    color: white;
    display:table-row;
}

table.suggestions td.td {
    border-right: 1px solid black;
    padding-right: 5px;
    padding-left: 2px;
}

table.suggestions td.th {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    font-weight:bold;
    text-align:center;
    padding-right: 5px;
    padding-left: 2px;
}

table.anmeldung {
  margin-left:auto;
  margin-right:auto;

}

table.meldung {
  padding-bottom:2em; 
  padding-top:1em;
  border-collapse:collapse;
  border:thin solid black;
  text-align:left;
}

table.mass {
  border:thin solid black;
  border-collapse:collapse;
  padding-left: 2em; 
}

th.mass {
  border-bottom:thin solid;
  border-right:thin solid;
  padding-left: 3px; 
  padding-right: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  text-align:left;
}

th.mass_center {
  border-bottom:thin solid;
  border-right:thin solid;
  padding-left: 3px; 
  padding-right: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  text-align:center;
}

td.mass {
  border-right:thin solid;
  padding: 3px; 
}

th.lb {
   text-align:left;
}

th.lc {
   text-align:left;
}

div.be {
  position:relative; 
  left:5px;
}


div.preview {
    cursor: -moz-zoom-in;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	padding:5px;
	display:none;
	color:#fff;
}

.train {
    display: table-row;
}

.waggons {
    float: none;
    border: none;
    display: table-cell;
    max-width: 100px;
    text-align: center;
    vertical-align: bottom;
    font-size: 0.7em;
}


.waggons_mass {
    float: none;
    border: none;
    display: table-cell;
    max-width: 100px;
    text-align: center;
    vertical-align: bottom;
    font-size: 0.7em;
}

table.sb {
    margin-top:1em;
    width:auto;
    margin-bottom:1em;
    border: none;
    border-collapse: separate;
    border-radius: 5px;
    border-spacing: 0px;
    padding: 2px;
}

table.sb tbody tr:last-child  th{
    border-bottom: thin black solid;
}

table.sb tbody tr:last-child  td{
    border-bottom: thin black solid;
}

table.sb tbody:last-child tr td {
    border-bottom: 0px;
}

table.sb tbody:last-child tr th {
    border-bottom: 0px;
}

table.sb tbody tr td.mass {
    border-right: thin black solid;
}

table.sb tbody tr td.mass:last-child {
    border-right: 0px;
}

table.sb tbody tr th.mass {
    border-right: thin black solid;
    text-align:left;
}

table.sb tbody tr th.mass:last-child {
    border-right: 0px;
    text-align:left;
}

table.sb tbody tr th.mass_center {
    border-right: thin black solid;
    text-align:center;
}

table.sb tbody tr th.center:last-child {
    border-right: 0px;
    text-align:center;

}

table.sb tbody tr th.mass_num {
    border-right: thin black solid;
    text-align:right;
}

table.sb tbody tr th.mass_num:last-child {
    border-right: 0px;
    text-align:right;
}