body{font-family:verdana,helvetica,arial,sans-serif;color:#444;}

/* ~~~ KOPF ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#head_text h1{font:normal 28px/26px arial,verdana,helvetica,sans-serif;color:#333;margin:0;padding:0;}

/* ~~~ BREADCRUMB-NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wobinich p{font:normal 10px/12px arial,verdana,helvetica,sans-serif;color:#444;margin:0;padding:1px 5px 1px 3px;}

/* ~~~ TEXTFELD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ Überschrift: H1 ~~~ */
#textfeld h1{display:block;background:url(../i/h1_bg.jpg) 0 0 no-repeat #FFF;color:#333;font:normal 18px/20px arial,verdana,helvetica,sans-serif;width:646px;margin:0 222px 10px 0;padding:5px 10px 15px 10px;}
#textfeld h1.breit{background-image:url(../i/h1_bg_breit.jpg);width:868px;}
#textfeld h1.intro{background:none;margin-bottom:15px;padding:0;}
#textfeld h1.intro img{margin:0;padding:0;}
#textfeld table h1{font-size:14px;line-height:22px;font-weight:bold;color:#555;margin:0 0 5px 0;padding:0;}

/* ~~~ Überschrift: H2 ~~~ */
#textfeld h2{font:bold 12px/16px verdana,helvetica,arial,sans-serif;color:#444;border:solid #F49E00;border-width:0 0 0 10px;margin:0 69px 15px 10px;padding:0 0 0 10px;}
#textfeld h2 a{color:#444;text-decoration:underline;}
#textfeld h2 a:hover{text-decoration:none;}
#textfeld table h2{font-size:11px;line-height:14px;font-weight:bold;color:#777;margin:0;padding:0;}

/* ~~~ Überschrift: H3 ~~~ */
#textfeld h3{font:bold 13px/13px verdana,helvetica,arial,sans-serif;text-decoration:none;color:#444;background:#FFDCBF;margin:0 222px 15px 27px;padding:3px 40px 3px 3px;}
#bildleiste h3{clear:both;font-size:13px;line-height:15px;color:#444;background-color:transparent;border:0;height:32px;margin:0;padding:4px 7px 5px 7px;}
form#vr_start h3{border:0;height:auto;margin:0 0 0 0;padding:9px 10px 5px 10px;}
#textfeld div.faq h3{margin:0 202px 3px 0;}
#textfeld div.faq h3.selected{text-decoration:none;color:#000;background:#F49E00;}
#textfeld table th h3,
#textfeld table td h3{font-size:11px;line-height:14px;font-weight:bold;background-color:transparent;margin:0;padding:0;}
#textfeld table td h3{margin:2px 0 0 0;}
#textfeld table td h3 a{color:#333;text-decoration:underline;}
#textfeld table td h3 a:hover{text-decoration:none;}
#textfeld table.tank td h3{text-align:center;}

/* ~~~ Überschrift: H4 ~~~ */
#textfeld h4 {display:block;font-size:12px;font-weight:bold;color:#444;margin:0 30px 20px 30px;padding:2px 3px 0 1px;}
#textfeld ul#tanktyp .h4{display:block;font-weight:bold;color:#444;margin:0;padding:2px 3px 0 1px;}

/* ~~~ Text: P ~~~ */
#textfeld p{font:normal 11px/14px verdana,helvetica,arial,sans-serif;color:#444;border:solid #EFEFEF;border-width:0 0 0 0;margin:0 222px 15px 0;padding:0 30px;}

#login form p{line-height:12px;color:#000;border:0px solid red;margin:0;padding:0;}
#login form p.fehler{font-weight:bold;color:red;margin:0;padding:0;}

#textfeld table th p,
#textfeld table td p {font-size:11px;line-height:14px;color:#333;margin:0;padding:0;}

#textfeld table th p {font-size:10px;}

#textfeld table p.note{font:normal 9px/12px verdana,helvetica,arial,sans-serif;color:#000;margin:5px 0;padding:0;}
#vr_start p.note {clear:both;font-size:9px;border:0;margin:0;padding:0;}
#textfeld table p.note a{color:#000;text-decoration:underline;}
#textfeld table p.note a:hover{color:#000;text-decoration:none;}

#textfeld table.tank p {padding:5px 3px 0px 3px;}
#textfeld table.tank td p.right{text-align:right;padding-right:40px;}
#textfeld table.tank td p.rightsmall{text-align:right;padding-right:20px;}

/* ~~~ Text: Links ~~~ */
#textfeld a {outline:0;color:#444;text-decoration:underline;}
#textfeld a:hover{color:#F49E00;text-decoration:underline;}

/* ~~~ Link als Button ~~~ */
#textfeld a.button {
 display:block;
 font-size:11px;
 text-decoration:none;
 text-align:center;
 color:#000;
 background:url(../i/buttons/grau.jpg) 0 0 repeat-x #CBD3C3;
 border:1px solid #777;
 width:100px;
 height:12px;
 margin:0;
 padding:2px 5px 4px 5px;
}

