body,td,th {
               font-family: Arial, Verdana, Helvetica, sans-serif;
               color: #5f5f5f;
               font-size: 12px;
               line-height: 16px;
        }
        body {
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-top: 0px;
                background-color: #d8e9f2;
        }
        .flagPos {
                margin: 0px 0px 0px 0px;
                position: relative;
                top: -3px;
                left: 0px;
        }
        .flagPos1 {
                margin: 0px 0px 0px 5px;
                position: relative;
                top: -4px;
                left: 0px;
        }
/* ----------------WetterBox Design & Link-------------- */
        .wetterBox {
                border: 1px solid #B3000C;
        }
        .wetterText {
                font-family: arial;
                font-size: 9px;
                font-weight: normal;
                color: #333333;
                text-decoration: none;
        }
        a.wetterText {
                font-family: arial;
                font-size: 9px;
                font-weight: normal;
                color: #333333;
                text-decoration: none;
        }
        a.wetterText:link {
                font-size: 9px;
                font-weight: normal;
                color: #B3000C;
                text-decoration: none;
        }
        a.wetterText:hover {
                font-size: 9px;
                font-weight: normal;
                color: #B3000C;
                text-decoration: none;
        }
        a.wetterText:visited {
                font-size: 9px;
                font-weight: normal;
                text-decoration: none;
        }
        /* ----------------Pinnwand Link-------------- */
        .pinnwandLink {
                color: #777777;
                 font-family: arial;
                 font-size: 9pt;
                 text-decoration: none;
                 font-weight: normal;
        }
        a.pinnwandLink {
                color: #777777;
                 font-family: arial;
                 font-size: 9pt;
                 text-decoration: none;
                 font-weight: normal;
        }
        a.pinnwandLink:link {
                color: #777777;
                 font-family: arial;
                 font-size: 9pt;
                 text-decoration: none;
                 font-weight: normal;
        }
        a.pinnwandLink:hover {
                color: #777777;
                 font-family: arial;
                 font-size: 9pt;
                 text-decoration: none;
                 font-weight: normal;
        }
        a.pinnwandLink:visited {
                color: #777777;
                 font-family: arial;
                 font-size: 9pt;
                 text-decoration: none;
                 font-weight: normal;
        }
