/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../img/bgr.gif) #ffffff repeat-x top;
	color: #333333;
	padding: 0 0 30px;
	width:100%;
	text-align:center;
}
.hr {
	background-color: #ffffff;
	border-top-color: #e7e8cd;
	border-top-style: solid;
	border-top-width: 1px;
	margin: 10px 0
}
.hr2 {
	background-color: #ffffff;
	border-top-color: #e7e8cd;
	border-top-style: solid;
	border-top-width: 1px;
	margin: 0;
	padding: 0;
}
a{
	color: #003399;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
a.grey{
	color: #888888;
	text-decoration: none
}
a.grey:hover{
	text-decoration: underline
}
input,select,textarea{
	background: #fafaec;
	border: #e7e596 1px solid;
	color: #666666;
	padding: 2px
}
li{
	list-style: none
}
#centercol .linklist li {
	list-style-image: url(../img/ico_bullet_orange.gif);
	margin: 7px 0 7px 20px
}
#centercol .col2 .linklist {
	margin-bottom: 2px;
}
#centercol li {
	list-style-type: circle;
	margin: 5px 0 0 20px
}
#centercol ul{
	margin: 0 0 1em 0
}
/*=== Layout ===*/
#page, #header, #nav1{
	background: url(../img/page-bgr.gif) #ffffff no-repeat top;
	border: 1px solid #cecd00;
	margin-left:auto;
	margin-right:auto;
	width: 915px;
	text-align:left;
}
/*=== Header ===*/
#header{
	background: url(../img/header-bgr.gif) repeat-x top;
	border: 0;
	height: 119px
}
#header .spacer{
	float: right;
	width: 310px
}
#header .fonts{
	float: left;
	padding: 10px 15px 0 0;
}
#header .fonts .small{ 
font-size: 10px;
}
#header .fonts .medium{ 
font-size: 15px;
}
#header .fonts .large{ 
font-size: 18px;
}

/*- Logo -*/
#header h1{
	background: url(../img/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	height: 119px;
	width: 320px
}
#header h1 a:hover{
	text-decoration: none
}

/*- Rotierender Teaser in Multi-Purpose-Box -*/
#mpbRotatingTeaser {
  width: 210px;
  height: 57px;
  background: url(../img/mpb_jetztwechseln_rotate.gif) no-repeat;
  margin-bottom: 10px;
}
#mpbRotatingTeaser a.strom {
  display: block;
  position: relative;
  top: 34px;
  left: 47px;
  width: 84px;
  height: 17px;
  background: transparent;
  text-indent: -9999px;
}
#mpbRotatingTeaser a.strom:hover {
  background: url(../img/mpb_jetztwechseln_strom.gif) no-repeat;
}
#mpbRotatingTeaser a.gas {
  display: block;
  float: left;
  position: relative;
  top: 17px;
  left: 131px;
  width: 74px;
  height: 17px;
  background: transparent;
  text-indent: -9999px;
}
#mpbRotatingTeaser a.gas:hover {
  background: url(../img/mpb_jetztwechseln_gas.gif) no-repeat;
}

/*- Teaser -*/
#homeTeaser {
  float: right;
  clear: right;
  width: 240px;
  height: 65px;
  margin-top: 20px;
  background: url(../img/teaser_jetztwechseln_rotate2.gif) no-repeat;
}
#homeTeaser a#strom {
  float: left;
  margin: 41px 0 0 56px;
  width: 91px;
  height: 14px;
  background: transparent;
  text-indent: -9999px;
}
#homeTeaser a#strom:hover {
  background: url(../img/teaser_aktiv_strom.gif) no-repeat;
}
#homeTeaser a#gas {
  float: right;
  margin: 41px 9px 0 0;
  width: 78px;
  height: 14px;
  background: transparent;
  text-indent: -9999px;
}
#homeTeaser a#gas:hover {
  background: url(../img/teaser_aktiv_gas.gif) no-repeat;
}

