/* css */


body {
	font: 13px/1.33em Arial, sans-serif;
	text-align: center;
/*	color: #9a9a9a;*/
	color: #555;
	background: #dbdbdb url(../img/bg_body.gif) repeat-y 50% 0;
	xletter-spacing: .045em;
}

* {
	padding: 0;
	margin: 0;
}

a, img, a img {
	border: none;
	outline: 0;
}

a {
	/*text-decoration: none;
	color: #969696;*/
	color: #525252;
}
a:hover {
	xtext-decoration: underline;
	color: #db3a3d;
}

#page {
	text-align: left;
	width: 930px;
	margin: 0 auto;
	height: 101%;
	background: #fff;
}

#header {
	background: #fff;
	height: 128px;
	border-bottom: 7px solid #dbdbdb;
}

#logo {
	float: left;
}

#metanavi {
	float: right;
	margin: 30px 30px 0 0;
}
#metanavi li {
	display: inline;
	padding-left: 15px;
}

#content {
	clear: both;
/*	border-top: 7px solid #dbdbdb;
*/	overflow: hidden;
	padding-bottom: 40px;
}

#left {
	width: 210px;
	padding: 15px;
	float: left;
}
#right {
	width: 210px;
	padding: 15px;
	float: right;
}
#main {
	width: 450px;
	float: left;	
}

.leftcol {
	float: left;
	width: 217px;
}
.rightcol {
	margin-left: 232px;
}

#mainnavi ul {
	list-style: none;
}
#mainnavi ul a {
	text-decoration: none;
}
#mainnavi .level_1 li a, #mainnavi .level_1 span {
	height: 30px;
	display: block;
}
a.mn_aktuell, span.mn_aktuell {
	background: url(../img/mn_aktuell.gif) no-repeat 0 0;
	text-indent: -9999em;
}
a.mn_strom, span.mn_strom {
	background: url(../img/mn_strom.gif) no-repeat 0 0;
	text-indent: -9999em;
}
a.mn_waerme, span.mn_waerme {
	background: url(../img/mn_waerme.gif) no-repeat 0 0;
	text-indent: -9999em;
}
a.mn_netz, span.mn_netz {
	background: url(../img/mn_netz.gif) no-repeat 0 0;
	text-indent: -9999em;
}
a.mn_ueberuns, span.mn_ueberuns {
	background: url(../img/mn_ueberuns.gif) no-repeat 0 0;
	text-indent: -9999em;
}
#mainnavi li a:hover, #mainnavi li a.trail  {
	background-position: 0 -30px!important;
}

#mainnavi .level_2  {
	display: none;
	list-style: none;
	margin: 0 0 25px 10px;
}
#mainnavi .active .level_2, #mainnavi .trail .level_2  {
	display: block;
}
#mainnavi .level_2 li a, #mainnavi .level_2 li span  {
	height: 22px;
	display: block;
	color: #999;
	background: none;
	text-indent: 0;
}
#mainnavi .level_2 li a:hover, #mainnavi .level_2 li span.active {
	color: #5b5b5b;
	text-decoration: none;
}

h1, h2.head1 {
	font-size: 17px;
	font-weight: normal;
	color: #525252;
	padding: 0 0 8px 0;
	line-height: 1.2em;
}
.first h1 {
	padding-top: 15px;
	margin: 0;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0em 0;
	line-height: 1.2em;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0em 0;
	line-height: 1.2em;
}
p {
	padding: 0 0 1.33em 0;
}
#main ul {
	list-style: none;
	padding: 0 0 1.33em 0;
}
#main li {
	padding-left: 11px;
	background: url(../img/bg_bullet.gif) no-repeat 0 9px;
}

table {
	margin: 0 0 1.33em 0;
	border-collapse: collapse;
}
table td {
	vertical-align: top;
}
table.tbl_tarife {
	width: 450px;
}
table.tbl_tarife td {
	padding: 5px;
}
#main img {
	padding: 0 0 28px 0;
}
.caption {
	font-size: 11px;
	margin: -28px 0 28px 0;
}
blockquote {
	font-style: italic;
}