#textfeld a.button:hover,
#textfeld a.button:active {
 text-decoration:none;
 color:#000;
 background:url(../i/buttons/grau_h.jpg) repeat-x #CBD3C3;
}


/* ~~~ Bilder ~~~ */
#textfeld img{border:0px solid red;margin:18px 0 18px 33px;padding:0;}

/* ~~~ Bilder: Icons ~~~ */
#textfeld img.icon{float:left;font-size:10px;margin:0 5px 0 0;padding:0;}
#textfeld table td.tanktyp img.icon{float:none;margin:1px 0 0 0;}
#textfeld label a img{border:0px solid red;margin:0;padding:0;}

/* ~~~ Text: Zitat ~~~*/
#textfeld blockquote{font-size:15px;text-transform:;color:#444;margin:0 0 20px 10px;padding:0;}

/* ~~~ Text: Zitat-Autor ~~~ */
#textfeld blockquote p{text-transform:none;margin:3px 0 0 0;padding:0;}


/* ~~~ Liste ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#textfeld ul{border:0px solid red;width:590px;margin:0 33px 0 31px;padding:0 0 20px 0;}
#textfeld ul li{font:normal 11px verdana,helvetica,arial,sans-serif;list-style:none outside;background:url(../i/liste_pfeil.gif) 0 3px no-repeat transparent;width:590px;margin:0 0 3px 0;padding:1px 1px 2px 12px;}

/* ~~~ Liste: Links ~~~ */
#textfeld ul li a{text-decoration:none;color:#444;}
#textfeld ul li a:hover{text-decoration:underline;color:#444;}
#textfeld ul li p a{text-decoration:underline;}
#textfeld ul li p a:hover{text-decoration:underline;}

/* ~~~ Liste: Leistungen ~~~ */
#textfeld ul.leistungen{float:left;background:url(../i/liste_leistungen.jpg) 0 0 no-repeat transparent;border:0px solid red;width:154px;height:100px;margin:0 16px 0 0;padding:0;}
#textfeld ul.leistungen li{font-size:12px;font-weight:bold;background:url(../i/haken.gif) 0 3px no-repeat transparent;border:0;width:116px;margin:0 0 0 10px;padding:3px 10px 3px 20px;}
#textfeld ul.leistungen li.h1{font-size:14px;font-weight:bold;background:none;margin:0 0 5px 0;padding:5px 10px;}

/* ~~~ Liste: Übersicht ~~~ */
#textfeld ul.uebersicht {border:0px solid red;width:250px;}
#textfeld ul.uebersicht li p {margin:0 0 3px 0;padding:0;}
#textfeld ul.uebersicht li p.info {background-color:#FFF;border:1px solid #999;width:300px;margin:5px 0 10px 0;padding:5px;}
#textfeld ul.uebersicht li p.fehler {border-color:red;}
#textfeld ul.uebersicht li p a {margin:0;padding:0;}
#textfeld ul.uebersicht li.info p a img {margin:0;padding:0;}

/* ~~~ Liste: FAQ ~~~ */
#textfeld ul.faq{margin:0 0 0 34px;padding:0 0 30px 0;}
#textfeld ul.faq li{background:url(../i/liste_pfeil.gif) 0 2px no-repeat transparent;margin:0 0 3px 0;padding:0 0 0 12px;}

/* ~~~ Liste: Chart-Reiter ~~~ */
#textfeld ul.chart_reiter,
#textfeld ul.chart_reiter_temper {background:#DDD;border:solid #999;border-width:1px 1px 0 1px;width:560px;height:36px;margin:0 0 0 33px;padding:0;}
#textfeld ul.chart_reiter_temper {height:18px;}

#textfeld ul.chart_reiter li,
#textfeld ul.chart_reiter_temper li {display:block;float:left;list-style:none;font-size:9px;font-weight:bold;background:none;border:solid #EEE;border-width:0 1px 1px 0;width:200px;height:17px;margin:0;padding:0;}

#textfeld ul.chart_reiter li.oben,
#textfeld ul.chart_reiter_temper li.oben {width:139px;}

#textfeld ul.chart_reiter li.oben_r,
#textfeld ul.chart_reiter_temper li.oben_r {border-right-width:0;width:140px;}

#textfeld ul.chart_reiter li.unten,
#textfeld ul.chart_reiter_temper li.unten {width:279px;}

#textfeld ul.chart_reiter li.unten_r,
#textfeld ul.chart_reiter_temper li.unten_r {border-right-width:0;width:280px;}