/*- Ticker -*/
#ticker a {
  color: #333399;
  text-decoration: none;
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	background: transparent;
	border: 0;
	height: 26px;
	margin-bottom: -1px;
	text-indent: -9999px
}
#nav1 li{
	float: left;
	margin: 0 0 0 -1px;
	position: relative
}
#nav1 li a{
	border: 1px solid #cecd00;
	border-bottom: 0;
	display: block;
	height: 25px
}
#nav1 li#n01 a{
	background: url(../img/n01.gif) no-repeat;
	width: 123px
}
#nav1 li#n02 a{
	background: url(../img/n02.gif) no-repeat;
	width: 109px
}
#nav1 li#n03 a{
	background: url(../img/n03.gif) no-repeat;
	width: 118px
}

#nav1 li#n01 a:hover, #nav1 li#n01.active a{
	background: url(../img/n01-.gif) no-repeat
}
#nav1 li#n02 a:hover, #nav1 li#n02.active a{
	background: url(../img/n02-.gif) no-repeat
}
#nav1 li#n03 a:hover, #nav1 li#n03.active a{
	background: url(../img/n03-.gif) no-repeat
}

#nav1 li a:hover{
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 10px
}
.nav2 li a{
	background: url(../img/ico-arrow.gif) #d8d648 no-repeat 193px 7px;
	border-bottom: 1px solid #ffffff;
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 10px
}
.nav2 li a:hover{
	background: url(../img/ico-arrow.gif) #f9b964 no-repeat 193px 7px;
	text-decoration: none
}
/* Level I active */
.nav2 li.active a{
	background: url(../img/ico-arrow-.gif) #d8d648 no-repeat 193px 9px
}
.nav2 li.active a:hover{
	background: url(../img/ico-arrow-.gif) #f9b964 no-repeat 193px 9px
}
.nav2 li.active li a{
	background: url(../img/ico-arrow.gif) #e7e596 no-repeat 193px 7px;
	padding: 0 0 0 20px
}
.nav2 li.active li a:hover{
	background: url(../img/ico-arrow.gif) #f9b964 no-repeat 193px 7px
}
.nav2 li.active li.emp a{
	background: #e7e596 no-repeat 193px 7px;
	padding: 0 0 0 20px
}
.nav2 li.active li.emp a:hover{
	background: #f9b964 no-repeat 193px 7px
}
/* Level II active */
.nav2 li.active li.active a{
	background: url(../img/ico-arrow-.gif) #e7e596 no-repeat 193px 9px
}
.nav2 li.active li.active a:hover{
	background: url(../img/ico-arrow-.gif) #f9b964 no-repeat 193px 9px
}
.nav2 li.active li.activeemp a{
	background: #f9b964 no-repeat 193px 9px
}
.nav2 li.active li.activeemp a:hover{
	background: #f9b964 no-repeat 193px 9px
}
.nav2 li.active li.active li a{
	background: #efefc3;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 30px
}
.nav2 li.active li.active li a:hover{
	background: #f9b964
}
/* Level III active */
.nav2 li.active li.active li.active a{
	background: #f9b964;
}
.nav2 li.active li.active li.active a:hover{
	background: #f9b964
}
.nav2 li.active li.active li.activeemp a {
	background: #f9b964
}
/*- Nav3 -*/
.nav3{
	background: url(../img/nav3-bgr.gif) repeat-x top;
	border: 1px solid #e2e181;
	border-bottom: 0;
	height: 34px
}
#centercol .nav3 li{
	border-right: 1px solid #ffffff;
	float: left;
	line-height: 34px;
	height: 34px;
	color: #000000;
	list-style: none;
	margin: 0;
	text-align: center;
}
#centercol .nav3 li.active{
	background: #f4f5d8;
	text-decoration: none
}
#centercol .nav3 li.brfix{
	line-height: 15px
}
#centercol .nav3 li.last{
	border: 0
}
#centercol .nav3.threetabs li{
	width: 141px;
}
#centercol .nav3.fourtabs li{
	width: 106px;
}
#centercol .nav3.fivetabs li{
	width: 85px;
}

