/* ########## Body ########## */
body { margin: auto; padding: 0px; font: normal 12px tahoma, helvetica, sans-serif; line-height: 18px; color: #000000; background-color: #ffffff; background-image: url(../_images/bkg_site.png); background-repeat: no-repeat; background-position: bottom center; background-attachment: fixed; }









a.mpe { padding: 0px; margin: 0px; background: none; }
a.mpe:hover { padding: 0px 2px 0px 2px; margin: 0px -3px 0px -3px; width: 145px; background: none; display: block; border-left: 1px dotted #244e96; border-right: 1px dotted #244e96; }

a.mpe_btn { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #ffffff; text-decoration: none; background: url(../_images/btn_linkgreen-out.png) no-repeat; background-position: -1px -2px; }
a.mpe_btn:hover { color: #c1e3f9; background: url(../_images/btn_linkgreen-over.png) no-repeat; background-position: -1px -2px;  text-decoration: underline; }









#page { margin: auto; width: 953px; background: url(../_images/bkg_siteshadow.png); }










#header { width: 923px; height: 170px; margin: 0px 0px 0px 19px; background: url(../_images/bkg_head.png); position: fixed; z-index: 1000; }

#header div.homebtn { width: 366px; position: absolute; top: 56px; left: 530px; margin: 0px 0px 0px 0px; }
#header div.homebtn a.home { padding: 0px; margin: 0px; display: block; background: none; border: 0px; }
#header div.homebtn a.home:hover { padding: 0px; margin: 0px; background: none; border: 1px dotted #b5b5b5; }

#header div.newsbtn { position: absolute; float: left; top: 88px; left: 98px; margin: 0px 0px 0px 0px; }
#header div.newsbtn a.newsbtn { width: 98px; height: 98px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; background: url(../_images/btn_news-out.png) no-repeat; text-decoration: none; }
#header div.newsbtn a.newsbtn:hover { background: url(../_images/btn_news-over.png) no-repeat; text-decoration: none; }

#header div.infothekbtn { position: absolute; width: 78px; height: 80px; top: 108px; left: 673px; margin: 0px 0px 0px 0px; z-index: 1; }
#header div.infothekbtn a.infothekbtn { width: 78px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; background: url(../_images/btn_infothek-out.png) no-repeat; text-decoration: none; }
#header div.infothekbtn a.infothekbtn:hover { background: url(../_images/btn_infothek-over.png) no-repeat; text-decoration: none; }










#content { width: 923px; margin: 0px 0px 0px 19px; padding: 170px 0px 0px 0px; background-color: #ffffff; background: url(../_images/bkg_content.png) repeat; background-position: 0px 0px; }
#content div.topabstand { height: 170px; margin: -170px 0px 0px 0px; background-color: #ffffff; }
#content div.clearboth { clear: both; }
#content div.abschluss { width: 923px; height: 17px; background-color: #ffffff; }
#content div.deko-leftbar { width: 145px; height: 146px; margin: -100px 0px 0px 17px; background: url(../_images/bkg_deko-bar-left.png) no-repeat; }










#leftbar { float: left; width: 145px; margin: 0px 0px 0px 17px; }
#leftbar div.navi { margin: 5px 0px 0px -7px; line-height: 20px; }
#leftbar div.navi a.main { display: block; width: 145px; font-weight: bold; padding: 0px 0px 0px 20px; text-decoration: none; background: none; }
#leftbar div.navi a.main:hover { display: block; width: 145px; padding: 0px 0px 0px 20px; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; text-decoration: none; }

#leftbar div.navi a.mainsub { display: block; width: 145px; font-size: 90%; padding: 0px 0px 0px 20px; text-decoration: none; background: none; }
#leftbar div.navi a.mainsub:hover { display: block; width: 145px; padding: 0px 0px 0px 20px; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; text-decoration: none; }




#leftbar div.navi a.mainsub_select { display: block; width: 145px; font-size: 90%; padding: 0px 0px 0px 20px; text-decoration: none; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; }
#leftbar div.navi a.mainsub_select:hover { display: block; width: 145px; padding: 0px 0px 0px 20px; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; text-decoration: none; }




#leftbar div.navi a.service { display: block; width: 145px; padding: 0px 0px 0px 20px; text-decoration: none; background: none; }
#leftbar div.navi a.service:hover { display: block; width: 145px; padding: 0px 0px 0px 20px; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; text-decoration: none; }

#leftbar div.navi a.service_select { display: block; width: 145px; padding: 0px 0px 0px 20px; text-decoration: none; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; }
#leftbar div.navi a.service_select:hover { display: block; width: 145px; padding: 0px 0px 0px 20px; background: url(../_images/nav_selectball.png) no-repeat; background-position: 0px 3px; text-decoration: none; }

#leftbar div.navi a.facebook { width: 29px; height: 29px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; display: block; background: url(../_images/btn_facebook-out.png) no-repeat; text-decoration: none; }
#leftbar div.navi a.facebook:hover { background: url(../_images/btn_facebook-over.png) no-repeat; text-decoration: none; }

#leftbar div.navi a.twitter { width: 29px; height: 29px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; display: block; background: url(../_images/btn_twitter-out.png) no-repeat; text-decoration: none; }
#leftbar div.navi a.twitter:hover { background: url(../_images/btn_twitter-over.png) no-repeat; text-decoration: none; }

#leftbar div.navi_notfall { margin: 20px 0px 20px 0px; padding: 3px 0px 0px 0px; height: 36px; background: url(../_images/bkg_notfall.png) no-repeat; background-position: 13px 0px; color: #ffffff; line-height: 15px; font-size: 90%; text-align: center; }
#leftbar div.navi_notfall a { color: #ffffff; text-decoration: none; background: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#leftbar div.navi_notfall a:hover { text-decoration: underline; }

#leftbar div.navi_calculink { margin: 20px 0px 20px 8px; padding: 7px 0px 0px 0px; width: 130px; height: 40px; background: url(../_images/bkg_box-verbrauchsrechner.png) no-repeat; line-height: 18px; font-size: 90%; text-align: center; }

#leftbar div.navi_iframe { position: relative; margin: 0px 0px 0px 0px; left: -14px; top: 0px; }
#leftbar div.navi_iframe p { color: #244e96; margin: 0px 0px 0px 2px; }
#leftbar div.navi_iframe a { margin: 0px 0px 0px -4px; background: url(../_images/btn_link-out.png) no-repeat; background-position: 0px -2px; }
#leftbar div.navi_iframe a:hover { background: url(../_images/btn_link-over.png) no-repeat; background-position: 0px -2px; }
.iframe_login { margin: 0px 0px 0px 7px; width: 138px; }

#leftbar div.navi_forms { margin: 20px 0px 20px 10px; }
#leftbar div.navi_forms p { color: #244e96; margin: 0px 0px 0px 2px; }











#conmiddle { float: left; width: 555px; margin: 0px 22px 0px 22px; }

#conmiddle div.ccontainer { margin: 0px 0px 50px 0px; overflow: hidden; }
#conmiddle div.cpic_halfwidth { float: left; margin: 5px 10px 5px 0px; }
#conmiddle div.cpic_fullwidth { margin: 5px 0px 5px 0px; }
#conmiddle div.cpic_double { margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; }
#conmiddle div.cpic_double img.left { margin: 0px 2px -4px 0px; padding: 0px 0px 0px 0px; }
#conmiddle div.cpic_double img.right { margin: 0px 0px -4px 3px; padding: 0px 0px 0px 0px; }
#conmiddle div.piclabel { font-size: 90%; border: 1px dotted #8a9ac5; font-style: italic; padding: 1px 3px 1px 3px; }
#conmiddle div.piclabel_double { text-align: center; font-size: 90%; border: 1px dotted #8a9ac5; font-style: italic; padding: 1px 3px 1px 3px; }
#conmiddle div.ccontainer p.newsdate { color: #244e96; padding: 0px 0px 0px 0px; margin: 10px 0px 3px 0px; }


#conmiddle div.pressebtn_shell { width: 100px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left;  }
#conmiddle div.icon { position: relative; z-index: 50; text-align: center; padding: 0px 0px 0px 0px; margin: -95px 0px 0px 0px; }
#conmiddle div.link { position: relative; z-index: 100; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; }
#conmiddle div.link a { display: block; width: 79px; background: url(../_images/btn_link-out.png) no-repeat; background-position: 0px 37px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#conmiddle div.link a:hover { background: url(../_images/btn_link-over.png) no-repeat; background-position: 0px 37px; }
#conmiddle div.text { color: #244e96; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; text-align: center; }
#conmiddle div.spacer { width: 19px; height: 100px; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; }
#conmiddle div.endline { clear: both; padding: 15px 0px 0px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #dee5ef; }

#conmiddle div.ccontainer div.news_container { margin: 0px 0px 25px 0px; }
#conmiddle div.ccontainer div.newsbox { margin: -12px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#conmiddle div.ccontainer p.newsclick { float: right; margin: -9px 0px 0px 4px; padding: 0px 0px 0px 23px; color: #244e96; text-decoration: none; background: url(../_images/btn_link-out.png) no-repeat; background-position: 0px 0px; cursor: pointer; }

#conmiddle div.ccontainer a.filelink { color: #244e96; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; background: none; }
#conmiddle div.ccontainer a.filelink:hover { color: #8a9ac5; text-decoration: underline; }

#conmiddle div.calcer_head { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color: #c1e3f9; }
#conmiddle div.calcer_foot { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; }
#conmiddle div.green { color: #ffffff; background-color: #68af44; }
#conmiddle div.blue { color: #ffffff; background-color: #244e96; }
#conmiddle div.grey { color: #000000; background-color: #f6f6f7; }







#tbl_kontakt { width: 555px; background: #f8fbfe; margin: 0px; padding: 0px; border: 0px; }
#tbl_kontakt td.line { height: 0px; border-bottom: 1px solid #dee5ef; padding: 0px 0px 20px 0px; }
#tbl_kontakt td { vertical-align: top; }

#tbl_kontakt_adress { width: 555px; background: #f8fbfe; margin: 0px; padding: 0px 0px 0px 0px; border: 0px; }
#tbl_kontakt_adress a.globe { display: block; background: url(../_images/btn_globe-out.png) no-repeat; background-position: 8px 0px; }
#tbl_kontakt_adress a.globe:hover { display: block; background: url(../_images/btn_globe-over.png) no-repeat; background-position: 8px 0px; }
#tbl_kontakt_adress tr.white { background: #ffffff; }
#tbl_kontakt_adress th { text-align: left; color: #244e96; background: #d1e6fa; height: 35px; padding: 3px 3px 3px 3px; }
#tbl_kontakt_adress td { vertical-align: top; padding: 6px 3px 6px 3px; }
#tbl_kontakt_adress td.label { color: #244e96; }
#tbl_kontakt_adress td.globe { text-align: center; }
#tbl_kontakt_adress td.line { height: 0px; border-bottom: 1px solid #dee5ef; padding: 3px 0px 3px 0px; }








#linklist h4.flip  { line-height: 18px; font-size: 12px; font-weight: normal; cursor: pointer; }
#linklist h4.active  { color: #8a9ac5; font-weight: bold;  }
#linklist div { overflow: hidden; position: relative; }
#linklist div hr  { padding: 0px; margin: 3px 0px 0px 0px; }
#linklist div p  { padding: 0px; margin: 1px 0px 20px 0px; }
















#pricetable { margin: 0px 0px 0px 0px; }
#pricetable td { border-bottom: 1px solid #d5e1ed; padding: 3px 0px 3px 0px; }
#pricetable td.noborder { border-bottom: 0px; padding: 3px 0px 3px 0px; }
#pricetable td.spacer { padding: 15px 0px 5px 0px; }
#pricetable th { text-align: left; padding: 7px 0px 7px 0px; color: #244e96; background-color: #c1e3f9; }
#pricetable th.date { text-align: right; padding: 7px 0px 7px 0px; color: #000000; font-weight: normal; font-size: 90%; background-color: #c1e3f9; }

#erdgasrechner td { border-bottom: 1px solid #d5e1ed; padding: 3px 0px 3px 0px; }
#erdgasrechner th, td.price { text-align: right; }











#rightbar { width: 145px; float: left; margin: 0px 17px 0px 0px; }
#rightbar div.deko-rightbar { width: 145px; height: 130px; margin: -50px 0px 0px 0px; background: url(../_images/bkg_deko-bar-right.png) no-repeat; }










#footer { margin: auto; width: 953px; height: 65px; background: url(../_images/bkg_footer.png); }






.breakOutOpt select {position: relative; z-index: 10; width:124px;}








/*
grau: #f6f6f7
hellgrün: #e7f1e0
blau: #244e96
mittelblau: #8a9ac5
hellblau table: #c1e3f9
mpe-grün: #68af44
rot: #c41924;
*/