* {margin:0;padding:0;}

body {width:100%;font-family:Verdana;font-size:12px;}

img {
	border:none;
}

h1 {}
h2 {font-size:40px;color:#4c4c4c;font-weight:normal;}

a:link {color:#FF3300}
a:visited {color:#FF6600}
a:hover {color:#FF9900}
a:active {color:#FF6600}

div.pgBody {
	width:960px;
	background-color:white;
	margin:0 auto;
	position:relative;
}

div.pgLogo {
	background-image:url(../gfx/head.jpg);
	background-position: 267px 0px;
	background-repeat:no-repeat;
	height:209px;
}

div.logo {
	position:absolute;
	top:0px;
	left: 0px;
}

div.langSel {
	position:absolute;
	left: 267px;
	top: 0px;
}

div.pgHdr {
	position:absolute;
	left:266px;
	top:187px;
}

div.pgHdr table.pgMnu td {
	line-height:1px;
	padding-left:1px;
}

div.pgHdr table.pgMnu td a {
	display: block;
	text-decoration:none;
}


div.pgHdr table.pgMnu td img {
	height:22px;
	background-repeat:no-repeat;
}

div.pgHdr table.pgMnu td.startseite img:hover {
	background-image:url(../gfx/startseite_h.jpg);
}

div.pgHdr table.pgMnu td.startseite img {
	width:127px;
	background-image:url(../gfx/startseite.jpg);
}
div.pgHdr table.pgMnu td.meinBonus img {
	background-image:url(../gfx/mbonusstrom.jpg);
	width:172px;
}
div.pgHdr table.pgMnu td.meinBonus img:hover {
	background-image:url(../gfx/mbonusstrom_h.jpg);
}
div.pgHdr table.pgMnu td.kundenservice img {
	background-image:url(../gfx/kdservice.jpg);
	width:162px;
}
div.pgHdr table.pgMnu td.kundenservice img:hover {
	background-image:url(../gfx/kdservice_h.jpg);
}
div.pgHdr table.pgMnu td.aktuelles img {
	background-image:url(../gfx/aktuelles.jpg);
	width:120px;
}
div.pgHdr table.pgMnu td.aktuelles img:hover {
	background-image:url(../gfx/aktuelles_h.jpg);
}
div.pgHdr table.pgMnu td.spacer img {
	background:#0d4600;
	width:108px;
}

table.pgLR {
	width:100%;
}

table.pgLR td.l {
	width:267px;
	vertical-align:top;
}

table.pgLR td.r {
	vertical-align:top;
}


table.pgLMnu {
	width:100%;
}

table.pgLMnu td img {
	height:44px;
	width:232px;
	background-repeat:no-repeat;
}

table.pgLMnu td.login img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -1px;
}

table.pgLMnu td.login img:hover {
	background-position: -235px -1px;
}

table.pgLMnu td.faq img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -46px;
}

table.pgLMnu td.faq img:hover {
	background-position: -235px -46px;
}

table.pgLMnu td.agb img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -91px;
}

table.pgLMnu td.agb img:hover {
	background-position: -235px -91px;
}

table.pgLMnu td.jobs img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -136px;
}

table.pgLMnu td.jobs img:hover {
	background-position: -235px -136px;
}

table.pgLMnu td.datenschutz img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -181px;
}

table.pgLMnu td.datenschutz img:hover {
	background-position: -235px -181px;
}

table.pgLMnu td.impressum img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -226px;
}

table.pgLMnu td.impressum img:hover {
	background-position: -235px -226px;
}

table.pgLMnu td.kontakt img {
	background-image:url(../gfx/mLBg.png);
	background-position: -2px -271px;
}

table.pgLMnu td.kontakt img:hover {
	background-position: -235px -271px;
}

table.cSp {
	width:100%;
}

div.hdr {
	padding: 10px 0px;
	background-color:#0e4702;
	color:white;
	font-size:20pt;
	text-align:center;
	font-family:Arial;
}