/*- NavX pseudo level 4-*/
ul#navX {
    display: block;
    margin-bottom: 30px;
}

#navX li {
    background: url(../img/ico_bullet_orange.gif) no-repeat;
    list-style: none;
    display: inline;
    padding: 0 0 0 18px;
    margin: 0 20px 0 0;
    width: 70px;
    float: left;
}
#navX li.active {
    color: #888888;
    background: url(../img/ico_bullet_gray.gif) no-repeat;
}
#navX li.top {
    background: url(../img/ico_bullet_top.gif) no-repeat;
}

/*=== Title ===*/
#title img{
	display: block;
	margin: 0 0 10px
}
/*=== All Columns ===*/
#columns{
	margin: 15px 0 0;
	padding: 0 15px 10px
}
#columns h2, #columns h2 a {
	color: #f39911;
	margin: 10px 0 5px 0;
}
.subtitle{
	color: #f39911;
	margin: 0 0 3px
}
#columns h3{
	color: #f39911;
	margin: 0;
	padding: 1em 0 0.5em 0
}
#praemien h3
{
  margin-top: 0;
  padding-top: 0;
}
#columns h4{
	color: #000000;
	margin: 0 0 7px;
    padding-top: 1em;
}
#columns h5{
	color: #000000;
	margin: 0 0 2px
}
#columns h6{
	color: #333333;
	margin: 0 0 5px
}
#columns p{
	padding: 0 0 10px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 210px
}
/*=== Center Column ===*/
#centercolhome{
	float: left;
	margin: 0 0 0 0;
	width: 660px;
}
#centercol{
	float: left;
	margin: 0 0 50px 15px;
	width: 435px
}
#centercol ul.icon{
	margin-left: -18px
}
#centercol ul.icon li {
	background: transparent url('../img/ico_bullet_gray.gif') no-repeat;
	list-style-type: none;
	padding-bottom: 0.3em;
	padding-left: 20px
}
#centercol.preis{
}
#columns #centercol.preis h3{
	padding: 0 0 8px;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 210px
}
/*=== Sub Columns ===*/
.col1{
	width: 200px;
	float: left;
}
#columns .col1 h4{
	color: #f39912;
	margin: 0 0 7px;
    padding-top: 0;
}
.col2{
	width: 210px;
	float: left;
}
#columns .col2 h4{
	color: #003399;
	margin: 0 0 4px;
    padding: 0 0 0 20px;
}
#columns .col2 h4 a{
    color: #003399;
}
/* ### Boxes ### */

/*- Für Startseite -*/
#centercolhome div.homeBoxSmall {
    padding: 20px 20px 20px 20px;
    float: left;
    width: 178px;
    min-height: 100px;
}
#centercolhome div.homeBoxSmall h3 {
    color: #f39911;
    font-size: 12px;
}
#centercolhome a.more {
    display: block;
    margin: 0;
    padding-left: 20px;
    background: transparent url('../img/ico_bullet_orange.gif') left center no-repeat;
}
#centercolhome hr2 {
	display: block;
    clear: both;
}
#centercolhome div.homeBoxLarge {
    padding: 20px 10px 20px 20px;
    float: left;
    width: 600px;
    min-height: 100px;
}
#centercolhome div.homeBoxLarge h2 {
    color: #f39911;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0.5em;
}
#centercolhome div.homeBoxLarge em {
    font-style: normal;
    font-weight: bold;
    display: block;
}


/*- Aktionsbox -*/
.highlight {
   border: 4px solid #CECD00;
   background: #EBEBAD;
   padding: 6px 4px 4px 7px;
   margin-top: 5px;
}

.highlight .header {
   display: block;
   color: #000;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 0.4em;
   padding: 0;
}

