/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
            ÜBERSCHRIFTEN
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1,
.head1 {
    color: #b80000;
    font-size: 22px;
    font-family: Trebuchet ms;
    font-weight: 100;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
	}



    .box_z h1,
    .box_z .head1 {font-size:15px;}

h2,
.head2,
.cms_head,
.cms-widget_article_head,
.cms-widget_article-topic_list .cms-widget_article_topic_tag,
.cms-widget_article-topic_list .cms-widget_article_topic_tag a {
    color: #b80000;
    font-size: 16px;
    line-height: 140%;
    font-family: Trebuchet ms;
    font-weight: 700;
    margin: 12px 0 6px;
    }

    .cms-widget_article_head, .cms_head {
        border-bottom: 2px solid #b80000;
        }

    .boxen .cms-widget_article_head {
        border-bottom: 0;
        }

    .box_z h2,
    .box_z .head2 {font-size:15px;}


h3,
.head3 {
    font-size:12px;
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
    }
    .box_z h3,
    .box_z .head3 {font-size:11px;}

h4,
.head4 {
    font-size:12px;
  font-weight: 100;
  margin: 0px;
  color: #333;
  font-family: Verdana;
    }
    .box_z h4,
    .box_z .head4 {font-size:11px;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
            TEXTE, LINKS, BUTTONS
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

p { margin-bottom: 12px;}
input { padding:1px 2px;}

.small {
    font-size: 10px;
    color: #999;
    }

.bold { font-weight: bold; }

.fine {
    font-weight: 100;
    font-size: 9px;
    line-height: 11px;
    color: #aaa;
    }

.line {
    border-top: 1px dotted #ddd;
    margin:10px 3px;
    line-height: 0px;
    font-size:1px;
    height:0px;
    }


/***** Bilder in News *****/
.news-center {
    margin: 5px auto;
    }

.news-right {
    float: right;
    margin: 5px 0 5px 5px;
    }

.news-left {
    float: left;
    margin: 5px 5px 5px 0;
    }



.arrow {background : url(../_images/icons/arrow.gif) transparent no-repeat 1px 3px;
    padding-left:13px;
    }

.haken,
.pfeil,
.search {
    padding:1px 0px 8px 22px;
    background: url(../_images/icons/haken.png) transparent 0px 0px no-repeat ;
    font-size: 13px;
    font-weight: 100;
    font-family: Trebuchet ms;
    }

.pfeil {background-image: url(http://media.strom-magazin.de/347/349/3175.gif) ;}
.search {background-image: url(/_images/icons/search.gif) ;}



.error_message,
.success_message,
.info_message {
    padding: 3px;
    margin:2px 2px 10px 2px;
    border-width: 1px;
    border-style: solid;
    }

.error_message {
    background-color:#ffe8ec;
    color:#ff5657;
    border-color: #fff #f8e2e6 #ead5d9 #f8e2e6;
    }
.success_message {
    background-color:#eeffee;
    color:#12be00;
    border-color: #fff #e0f2e6 #d3e4d9 #e0f2e6;
    }

.info_message {
    background-color: #ffdeae;
    color: #c25b00;
    border-color: #fff #f3c37e #d69f4f #f3c37e;
    }


/********** LINKS UND BUTTONS ***********/

a {text-decoration:none;color:#0a70c2;outline: none;}
a:hover {color:#000;background-color: #f2f6fe;}

a.button,
button {
    background: url(/_images/layout/button.gif) top left no-repeat;
    color:#3e75a1;
    font-size:10px;
    font-weight:100;
    line-height:13px;
    text-align:center;
    border: 0;
    cursor:pointer;
    float: left;
    display:block;
    font-family: Verdana;
    }

a.button span,
button span{
    background: url(/_images/layout/button_r.gif)  top right no-repeat;
    line-height:13px;
    text-align:center;
    cursor:pointer;
    }


    a.button {
        padding:0px;
        margin:0px;
        }

        a.button span{
            display:block;
            margin:0px;
            padding:4px 7px 6px 7px;
            }


    button{
        padding:0px;
        margin:0px 1px 0px 1px;
        }

        button span {
            display:block;
            float:right;
            margin: -1px -3px -1px 0px;
            padding: 5px 7px 5px 4px;
            }


/*hover für alle*/
a.button:hover,
button:hover {color:#222;background-position: left -23px;}

a.button:hover span,
button:hover span{color:#222;background-position: right -23px;}


/* Download-Button für Kündigungsformulare */

.download_button {
    background: url(../_images/download-button.gif) left top no-repeat;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    border-color: #19b911 #236c14 #236c14 #19b911;
    border-style: solid;
    border-width: 1px;
    padding: 7px 8px 7px 38px;
    text-decoration: none;
    height: 15px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    }


.download_button:hover {
    background-position: bottom left;
    text-decoration: none;
    color: #fff;
    }





/********* Tabellen *******/

table {
    width: 100%;
    margin-bottom:15px;
    }

td, th {
    padding: 2px;
    vertical-align:top;
    text-align: left;
    }



table.lined td {
    border-bottom: 1px solid #eee;
    }

table.tinytable td {
    padding: 0;
    }








/* - - - - - - - - - - - - - - - - - - - -
            BOXEN
 - - - - - - - - - - - - - - - - - - - - */

.box_xl,
.box_l,
.box_m,
.box_s {
    float: left;
    padding: 17px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../_images/boxen/box-back.gif) repeat-x left top;
    }

.box_xl, .wxl {width: 100%}
.box_l, .wl {width: 66.6%; }
.box_m, .wm {width: 50% }
.box_s, .ws {width: 33.3% }

.box_m img,
.box_s img {
    margin-bottom: 10px;
    }


.box_z{
	background: url(../_images/boxen/box-back.gif) repeat-x left top;
	padding: 10px;
	}

.box_y{
	background: url(../_images/boxen/box-back.gif) repeat-x left top #fff;
	padding: 10px;
	width: 150px;
	}

.box_xl_person {
    padding: 10px 330px 10px 10px;
    height: 108px;
    background: url(../_images/boxen/frau.jpg) #fff no-repeat right top;
    border-top: 2px solid #e6e6e6;
    float: left;
    width: 363px;
    }

.box_xl_schwein {
    padding: 10px 160px 10px 10px;
    height: 128px;
    background: url(../_images/boxen/schwein.gif) #fff no-repeat right -30px;
    border-top: 2px solid #e6e6e6;
    float: left;
    width: 533px;
    }


div.box_highlight {border: 2px solid #ddd;}

div.box_highlight .header{
    margin: -4px -1px 4px;
    padding: 12px 6px 7px;
    background: left top url(../_images/boxen/highlight-head.gif) #ecf0f2  repeat-x;
    font-weight: 100;
    font-size: 13px;
    color: #455f75;
    }




/********** Boxen abgerundet *********/

div.abgerundet {
    background : #f6e1e1;
    float:right;
    width: 170px;
    padding: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    }

    .abgerundet.abstand_r {border-right: 0px solid #e6e6e6;margin-right: 5px;}
    .abgerundet.abstand_l {border-left: 0px solid #e6e6e6;margin-left: 5px;}

    .abgerundet ul {margin-bottom: 0px;}




















/* ####
####### LISTEN */

ul, ol {margin-bottom: 15px;}



ol {
    margin-left: 20px;
    }

ol li {
    list-style-type: decimal;
    padding: 1px 0;
    }

ul li {
  padding: 1px 0px 1px 13px;
  background: 2px 6px url(../_images/icons/li.gif) transparent no-repeat;
  }


ul.reiter {
	float:left;
	width:100%;
	height:auto !important;
	border-bottom: 1px solid #b80000;
	margin:0px 0px 10px;
	}

    ul.reiter li {
		float:left;
		background: left top url(../_images/boxen/reiter_l.gif) transparent no-repeat;
		margin-right:2px;
		padding:0px;
		cursor: pointer;
		text-align:center;
		}


        ul.reiter li a,
        ul.reiter li span {
            float:left;
            display:block;
            padding:4px 5px 3px;
            background: right top url(../_images/boxen/reiter_r.gif) transparent no-repeat;
            font-size:11px;
            font-weight: 100;
            color:#667b8c;
            }



ul.reiter li.active,
ul.reiter li.active:hover {
  background-image: url(../_images/boxen/reiter_l_active.gif);
  }

    ul.reiter li:hover a {color: #000;}

  ul.reiter li.active a,
    ul.reiter li.active:hover a,
    ul.reiter li.active span,
    ul.reiter li.active:hover span {
        background-image: url(../_images/boxen/reiter_r_active.gif) !important;
        color: #fff;
        }


ul.liste-dreispaltig {
    overflow: hidden;
    }
ul.liste-dreispaltig li {
    width: 30%;
    float: left;
    }

/* ####
####### XTRAS */


/*



.rechner-detail {
    float: left;
    padding: 18px 10px 0px;
    background: url(../_images/boxen/stromrechner-detail.jpg) no-repeat left top;
    width: 533px;
    }

  .rechner-detail .text-box{
    float: right;
    width: 300px;
    height: 187px;
    color: #d3ddea;
    font-size: 12px;
    padding-top: 10px;
    }


  .rechner-detail table{margin-bottom: 0px;}
  .rechner-detail h1{
    color: #fff;
    font-size: 27px;
    }

  .rechner-detail h1 span{
    font-size: 15px;
    display: block;
    }

  .rechner-detail td,
  .rechner-detail td{
    padding:4px;
    }

  .rechner-detail .bgcolor0 td,
  .rechner-detail .bgcolor0 th{
    background-color: #e9eef5 !important;
    }

    .rechner-detail .rech-suchen {
      float: right;
      display: block;
      margin: 0px 5px 0px 0px;
      width: 116px;
      height: 67px;
      text-align: center;
      background: transparent url(/_images/boxen/rechboxgasdetail-button.gif) no-repeat -120px 0px;
      color: #fff;
      cursor: pointer;
      }

    .rechner-detail .rech-suchen:hover {background-position: 0px 0px;}
    .rechner-detail .rech-suchen span {display: none;}

*/














.bewertungsbox_star,
.bewertungsbox {
    width:87px;
    height:22px;
    background: url(/_images/bewertung.gif) left top no-repeat transparent;
    }
.bewertungsbox_star {background-image: url(/_images/bewertung_star.gif);}

    .bewertungsbox_star div,
    .bewertungsbox div {
		width:10%;
		height:22px;
		background: url(/_images/bewertung_on.gif) left top no-repeat transparent;
		float: left;
		}
    .bewertungsbox_star div {background: url(/_images/bewertung_star_on.gif);}

    .bewertungsbox_star span,
    .bewertungsbox span {display: none;}


.bewertungsbox_empty {
	width:100px;
	padding: 0px 6px;
	height:22px;
	background: url(/_images/boxen/bewertung_empty.gif) left top no-repeat transparent;
	}



/* ####
####### BLAETTERFUNKTION */


DIV.blaetterfunktion {
	width:100%;
	border-top: 1px solid #b80000;
	margin:5px 0px 10px;
	}


    DIV.blaetterfunktion a,
    DIV.blaetterfunktion span {
		float:left;
		background: left bottom url(../_images/boxen/blaettern_l.gif) transparent no-repeat;
		margin-right:2px;
		padding:0px;
		cursor: pointer;
		text-align:center;
		}


        DIV.blaetterfunktion a span,
        DIV.blaetterfunktion span span {
            float:left;
            display:block;
            padding:3px 6px 3px;
			margin: 0px;
            background: right bottom url(../_images/boxen/blaettern_r.gif) transparent no-repeat;
            font-size:11px;
            font-weight: 100;
            }



    DIV.blaetterfunktion span.blaettern {
		background-image: url(../_images/boxen/blaettern_l_active.gif);
		}

		DIV.blaetterfunktion span.blaettern span {
			background-image: url(../_images/boxen/blaettern_r_active.gif);
			color: #fff;
			}

    DIV.blaetterfunktion span.blaettern_inactive span {
		color: #999;
		}


/* ####
####### KALENDER TABLE FUER NEWS*/

.calender {margin-bottom: 0px;}

    .calender td,
    .calender tr.future:hover td {
        text-align: center;
        background-color: #efefef;
        border: 1px solid #e5e5e5;
        padding: 1px 0px;
        }


    .calender th {
        text-align: center;
        background-color: #dce4f1;
        }

    .calender  td  {color: #ccc;}

        .calender td a {
            color: #666;
            background-color: transparent;
            }

    .calender tr:hover td {
        background-color: #e1e1e1;
        cursor: pointer;
        }

        .calender tr:hover td  a{color:#000;}


/*##########
#################### PAGE HACKS*/

.news-liste .bec {margin: 0px 5px 20px 0px;padding:1px;border: 2px solid #e1e1e1;}
.news-liste .bgcolor1 .bec {border-color: #fff;}














/*TAG CLOUD*/

UL#tagCloud {
	float: left;
	padding: 0;
	margin: 0;
	text-align: justify;
}

	UL#tagCloud LI {
        list-style-type: none;
        display: inline;
        padding: 2px;
        background-image: none;
    }

	UL#tagCloud LI:hover {background-color: #eaf2d8;}

	UL#tagCloud LI SPAN {display: none;}
	UL#tagCloud LI.level1 a {color:#95c0e1;font-size: 9px;}
	UL#tagCloud LI.level2 a {color:#64a4d6;font-size: 11px;}
	UL#tagCloud LI.level3 a {color:#3b8ccd;font-size: 11px;}
	UL#tagCloud LI.level4 a {color:#95c0e1;font-size: 13px;font-weight:700;}
	UL#tagCloud LI.level5 a {color:#3b8ccd;font-size: 13px;font-weight:700;}
	UL#tagCloud LI.level6 a{color:#0a70c2;font-size: 15px;font-weight:700;}
    UL#tagCloud LI.level7 a{color:#0a70c2;font-size: 17px;font-weight:700;}

	UL#tagCloud  img {margin: 0px 1px -3px 0px;}



/* ####
####### TARIFSUCHE SEITEN */

.form-anbieter {
	text-align: right;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	}
.form-anbieter input {
	font-size: 13px;
	font-weight: 700;
	}


/* AUFKLAPPFORM */
#calculator_form {
	display: none;
    }



.rechner-hinweis {
    background: url(../_images/icons/info.png) 4px 6px no-repeat #DCE4F1;
    padding: 3px 3px 3px 28px;
    }


.ergebnistabelle {
    border: 2px solid #F1F1F1;
    }

.ergebnistabelle th {
    padding: 4px;
    font-weight: normal;
    }

.ergebnistabelle td {
    padding: 10px 4px 15px 4px;
    }

.ergebnistabelle .help_popup_inner th,
.ergebnistabelle .help_popup_inner td {
    padding: 2px;
    background: transparent !important;
    }

.ergebnistabelle .TotalCosts {
    font-weight: bold;
    }

.compare_link .info_message {
    margin: 0px !important;
    }

.compare_link .compare_link_pfeil {
    background: url(../_images/tarifvergleich.gif) no-repeat;
    height: 15px;
    width: 30px;
    margin-top: -2px;
    }


.ergebnistabelle td.bgred { background-color: #ffe8ec !important; }
.ergebnistabelle td.bggreen { background-color: #e5ffdd !important; }

.abstand1{
    padding-left: 2px;
    padding-right: 2px;
    margin-top: -15px;
}

.abstand2{
    border: 2px solid #FFFFFF;
    padding: 10px 2px 15px 2px;
}
.abstand3{
    border: 2px solid #FFFFFF;
    padding: 0px 2px 0px 2px;
    height: 55px;
}
/*.carrier_block_left{
   width: 175px;
   overflow:hidden;
   border-right:2px solid #ffffff;
   float:left;
   padding: 10px 2px 0px 2px;
}

.carrier_block_right{
   float:left;
   width: 490px;
   padding: 10px 2px 0px 4px;
} */



.TotalCosts_bold{
    font-size: 13px;
    font-weight: bold;
}
/*#page_middle_right table {
    width: 100%;
    margin-bottom:0px;
}


 .infotabelle {
    border-left: 2px solid #F1F1F1;
    border-right: 2px solid #F1F1F1;
    border-bottom: 2px solid #F1F1F1;
    border-top: 0px;
    }

.infotabelle td {
    padding: 10px 4px 15px 4px;
    } */

/*##########
#################### EROL AUSRICHTUNGEN UND FARBEN*/



/*##########
#################### /ENDE EROL AUSRICHTUNGEN UND FARBEN*/




/* Beratung auf Anbieterseiten */

.beratung-email {
    background: url(../_images/icons/mail.png) left center no-repeat transparent;
    padding: 5px 0px 5px 30px;
    font-size: 13px;
    font-family: Trebuchet ms;
    }

/* E-Nail für News */

.email {
    background: url(../_images/icons/email.gif) left center no-repeat transparent;
    padding-left: 60px;
    }

/* Social Media für News */

.socialmediabox .abstand_l {
    border-left: 0px solid;
    margin-left: 15px;
    }




/* - - - - - - - - - - - - - - - -
    Google Suche
 - - - - - - - - - - - - - - - - */

    #goog-wm h3 { display: none;}
    #goog-wm #goog-wm-qt {width: 200px;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
            BASICS: FARBEN UND AUSRICHTUNGEN
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.right,
.thright th,
.tdright td {text-align:right !important;}
.left,
.thleft th,
.tdleft td {text-align:left !important;}
.center,
.thcenter th,
.tdcenter td {text-align:center !important;}
.top,
.thtop th,
.tdtop td {vertical-align:top !important;}
.bottom,
.thbottom th,
.tdbottom td {vertical-align:bottom !important;}
.justify,
.thjustify th,
.tdjustify td {text-align:justify !important;}
.vcenter,
.thvcenter th,
.tdvcenter td {vertical-align:middle !important;}
.nob,
.thnob th,
.tdnob td {border: 0px solid !important;}

.float, ul.lifloat li {float:left !important;}
.floatr {float:right !important;}
.nofloat {float: none;}
img.float {float:left;margin:2px 6px 0px 0px;}
img.floatr {float:right;margin:2px 0px 0px 6px;}
img.border{border: 2px solid #ddd;padding: 1px;}
.video-border{border: 2px solid #ddd;margin: 5px auto; width: 425px; padding: 2px; }
.break {font-size:1px;letter-spacing:-1px;line-height:1px;} /*klass fuer umbruch bei langen woertern*/
.both, .clear {clear:both;height:0px;line-height: 0px;}
.nobg {background: none;}
.box_xl.nobg,
.box_l.nobg,
.box_m.nobg {padding-top: 8px;}
.nogap {padding: 0px;}

.abstand_r {border-right: 5px solid #e6e6e6;}
.abstand_l {border-left: 5px solid #e6e6e6;}
.abstand_o {margin-top: 5px;}
.abstand_u {margin-bottom: 5px;}




.color0,
.thcolor0 th,
tr.color0 th {color:#333 !important;}
.color1,
.thcolor1 th,
tr.color1 th {color:#0a70c2 !important;}
.color2,
.thcolor2 th,
tr.color2 th {color:#b80000 !important;}
.color3,
.thcolor3 th,
tr.color3 th {color:#37A046 !important;}
.color4,
.thcolor4 th,
tr.color4 th {color:#b80000  !important;}




.bgcolor0,
.thbgcolor0 th,
tr.bgcolor0 th,
.tdbgcolor0 td,
tr.bgcolor0 td {background-color: #fff  !important;}
.bgcolor1,
.thbgcolor1>th,
tr.bgcolor1>th,
.tdbgcolor1>td,
tr.bgcolor1>td {background-color: #f1f1f1  !important;}
.bgcolor2,
.thbgcolor2 th,
tr.bgcolor2 th,
.tdbgcolor2 td,
tr.bgcolor2 td {background-color: #dce4f1 !important;}
.bgcolor3,
.thbgcolor3 th,
tr.bgcolor3 th,
.tdbgcolor3 td,
tr.bgcolor3 td {background-color: #f6e1e1 !important;}
.bgcolor4,
.thbgcolor4 th,
tr.bgcolor4 th,
.tdbgcolor4 td,
tr.bgcolor4 td {background-color: #FFDEAE !important;}
.bgcolor5,
.thbgcolor5 th,
tr.bgcolor5 th,
.tdbgcolor5 td,
tr.bgcolor5 td {background-color: #e0edb7 !important;}