body,td,th {
                font-family: Verdana, Arial, sans-serif;
                font-size: 11px;
                color: #333333;
                line-height: 16px;
        }
        body {
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-top: 0px;
                background: url("/haushalt/energiecheck/symbole/ewm/bg_head.gif") #ffffff repeat-x top left;
        }
        .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: #df0029;
                 text-decoration: underline;
        }
        a:visited  {
                 color: #df0029;
                 text-decoration: underline;
        }
        a:hover  {
                 color: #df0029;
                 text-decoration: underline;
        }
        a:active  {
                 color: #df0029;
                 text-decoration: underline;
        }
        a:focus   {
                 color: #df0029;
                 text-decoration: underline;
        }

/* --------------------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: #ffffff;
        margin: 0px 0px 0px 232px;
        width: 528px;
}

.checkreiter {
        position: relative;
        border-left: 0px solid #f1f1f1;
        border-right: 0px solid #f1f1f1;
        border-top: 0px solid #f1f1f1;
        border-bottom: 0px solid #f1f1f1;
        width: 528px;
        left: 116px;
        padding: 0px 0px 0px 0px;
        margin-top: 10px;
}
.checkbutton {
        color: #333333;
        background-color: #d4d0c8;
        border: 1px solid #999999;
        font-size: 11px;
        font-weight: normal;
        height: 17px;
        vertical-align: bottom;
        cursor: hand;
        cursor: pointer;
}
.checkbutton_passiv {
        background: url("/haushalt/energiecheck/symbole/ewm/bg_passiv.gif") #f1f1f1 no-repeat center left;
        color: #333333;
        font-weight: normal;
        width: 86px;
        text-align: left;
        padding-left: 10px;
        border: none;
        font-size: 10px;
        font-family: Verdana, Arial, sans-serif;
        height: 18px;
        text-transform: none;
        cursor: hand;
        cursor: pointer;

}
.checkbutton_aktiv {
        background: url("/haushalt/energiecheck/symbole/ewm/bg_aktiv.gif") #ffffff no-repeat center left;
        color: #333333;
        font-weight: normal;
        width: 86px;
        text-align: left;
        padding-left: 10px;
        border: none;
        font-size: 10px;
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
        height: 18px;
        text-transform: none;
        cursor: hand;
        cursor: pointer;
}
.checktd_aktiv_oben_links {
        background-color: #ffffff;
        border-top: 0px none;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 0px none;
}
.checktd_passiv {
        background-color: #f1f1f1;
        border-top: 0px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px none #ffffff;
}
.checktd_passiv_unten_rechts {
        background-color: #f1f1f1;
        border-top: 0px solid #ffffff;
        border-right: 1px none #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px none #ffffff;
}
.checktd_main {
        padding: 10px 0px 10px 0px;
}
.checktd_aktiv_unten_rechts {
        background-color: #ffffff;
        border-top: 1px none #ffffff;
        border-right: 1px none #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px none #ffffff;
}
.main {
        position: absolute;
        width: 760px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        border: 0px;
        background-color: #ffffff;
}
.table_headlines {
        font-weight: bold;
        color: #000000;
        background-color: #ffffff;
        padding: 0px 0px 0px 0px;
        font-size: 13px;
        border-bottom: 1px solid #a71711;
}
hr {
        height: 1px;
        width: 528px;
        color: #f2f2f2;
        margin-top: 0px;
        margin-left: 232px;
}
.tr_head_dunkel td {
        background-color: #6a6a6a;
        color: #ffffff;
        border-bottom: 1px solid #e60003;
}
.tr_dunkel,
.tr_hell {
        background-color: #efefef;
        border-top: #ffffff;
}

.main_right,
.main_left {
        font-weight: bold;
        color: #ffffff;
        background-color: #6a6a6a;
        font-size: 11px;
        line-height: 16px;
        border-bottom: 1px solid #e60003;
}
.main_right {
        border-left: 1px solid #ffffff;
}
.tr_chart td {
        font-weight: bold;
        color: #ffffff;
        background-color: #6a6a6a;
        font-size: 11px;
        line-height: 16px;
        border-bottom: 1px solid #e60003;
}

.td_right,
.td_mid,
.td_left{
          background-color: #efefef;
        border-top: 1px solid #ffffff;
        padding: 4px 2px 4px 2px;
}
.td_right,
.td_mid {
        border-left: 1px solid #ffffff;
}
.piechart {
                margin-top: 0px;
                padding-top: 10px;
}
h1 {
        font-size: 14px;
        font-family: Verdana, Arial, sans-serif;
        line-height: 20px;
        font-weight: bold;
        color: #333333;
        font-decoration: none;
        margin: 22px 0px 15px 232px;
        padding-left: 20px;
        border-bottom: 1px solid #e60003;
        background: url("/haushalt/energiecheck/symbole/ewm/bg_h1.gif") transparent no-repeat bottom left;
}
h2 {
        font-size: 12px;
        font-family: Verdana, Arial, sans-serif;
        line-height: 16px;
        font-weight: bold;
        color: #333333;
        font-decoration: none;
        padding-bottom: 5px;
}
.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;
               margin: 0px -232px 0px 232px;
               width: 1000px;
}
.footer {
        font-size: 9px;
        padding-bottom: 15px;
        line-height: 12px;
        font-family: Verdana, Arial, 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;
}
input, select {
      font-family: Verdana, Arial, sans-serif;
      font-size: 11px;
      padding-left: 2px;
      margin: 1px 0px 1px 0px;
}

.formular_text {
    width: 50px;
    border: 0px;
    padding-left: 3px;
}
.kosten {
        background-color: #ffffff;
}
.kosten h1 {
        margin: 0px 0px 20px 0px;
        padding-left: 20px;
}
.main_druck {
        background-color: #ffffff;
}
.main_druck h1 {
        margin: 0px 0px 20px 0px;
        padding-left: 0px;
        background: none;
        border: none;
}
.main_druck .font10 {
               font-size: 9px;
               line-height: 12px;
               color: #333333;
               margin: 0px 0px 0px 0px;
}
.main_druck hr {
        height: 1px;
        width: 100%;
        color: #f2f2f2;
        margin-top: 0px;
        margin-left: 0px;
}