/*** Standard-Einstellungen Bildschirm (Breite bis 1024) ***/
body, th, td, h4, pre, .head, .note, .button, .liste, .institute, span.info, .montab, .tlabel  {
  font-family:geneva,arial,helvetica,sans-serif;
  /*font-size:12px;*/
  font-size:11px;
  font-style:normal;
  vertical-align:middle;
  padding-right:2px;
}
/* Ausgabe Mausposition mit Text fester Zeichenbreite */
pre, pre.mauspos {
  visibility:visible;
  margin:0px;
  font-family:courier;
  font-size:9px;
  font-style:normal;
}


/*** Standard für Body: ***/
body {
  text-align:center;
}
h4 {
  font-size:133%;
  font-weight:bold;
  color:BLACK;
}
/**** TLUG-Zeile im Kopf für den Ausdruck ****/
div.institute {
  display:none;
  visibility:hidden;
  color:white;
  text-align:left;
  font-size:5px;
  font-weight:bold;
  margin:1px;
}

/**** Kopfzeile auf jeder Seite ****/
.head { /* blaue Kopfzeile auf der Seite */
  border:none;
  background-color:#EAEAEA;
  color:#00009C;
  text-align:left;
  font-weight:bolder;
  padding-left:20px;
  line-height:18px;
  margin:0px;
}

span.info { /* Info-Texte (Kommentare) vom Mop/KMop werden rot */
  color:red;
}

/**** Standard-Tabellen ****/
table { /* Standard: ohne Ränder */
  border:none;
  empty-cells:show;
  border-collapse:separate;
}
table.values { /* Hintergrund sehr helle Grau, Wertetabellen */
  background-color:#F8F8F8;
  border:none;
  empty-cells:show;
  border-collapse:separate;
}
.montab { /* Hintergrund Grau wie die Rahmen, luft_montab_sel.php */
  background-color:#D3D3D3;
  vertical-align:middle;
  text-align:center;
}

th { /* Kopfzeile Standard: mittelgrau */
  background-color:#C6C6C6;
  color:BLACK;
  text-align:center;
  font-weight:bold;
  padding-left:2px;
  border:none;
  border-collapse:separate;
}
th.left { /* Standard: mittelgrau, Zwischenzeile */
  background-color:#EAEAEA;
  color:BLACK;
  text-align:left;
  font-weight:bold;
  padding-left:10px;
  border:none;
}
th.sel {  /* Zeile mit Select-Feldern über einer Tabelle, ohne Hintergrund */
  background-color:#EAEAEA;
  color:black;
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  font-size:xx-small;
  padding-right:10px;
  padding-bottom:1px;
  padding-top:1px;
  border:none;
}
.sel {  /* th.sel, Zeile mit Select-Feldern über einer Tabelle, ohne Hintergrund */
  /*background-color:#EAEAEA;*/
  color:black;
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  font-size:xx-small;
  padding-right:10px;
  padding-bottom:1px;
  padding-top:1px;
  border:none;
}

td, td.std { /* Standard: hellgrau */
  background-color:#EAEAEA;
  color:black;
  text-align:center;
  padding-left:2px;
  border:none;
  border-collapse:separate;
}
td.left, td.tlabel { /* left: hellgrau */
  background-color:#EAEAEA;
  color:black;
  text-align:left !important;
/*  font-weight:bold; */
  padding-left:15px;
  border:none;
}
td.typ {  /* Typ-Teilungszeile in Tabellen */
  background-color:#FFFFCC;
  /*color:black;*/
  text-align:left;
  font-weight:bold;
  padding-left:10px;
  border:none;
}
td.typ_cb {  /* Typ-Teilungszeile mit change_cb.gif */
  background-color:#FFFFCC;
  color:black;
  vertical-align:middle;
  text-align:center;
  padding:0px;
  border:none;
}
td.typinfo {  /* Typ-Teilungszeile in Tabellen, Info */
  background-color:#FFFFCC;
  color:black;
  text-align:left;
  /* font-weight:bold; */
  padding-left:10px;
  border:none;
}
td.blue {
  background-color:#AADDFF;
  color:black;
  text-align:center;
  font-weight:normal;
  padding-left:2px;
  border:none;
}
td.blue2 {  /* für Gruppierung der Parameter in KW-Liste */
  background-color:#AAD4FF;
  color:black;
  text-align:center;
  font-weight:normal;
  padding-left:2px;
  border:none;
}
td.info { /* Wertezelle mit Hinweis auf Info/Meldung zum Wert im title */
  background-color:#FF80C0;
  color:black;
  text-align:center;
  font-weight:normal;
  padding-left:2px;
  border:none;
}
td.lleft { /* left in Tab-Zellen für die 1. linke Spalte */
  text-align:left;
  padding-left:4px;
}