.highlight a.bullet, .highlight2 a.bullet{
   display: block;
   margin: 5px 0 5px 0;
   padding-left: 20px;
   background: transparent url('../img/ico_bullet_green.gif') left center no-repeat;
}

/*- Aktionsbox2 -*/
.highlightContainer{
   width: 435px;
   margin: 10px 0px;
}
.highlightContainer img{
   display: block;
   float: left;
}
.highlight2 {
   border: 4px solid #f39911;
   padding: 6px 4px 4px 7px;
   margin-left: 5px;
   width: 332px;
   float: left;
}

.highlight2 .header {
   display: block;
   color: #f39911;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 0.4em;
   padding: 0;
}

.highlight2 a.bullet{
   background: transparent url('../img/ico_bullet_orange.gif') left center no-repeat;
}

/*- Box -*/
.box{
	border: 1px solid #ebebad;
	height: 1%;
	margin-bottom: 10px;
	padding: 10px;
}
#rightcol div.box h2 {
	font-size: 15px;
}
.box.nolink a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#rightcol .box.nolink p{
	color: #000000;
	margin: 0px;
	padding: 0px 0px 10px;
}
#rightcol .box.nolink h2{
	margin: 0 0 8px 0;
	padding: 0px;
}

#columns .box.nolink h2{
	margin: 0 0 8px 0;
}


/*- Box2 -*/
.box2{
	background: #f4f5d8;
	border: 1px solid #e2e181;
	color: #333333;
	height: 1%;
	margin: 0 0 10px;
	padding: 8px 8px 3px
}
.box2.nobordr{
	border: 0
}
#columns .box2 li{
	list-style: none;
	margin: 0
}
#columns .box2 ul{
	margin: 0 0 5px
}

/*- KWK -*/
#kwk{
    background: url(../img/bg_kwk.png) transparent repeat-y;
    padding-top: 0;
    padding-bottom: 0;
}

#kwkHeaderStrom{
	display: inline;
	margin: 0 0 0 13px;
    padding: 0;
    width: 175px;
    background: url(../img/kwkHeaderStrom.jpg) transparent no-repeat left;
   	text-indent: -9999px;
}

#kwkHeaderGas{
	display: inline;
	margin: 0 12px 0 0;
    width: 175px;
    background: url(../img/kwkHeaderGas.jpg) transparent no-repeat left;
	text-indent: -9999px
}
.kwkSpacer{
    height: 20px;
    background: #F4F5D8;
}


/*- Box3 -*/
.box3{
	background: #fcfcf5;
	border: 1px solid #ebebad;
	height: 1%;
	margin: 0 0 7px;
	padding: 8px 8px 3px
}
/*=== Wrappers ===*/
/*- Wrap1 -*/
.wrap1{
	border: 1px solid #e2e07d;
	height: 71px;
	background: #fff;
	padding: 5px;
	margin: 0 0 8px;
	height: 1%
}
.wrap1.image{
	margin: 0 0 1em 0;
    padding: 0;
    height: auto;
}
.wrap1.image img{
	margin: 0;
       padding: 0;
}
.wrap1.fl{
	margin: 0 10px 0 0;
}
.pins{
	background: url(../img/ico-pins.gif) no-repeat center;
	height: 11px;
	margin: -9px 0 5px;
	clear: both;
	position: relative;
}
* html .pins{
	margin: -11px 0 5px
}
/*=== Styling Forms ===*/
/*- Search -*/
#search{
	background: #f7f8e2;
	float: right;
	height: 35px;
	width:100%;
	margin-bottom:10px;
}
#search form {
	margin: 9px 10px 9px 13px;
}
#search fieldset{
	float: right;
	width: 180px
}
#search input{
	float: left;
	width: 145px
}
#search .btn{
	border: 0;
	padding: 0;
	width: auto
}
#search img{
	float: left;
	margin: 5px 10px 0 0
}
/*=== Styling Tabular Data ===*/
table{
	width: 100%;
	border-collapse: collapse;
}
/*- Tabular1 -*/
.tabular1 table{
	background: #ebebad;
	border-collapse: separate;
	border: 3px solid #ebebad;
	margin: 0 0 5px;
}
.tabular1 td{
	background: #fff;
	padding: 6px 3px;
}
/*=== Footer ===*/
#footer{
	background: url(../img/footer-bgr.gif) repeat-x top;
	clear: both;
    font-size: 11px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	text-align:left;
	overflow:hidden;
}
#footer ul{
	float: left;
	padding: 0px;
	margin-left: -6px;
    color: #003399;
    font-size: 11px;
}
#footer li{
	display: inline
}

