/* ~~~ FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form {
 border:0px solid red;
 width:635px;
 margin:0 0 0 30px;
 padding:0;
}

/* ~~~ FORM: Fieldset ~~~ */
form fieldset {
 font-size:11px;
 line-height:14px;
 font-weight:normal;
 border:solid #DDD;
 border-width:1px 0 0 0;
 margin:0;
 padding:20px 0;
}

/* ~~~ Fieldset: H2, H3, P ~~~ */
#textfeld fieldset h2 {
 margin-left:-21px;
}

#textfeld fieldset h3,
#textfeld fieldset p {
 margin-left:-30px;
}

/* ~~~ ALLGEMEIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
label, input.button, select {
 cursor:pointer;
}

/* ~~~ LABEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
label {
 display:block;
 font-size:11px;
 font-weight:bold;
 color:#444;
 border:0px solid red;
 width:230px;
 margin:0 0 2px 0;
 padding:2px 0;
}

label.radio {
 float:none;
 display:inline;
 margin-right:5px;
}

label.checkbox {display:inline;padding-left:3px;}

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

#textfeld table.historie_auswahl td label {
 margin:2px 0 0 0;
}

#textfeld table.tank td input,
#textfeld table.tank td select {
 margin-right:0;
}

#textfeld table.tank td {
 width:22%;
}


label a {
 color:#444;
 text-decoration:underline;
}

label a:hover {
 text-decoration:none;
}

/* ~~~ INPUT, TEXTAREA, P.AUSGABE, P.ANMERKUNG ~~~~~~~~~~~~~~~~~~~~ */
input,
textarea,
p.ausgabe,
p.anmerkung {font-size:11px;line-height:14px;font-weight:normal;vertical-align:top;color:#000;border:1px solid #999;background-color:#FFF;margin:0 0 2px 0;padding:2px 3px 3px 3px;}

textarea {font-family:verdana,helvetica,arial,sans-serif;font-weight:normal;height:70px;}

textarea.anmerkung,
p.anmerkung {padding:0;margin:0;width:212px;height:70px;}

p.anmerkung {overflow:hidden;overflow-y:auto;}

#textfeld p.ausgabe {background-color:transparent;padding:2px 0 3px 0;}
#textfeld form p.ausgabe {border:0px solid red;margin:0;}

textarea.admin {
 padding:1px 1px 0 1px;
 height:34px;
}

/* ~~~ INPUT ~~~ */
input.check, input.checkbox {vertical-align:middle;background-color:transparent;border:0;}

input.radio {
 vertical-align:middle;
 background-color:transparent;
 margin:0;
 padding:0;
}

input.text {
 font-size:11px;
 height:13px;
 padding:2px 3px 3px 3px;
}

input.text.readonly {
	border-color:#fff;
	padding:;
}
input.upload {
 float:right;
 margin-right:35px;
}

input.hidden {
 display:none;
 margin:0;
 padding:0;
}

input.datum {
 width:70px;
}

input.plz {
 width:70px;
}

/* ~~~ SELECT ~~~ */

select {
 border:1px solid #999;
 background-color:#FFF;
 color:#444;
 margin:0 33px 0 0;;
 padding:0;
}

select.bund {
 width:136px;
}

/* ~~~ BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input.button {
 outline:0;
 display:block;
 font-size:10px;
 text-decoration:none;
 text-align:center;
 vertical-align:middle;
 color:#000;
 background:url(../i/buttons/grau.jpg) 0 0 repeat-x #CBD3C3;
 border:1px solid #777;
 width:100px;
 height:20px;
 margin:0;
 padding:0 5px 2px;
}

#textfeld input.button:hover,
form input.button:hover,
#textfeld input.button:active,
form input.button:active {
 background:url(../i/buttons/grau_h.jpg) repeat-x #CBD3C3;
}

#textfeld table td input {margin:1px 0 0 0;}
#textfeld table td a.button {width:90px;margin:1px 0 0 0;}

#textfeld input.suchen {
 background:url(../i/buttons/suchen.jpg) 0 0 no-repeat #CBD3C3;
 border:1px solid #777;
 width:80px;height:20px;
 margin:0;
 padding:0 5px 2px 5px;
}

#textfeld input.suchen:hover,
#textfeld input.suchen:active {
 background:url(../i/buttons/suchen_h.jpg) 0 0 no-repeat #CBD3C3;
}

/* ~~~ FORM: Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#login form {
 font-size:10px;
 background:none;
 border:0px solid red;
 width:194px;
 margin:0;
 padding:0;
 }

#login form fieldset {
 background:none;
 border:0px solid red;
 margin:0;
 padding:0;
}

#login form label,
#login form input {
 font-size:11px;
 margin:2px 0 0 0;
}

#login form p {
 font-size:9px;
 margin:2px 0 0 0;
}

#login form p a {
 color:navy;
}

#login form label {
 float:left;
 font-weight:bold;
 width:80px;
 padding:1px 0px 2px 0px;
}

#login form input.text {
 width:100px;
 padding:1px 3px 2px 3px;
}

#login form input.button {
 float:right;
 width:60px;
 margin-right:6px;
}

#login form p {
 padding:3px 0;
}

/* ~~~ FORM: Suche ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bildleiste form#suche {
 border:solid #DDD;
 border-width:0 1px;
 width:180px;
 margin:0;
 padding:0 10px 20px 10px;
}

#bildleiste form#suche input.text {
 width:172px;
 margin:0;
}

#bildleiste form#suche input.button {
 float:right;
 margin:2px 0 0 0;
}

#bildleiste input,
form#suche input.suchbegriff {
 width:100px;
}

#textfeld form .suchbegriff_lang {
 width:200px;
 margin:0 5px 0 0;
}

/* ~~~ FORM: VolumenRechner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#vr_start {
 border:solid #DDD;
 border-width:0 1px;
 width:200px;
 margin:0;
 padding:0;
}

form#vr_start fieldset {
 border:solid #DDD;
 border-width:1px 0 0 0;
 width:180px;
 margin:0 10px;
 padding:10px 0;
}

form#vr_start label {
 float:left;
 clear:left;
 font-size:10px;
 width:120px;
}

form#vr_start p.ausgabe {
 text-align:right;
 border:0;
}

form#vr_start label.select {
 width:70px;
}

form#vr_start input.text {
 height:14px;
 width:50px;
 padding:1px 3px;
}

form#vr_start input.button {
 float:none;
 margin:0 auto;
}

form#vr_start select {
 font-size:11px;
 width:108px;
 margin:0;
}



/* ~~~ TANKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#tanks {
}

form#tanks fieldset {
}

form#tanks label,
form#tanks .label {
 display:block;
 float:left;
 border:0px solid red;
 width:350px;
 margin:0 0 1px 0;
 padding:3px 0;
}

form#tanks input.text {
 width:150px;
 margin:0 0 1px 0;
}

form#tanks input.button {
 float:right;
 margin:0 20px 1px 0;
}

form#tanks select {
 margin:0 33px 1px 0;
}

/* ~~~ Radio mit Liste ~~~ */
#textfeld ul#tanktyp {
 border:0px solid red;
 width:250px;
 margin:2px 0 0 350px;
}

