/* ~~~ TABELLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#textfeld table {
 border:0px solid red;
 border-spacing:0;
 width:665px;
 margin:0 0 0 1px;
 padding:0;
}

#textfeld table.auswahl {
 width:440px;
}

#textfeld table.anmeldung {
 clear:none;
 width:535px;
 margin:0 0 0 0;
 padding:0;
}

#textfeld table.delete {
 width:200px;
}

/* ~~~ Tabelle: TH, TD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#textfeld table th,
#textfeld table td {
 font-size:11px;
 vertical-align:top;
}

/* ~~~ Tabelle: TH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#textfeld table th {
 font-size:11px;
 text-align:center;
 background-color:#FCE277;
 border:solid #FFF;
 border-width:0 1px 1px 0;
 height:24px;
 margin:0;
 padding:3px 5px 1px 3px;
}

#textfeld table.admin th {
 text-align:left;
}

/* ~~~ Tabelle: TD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#textfeld table td {
 text-align:left;
 border:solid #BCBCBC;
 border-width:0;
 height:22px;
 width:auto;
 margin:0;
 padding:0 3px;
}

#textfeld table.daten td,
#textfeld table.tank td {
 border:solid #FFF;
 border-width:0 1px 0 0;
}

#textfeld table.daten td,
#textfeld table.chart td {
 text-align:center;
}

/* TABELLE CHART */#textfeld table.chart th.head_nor,
#textfeld table.chart th.head_act,
#textfeld table.chart th.head_ohne,
#textfeld table.chart th.head_nor_line{border:0 solid #777;height:20px;margin:0;padding:0;}
#textfeld table.chart th.head_nor{background:url(../i/tabelle_nor.gif) no-repeat;}
#textfeld table.chart th.head_act{background:url(../i/tabelle_act.gif) no-repeat;}
#textfeld table.chart th.head_nor_line{background:url(../i/tabelle_nor_line.gif) no-repeat;}
#textfeld table.chart th.head_ohne{background:url() no-repeat #EEE;border:1px solid #999;vertical-align:top;}
#textfeld table.chart th.noborder{border-width:0;}
#textfeld table.chart th.leer{background-color:#FFF;}
#textfeld table.chart th h3{margin:3px;}
#textfeld table.chart th h3 a{color:#777;text-decoration:none;}
#textfeld table.chart th h3 a:hover{color:#000;text-decoration:none;}
#textfeld table.chart th h4{display:block;background-color:#F49E00;font:bold 12px/14px verdana,helvetica,arial,sans-serif;text-transform:uppercase;margin:3px;padding:3px;}

#textfeld table.chart td{border:0 solid #777;background-color:#FAFAFA;margin:0;padding:0;}
#textfeld table.chart td.white{border:0 solid #777;background-color:#FFF;margin:0;padding:0;}
#textfeld table td.leer{border:0px solid #000;}

#textfeld table.chart ul{list-style-position:outside;list-style-type:square;font:11px/20px verdana,helvetica,arial,sans-serif;margin:0;padding:0;}
#textfeld table.chart ul li{color:#000;text-decoration:none;}
#textfeld table.chart ul li a:hover{color:#000;text-decoration:none;}

#textfeld table.chart div{border:solid #777;border-width:0 1px 1px 1px;margin:0;padding:0;}
#textfeld table.chart div img{border:0 solid #777;margin:0;padding:0;}

/** TABELLE HISTORIE **/
#textfeld table.daten td.head_nor,
#textfeld table.daten td.head_act{font:bold 11px/14px verdana,helvetica,arial,sans-serif;border:0 solid #777;height:20px;margin:0;padding:0;}

#textfeld table.daten p{font:normal 11px/14px verdana,helvetica,arial,sans-serif;color:#000;margin:0;padding:5px 3px 0px 3px;}

/* ~~~ Tabelle: Klassen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.dgelb {
 background-color:#CECEE1;
 color:#000;
}

.gelb {
 background-color:#FEF599;
 color:#000;
}

.hell {
 background-color:#EEE;
 color:#000;
}

.grau {
 background-color:#DDD;
 color:#000;
}

.rot {
 color:#FF0000;
}

.gruen {
 color:#228B22;
}

.leer {
 text-align:left;
 background-color:#FFF;
 border:0px solid #000;
}

#textfeld td.bottomborder {
 background-color:#FFF;
 border:solid #DDD;
 border-width:0 0 1px 0;
 height:5px;
 margin:0;
 padding:0;
}

/* Tabelle class s4*/
#textfeld table.s4 th {	width:75px;
						text-align:center;}