#footer li a, #footer li .text{
	float: left;
	line-height: 12px;
	margin: 15px 0 0 0
}
#footer li a{
	border-right: 1px solid #000099;
	padding: 0 5px
}
#footer li.last a{
	border: none;
}
#footer li.multilink .text{
	padding-left: 5px;
}
#footer li.multilink a{
	border: none;
}

/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.pic{
	border: 1px solid #ebebad;
	border-bottom: 0;
	display: block;
	margin: 0 0 -1px
}
.dlinfo {
	text-transform: uppercase;
}

#imagelayer {
	background: #ffffff;
	border: 1px solid #e3e1e1;
	height: 365px;
	width: 440px;
	left: 275px;
	position: absolute;
	top: 30%;
	left: 32%;
}
a.close:link, a.close:visited, a.close:active, a.close:hover {
	color: #999999;
	text-decoration: none
}
a.download {
	color: #000099;
	text-decoration: none
}
a.download:hover {
	text-decoration: underline
}
.normal {
	color: #333333;
 	text-decoration: none
}
sub {
	line-height: 0
}
sup {
	line-height: 0
}
.dlinfo {
	color: #888888;
}
#centercol img.abstand{
	padding: 10px
}
img.mood
{
	margin-bottom: 10px;
}
/*=== ACCORDION ===*/
div.sectionNavi
{
	margin-top: 10px;
}
div.sectionNavi a
{
    margin-right: 6px;
}
div.sectionNavi a.nofx
{
	margin: 0;
    border: 0;
}
div.sectionNavi a.nofx:hover
{
	text-decoration: none;
}
div.sectionNavi img
{
    margin-right: 3px;
}
.nobreak, .nobreak a
{
	line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
}
.toggler{
	background: transparent url(../img/ico_bullet_plus.gif) left top no-repeat;
	color: #000099;
	cursor: pointer;
 	margin-top: 7px;
	padding-left: 20px
}
.toggler.active{
	background: transparent url(../img/ico_bullet_minus.gif) left top no-repeat
}
div.accordion{
	margin-bottom: 0.6em;
	margin-left: 4px;
	margin-top: 0.2em;
	padding-left: 18px
}
div.accordion.form{
	padding-left: 0px
}
.section{}


/*=== WECHSELN ===*/

#imgheader_neukunde_strom {
       background: url(../img/headerNeukundeStrom.jpg) repeat-x left center;
       height: 26px;
       text-indent: -9999px;
}

#imgheader_bestandskunde_strom {
       background: url(../img/headerBestandskundeStrom.jpg) repeat-x left center;
       height: 26px;
       text-indent: -9999px;
}

#imgheader_neukunde_gas {
       background: url(../img/headerNeukundeGas.jpg) repeat-x left center;
       height: 26px;
       text-indent: -9999px;
}

#imgheader_bestandskunde_gas {
       background: url(../img/headerBestandskundeGas.jpg) repeat-x left center;
       height: 26px;
       text-indent: -9999px;
}


#centercol .borderedLinklist li {
	list-style: none;
	background: url(../img/ico_bullet_orange_offset.gif) no-repeat left center;
	border: 1px #F5A332 solid;
	border-top: none;
	margin: 0 0 0 0;
	padding: 6px 0 6px 26px;
}