#textfeld ul.chart_reiter li a,
#textfeld ul.chart_reiter_temper li a {display:block;text-decoration:none;text-align:center;background:#DDD;margin:0;padding:2px 10px 3px 10px;}

#textfeld ul.chart_reiter li a:hover,
#textfeld ul.chart_reiter_temper li a:hover {text-decoration:none;color:#000;background:#FFF;}

#textfeld ul.chart_reiter li a.current,
#textfeld ul.chart_reiter_temper li a.current {color:#000;background:#F49E00;}



/* ~~~ Liste: Klassen ~~~ */
#textfeld ul#tanktyp li.selected{border-color:#F49E00;}

/* ~~~ Definitionsliste ~~~ */
#textfeld dl {font-size:11px;border:0px solid red;margin:0 0 20px 30px;}

#textfeld dl dt {display:block;float:left;border:0px solid red;width:150px;margin:0 10px 0 0;padding:1px 1px 2px 12px;}
#textfeld dl.uebersicht dt {display:block;float:left;background:url(../i/liste_pfeil.gif) 0 3px no-repeat transparent;border:0px solid red;width:160px;margin:0;padding:1px 1px 2px 12px;}
#textfeld dl dt a {text-decoration:none;color:#000;}
#textfeld dl dt a:hover {text-decoration:underline;color:#000;}

#textfeld dl dd {display:block;border:0px solid red;margin:0;padding:1px 1px 2px 1px;}


/* ~~~ Div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ Div: Minichart ~~~ */
#textfeld div.minichart {font-size:11px;text-align:left;background:#EEE;border:1px solid #777;width:180px;height:16px;margin:2px auto;padding:0;}
#textfeld div.minichart img {height:16px;margin:0;padding:0;}

/* ~~~ Div: Faq ~~~ */
#textfeld div.faq{clear:both;margin:0 30px 20px 30px;}
#textfeld div.faq p.bearbeiten{float:right;font-size:9px;width:135px;margin:0;padding:3px;}
#textfeld div.faq p.bearbeiten a:hover{text-decoration:none;color:#000;}
#textfeld div.faq p.lastedit{float:right;clear:right;font-size:9px;width:135px;margin:0;padding:3px;}
#textfeld div.faq p.faq{font-size:11px;line-height:14px;margin:0 202px 0 0;padding:3px;}
#textfeld div.faq p.tipp{font-size:11px;line-height:14px;border:solid #DDD;border-width:1px 0 0 0;margin:3px 180px 0 3px;padding:5px 3px 5px 0;}

/* ~~~ BILDLEISTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bildleiste{font-size:11px;}

/* ~~~ Text: P ~~~ */
#bildleiste p{font:normal 11px/13px verdana,helvetica,arial,sans-serif;text-align:left;border:solid #DDD;border-width:0 1px;margin:-1px 0 0 0;padding:5px 10px 10px 10px;}
#bildleiste form#suche a{margin:0;padding:0;}

/* ~~~ Bilder ~~~ */
#bildleiste img{display:block;border:solid #DDD;border-width:0 1px;width:200px;margin:0;padding:0;}

/* ~~~ CHART ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ Div: Chart ~~~ */
div#chart{background:#FAFAFA;border:1px solid #999;width:560px;height:360px;margin:0 33px 20px 33px;padding:0;}

/* ~~~ Div: Chart-Grafik ~~~ */
#chart img{display:block;border:0;margin:0;padding:5px;}

/* ~~~ WERBUNG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ Div: Werbung ~~~ */
#textfeld div.werbung_a {float:left;font-size:10px;text-align:left;color:#999;border:0px solid #DDD;width:321px;margin:33px 12px 2px 0;padding:0 3px;}

#textfeld div.werbung {float:left;font-size:11px;text-align:center;border:1px solid #DDD;width:325px;height:100px;margin:0 12px 0 0;padding:0;}
#textfeld div.werbung img {margin:0;padding:0;}

/* ~~~ Klassen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fn{float:none;}
.fl{float:left;}
.fr{float:right;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.rot,
#textfeld .fehler{color:red;}
form#vr_start .fehler{font-size:11px;font-weight:bold;color:red;border:0;margin:0 0 5px 0;padding:0;}
.normal{font-weight:normal;}
.alert{font:bold 11px/14px verdana,helvetica,arial,sans-serif;text-align:center;background-color:#F49E00;color:#000;margin:0;padding:7px;}
#textfeld .schritt{font-weight:bold;margin-left:230px;}

/* ~~~ NOSCRIPT ~~~ */
.noscript{text-align:center;font:bold 13px/16px verdana,helvetica,arial,sans-serif;color:red;border:1px solid red;width:250px;margin:0 40px 20px 33px;padding:10px;}
.noscript a{text-decoration:underline;color:#000;}