td.colTarifrechner {
	width:340px;
	vertical-align:top;
}

div.stromberater {
	background-image:url(../img/tarife_bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:150px;
}

div.stromberater a, div.stromberater a:hover {
	text-decoration:none;
	color:black;
}

div.stromberater div.red, div.stromberater div.red a, div.stromberater div.red a:hover {
	color:#b44000;
}

div.stromberater td {
}

div.fsBig {
	font-size:20px;
	font-weight:bold;
}

div.oekostrom {
	background-image:url(../gfx/bgOeko.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:340px;
	height:478px;
	margin-left:auto;
	position:relative;
}

div.oekostrom div.ap {
	position: absolute;
	font-weight: bold;
	top:75px;
	left:15px;
	color: white;
}

div.oekostrom div.gp {
	position: absolute;
	font-weight: bold;
	top:75px;
	right:15px;
	color: white;
}

div.oekostrom img.umdenken {
	background-image:url(../gfx/umdenken.png);
	position: absolute;
	bottom:10px;
	left:66px;
	width:209px;
	height:48px;
}

div.oekostrom img.umdenken:hover {
	background-image:url(../gfx/umdenken_h.png);
}

div.oekostrom div.hdrOekostrom {
	color:white;
	font-size:20pt;
	text-align:center;
	padding-top:15px;
}

div.oekostrom div.hdrHinweis {
	color:white;
	font-size:12pt;
	text-align:center;
	padding-top:5px;
}

div.oekoForm div.box {
	border: solid #0e4702 1px;
}

div.oekoForm div.box div.boxHdr {
	font-size:22pt;
	color:#0e4702;
	border-bottom: dashed #0e4702 1px;
	padding-left:10px;
}

div.oekoForm div.box div.boxCt {
	padding:5px 5px 5px 20px;
	color:#0e4702;
}

div.oekoForm div.box div.boxCt div.boxHdr2 {
	font-size:14pt;
}

div.oekoForm div.box td.fldHdr, div.oekoForm div.box td.fldCt {
	font-size:12pt;
	vertical-align:top;
}
div.oekoForm div.box td.fldHdr {
	font-weight:bold;
}
div.oekoForm div.box td.fldHdr div.fldHdr {
	width:auto;
	margin-right:auto;
}

div.oekoForm div.box td.space {
	padding-left:25px;
}

div.oekoForm div.box td.fldCt td {
	vertical-align:middle;
}

div.oekoForm input.err {
	border: solid red 1px;
	padding:3px;
}

div.oekoForm div.errInfo, div.oekoForm td.errInfo {
	color:red;
	font-size:10pt;
}

div.oekoForm table.wizzard {
	color:white;
}

div.oekoForm table.wizzard td {
	height:43px;
}
div.oekoForm table.wizzard td.stepA, div.oekoForm table.wizzard td.stepI {
	padding:0px 10px;
}
div.oekoForm table.wizzard td.stepA {
	background-image:url(../gfx/wizzA.png);
}

div.oekoForm table.wizzard td.stepI {
	background-image:url(../gfx/wizzI.png);
}

div.oekoForm table.wizzard td.i2a {
	background-image:url(../gfx/wizzI2A.png);
	width:26px;
}

div.oekoForm table.wizzard td.a2i {
	background-image:url(../gfx/wizzA2I.png);
	width:26px;
}
div.oekoForm table.wizzard td.ri {
	background-image:url(../gfx/wizzRight.png);
	width:26px;
}
div.oekoForm table.wizzard td.ra {
	background-image:url(../gfx/wizzRightA.png);
	width:26px;
}

#body {width:960px; background-color:white; margin:0 auto;}

#logo {width:241px; height:209px; float:left;margin-top:25px;}
#header {width:693px; height:208px; float:left; margin-left:25px;background:transparent url(../gfx/head.jpg) no-repeat;margin-top:25px;}
#header-navigation {list-style:none;margin-top:166px;}
#header-navigation li {display:inline;float:left;height:22px;}
#header-navigation li a{display:block; height:22px;border-right:#fff solid 1px;}
#header-navigation #spacer {background:#0d4600; width:108px;}
#header-navigation .startseite {background:transparent url(../gfx/startseite.jpg) no-repeat;width:127px;}
#header-navigation .startseite:hover {background:transparent url(../gfx/startseite_h.jpg) no-repeat;width:127px;}
#header-navigation .meinBonus {background:transparent url(../gfx/mbonusstrom.jpg) no-repeat;width:172px;}
#header-navigation .meinBonus:hover {background:transparent url(../gfx/mbonusstrom_h.jpg) no-repeat;width:172px;}
#header-navigation .kundenservice {background:transparent url(../gfx/kdservice.jpg) no-repeat;width:162px;}
#header-navigation .kundenservice:hover {background:transparent url(../gfx/kdservice_h.jpg) no-repeat;width:162px;}
#header-navigation .aktuelles {background:transparent url(../gfx/aktuelles.jpg) no-repeat;}
#header-navigation .aktuelles:hover {background:transparent url(../gfx/aktuelles_h.jpg) no-repeat;width:120px;}

#header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

#navigation {clear:left;width:268px; background:white; height:200px; float:left; margin-top:90px;list-style:none;}
#navigation a {display:block;width:268px;height:35px;}
#navigation .login {background:transparent url(../gfx/sberlogin.gif) no-repeat;}
#navigation .login:hover {background:transparent url(../gfx/sberlogin_h.gif) no-repeat;}
#navigation .faq {background:transparent url(../gfx/faq.gif) no-repeat;}
#navigation .faq:hover {background:transparent url(../gfx/faq_h.gif) no-repeat;}
#navigation .agb {background:transparent url(../gfx/agb.gif) no-repeat;}
#navigation .agb:hover {background:transparent url(../gfx/agb_h.gif) no-repeat;}
#navigation .jobs {background:transparent url(../gfx/jobs.gif) no-repeat;}
#navigation .jobs:hover {background:transparent url(../gfx/jobs_h.gif) no-repeat;}
#navigation .datenschutz {background:transparent url(../gfx/datsch.gif) no-repeat;}
#navigation .datenschutz:hover {background:transparent url(../gfx/datsch_h.gif) no-repeat;}
#navigation .impressum {background:transparent url(../gfx/impr.gif) no-repeat;}
#navigation .impressum:hover {background:transparent url(../gfx/impr_h.gif) no-repeat;}
#navigation .kontakt {background:transparent url(../gfx/kontakt.gif) no-repeat;}
#navigation .kontakt:hover {background:transparent url(../gfx/kontakt_h.gif) no-repeat;}

#main {width:512px;background:white; float:left;background:white no-repeat 0 0px;margin-left:15px; margin-top:25px;min-height:455px;}
#main em {font-size:20px;color:#4c4c4c;font-style:normal;}
#main_std {text-align:justify;padding-right:25px;width:487px;background:white; float:left;margin-left:15px; margin-top:25px;min-height:455px;}
#main_std em {font-size:20px;color:#4c4c4c;font-style:normal;}
#tarifrechner {margin-top:15px; margin-left:15px;;border:0px;}

.berechnen {display:block;height:48px;width:209px;background:transparent url(../gfx/berechnen.png) no-repeat;margin:10px 0 0 255px;}
.berechnen:hover {background:transparent url(../gfx/berechnen_h.png) no-repeat;}

#right {width:165px; height:220px; float:left; margin-top:105px;background:transparent url(../gfx/stromber_bg.jpg) no-repeat;}
#right h3 {padding-left:18px; padding-right:32px; padding-top:15px; height:386; width:130;color:#fff;font-size:17px;font-weight:bold;}
#right p {font-size:14px; color:black;padding-left:18px; padding-right:32px; padding-top:20px;}