/**** LQI-Bewertung ****/
td.lqi1 {  /* LQI-Bewertung: 1, '#3399FF', 'sehr gut'      */
  background-color:#3399FF;
  color:black;
  text-align:center;
  FONT-STYLE:normal;
  font-weight:normal;
  border:none;
}
td.lqi2 {  /* LQI-Bewertung: 2, '#66CCFF', 'gut'          */
  background-color:#66CCFF;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}
td.lqi3 {  /* LQI-Bewertung: 3, '#99FFFF', 'befriedigend'  */
  background-color:#99FFFF;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}
td.lqi4 {  /* LQI-Bewertung: 4, '#FFFF99', 'ausreichend'   */
  background-color:#FFFF99;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}
td.lqi5 {  /* LQI-Bewertung: 5, '#FF9933', 'schlecht'      */
  background-color:#FF9933;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}
td.lqi6 {  /* LQI-Bewertung: 6, '#FF3333', 'sehr schlecht' */
  background-color:#FF3333;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}
td.lqi0 {  /* LQI-Bewertung: 0, '#EAEAEA', ''*/
  background-color:#EAEAEA;
  color:black;
  text-align:center;
  font-weight:normal;
  border:none;
}

/**** Tabellen zur Formatierung von Anmerkungen ****/
.note { /* Standard für Erläuterungstexte */
  border:none;
  background-color:white;
  color:black;
  text-align:left;
}

/**** Tabellenformatierung aus div, IE7 kann das nicht! ******
div.tab {
  display:table;
  margin-bottom:10px;
}
div.tab_row {
  display:table-row;
}
.tab_cel {
  display: table-cell;
  padding-right:10px;
  margin-bottom:10px;
  border:none;
}
**************/

/**** Links ****/
a {
  color:blue;
  text-decoration:underline;
}
a.stunde{
  color:rgb(0,102,255) !important;
}
a.tag{
  color:rgb(0,153,0) !important;
}
a.monat{
  color:rgb(204,153,0) !important;
}
a.jahr{
  color:rgb(204,51,0) !important;
}

a.help{
  cursor:help;
	background: url(../graphics/info.gif) no-repeat left center; 
	padding-left: 11px;
}
a:hover {
  color:red;
  text-decoration:underline;
}
a:active {
  color:red;
  text-decoration:underline;
  font-weight:bold !important;
  /* font-size:1.1em !important; */
}

.iconPhone {
	background: url(../graphics/phone.gif) no-repeat left center;
	padding-left: 20px;
	margin-bottom:10px;
}
.iconDownload {
  background: url(../graphics/icon_download.gif) no-repeat left center;
	padding-left: 18px;  
}
.iconPdf {
  background: url(../graphics/icon_pdf.gif) no-repeat left center;
	padding-left: 18px;  
}
.iconExcel {
  background: url(../graphics/icon_excel.gif) no-repeat left center;
	padding-left: 18px;  
}

a.iconStepLeft {
	background: url(../graphics/left.gif) no-repeat right center !important;
	padding-left: 15px;
}
a.iconStepLeftInactiv {
	background: url(../graphics/left_inact.gif) no-repeat right center !important;
	padding-left: 15px;
}
a.iconStepRight {
	background: url(../graphics/right.gif) no-repeat right center !important;
	padding-left: 15px;
}
a.iconStepRightInactiv {
	background: url(../graphics/right_inact.gif) no-repeat right center !important;
	padding-left: 15px;
}
span.formLink > li {
/*	margin-right: 15px; 
  cursor:pointer;*/
}
span.formLink:hover {
  text-decoration:underline;

}

.target {   /* für Informationen Parameter-Namen */
  color:blue;
  font-weight:bold;
  font-size:1.1em !important;
}

a.target:hover {
  color:blue;
  text-decoration:none;
}

/* Definition der Buttons */
a.button {
      color:#000000;
      background-color: #d4d0c8;
      border-left: 2px solid #cccccc;
      border-top: 2px solid #cccccc;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      text-decoration: none;
      font-size:10px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      cursor:pointer;
}
a.button:hover {
      Color: #000000;
      background-color: #C5C5C5;
      border-left: 2px solid #000000;
      border-top: 2px solid #000000;
      border-right: 2px solid #cccccc;
      border-bottom: 2px solid #cccccc;
      text-decoration: none;
      font-size:10px;
      cursor:pointer;
}

/**** Verstecken von Elementen beim Drucken ****/
.hidden {
  visibility:visible;
  border:none;
  background-color:white;
}
/**** Menüelemente ****/
.menu { /* Standard: ohne Ränder */
  visibility:visible;
  border:none;
  empty-cells:show;
  cursor:pointer;
  /* background-color:#EAEAEA; */
}

.button {
  visibility:visible;
  color:black;
  font-weight:normal;
  padding:0px;
  cursor:pointer;
}
.button_gelb {
  visibility:visible;
  font-size:1px;
  cursor:pointer;
}
input.button {
  cursor:pointer;
}

.list {
  font-size:xx-small;
  background-color:white;
  color:Black;
}
textarea.text {
  font-size:100%;
  font-family:geneva,arial,helvetica,sans-serif;
}

/* alle Grafiken ohne Rand */
img {
  border:none;
  padding:0px;
}
img.rand {
  border-style:solid; border-width:1px; border-color:black;
}
img.button {
  cursor:pointer;
}
img.mouse {
  position:relative;
}

/* marked table rows */
table tr.marked {
    background-color: rgb(255,153,51);
}