/*=== STROMSPARTIPPS ===*/
#stromspartipps .tipp{
  float: left;
  width: 138px;
  border: #EFEFAD 1px solid;
  padding: 0;
  margin: 10px 7px 10px 0;
}
#stromspartipps .tipp.last{
  margin-right: 0;
}
#stromspartipps .descr{
  display:block;
  line-height: 2em;
  margin: 0 10px;
  background: url(../img/ico_bullet_orange.gif) right no-repeat;
}

/*=== NIEDERLASSUNGEN ===*/
img.NLmap{
	margin: 0;
	padding: 0;
	display: block;
	border: 1px solid #ebebad;
}
.NLinfo{
	min-height: 108px;
	margin: 5px 0 10px 0;
	padding: 0;
	display: block;
	border: 1px solid #ebebad;
}
.NLaddr{
    margin: 3px 5px 1px 10px;
}
.NLbranchPic{
  float: right;
  margin: 0;
  padding: 0 0 0 10px;
}
a.NLshowAll{
	background: url(../img/ico_bullet_orange.gif) no-repeat;
	padding-left: 20px;
}

/* ######################## MISC ############################*/ 

/* avoiding the outline-box on links - specially on images */
a:focus {
	-moz-outline: none;
	outline: none
}
/* avoiding the horizontal scroll-shift by always displaying the vert-scroll */
html {
    min-height: 101%;
}
.ar{
	text-align: right;
}
.fl{
	float: left;
}

/* ########################## CHANGE LOG ############################## */

div.counter {
        background: url(../img/teaser/zaehlerkasten.gif) no-repeat;
	width: 156px;
        height: 20px;
	margin: 0;
	padding: 0;
}

#rightcol input.mpboxbold {
        float: left;
	margin: 0;
	padding: 3px 0 0 3px;
        width: 156px;
        background: transparent;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
       border: none;
}

#rightcol div.regenwald {
       background:  #F4F5D9;
	padding: 0 2px 0 1px;
}


#id_20 #homeTeaser,
#id_158 #homeTeaser,
#id_159 #homeTeaser,
#id_160 #homeTeaser,
#id_161 #homeTeaser,
#id_26 #homeTeaser,
#id_214 #homeTeaser,
#id_215 #homeTeaser,
#id_216 #homeTeaser,
#id_217 #homeTeaser,
#id_30 #homeTeaser,
#id_206 #homeTeaser,
#id_207 #homeTeaser,
#id_208 #homeTeaser,
#id_209 #homeTeaser,
#id_36 #homeTeaser,
#id_218 #homeTeaser,
#id_219 #homeTeaser,
#id_220 #homeTeaser,
#id_221 #homeTeaser,
#id_80 #homeTeaser,
#id_200 #homeTeaser,
#id_201 #homeTeaser,
#id_202 #homeTeaser,
#id_203 #homeTeaser,
#id_85 #homeTeaser,
#id_222 #homeTeaser,
#id_223 #homeTeaser,
#id_224 #homeTeaser,
#id_225 #homeTeaser,
#id_91 #homeTeaser,
#id_210 #homeTeaser,
#id_211 #homeTeaser,
#id_212 #homeTeaser,
#id_213 #homeTeaser,
#id_96 #homeTeaser,
#id_226 #homeTeaser,
#id_227 #homeTeaser,
#id_228 #homeTeaser,
#id_229 #homeTeaser
{
  visibility: hidden;
}

a.vp_download, a.bullet {
	background: url(../img/ico_bullet_orange.gif) left center no-repeat;
	padding-left: 20px;	
}
.form1 .formNewsletterActivation label {
	width:120px;
}
.form1 .formNewsletterActivation input {
	width:280px;
}
.form1 .formNewsletterActivation .btn.pad {
	padding:0 0 0 120px;
}