body {
  font: 100% Verdana, sans-serif;
  background-image: url(grau8.gif); /**/
  background-color: white; /**/
}

textarea {
  font: 100% Verdana, sans-serif;
}

/*
tbody tr:hover {
    background: yellow;
    color: black;
}
/**/
/*
  tr { background-color: #DDDDDD}
  .initial { background-color: #DDDDDD; color:#000000 }
  .normal { background-color: #CCCCCC }
  .highlight { background-color: #8888FF }
/**/

td {
  padding: 0;
  font-size: 0.9em;
}

/*
td img {
display:block;
}
/**/

.move {
  cursor: move;
}

.dina4 {
  width: 16cm;
  height: 24cm;
}

.td0 {
  padding: 0;
  font-size: 0.9em;
  display: block;
}
/**/
.leer {
  background-color: #ffffff;
  background-image: none;
}

.benutzer {
  color: #0000ff;
  font-weight: bold;
  text-align: left;
  font-size: 0.8em;
  /*  background-color:#FFFFFF; /**/
}

.tbl {
  border-color: #c0c0c0;
  /*border-color:#E5E5E5;  /**/
  border-collapse: collapse;
}

.tbl0 {
  border-color: #000000;
  border-collapse: collapse;
}

.tbl1 {
  border-collapse: collapse;
  border-color: #c0c0c0;
}

.tbl2 {
  padding: 10px;
  border-collapse: collapse; /**/
  empty-cells: show;
  /* background-color: #f7f8fa; /**/
}

.tbl3 {
  /*  width: 990px;  /**/
  border: 1px black solid;
  border-color: #000000;
  /* border-collapse: collapse;  /**/
}

.td {
  padding: 5px;
}
.td1 {
  padding: 2px;
}
.td2 {
  padding: 10px;
  text-align: center;
}

.td3 {
  font-weight: bold;
  text-align: center;
}

.td4 {
  padding: 0px 5px 0px 5px; /**/
}

.td4i {
  padding: 0px 5px 0px 25px; /**/
}

.td4j {
  padding: 0px 5px 0px 15px; /**/
}

.td4n {
  padding: 0px 5px 0px 5px; /**/
  white-space: nowrap;
}

.td4o {
  padding: 0px 5px 0px 5px; /**/
  vertical-align: top;
}

.td4r {
  padding: 0px 5px 0px 5px;
  text-align: right;
}

.td5 {
  padding: 5px 5px 5px 5px;
  /*
  border-bottom-style: solid none solid none;
  border-bottom-color: #FFFFFF;
/**/
}

.td6 {
  padding: 2px 5px 2px 5px;
}

.td7 {
  padding: 0px 0px 0px 30px; /**/
}

.td8 {
  padding: 0px 0px 0px 50px; /**/
}

.td9 {
  overflow: hidden;
  white-space: nowrap;
  background-color: #c0c0ff;
  font-size: 0.5em;
}

.td10 {
  padding: 10px;
}

.spalte1 {
  /*
    padding: 0px 1px 0px 1px; 
    border: 1px solid #969696; 
    word-wrap: break-word; 
/**/

  white-space: nowrap;
  /**/
  overflow: hidden;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  /**/
  /*    position:relative; /**/
}

.auswahl_kopf {
  background-color: #abbdfc; /**/
}

.uebersichten {
  border: 1px gray solid; /**/
  background-color: #d2e8ff;
}

.sel80 {
  width: 150px;
}

.sel350 {
  width: 350px;
}

.tabkopf {
  text-align: left;
  background-color: #b1b2b4;
  vertical-align: middle;
  font: 100% Arial, sans-serif;
  /*   font: 100.01% Arial, sans-serif;/**/
  font-size: 0.8em;
  font-weight: bold;
  height: 15px;
  padding: 2px;
}

.tdwp1 {
  padding: 3px;
  overflow: hidden;
  white-space: nowrap;
  width: 3.4cm;
}

.tdwp2 {
  padding: 3px;
  text-align: center;
}

.zeit {
  /*width: 35px;/**/
  border: 1px none transparent; /**/
  background-color: #e0e0e0;
}

.ro {
  /*width: 35px;/**/
  /*border: 1px none transparent;/**/
  color: #969696;
  font-weight: bold;
}

.ueb0 {
  font-family: Tahoma, Helvetica, Verdana, sans-serif;
  color: #ff0000;
}

.ueb1 {
  color: #0000ff;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.ueb2 {
  color: #0000ff;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.ueb3 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.ueb4 {
  color: #008000;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.grafik_unten {
  vertical-align: text-bottom;
}

.raster1 {
  /*
  font-size:9px;
  font-weight: bold;
/**/

  font-size: 12px;
  /*  vertical-align:middle; /**/
  white-space: nowrap;
  width: 12px;
  /*  height: 14px; /**/
  border-bottom: 1px solid #000000;
  text-align: right;
  overflow: hidden;
  overflow-x: hidden;
  -ms-overflow-x: hidden;

  /*  background-color: white; /*#FFFFFF; /**/ /* Muss in <td als bgcolor angegeben werden, sonst funktioniert zeile_markieren nicht /**/
  /**/
}

