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;
}
/**/

.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;
}

/*
.auswahl_kopf {background-color: #ABBDFC; } .uebersichten {border: 1px black solid; background-color: #D2E8FF;}
.auswahl_kopf {background-color: #BBB16C; } .uebersichten {border: 1px black solid; background-color: #ffffbb;}
/**/
.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_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{

   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.80em; 
             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:2.0em;
    margin: 0.4em; padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    font-size:1.0em;
    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;
  }