/* newslist */
#right h3 {
	font-size: 13px;
	font-weight: normal;
	color: #525252;
	text-transform: uppercase;
}
#right p {
	font-size: 12px;
/*	color: #9b9b9b;*/
	color: #777;
	padding: 0;
}
#right img {
	padding: 0 0 80px 0;
}
/*.toggler {
	cursor: pointer;
}*/
.ce_accordion {
	padding-bottom: 1.33em;
}

/* formular */
.formbody {
	padding-bottom: 20px;
}
.formbody fieldset {
	border: none;
	padding: 0 0 20px;
	line-height: 34px;
}
.formbody legend {
	width: 100%;
	color: #fff;
	background: #ea6554;
	padding: 11px 9px 8px 9px;
	margin-bottom: 14px;
	line-height: 1em;
}
.formbody label {
	margin: 0 0 0 9px;
	float: left;
	width: 145px;
	padding-right:10px;
}
.formbody input[type=text] {
	xmargin: 0 0 0 145px;
	background: #e7e7e7;
	border: none;
	width: 245px;
	font-size: 1em;
	line-height: 1.3em;
	height: 21px;
}
.formbody br {
	clear: left;
}
.formbody p {
	line-height: 1.33em;
	padding-left: 9px;
}
.formbody .set1 p {
	line-height: .33em;
	padding-bottom: 5px;
}
.formbody .set4 label {
	width: 240px;
}
.formbody .set4 input {
	width: 180px;
}

.formbody fieldset .checkbox_container {
	line-height: 1.33em;
}
.formbody fieldset .checkbox_container label {
	width: 400px;
	margin-left: 15px;
	padding: 0;
}
.formbody .checkbox_container input {
	margin-left: 9px;
	float: left;
}
.formbody input.input_aufmerksam {
	width: 400px;
	margin-left: 9px;	
}
p.error {
	display: none;
}
.formbody label.error {
	color: #ea6554;
}
.formbody input.error {
	background: #e7caca;
}
.formbody fieldset .checkbox_container.error label{
	color: #ea6554;
}

.formbody label.input_col2_kurz {
	width: 50px;
}
.formbody input.input_col2_kurz {
	width: 45px;
}
.formbody label.input_col2_lang {
	width: 77px;
}
.formbody input.input_col2_lang {
	width: 195px;
}
.formbody #ctrl_10 + br,
.formbody #ctrl_21 + br {
	display: none;
}

.tooltip
{
	padding-left:14px;
	background: #fff;
}
 
.tool .tip-title
{
	width:150px;
	padding:6px;
	text-align:left;
	background-color:#5B5B5B;
	color:#fff;
}
 
.tool .tip-text
{
	width:150px;
	margin:0px;
	padding:6px;
	text-align:left;
	background-color:#B5B5B5;
	font-size:11px;
	color:#fff;
}

.invisible { display: none;}

/* stromrechner */
#stromrechner {position: relative; padding: 20px 0 0; }
#modal {display: none; width: 400px; height: auto; position: absolute; top: 20px; left: 0; background: #fff; border: 1px solid #ccc; padding: 15px 10px 30px;}
#modal_close a { display: block; width: 24px; height: 24px; float: right; background: url(../img/modal_close.gif) no-repeat 0 0; text-align: left; text-indent: -999em;}
#verbrauch { background: #ccc; border: none; padding: 5px 2px;width: 100px;}
#erg_input { background: #fff; border: 1px solid #ccc; padding: 5px 2px; text-align: right; width: 100px; font-weight: bold;}

#quicklinks { padding: 8px 0 0 0; list-style: none;}
#quicklinks li a { display: block; height:67px; width: 174px; text-indent: -999em; text-align: left;}
#quicklinks li { margin: 0 0 22px 0;}
#ql_wechseln a { background: url(../img/button_sprite.gif) no-repeat 0 -8px;}
#ql_rechner a { background: url(../img/button_sprite.gif) no-repeat 0 -96px;}
#ql_natur a { background: url(../img/button_sprite.gif) no-repeat 0 -183px;}