#textfeld table.s4 td {	width:75px;
						text-align:right;}
/* Tabelle class s11*/
#textfeld table.s11 th {width:75px;
						text-align:center;}
#textfeld table.s11 td {width:75px;
						text-align:right;}
#textfeld table.s11 th.s11_t {
						  text-align:right;
						  }
#textfeld table.s11 th.s11_t_t {
						  text-align:center;
						  }

/* ~~~ Tabelle Tank ~~~ */
#textfeld table.tank th {text-align:center;}

#textfeld table.tank th.tankname {width:275px;}
#textfeld table.tank th.datum {width:76px;}
#textfeld table.tank th.tanktyp {width:32px;}
#textfeld table.tank th.volumen {width:64px;}
#textfeld table.tank th.minichart {width:182px;}
#textfeld table.tank th.cm {width:80px;}
#textfeld table.tank th.prozent {width:80px;}
#textfeld table.tank th.volumen {width:80px;}
#textfeld table.tank th.euro {}
#textfeld table.tank th.input {}
#textfeld table.tank th.button {width:100px;}



#textfeld table.tank td.tankname,
#textfeld table.tank td.datum,
#textfeld table.tank td.tanktyp,
#textfeld table.tank td.volumen,
#textfeld table.tank td.minichart,
#textfeld table.tank td.cm,
#textfeld table.tank td.prozent,
#textfeld table.tank td.volumen,
#textfeld table.tank td.input,
#textfeld table.tank td.button {text-align:center;}

#textfeld table.tank td.tankname {text-align:left;white-space:nowrap;}
#textfeld table.tank td.datum {}
#textfeld table.tank td.tanktyp {}
#textfeld table.tank td.volumen {text-align:right;}
#textfeld table.tank td.minichart {}
#textfeld table.tank td.cm {}
#textfeld table.tank td.prozent {}
#textfeld table.tank td.volumen {}
#textfeld table.tank td.euro {text-align:right;}
#textfeld table.tank td.input {text-align:center;}
#textfeld table.tank td.button {padding:0 1px;}




#textfeld table.tank td.cm input.text {width:30px;}
#textfeld table.tank td.prozent input.text {width:30px;}
#textfeld table.tank td.datum input.text {width:60px;}
#textfeld table.tank td.volumen input.text {width:50px;}

#textfeld form table.tank td.label {width:250px;}
#textfeld form table.tank td label {width:250px;}


/* ~~~ Tabelle Historie Auswahl ~~~ */
#textfeld table.historie_auswahl {border:0px solid red;width:520px;}
#textfeld table.historie_auswahl td label {width:150px;}
#textfeld table.historie_auswahl td.checkbox {padding-top:4px;}
#textfeld table.historie_auswahl td.input {text-align:left;width:100px;}
#textfeld table.historie_auswahl td.input select {margin:1px 0 0 0;}
#textfeld table.tank td.button {width:100px;padding:0 0px;}


/* ~~~ Peiltabelle ~~~ */
#textfeld table.peiltabelle {float:left;border:solid #555;border-width:0 0 1px 1px;width:130px;margin:0 10px 20px 10px;padding:00;}

#textfeld table.peiltabelle th {font-size:10px;color:#FFF;background:#555;border:solid #555;border-width:1px 1px 1px 0px;height:auto;margin:0;padding:3px;}
#textfeld table.peiltabelle th.cm {border-width:1px 1px 1px 0;}

#textfeld table.peiltabelle td {font-size:10px;text-align:right;color:#000;border:solid #555;border-width:0 1px 0 0;height:auto;padding:1px 4px;}

#textfeld table.peiltabelle .cm {width:14px;}
#textfeld table.peiltabelle .volumen {width:auto;}

#textfeld table.peiltabelle .hell {background:#FFF;}
#textfeld table.peiltabelle .dunkel {background:#DDD;}