/*=== Setup ===*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,img,form,fieldset{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #ffffff;
	color: #666666;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #00899e;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	color: #027587;
	font-size: 11px;
	padding: 3px
}
li{
	list-style: none
}
h2, h3{
	font: 1.5em "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin: 0 0 .8em
}
h3{
	color: #027587;
	font-size: 1.3em;
	margin: 0 0 1.3em;
	padding: 0 0 4px
}
h4{
	color: #999999;
	font-size: .9em;
	font-weight: normal
}
p{
	line-height: 1.5em;
	padding: 0 0 1.5em
}
table{

}

/*==== Access Keys ===*/

#sprunglink_0 a, #sprunglink_1 a, #sprunglink_2 a, #sprunglink_3 a, #sprunglink_4 a, #sprunglink_5 a, #sprunglink_6 a, #sprunglink_7 a, #sprunglink_8 a, #sprunglink_9 a  {
	position:absolute; 
	z-index:2; 
	width:10em; 
	overflow:hidden; 
	top:-100px; 
	left:-1000px} 
	
#sprunglink_0 a:focus, #sprunglink_1 a:focus, #sprunglink_2 a:focus, #sprunglink_3 a:focus, #sprunglink_4 a:focus, #sprunglink_5 a:focus, #sprunglink_6 a:focus, #sprunglink_7 a:focus, #sprunglink_8 a:focus, #sprunglink_9 a:focus  {
	position: absolute; 
	z-index: 0; 
	width: 252px; 
	top: 125px; 
	left: 0%;
	margin-left: 4px; 
	text-decoration: underline; 
	color: #000; 
	background: #ffc; 
	font-size: 90%}	
	
#sprunglink_0 a:active, #sprunglink_1 a:active, #sprunglink_2 a:active, #sprunglink_3 a:active, #sprunglink_4 a:active, #sprunglink_5 a:active, #sprunglink_6 a:active, #sprunglink_7 a:active, #sprunglink_8 a:active, #sprunglink_9 a:active  {
	position: absolute; 
	z-index: 0; 
	width: 252px; 
	top: 125px; 
	left: 0%;
	margin-left: 4px; 
	text-decoration: underline; 
	color: #000; 
	background: #fff; 
	font-size: 90%}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 962px
}
/*=== Header ===*/
#header{
	background: #83cad5;
	color: #ffffff;
	height: 20px;
	margin: 0 2px 0 0;
	padding: 0 13px
}
#header .icons{
	float: right;
	font-size: 12px
}
#header .icons a{
	color: #ffffff
}
#header .icons small{
	font-size: 10px
}
#header .icons img{
	margin: 0 0 -4px 4px;
	position: relative
}
/*=== Logo ===*/
#logo h1{
	background: url(logo.gif) no-repeat;
	margin: 0 0 30px;
	text-indent: -9999px;
	width: 190px
}
#logo h1 a{
	display: block;
	height: 104px
}
#logo h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	float: left;
	font-size: 11px;
}
#nav1 li{
	display: inline;
	line-height: 20px;
	padding: 0 15px 0 0
}
#nav1 li a{
	color: #ffffff
}
/*- Nav2 -*/
.nav2{
	font-size: 12px;
	margin: 0 0 1em;
	width: 190px
}
.nav2 li{
	margin: 0 0 7px;
	
}
.nav2 li a{
	color: #027587;
	display: block;
	padding: 5px 0 5px 12px;
	margin: 0;
	}
	
.nav2 li a:hover,
.nav2 li.active a{
	color: #ffffff;
	text-decoration: none
}


.nav2 li#nav24733 div.navboxbgr a:hover{
	background: url(nav2-normal-strom.gif) no-repeat;
}
.nav2 li#nav24734 div.navboxbgr a:hover{
	background: url(nav2-normal-gas.gif) no-repeat;
	color: #a1730b;

}
.nav2 li#nav24736 div.navboxbgr a:hover{
	background: url(nav2-normal-daten.gif) no-repeat;
		color: #43757d;

}
.nav2 li#nav24735 div.navboxbgr a:hover{
	background: url(nav2-normal-wasser.gif) no-repeat;
}

/*- Nav2 Level2 -*/
.nav2 li.active ul{
margin: 0
}
.nav2 li.active li{
	background: url(nav2-sep-neutral.gif) no-repeat top;
	margin: 0
}
.nav2 li.active li a{
	padding: 5px 0 5px 20px;
	margin: 0
}
.nav2 li.active li a:hover,
.nav2 li.active li.active a{
	background: url(nav2-ico.gif) #6fb6c0 no-repeat 6px 11px
}

.nav2 li.active li.active li a{
	padding: 5px 0 5px 32px;
	background: none;
	margin: 0;
}


.nav2 li.active li.active li a:hover,
.nav2 li.active li.active li.active a{
	background: url(nav2-ico2.gif) #6fb6c0 no-repeat 6px 11px
}


.nav2 li div.navboxbgr {
background: url(nav2-bgr.gif) repeat-y;
}

.nav2 li div.navboxtop {
background: url(nav2-top.gif) no-repeat top;
}

.nav2 li div.navboxbot {
background: url(nav2-bot.gif) no-repeat bottom;
}

#navbotpic {
position: absolute; z-index: 0; border:0; margin: -6px 0 0 0; padding:0;
}