/* ----------------Links Allgemein-------------- */

        a:link  {
                color: #5f5f5f;
                text-decoration: none;
                background: url("/haushalt/energiecheck/symbole/wsw/link.gif") transparent no-repeat top left ;
                padding-left: 12px;
        }
        a:visited  {
                color: #5f5f5f;
                 text-decoration: none;
                background: url("/haushalt/energiecheck/symbole/wsw/link.gif") transparent no-repeat top left ;
                padding-left: 12px;
        }
        a:hover  {
                color: #e50000;
                 text-decoration: underline;
                background: url("/haushalt/energiecheck/symbole/wsw/link.gif") transparent no-repeat top left ;
                padding-left: 12px;
        }
        a:active  {
                color: #5f5f5f;
                 text-decoration: none;
                background: url("/haushalt/energiecheck/symbole/wsw/link.gif") transparent no-repeat top left ;
                padding-left: 12px;
        }
        a:focus   {
                color: #5f5f5f;
                 text-decoration: none;
                background: url("/haushalt/energiecheck/symbole/wsw/link.gif") transparent no-repeat top left ;
                padding-left: 12px;
        }
        .font10 a:link,
        .fusszeile a:link  {
                color: #5f5f5f;
                text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        .font10 a:visited,
        .fusszeile a:visited   {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        .font10 a:hover,
        .fusszeile a:hover   {
                color: #e50000;
                 text-decoration: underline;
                background: none;
                padding-left: 0px;
        }
        .font10 a:active,
        .fusszeile a:active   {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        .font10 a:focus,
        .fusszeile a:focus    {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        a.toplink:link {
                color: #5f5f5f;
                text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        a.toplink:visited  {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        a.toplink:hover  {
                color: #e50000;
                 text-decoration: underline;
                background: none;
                padding-left: 0px;
        }
        a.toplink:active  {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
        a.toplink:focus   {
                color: #5f5f5f;
                 text-decoration: none;
                background: none;
                padding-left: 0px;
        }
/* --------------------Linke Navigation------------------ */
        .naviRoll  {
                 font-size: 12px;
                 font-weight: bold;
                 color: #333333;
                 text-decoration: none;
                 width: 145px;
                 display: block;
                 }
        .naviRoll a  {
                 width: 145px;
                 padding: 0px 0px 0px 18px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px -8px;
                 color:#333333;
                 text-decoration: none;
                 display: block;
        }
        .naviRoll a:hover {
                 width: 145px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px 2px;
                 font-weight: bold;
                 color:#B3000C;
                 text-decoration: none;
                 padding: 0px 0px 0px 18px;
        }
        .naviRoll a:active  {
                 width: 145px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px 2px;
                 font-weight: bold;
                 color:#B3000C;
                 text-decoration: none;
                 padding: 0px 0px 0px 18px;
        }
/* ----------------Linke Navigation Aktiv-------------- */
        .naviActive  {
                 font-size: 12px;
                 font-weight: bold;
                 color: #B3000C;
                 text-decoration: none;
                 width: 145px;
                 display: block;
        }
        .naviActive a         {
                 width: 145px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px 2px;
                 color: #B3000C;
                 text-decoration: none;
                 padding : 0px 0px 0px 18px;
                 display: block;
        }
        .naviActive a:hover  {
                 width: 145px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px 2px;
                 padding : 0px 0px 0px 18px;
        }
        .naviActive a:active  {
                 width: 145px;
                 background-image: url(/images_navigation/dot.gif);
                 background-position: 5px 2px;
                 padding : 0px 0px 0px 18px;
        }
/* -------------------SubNavigation------------------- */
        .subNavi  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #333333;
                 text-decoration: none;
                 display: block;
                 margin: 0px 0px 0px 26px;
        }
        a.subNavi  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #333333;
                 text-decoration: none;
        }
        a.subNavi:link  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #333333;
                 text-decoration: none;
        }
        a.subNavi:visited  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #333333;
                 text-decoration: none;
        }
        a.subNavi:hover  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
        a.subNavi:active  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
/* -------------SubNavigation Aktiv------------- */
        .subNaviActive  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
                 display: block;
                 margin: 0px 0px 0px 26px;
        }
        a.subNaviActive  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
        a.subNaviActive:link  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
        a.subNaviActive:hover  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
        a.subNaviActive:visited  {
                 font-size: 12px;
                 font-weight: normal;
                 color: #B3000C;
                 text-decoration: none;
        }
/* ----------------Links Allgemein-------------- */
        a.heading  {
                 color: #000000;
        }
        a.heading:link  {
                 color: #000000;
                 text-decoration: none;
        }
        a.heading:hover  {
                 color: #000000;
                 text-decoration: none;
        }
        a.heading:visited  {
                 color: #000000;
                 text-decoration: none;
        }





.checktable {
        border-left: 0px solid #ffffff;
        border-right: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        border-top: 0px solid #ffffff;
        background-color: transparent;
        width: 580px;
        margin-left: 210px;
}

.checkreiter {
        border-left: 1px solid #aab6be;
        border-right: 1px solid #aab6be;
        border-top: 1px solid #aab6be;
        border-bottom: 0px solid #aab6be;
        width: 600px;
        margin: 0px 0px 0px 200px;
}
.checkbutton {
        font-family: Arial, Verdana, Verdana, Helvetica, sans-serif;;
        color: #000000;
        background-color: #ece9d8;
        border: 1px solid #a9cfe3;
        font-size: 11px;
        font-weight: normal;
        vertical-align: bottom;
        padding-bottom: 2px;
        cursor: hand;
        cursor: pointer;
}
.checkbutton_passiv {
        color: #ffffff;
        background-color: #5fa3cb;
        font-weight: bold;
        border: none;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, sans-serif;;
        height: 23px;
        text-transform: none;
        cursor: hand;
        cursor: pointer;

}
.checkbutton_aktiv {
        color: #e50000;
        border: none;
        font-size: 12px;
        background-color: #c1dde9;
        font-weight: bold;
        font-family: Arial, Verdana, Helvetica, sans-serif;;
        height: 23px;
        text-transform: none;
        cursor: hand;
        cursor: pointer;
}
.checktd_aktiv_oben_links {
        background-color: #c1dde9;
        border-top: 0px solid #afafaf;
        border-right: 1px solid #afafaf;
        border-bottom: 1px solid #afafaf;
        border-left: 1px none #afafaf;
}
.checktd_passiv {
        background-color: #5fa3cb;
        border-top: 0px solid #afafaf;
        border-right: 1px solid #afafaf;
        border-bottom: 1px solid #afafaf;
        border-left: 0px none #afafaf;
}
.checktd_passiv_unten_rechts {
        background-color: #5fa3cb;
        border-top: 0px solid #afafaf;
        border-right: 0px none #afafaf;
        border-bottom: 1px solid #afafaf;
        border-left: 0px none #afafaf;
}
.checktd_main {
        padding: 20px 0px 0px 0px;
        background-color: transparent;
}
.checktd_aktiv_unten_rechts {
        background-color: #c1dde9;
        border-top: 0px solid #afafaf;
        border-right: 0px none #afafaf;
        border-bottom: 1px solid #afafaf;
        border-left: 0px none #afafaf;
}
.main {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: 0px;
        background: url("/haushalt/energiecheck/symbole/wsw/bg.gif") transparent repeat-y top left ;
        padding-right: 240px;
        min-height: 100%;
}
*:first-child+html .main {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: 0px;
        background: url("/haushalt/energiecheck/symbole/wsw/bg.gif") transparent repeat-y top left ;
        width: 800px;
        min-height: 100%;
}
* html .main {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: 0px;
        background: url("/haushalt/energiecheck/symbole/wsw/bg.gif") transparent repeat-y top left ;
        width: 800px;
        height: 600px;
}
hr {
        height: 1px;
        width: 580px;
        color: #aab6be;
        margin-top: 20px;
        margin-left: 210px;
}
.main_druck hr {
        height: 1px;
        width: 580px;
        color: #aab6be;
        margin-top: 0px;
        margin-left: 0px;
}
.tr_head_dunkel td {
        font-size: 12px;
        background-color: transparent;
        color: #5f5f5f;
        padding: 0px 0px 0px 0px;
        border-bottom: 1px solid #cccccc;
}
.tr_hell {
        background-color: transparent;
        padding: 0px 0px 3px 0px;
        line-height: 22px;
        border-bottom: 1px solid #cccccc;
        padding: 0px 0px 0px 0px;
}

.tr_dunkel {
        background-color: transparent;
        padding: 0px 0px 3px 0px;
        line-height: 22px;
        border-bottom: 1px solid #cccccc;
        padding: 0px 0px 0px 0px;
        }

.main_right,
.main_left {
        font-weight: bold;
        color: #5f5f5f;
        background-color: transparent;
        font-size: 12px;
        line-height: 22px;
        text-align: left;
        padding: 0px 0px 0px 0px;
}

.main_right {
          border-bottom: 1px solid #cccccc;
          border-left: 0px solid #cccccc;
          border-top: 0px solid #cccccc;
}
.main_left {
          border-bottom: 1px solid #cccccc;
          border-left: 0px solid #cccccc;
          border-top: 0px solid #cccccc;
}
.tr_chart td {
        font-weight: bold;
        color: #5f5f5f;
        background-color: transparent;
        font-size: 13px;
        text-align: left;
        padding: 0px 0px 0px 0px;
          border-bottom: 1px solid #cccccc;
}



.td_right,
.td_mid {
          border-bottom: 1px solid #cccccc;
          text-align: left;
        padding: 0px 0px 0px 0px;
        line-height: 22px;
          border-left: 0px solid #ffffff;
}
.td_left {
          border-bottom: 1px solid #cccccc;
          text-align: left;
        padding: 0px 0px 0px 0px;
        line-height: 22px;
}
.piechart {
                margin-top: 0px;
                padding-top: 0px;
          border-bottom: 0px solid #000000;
          border-left: 0px solid #000000;
          border-right: 0px solid #000000;
          border-top: 1px solid tansparent;
          margin-bottom: 30px;
          background-color: #e5f0f6;
}
.piechart_druck {
          margin-top: 0px;
          margin-bottom: 30px;
          padding-top: 0px;
          border-top: 0px solid tansparent;
          border-bottom: 0px solid #000000;
          border-left: 0px solid #000000;
          border-right: 0px solid #000000;
          width: 100%;
        background-color: #e5f0f6;
}
h1 {
        font-size: 19px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        line-height: 20px;
        font-weight: bold;
        color: #e50000;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
}
.main_druck h1 {
        font-size: 19px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        line-height: 20px;
        font-weight: bold;
        color: #e50000;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 0px;
}
h2 {
        font-size: 16px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        line-height: 20px;
        font-weight: bold;
        color: #e50000;
        margin-bottom: 20px;
        margin-top: 10px;
}
.table_headlines {
        font-size: 16px;
        font-family: Arial, Verdana, Helvetica, sans-serif;;
        line-height: 18px;
        font-weight: bold;
        color: #e50000;
        border-bottom: 0px solid #464646;
        background: transparent;
        padding: 0px 0px 0px 0px;
}

.main_druck .tr_head_dunkel td {
        font-size: 12px;
        background-color: #ffffff;
        color: #5f5f5f;
        padding: 0px 0px 3px 0px;
        border-bottom: 1px solid #cccccc;
}

.main_druck .tr_hell td {
        padding: 0px 0px 3px 0px;
        line-height: 22px;
        border-bottom: 1px solid #cccccc;
        background-color: #ffffff;
}

.main_druck .tr_dunkel td {
        background-color: #ffffff;
        padding: 0px 0px 3px 0px;
        line-height: 22px;
        border-bottom: 1px solid #cccccc;
        background-color: transparent;
        }
.druckansicht {
               background-image: url(/_images/bt_print2.gif);
               background-repeat: no-repeat;
               padding-left: 30px;
}
.toppage {
               background-image: url(velbert_top.gif);
               background-repeat: no-repeat;
               padding-left: 20px;
}

.font10 {
               font-size: 9px;
               line-height: 12px;
               color: #333333;
               padding: 0px 30px 0px 0px;
               margin-left: 210px;
               margin-right: -210px;
               display: block;
}

.main_druck .font10 {
               font-size: 9px;
               line-height: 12px;
               color: #333333;
               padding: 0px 0px 0px 0px;
               margin-left: 0px;
               margin-right: 0px;
               display: block;
}

.fusszeile{
               color: #333333;
               padding: 0px 30px 0px 0px;
               margin-left: 210px;
               margin-right: -210px;
               display: block;
               font-weight: bold;
}
.footer {
        font-size: 9px;
        padding-bottom: 15px;
        line-height: 12px;
        font-family: Arial, Tahoma, Verdana, sans-serif;
}
form {
     margin: 0px;
}

.headbild {
          margin: 0px 0px 0px 0px;
}

.headbild_start {
          position: relative;
          left: 0px;
          margin-right: 0px;
}

p {
          margin: 10px 0px 10px 0px;
}
#mailok {
    background: url("/haushalt/energiecheck/symbole/mvv/bt_link.gif") transparent no-repeat bottom left;
    width: 85px;
    height: 13px;
    border: 0px;
        cursor: hand;
        cursor: pointer;
}
#berechnung {
    background: url("/haushalt/energiecheck/symbole/mvv/bt_berechnen.gif") transparent no-repeat bottom left;
    width: 69px;
    height: 13px;
    border: 0px;
    margin-left: 5px;
        cursor: hand;
        cursor: pointer;
}
#zurueck {
    background: url("/haushalt/energiecheck/symbole/mvv/bt_zurueck.gif") transparent no-repeat bottom left;
    width: 52px;
    height: 10px;
    border: 0px;
        cursor: hand;
        cursor: pointer;
}
#weiter {
    background: url("/haushalt/energiecheck/symbole/mvv/bt_weiter.gif") transparent no-repeat bottom left;
    width: 48px;
    height: 10px;
    border: 0px;
        cursor: hand;
        cursor: pointer;
}
#mailanfordern {
    background: url("/haushalt/energiecheck/symbole/mvv/bt_link.gif") transparent no-repeat bottom left;
    width: 85px;
    height: 13px;
    border: 0px;
        cursor: hand;
        cursor: pointer;
}

.formular_text {
    width: 40px;
    padding-left: 3px;
      background-color: #ffffff;
      border: 1px solid #a9cfe3;
      font-size: 12px;
      color: #575d5b;
}
.kosten {
        padding: 10px;
}
input,
select {
                font-family: Arial, Tahoma, Verdana, sans-serif;
                font-size: 12px;
                color: #000000;
}