body,td,th {
                color: #54606c;
                font-size: 12px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                line-height: 16px;
        }
        body {
                background-color: #e5ecf3;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-top: 0px;
                width: 620px;
        }
        .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  {
                 color:#4682b4;
                 text-decoration:none
        }
        a:link  {
                 color:#4682b4;
                 text-decoration:none
        }
        a:hover  {
                 color:#c00;
                 text-decoration:underline
        }
        a:visited  {
                 color:#4682b4;
                 text-decoration:none
        }
/* --------------------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: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-top: 0px none;
}
.checkreiter {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        width: 580px;
}
.checkbutton {
        color: #ffffff;
        background-color: #003461;
        border: 1px solid #ffffff;
        font-weight: normal;
}
.checkbutton_passiv {
        color: #ffffff;
        background-color: #003461;
        height: 20px;
        font-weight: bold;
        border: none;
        font-size: 9px;
        text-transform: none;
        text-align: left;
        width: 75px;
        background: url("/haushalt/energiecheck/symbole/herten/navicon.gif") transparent no-repeat left center;
        padding: 0px 0px 0px 13px;
}
.checkbutton_aktiv {
        color: #003461;
        background-color: #ffffff;
        height: 20px;
        font-weight: bold;
        border: none;
        font-size: 9px;
        text-transform: none;
        text-align: left;
        width: 75px;
        background: url("/haushalt/energiecheck/symbole/herten/navicon.gif") transparent no-repeat left center;
        padding: 0px 0px 0px 13px;
}
.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: #003461;
        border-top: 1px none #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px none #ffffff;
}
.checktd_passiv_unten_rechts {
        background-color: #003461;
        border-top: 1px none #ffffff;
        border-right: 1px none #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px none #ffffff;
}
.checktd_main {
        padding: 10px 10px 10px 10px;
}
.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 {
        border: #FFFFFF solid 0px;
        background-color: transparent;
        position: absolute;
        width: 570px;
        padding: 10px 10px 10px 10px;
}
.table_headlines {
                background-color: #003461;
                color: #ffffff;
                font-size: 12px;
                font-weight: bold;
}
hr {
   color: #ffffff;
   margin-top: 0px;
}
form {
     margin: 0px;
}
.main_left,
.main_right,
.tr_chart td {
        padding: 4px;
        background-color: #ffffff;
        font-weight: bold;
        color: #54606c;
}
h1 {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        margin: 0 0 17px;
}
h2 {
        color: #4a555f;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 5px;
        padding: 0
}
.druckansicht {
               background: url("/haushalt/energiecheck/var/herten_druck.gif") transparent no-repeat left bottom;
               padding: 10px 0px 0px 22px;
               font-size: 9px;
               font-weight: bold;
}
.toppage {
               background: url("/haushalt/energiecheck/var/herten_top.gif") transparent no-repeat left bottom;
               padding: 0px 0px 0px 18px;
               font-size: 9px;
               font-weight: bold;
}
.font10 {
               font-size: 10px;
               line-height: 13px;
}

.footer {
               font-size: 10px;
               line-height: 13px;
               padding: 0px 0px 15px 0px;
}


.td_left {
    padding: 4px;
    background-color: #f0f8ff;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #e5ecf3;
    font-size: 10px;
    }
.td_right {
    padding: 4px;
    background-color: #f0f8ff;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #e5ecf3;
    font-size: 10px;
    }
.td_mid{
    padding: 4px;
    background-color: #f0f8ff;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #e5ecf3;
    font-size: 10px;
    }

.headbild, .headbild_start {
    margin: -10px 0px 10px -10px;
}