.nav2 li.active div.navboxbgr {
background: url(nav2-bgr.gif) repeat-y;
}

.nav2 li.active div.navboxtop {
background: url(nav2-top.gif) no-repeat top;
}

.nav2 li.active div.navboxbot {
background: url(nav2-bot.gif) no-repeat bottom;
}

.nav2 li.normal div.navboxbgr {
background: url(nav2-bgr.gif) repeat-y;
}

.nav2 li.normal div.navboxtop {
background: url(nav2-top.gif) no-repeat top;
}

.nav2 li.normal div.navboxbot {
background: url(nav2-bot.gif) no-repeat bottom;
}

.lastnav {
	background: #ffffff;
	height: 10px;
	margin: -7px 0 0 0; 
}



/*- Nav3 -*/
.nav3{
	background: #97d3dc;
	border-top: 1px solid #ffffff;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 30px;
	margin: 0 3px 0 4px;
	padding: 0 20px 0 15px
}
.nav3 ul{
	float: left
}
.nav3 li{
	display: inline;
	line-height: 30px;
	padding: 0 20px 0 0
}
.nav3 li a{
	color: #027587
}
.nav3 li a:hover,
.nav3 li.active a{
	color: #ffffff
}
/*=== Headline ===*/
.headline{
	background: url(headline-bgr.gif) repeat-x center;
	margin: 0 0 20px;
	padding: 0 0 0 20px
}
.headline h3 span{
	background: #ffffff;
	padding: 0 7px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 5px 0 15px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 17px 0 0;
	width: 190px
}
#leftcol p{
	font-weight: bold;
	padding: 0
}
/*=== Center Column ===*/
#centercol{
	background: url(centercol-bgr.gif) repeat-y top;
	float: right;
	width: 749px
}
.centercol-top img{
	display: block
}
.centercol-bot{
	background: url(centercol-bot.gif) no-repeat top;
	color: #027081;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 28px;
	line-height: 19px;
	overflow: hidden;
	padding: 0 10px 0 0;
	text-align: right
}
#centercol .content{
	display: table-cell;
	display: block;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	padding: 35px 20px 20px
}
#home #centercol .content{
	padding: 20px 0 20px 25px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	color: #333333;
	float: left;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 22px 1em 0;
	width: 219px
}
.box .top,.box .bot{
	background: url(box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot{
	background: url(box-bot.gif) no-repeat top
}
.box .bcontent{
	background: #9bd1d9;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 280px;
	min-height: 280px;
	padding: 0 15px
}
.box h3{
	border-bottom: 1px solid #d3ebee;
	font-size: 14px
}
.box a{
	color: #333333
}
.box.last{
	margin: 0
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li{
	background: url(ico-list.gif) no-repeat 0 4px;
	padding: 0 0 7px 13px
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Search -*/
#search{
	float: right;
	height: 20px;
	padding: 5px 0 0
}
#search input{
	background: #eaf6f8;
	border: 0;
	float: left;
	width: 160px
}
/*=== Link Buttons ===*/
.btn-more a{
	background: url(ico-more.gif) no-repeat 0 3px;
	color: #00899e;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 0 8px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}







#contenttab {
	width: 710px;
	height: 484px;
	font-family: Arial,sans-serif;
	line-height: 1.5em;
}


#contentboxsub {
margin: 0px;
padding: 30px 0px 10px 0px;
}

#contentboxsub td {
padding: 1px 3px 1px 3px;
}


#contentboxsub form td{
	padding: 2px;
}


#contentboxsub  li{
	list-style: disc;
	padding: 0px;
	margin: 5px 0 0 40px;
}

#contentboxsub  img{
	margin: 0 3px 0 3px;
}

#contentboxsub  ol li{
	list-style: decimal;
	padding: 0px;
	margin: 5px 0 0 0;
}


#contentboxsub  p{
	padding: 4px 0 5px 0;
}

#contentboxsub  ul{
	padding: 6px 0 6px 0;
}

#contentboxsub td a{
	color: #00899e;
	}

#contentboxsub font a{
	color: #00899e;
	}


#contentboxsub p a{
	color: #00899e;
}

#contentboxsub a:visited{
	color: #43757d;
	text-decoration: none;
}



#contentboxsub h1{
	padding: 0 0 8px 0;
	font-size: 16px;
	color: #000000;
}


#contentboxsub h2{
	background-image: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 8px 0;
	color: #000000;
}


#contentboxsub h3{
	font-size: 14px;
	padding: 0 0 6px 0;
	color: #000000;
}


#contentboxsub h4{
	font-size: 13px;
	padding: 0 0 6px 0;
	color: #000000;
}


#contentboxsub h5{
	font-size: 12px;
	padding: 0 0 5px 0;
	color: #000000;
}

#contentboxsub input{
	font-size: 12px;
	color: #000000;
}


.hiddentext {
	visibility: hidden;
	z-index: -4;
	position: absolute;
	top: -1000px;
	}
/* Jump Navi */


.blindThis {
	position: absolute;
	left: -999px;
	top: -999px;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}

.sprungblind {
	position: absolute;
	left: -999px;
	top: -999px;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}

.sprungblind:focus, .sprungblind:active {
	position: absolute;
	display: block;
	top: 4.5em;
	left: 4.4em;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #000000;
	width: auto;
	height: auto;
	padding: 0 5px 0 5px;
	}