.raster_m {
  /*
  font-size:9px;
  font-weight: bold;
/**/

  cursor: move;

  font-size: 12px;
  /*  vertical-align:middle; /**/
  white-space: nowrap;
  width: 12px;
  /*  height: 14px; /**/
  border-bottom: 1px solid #000000;
  text-align: right;
  overflow: hidden;
  overflow-x: hidden;
  -ms-overflow-x: hidden;

  /*  background-color: white; /*#FFFFFF; /**/ /* Muss in <td als bgcolor angegeben werden, sonst funktioniert zeile_markieren nicht /**/
  /**/
}

.raster_k {
  font-size: 9px;
  font-weight: bold;
  white-space: nowrap;
  height: 14px;
  border-bottom: 1px solid #000000;
  text-align: center;
}

.raster_akt {
  /*
  border-bottom-style:solid;
  border-bottom-width:thin; /**/
  width: 12px;
  height: 14px;
  background-color: #ffff80; /**/
  border-bottom: 1px solid #000000;
}

.raster_links {
  /*  width: 115px;         /*115 /**/
  height: 14px;
  font-size: 10px;

  /*  background-color:#FF0000;/**/
  border-right: black thin solid;
  padding: 1px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  overflow-x: hidden;
  -ms-overflow-x: hidden;

  max-width: 85px; /*geht nicht im IE /**/

  /*
  border-right-color:#000000; 
  border-bottom-color:#000000;
  border-right-width: medium;
/**/
}

.raster_tag {
  width: 95px; /*115 /**/
  height: 14px;
  font-size: 11px;
  text-align: right;
  /*  background-color:#FF0000;/**/
  border-right: black thin solid;
  overflow: hidden;
  padding: 1px;
  /*
  border-right-color:#000000; 
  border-bottom-color:#000000;
  border-right-width: medium;
/**/
}

.raster_rechts {
  /*  width: 125px;/**/
  /*  width: 100px;/**/
  height: 14px;
  font-size: 10px;
  border-left: black thin solid;
  padding: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px; /*geht nicht im IE /**/
}

.st_ausgel {
  background-color: #e67300;
  width: 80px;
}

.st_zurueck {
  background-color: #89f5bf;
  width: 80px;
}

.st_frei {
  background-color: #80ff80;
  width: 80px;
}

.st_storno {
  background-color: #ff80ff;
  width: 80px;
}
.st_druck {
  background-color: #e0e0e0;
  width: 12em;
}

.status1 {
  background-color: #c0c0c0;
  width: 80px;
}

.status2 {
  background-color: #c0c0c0;
  width: 12em;
}

.grau {
  background-color: #c9c9c9;
}
.gruen {
  background-color: #00f900;
}
.rot {
  background-color: #fb91ae;
}

.raster_f_zurueck {
  background-color: #89f5bf;
  width: 12px;
  height: 14px;
  border-bottom: 1px solid #000000;
}

.raster_f_frei {
  background-color: #80ff80;
  width: 12px;
  height: 14px;
  border-bottom: 1px solid #000000;
}

.raster_f_faellt_aus {
  background-color: #f94d4d; /**/

  width: 12px;
  height: 14px;
  border-bottom: 1px solid #000000;
}

.faellt_aus {
  color: red;
  text-decoration: line-through;
}
/**/
.rahmen {
  border: 2px solid;
  padding: 10px;
}

#rahmen2 {
  border: 2px solid;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

.symbol {
  text-align: left;
  vertical-align: middle;
  border-style: none;
  height: 12px;
  width: 12px;
}

.symbol2 {
  text-align: left;
  vertical-align: middle;
  border-style: none;
  height: 14px;
  width: 12px;
}

.symbol3 {
  text-align: left;
  vertical-align: middle;
  border-style: none;
  height: 20px;
  width: 20px;
  text-decoration: none;
}

.ustr {
  border-bottom: black thin dotted;
}

.submit_fix1 {
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
  /*
        display: block;
        text-decoration: none;
/**/
}

.submit_fix2 {
  /* Aktiv /**/
  width: 9em;
  font: bold 1em sans-serif;

  border: 1px solid white;
  /*    border-color: white;/**/
  border-left-color: black;
  border-top-color: black;
  color: white;
  background-color: gray;

  cursor: pointer;

  /*
        display: block;
        text-decoration: none;
/**/
}
.submit_fix3 {
  width: 9em;
  font: bold 1em sans-serif;
  border: 1px solid black;
  border-left-color: white;
  border-top-color: white;
  color: black;
  background-color: #ccc;
  cursor: pointer;

  /*
        display: block;
        text-decoration: none;
/**/
}
.submit_fix0 {
  width: 9em;
  /*     cursor: pointer; /**/
  font: bold 1em sans-serif;
  border: 1px solid black;
  border-left-color: white;
  border-top-color: white;
  color: gray;
  background-color: #ccc;
  /*     cursor: pointer; /**/

  /*
        display: block;
        text-decoration: none;
/**/
}