#textfeld ul#tanktyp li {
 display:block;
 list-style:none outside;
 line-height:13px;
 background-image:none;
 background-color:#FFF;
 border:1px solid #999;
 width:100%;
 height:46px;
 margin:0 0 2px 0;
 padding:0;
}

#textfeld ul#tanktyp li:hover {
 background-color:#EEE;
}

#textfeld ul#tanktyp li label {
 display:block;
 float:none;
 font-weight:normal;
 border:0px solid red;
 width:100%;
 height:46px;
 margin:0;
 padding:0;
}

#textfeld ul#tanktyp li input.radio {
 vertical-align:middle;
 background-color:transparent;
 border:0;
 margin:0;
 padding:0;
}

#textfeld ul#tanktyp li label img.icon {
 cursor:default;
 display:block;
 float:left;
 width:40px;
 height:40px;
 margin:0;
 padding:3px;
}

/* ~~~ EFFIZIENZ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#effizienz {
}

form#effizienz fieldset {
}

form#effizienz label,
form#effizienz .label {
 display:block;
 float:left;
 border:0px solid red;
 width:150px;
 padding:3px 0;
}

select#heizjahr {
 width:100px;
}

select#beginHeizJahr {
 width:100px;
}

form#effizienz input.text {
 float:right;
 width:100px;
 margin:0 5px 1px 20px;
}

form#effizienz 	#efEurLit {
 float:right;
 width:20px;
 margin:0 20px 1px 0;*/
}

form#effizienz input.button {
 float:left;
 width:100px;
 margin:0 5px 1px 250px;
}

input#efHOelPreis {
 float:right;
 clear:right;
 width:30px;
 margin:0 50px 1px 0;
}





/* ~~~ KLASSEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.noborder {
 /*display:none;*/
 border:0;
 margin:0;
 padding:0;
}