.submit_fix_rot {
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #ff0000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
}

.submit_fix_ausgabe {
  width: 8em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
  /*
    background-image: url(word_s.gif);
    background-position: top left;     
    background-repeat: no-repeat;
/**/
}

.navi {
  width: 9em;
  padding: 0;
}
.navi ul {
  list-style-type: none;
  margin: 0; /**/
  /*
        margin-left:auto;
        margin-right:auto;
/**/

  padding: 0;
}
.navi li {
  margin: 0 0 1px 0;
}

.navi li a:link,
.navi li a:visited {
  display: block; /**/
  /*
    margin-left:auto;
    margin-right:auto;
/**/
  text-decoration: none;
  /*        font-weight: bold;*/
  font: bold 1em sans-serif;

  /*        padding: 2px 2px 2px 2px; /**/
  padding: 2px;

  border: 2px groove #000000;

  background-color: #e5e5e5;
  color: #000000;
}

.ressource {
  background-image: url(treeimg/objecte2.gif);
  background-position: 5% center;
  background-repeat: no-repeat;

  margin-left: 5px;
  padding: 2px 2px 2px 0.5em;
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
}

.ressource a a:hover {
  vertical-align: middle;

  margin-left: 5px;
  margin-top: 10px;
  padding: 2px 2px 2px 0.5em;
}

.ressource ul {
  list-style-type: none;
  vertical-align: middle;

  margin-left: 5px;
  margin-top: 14px;
  padding: 2px 2px 2px 0.5em;
  font-size: 1.2em;
}

.ressource li a:link,
.ressource li a:visited {
  display: block;
  text-decoration: none;
  font-size: 0.8em;
}

.gebaeude {
  background-image: url(treeimg/haus2.gif);
  background-position: 5% center;
  background-repeat: no-repeat;

  margin-left: 5px;
  /*     padding: 2px 2px 2px 0.5em;/**/
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
}

.gebaeude a a:hover {
  /*FIXED 5.25 DKM 0367 07.01.2021*/
  /*vertical-align:middle;*/
  height: 20px;
  margin-left: 5px;
  padding: 2px 2px 2px 0.5em;
  display: block;
  text-decoration: none;
}

.gebaeude ul {
  list-style-type: none;
  vertical-align: middle;

  margin-left: 5px;
  margin-top: 14px;
  padding: 2px 2px 2px 0.5em;
  font-size: 1.2em;
}
.gebaeude li a:link,
.gebaeude li a:visited {
  display: block;
  text-decoration: none;
  font-size: 0.8em;
}

.prevButton {
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;

  background-image: url(pfeil_l.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.nextButton {
  width: 9em;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #000000;
  font: bold 1em sans-serif;
  border: 1px outset #000000;
  background-image: url(pfeil_r.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

#tplan body {
  background-color: #ffffff;
  font: 100.01%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tplan h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 22pt;
}

#tplan h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 16pt;
  height: 20pt;
}

#tplan table {
  width: 85%; /**/
  border: 2px solid #000000;
  border-collapse: collapse;
}

#tplan td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  border: 1px solid #000000;
  font-size: 11pt;
  padding: 4px;
  color: #000000;
}

#tplan th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  border: 1px solid #000000;
  font-size: 11pt;
  padding: 4px;
  color: #000000;
  background-color: #bcbcbc;
}
/**/
.left {
  float: left;
  text-align: right;
  width: 40%;
  margin-right: 2%;
}

.right {
  margin-left: 42%;
}

/*  
.balken {
  background: #ACACAC;
  text-align:center;
  font-weight: bold;  
}
  
/*
   body {font-family: arial, verdana, sans-serif; 
         font-size: 100.01%;
         background: white;
        }
 /**/
fieldset {
  width: 30em;
  margin: 1.5em auto 1.5em auto;
  display: block;
  font-size: 0.8em;
  border: 1px solid #4b408c;
  /*             background: #E1DEED; /**/
  clear: both;
}

* html fieldset {
  padding: 5px;
}

legend {
  background: white;
  padding: 4px;
  border: 1px solid #4b408c;
  border-right-width: 2px;
  border-bottom-width: 2px;
  margin-bottom: 4px;
  font-weight: bold;
}
/**/
ul#Navigation {
  margin: 0;
  padding: 0.8em;
  text-align: center;
  /*    border: 1px solid black;
    background-color: silver; /**/
}
ul#Navigation li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

ul#Navigation a,
ul#Navigation span {
  float: left;
  width: 16em;
  height: 2em;
  margin: 0.4em;
  padding: 0.2em 1em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  border: 1px solid black;
  border-left-color: white;
  border-top-color: white;
  color: black;
  background-color: #ccc;
}
ul#Navigation a:hover,
ul#Navigation span {
  border-color: white;
  border-left-color: black;
  border-top-color: black;
  color: white;
  background-color: gray;
}
ul#Navigation div {
  clear: left;
}