html {
	background: #c7dcf2 url(../images/bg_body.gif) top left repeat-x;
}

body {
	background: #c7dcf2 url(../images/bg_body.gif) top left repeat-x;
	color: #222;
	font-size:100.1%;
}

#center {
	width: 975px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	font: 62.5% Arial,sans-serif;
}

dfn {
	font-style: italic;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/*** Header: **************************************************************************************/

#header {
	width: 959px;
	height: 106px;
	margin: 0 8px;
}

#header #logo {
	float: left;
	width: 227px;
	height: 41px;
	margin: 21px 0 8px 10px;
}

/*** Header Search ********************************************************************************/

#header form {
	float: right;
	height: 22px;
	margin: 14px 0 34px 0;
}

#header form input {
	float: left;
}

#header form input#search {
	width: 171px;
	height: 18px;
	padding: 2px 0 0 5px;
	background: #fff;
	border: 1px solid #5999d6;
	border-right: none;
}

/*** Typo Header Search ***/

#header form input#search {
	font-size: 1.25em;
	color: #014888;
}

/*** Header: Navigation ***************************************************************************/

#header ul#mainNav {
	clear: both;
	width: 683px;
	height: 36px;
	margin: 0 0 0 276px;
}

#header ul#mainNav li {
	float: left;
	list-style: none;
	margin: 0 0 0 7px;
	background: #014888 url(../images/bg_mainNav.gif) top left repeat-x;
}

#header ul#mainNav li#first {
	margin: 0;
}

#header ul#mainNav li a {
	display: block;
	width: 131px;
	padding: 13px 0;
}

#header ul#mainNav li#first a,
#header ul#mainNav li#last a {
	width: 62px;
	text-indent: -9999px;
}

#header ul#mainNav li#first a {background: transparent url(../images/bg_mainNav_icons.gif) 22px -35px no-repeat;}
#header ul#mainNav li#last a  {background: transparent url(../images/bg_mainNav_icons.gif) -40px -35px no-repeat;}

#header ul#mainNav li#first a:hover {background: #91bbe4 url(../images/bg_mainNav_icons.gif) 22px -35px no-repeat;}
#header ul#mainNav li#last a:hover  {background: #91bbe4 url(../images/bg_mainNav_icons.gif) -40px -35px no-repeat;}

#header ul#mainNav li#first a.active,
#header ul#mainNav li#first a.active:hover {background: #ebf4fc url(../images/bg_mainNav_icons.gif) 22px 10px no-repeat;}
#header ul#mainNav li#last a.active,
#header ul#mainNav li#last a.active:hover  {background: #ebf4fc url(../images/bg_mainNav_icons.gif) -40px 10px no-repeat;}

/* Typo: Header Navigation */

#header ul#mainNav li a {
	text-align: center;
	font: normal 1.4em/10px Arial,sans-serif;
	color: #fff;
	text-decoration: none;
}

#header ul#mainNav li a:hover {
	color: #fff;
	background: #91bbe4;
}

#header ul#mainNav li a.active,
#header ul#mainNav li a.active:hover {
	color: #014888;
	background: #ebf4fc;
}

/*** Slogan: *************************************************************************************/

#slogan {
	width: 959px;
	height: 100px;
	padding: 7px;
	background: #ebf4fc;
	border-left: 1px solid #85b2de;
	border-right: 1px solid #85b2de;
}

#index #slogan {
	height: 174px;
	padding: 7px 7px 0 7px;
}

#slogan img,
#slogan p,
#slogan div#imgRight {
	float: left;
	border-bottom: 2px solid #014888;
	background: #014888;
}

#slogan div#imgRight {
	width: 397px;
	border-bottom: none;
}

#slogan p {
	width: 262px;
	height: 58px;
	padding: 32px 12px 8px 12px;
	background: #014888 url(../images/bg_slogan.gif) top left no-repeat;
		font: normal 1.8em/1.36em Arial,sans-serif;
		color: #fff;
}

#slogan p span {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 0 40px;
		font: normal 1.0em/1.36em Arial,sans-serif;
}

/*** Wrap: ***************************************************************************************/

#wrap {
	width: 959px;
	padding: 0 7px;
	background: #ebf4fc;
	border-left: 1px solid #85b2de;
	border-right: 1px solid #85b2de;
	border-bottom: 2px solid #85b2de;
}

/*** Breadcrumb: *********************************************************************************/

#breadcrumb {
	width: 959px;
	height: 25px;
	background: #c7dcf2;
		font: normal 1.2em/15px Arial,sans-serif;
		color: #27639a;
}

#breadcrumb p {
	float: left;
	padding: 5px 10px;
}

#breadcrumb ul li {
	float: left;
	list-style: none;
	padding: 5px 10px 5px 0;
}

#breadcrumb ul li a {
	color: #27639a;
	text-decoration: underline;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_mainNav.gif) 0px 2px no-repeat;
}

#breadcrumb ul li a:hover {
	text-decoration: none;
}

/*** Content: Inhaltsbereich *********************************************************************/
/*** Raster mit 14 Einheiten ************************************/
/*** 1 Einheit = 42px + 10px padding (+ 7px margin einseitig) ***/

#content {
	clear: both;
	width: 959px;
	padding: 0 0 40px 0;
	background: #fff;
}

/*** content - INDEX ******************************************************************************/

#index #content {
	width: 959px;
	padding: 27px 0 13px 0;
}

#index #content div {
	display: inline;
	float: left;
	margin: 0 10px 27px 10px;
}

#index #content #intro {
	width: 456px;
	margin: 0 17px 27px 10px;
}

#index #content #news {
	width: 454px;
	padding: 0 0 12px 0;
	border: 1px solid #c7dcf2;
	background: transparent url(../images/bg_index_news.jpg) bottom right no-repeat;
}

#index #content #termine {
	width: 937px;
	margin: 0 10px;
	border: 1px solid #c7dcf2;
}

#index #content h1 {
	font: normal 1.9em/1.36em Arial,sans-serif;
	color: #014888;
	padding: 6px 0 0 0;
}

#index #content h2 {
	font: normal 1.7em/1.36em Arial,sans-serif;
	color: #014888;
	padding: 6px 10px 0 10px;
}

#index #content #termine h2 {
	float: left;
	width: 120px;
	height: 26px;
	padding: 0 0 0 8px;
	background: #ebf4fc;
	font: normal 1.3em/26px Arial,sans-serif;
}

#index #content #termine h2 a {
	color: #014888;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 50% no-repeat;
}

#index #content h3 {
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 0.5em 10px 0 8px;
}

#index #content #news h3#newsNr2 {
	padding: 0.5em 138px 0 8px;
}

#index #content p {
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 0.5em 0 0 0;
}

#index #content #news p {
	padding: 0.1em 138px 0 20px;
}

#index #content #intro a,
#index #content #news a {
	color: #000;
	text-decoration: underline;
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 3px no-repeat;
}

#index #content #intro a:hover,
#index #content #news a:hover {
	color: #000;
	text-decoration: none;
}

/* teaser */

#index #content div.teaser {
	display: inline;
	float: left;
	margin: 0 10px 27px 17px;
}

#index #content div#pos_1 {
	clear: both;
	margin: 0 10px 27px 10px;
}

#index #content div.teaser div {
	float: none;
	display: block;
	width: 249px;
	margin: 0;
	padding: 0 0 10px 0;
}

#index #content #energiesparen	{background: #c7dcf2 url(../images/bg_index_teaser-energie.png) bottom right no-repeat;}
#index #content #heizkosten		{background: #c7dcf2 url(../images/bg_index_teaser-heizkosten.png) bottom right no-repeat;}
#index #content #mitglied 		{background: #c7dcf2 url(../images/bg_index_teaser-mitglied.jpg) bottom right no-repeat;
								 width: 387px;}
#index #content #purastrom 		{background: #c7dcf2 url(../images/bg_index_teaser-purastrom.gif) bottom right no-repeat;}
#index #content #tarifrechner	{background: #c7dcf2 url(../images/bg_index_teaser-tarifrechner.png) bottom right no-repeat;}
#index #content #wechseln 		{background: #c7dcf2 url(../images/bg_index_teaser-wechseln.gif) bottom right no-repeat;}
#index #content #zaehlerstand	{background: #c7dcf2 url(../images/bg_index_teaser-zaehlerstand.png) bottom right no-repeat;}

#index #content #energiesparen h2	{color: #014888;}
#index #content #heizkosten h2		{color: #014888;}
#index #content #mitglied h2		{color: #e20;}
#index #content #purastrom h2		{color: #45bb47;}
#index #content #tarifrechner h2	{color: #014888;}
#index #content #wechseln h2		{color: #014888;}
#index #content #zaehlerstand h2	{color: #014888;}

#index #content .teaser h2 {
	font: italic 1.6em/34px Arial,sans-serif;
	text-align: right;
	padding: 0 10px;
	background: #fff;
	border-top: 7px solid #c7dcf2;
	border-bottom: none;
}

#index #content .teaser p {
	color: #014888;
	padding: 0.5em 83px 0 10px;
}

#index #content .teaser a {
	font: normal 1.4em/30px Arial,sans-serif;
	color: #014888;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	margin: 0.5em 0 0 10px;
	padding: 0 28px 0 0;
	background: transparent url(../images/bg_button.png) top right no-repeat;
}
* html #index #content .teaser a {
	background: transparent url(../images/bg_button.gif) top right no-repeat; /* GIF fuer IE6 */
}

#index #content .teaser a:hover {
	color: #ff9029;
}

#index #content .teaser a span {
	display: inline-block;
	height: 30px;
	padding: 0 0 0 9px;
	background: transparent url(../images/bg_button.png) top left no-repeat;
}

/* jquery.maquee.css */

#index #content ul.marquee {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	line-height: 1;
	/* optional styles */
	top: 0;
	left: 0;
	width: 800px;
	height: 26px;
}

#index #content ul.marquee li {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;
	/* optional styles */
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 4px 7px 5px 10px;
}

#index #content ul.marquee li span {
	font-weight: bold;
	margin: 0 7px 0 0;
}

#index #content ul.marquee li a {
	color: #f60;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 50% no-repeat;
}

#index #content ul.marquee li a:hover {
	text-decoration: none;
}


/* layer */

#index #layer {
	position: absolute;
	left: -10000px;
	top: -10000px;
	z-index: 10000;
	background: transparent url(../images/bg_index_layer.png) top left no-repeat;
}

#index #layer #close {
	display: block;
	width: 55px;
	height: 55px;
	margin: 0 0 0 665px;
}

/* Steckdosen-Layer:
#index #layer #link {
	display: block;
	width: 187px;
	height: 187px;
	margin: 280px 0 0 434px;
}*/

/* Gewinnspiel-Layer: */
#index #layer #link {
	display: block;
	width: 690px;
	height: 487px;
}

#index #layer a span {
	display: none;
}

/*** mainContent **********************************************************************************/   /* noch bearbeiten */

#mainContent {
	display: inline;
	float: left;
	width: 525px;
	margin: 27px 10px 0 10px;
}

#mainContent img {
	padding: 0.2em 0 0.5em 0;
}

#solarpark #mainContent img {
	padding: 5px 10px 5px 0;
}

#mainContent h3 img {
	padding: 0 6px 0 0;
}

#mainContent img.left,
#mainContent h3 img.left {
	float: left;
	padding: 0.2em 15px 0.5em 0;
}

#mainContent img.right {
	float: right;
	padding: 0.2em 0 0.5em 15px;
}

/* Hoverbox */

#mainContent a#hoverbox {
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
	text-decoration: none;
	cursor: default;
}

#mainContent a#hoverbox #preview {
	display: none;
}

#mainContent a#hoverbox:hover #preview {
	display: block;
	position: absolute;
	top: -280px;
	left: -135px;
	z-index: 1;
}

#mainContent a#hoverbox img {
	margin: 0 0 0 15px;
	padding: 0;
}

#mainContent a#hoverbox #preview {
	width: 348px;
	height: 525px;
	border: 7px solid #c7dcf2;
}

/* Galerie */

#mainContent #galeriebox h3 {
	padding: 3.0em 0 0 0;
}

#mainContent #galeriebox a.opener {
	clear: left;
	display: block;
	height: 48px;
	margin: 8px 0 0 0;
	padding: 4px;
	background: #ebf4fc;
	border: 1px solid #c7dcf2;
		font: normal 1.15em/1.4em Arial,sans-serif;
		text-decoration: none;
		color: #014888;
}

#mainContent #galeriebox a.selected {
	background: #c7dcf2;
}

#mainContent #galeriebox a span {
	display: inline-block;
	height: 1.4em;
	margin: 0.4em 0 0 0;
		font: normal 1.25em/1.4em Arial,sans-serif;
		color: #222;
}

#mainContent #galeriebox a img {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
	padding: 4px;
	background: #fff;
}

#mainContent #galeriebox a img.wide {
	width: 507px;
	margin: 0;
}

#mainContent #galeriebox div {
	height: 220px;
}

#mainContent #galeriebox div img {
	float: left;
	margin: 4px 12px 4px 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #c7dcf2;
}

#mainContent #galeriebox div img.big {
	float: none;
	margin: 4px 0;
}

#mainContent #galeriebox div h4 {
	clear: none;
}

#mainContent #galeriebox div p {
	font-style: italic;
}

/* Listen */

#mainContent ul {
	list-style-type: none;
	padding: 0.6em 0 0.1em 0;
}

#mainContent ul li {
	padding: 6px 0 0 16px;
	background: transparent url(../images/bg_li.gif) 5px 13px no-repeat;
}

#pura_strom #mainContent ul li {
	background: transparent url(../images/bg_li_pura.gif) 5px 13px no-repeat;
}

/* Listen Links (ol) */

#mainContent ol {
	list-style-type: none;
	padding: 1.0em 0 0.1em 0;
}

#mainContent ol li {
	padding: 6px 0 0 12px;
	background: none;
}

/* Listen Sitemap */

#mainContent ul#sitemap,
#mainContent ul#sitemap ul {
	list-style: none;
	margin: 10px 0 4px 0;
	padding: 6px 16px 12px 4px;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#mainContent ul#sitemap 		 {background: #f6f6f8; margin: 0;}
#mainContent ul#sitemap ul		 {background: #eeeef2;}
#mainContent ul#sitemap ul ul	 {background: #e5e5eb;}
#mainContent ul#sitemap ul ul ul {background: #dddde4;}

#mainContent ul#sitemap li,
#mainContent ul#sitemap ul li {
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0.8em 0 0 1.0em;
	background: none;
}

/* Tabellen */

#mainContent table {
	padding: 0.8em 0 0.4em 0;
}

#mainContent table th,
#mainContent table td {
	padding: 0.4em 15px 0 0;
}

#mainContent table caption {
	text-align: left;
	padding: 1.6em 10px 0 10px;
}

/* Tariftabellen */

#teutostrom #mainContent table,
#pura_strom #mainContent table,
#teutogas #mainContent table,
#grundversorgung #mainContent table {
	width: 525px;
}

#teutostrom #mainContent table th,
#teutostrom #mainContent table td,
#pura_strom #mainContent table th,
#pura_strom #mainContent table td,
#teutogas #mainContent table th,
#teutogas #mainContent table td,
#grundversorgung #mainContent table th,
#grundversorgung #mainContent table td {
	min-width: 60px;
	padding: 0.3em 10px 0.3em 10px;
	border: 2px solid #fff;
}

#teutostrom #mainContent table th {background: #cee1f2;}
#teutostrom #mainContent table td {background: #ebf4fc;}

#pura_strom #mainContent table th {background: #d6edc2;}
#pura_strom #mainContent table td {background: #ebfcdc;}
#teutostrom #mainContent table.purastrom th {background: #d6edc2;} /* Sonderfall: Privatkunden > Heiztarife */
#teutostrom #mainContent table.purastrom td {background: #ebfcdc;}

#teutogas #mainContent table th {background: #fff3a3;}
#teutogas #mainContent table td {background: #fff8cc;}

#grundversorgung #mainContent table th {background: #dadada;}
#grundversorgung #mainContent table td {background: #eee;}

/* Datentabellen */

#datentabelle #mainContent table {
	width: 525px;
}

#datentabelle #mainContent table th,
#datentabelle #mainContent table td {
	min-width: 40px;
	padding: 0.3em 10px 0.3em 10px;
	border: 2px solid #fff;
}

#datentabelle #mainContent table th {background: #cee1f2;}
#datentabelle #mainContent table td {background: #ebf4fc;}

/* Notruf-Tabelle */

#notruf #mainContent table {
	margin: 0 0 1.2em 0;
	padding: 2.0em 0 0 0;
	border-bottom: 1px solid #ddd;
}

#notruf #mainContent table th {
	padding: 25px 0 20px 60px;
	background: #fff url(../images/bg_footer_notruf.gif) 0 10px no-repeat;
	border-top: 1px solid #ddd;
}

#notruf #mainContent table td {
	padding: 25px 0 20px 20px;
	border-top: 1px solid #ddd;
}

/* Tarifrechner Ausgabe */

#mainContent #tarifrechner_ausgabe {
	margin: 30px 0 15px 0;
	padding: 10px 15px 12px 15px;
	background: #fbfbff;
	border: 1px dotted #7fb3e3;
}

#mainContent #tarifrechner_ausgabe table {
	margin: 1.3em 0 1.0em 0;
	border-bottom: 1px dotted #7fb3e3;
}

#mainContent #tarifrechner_ausgabe table th {
	padding: 10px 0 7px 12px;
	border-top: 1px dotted #7fb3e3;
}

#mainContent #tarifrechner_ausgabe table td {
	padding: 10px 12px 7px 12px;
	border-top: 1px dotted #7fb3e3;
}

/*** Typo: mainContent ***/

#mainContent h1 {
	font: normal 1.9em/1.36em Arial,sans-serif;
	color: #014888;
	padding: 10px 0 0 0;
}

#mainContent h2 {
	font: bold 1.7em/1.36em Arial,sans-serif;
	padding: 0.5em 0 0 0;
}

#mainContent #tarifrechner_ausgabe h2 {
	font: normal 2.1em/1.36em Arial,sans-serif;
}

#mainContent h3 {
	clear: left;
	font: bold italic 1.5em/1.36em Arial,sans-serif;
	padding: 2.2em 0 0 0;
}

#teaser #mainContent h3 {
	margin: 35px 0 0 0;
	border-top: 1px solid #c7dcf2;
}

#aktuell #mainContent h3 {
	padding: 0.4em 0 0 0;
}

#mainContent h4 {
	clear: both;
	font: bold 1.3em/1.36em Arial,sans-serif;
	padding: 1.4em 0 0 0;
}

#mainContent p {
	font: normal 1.3em/1.36em Arial,sans-serif;
	padding: 0.8em 0 0 0;
}

#solarpark #mainContent p {
	clear: both;
}

#aktuell #mainContent p.datum {
	font: bold 2.0em/1.36em Arial,sans-serif;
	color: #c7dcf2;
	margin: 2.0em 0 0 0;
	padding: 0.2em 0 0 0;
	text-align: right;
	border-top: 1px solid #c7dcf2;
}

#aktuell #mainContent p.datum span {
	font: bold 0.7em/1.36em Arial,sans-serif;
	color: #d4d4d4;
	margin: 0 2px;
}

#mainContent p.small {
	font: normal 1.1em/1.36em Arial,sans-serif;
	color: #666;
}

#mainContent p.right {
	text-align: right;
}

#mainContent .hinweis {
	color: #f60;
	font-weight: bold;
}

#mainContent li {
	font: normal 1.3em/1.36em Arial,sans-serif;
}

#mainContent li li {
	font: normal 1.0em/1.36em Arial,sans-serif;
}

#mainContent ul#sitemap ul {
	font-size: 0.95em;
}

#mainContent table th,
#mainContent table td {
	vertical-align: top;
	font: normal 1.3em/1.36em Arial,sans-serif;
}

#mainContent table th p,
#mainContent table td p {
	font-size: 1.0em; /* tinymce */
	padding: 0;
}

#mainContent table caption {
	font: bold 1.3em/1.36em Arial,sans-serif;
}

#datentabelle #mainContent table th {
	font: bold 1.1em/1.36em Arial,sans-serif;
}

#datentabelle #mainContent table td {
	font: normal 1.1em/1.36em Arial,sans-serif;
}

#notruf #mainContent table th {
	font: bold 1.3em/1.36em Arial,sans-serif;
	color: #dc0402;
}

#notruf #mainContent table td {
	font: bold 1.3em/1.36em Arial,sans-serif;
}

#notruf #mainContent table td em {
	font: italic normal 0.9em/1.36em Arial,sans-serif;
}

#mainContent a {
	color: #000;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 4px no-repeat;
	cursor: pointer;
}

#mainContent a[href $='.pdf'] {
	padding: 0 0 0 20px;
	background: transparent url(../images/bg_link_content_pdf.gif) 0 0 no-repeat;
}

#mainContent a[href $='.csv'] {
	padding: 0 0 0 20px;
	background: transparent url(../images/bg_link_content_csv.gif) 0 0 no-repeat;
}

#mainContent a[href ^="mailto:"] {
	padding: 0 0 0 21px;
	background: transparent url(../images/bg_link_content_mail.gif) 0 50% no-repeat;
}

#mainContent h4 a {
	background: transparent url(../images/bg_link_content.gif) 0 3px no-repeat;
}

#mainContent p a,
#mainContent h4 a,
#mainContent li a {
	display: inline-block; /* IE (bei Zeilenumbruch)*/
}

#mainContent a:hover {
	color: #000;
	text-decoration: none;
}

#mainContent a.link_image {
	text-decoration: none;
	/* display: block; */
	margin: 0;
	padding: 0;
	background: none;
}

/* iFrame */

#stromcheck {
	width: 525px;
	height: 1800px;
}

/*** Unter-Navigation *****************************************************************************/   /* fertig */

#uNav {
	display: inline;
	float: left;
	width: 180px;
	margin: 27px 17px 0 10px;
}

#uNav ul {
	margin: 0;
	border-bottom: 7px solid #c7dcf2;
}

#uNav ul li {
	list-style: none;
	border-bottom: 1px solid #fff;
}

#uNav ul ul,
#uNav ul ul ul {
	border-bottom: none;
}

#uNav ul ul li,
#uNav ul ul ul li {
	border-top: 1px solid #fff;
	border-bottom: none;
}

#uNav ul li a {
	display: block;
	width: 145px;
	padding: 7px 5px 7px 23px;
	background: #5893cb url(../images/bg_link_mainNav.gif) 11px 11px no-repeat;
	border-left: 7px solid #c7dcf2;
}

#uNav ul li a#open {
	background: #7fb3e3 url(../images/bg_link_mainNav.gif) 9px -87px no-repeat;
}

#uNav ul ul li a {
	width: 132px;
	padding: 7px 5px 7px 36px;
	background: #7fb3e3 url(../images/bg_link_mainNav.gif) 24px 11px no-repeat;
	border-left: 7px solid #fff;
}

#uNav ul ul li a#open2 {
	background: #7fb3e3 url(../images/bg_link_mainNav.gif) 22px -87px no-repeat;
}

#uNav ul ul ul li a {
	width: 122px;
	padding: 6px 5px 4px 46px;
	background: #c7dcf2 url(../images/bg_link_mainNav.gif) 36px 8px no-repeat;
	border-left: 7px solid #fff;
}

#uNav ul li#main a {
	padding: 11px 5px 7px 23px;
	background: #c7dcf2;
}

#uNav ul li a:hover        {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 11px -39px no-repeat;}
#uNav ul ul li a:hover     {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 24px -39px no-repeat;}
#uNav ul ul ul li a:hover  {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 36px -42px no-repeat;}
#uNav ul li a#open:hover   {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 9px -133px no-repeat;}
#uNav ul li a#open2:hover  {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 22px -133px no-repeat;}
#uNav ul li#main a:hover   {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 11px -34px no-repeat;}

#uNav ul li a.active       {background: #fff url(../images/bg_link_mainNav.gif) 11px -39px no-repeat; border-left: 7px solid #ff9029;}
#uNav ul ul li a.active    {background: #fff url(../images/bg_link_mainNav.gif) 24px -39px no-repeat;}
#uNav ul ul ul li a.active {background: #fff url(../images/bg_link_mainNav.gif) 36px -42px no-repeat;}
#uNav ul li a#open.active  {background: #fff url(../images/bg_link_mainNav.gif) 9px -133px no-repeat;}
#uNav ul li a#open2.active {background: #fff url(../images/bg_link_mainNav.gif) 22px -133px no-repeat;}

/*#uNav ul li#main a.active:hover,
  #uNav ul li#main a.active {background: #c7dcf2; border-left: 7px solid #c7dcf2;}*/

/*** Typo Unter-Navigation ***/

#uNav ul li a {
	font: normal 1.25em/1.36em Arial,sans-serif;
	color: #fff;
	text-decoration: none;
}

#uNav ul ul ul li a {
	font: normal 1.1em/1.30em Arial,sans-serif;
	color: #014888;
}

#uNav ul li#main a {
	font: bold 1.4em/1.42em Arial,sans-serif;
	color: #014888;
}

#uNav ul li a:hover,
#uNav ul li a.active,
#uNav ul li a.active:hover {
	color: #014888;
}

/*** Unter-Navigation - 2. Ausgabe (Netzbetrieb) ***/

#uNav p {
	padding: 25px 5px 5px 30px;
		font: normal 1.25em/1.36em Arial,sans-serif;
		color: #014888;
}

#uNav ul#secondNav {
	margin: 10px 0 0 0;
	padding: 1px 0 0 0;
	border-top: 7px solid #ffe5cc;
	border-bottom: 7px solid #ffe5cc;
}

#uNav ul#secondNav li a {
	background: #5893cb url(../images/bg_link_mainNav.gif) 11px 11px no-repeat;
	border-left: 7px solid #ffe5cc;
}

#uNav ul#secondNav li a#open {
	background: #7fb3e3 url(../images/bg_link_mainNav.gif) 9px -87px no-repeat;
}

#uNav ul#secondNav ul li a {
	background: #7fb3e3 url(../images/bg_link_mainNav.gif) 24px 11px no-repeat;
}

#uNav ul#secondNav li#main a {
	background: #c7dcf2;
}

#uNav ul#secondNav li a:hover       {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 11px -39px no-repeat;}
#uNav ul#secondNav ul li a:hover    {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 24px -39px no-repeat;}
#uNav ul#secondNav li a#open:hover  {background: #c7dcf2 url(../images/bg_link_mainNav.gif) 9px -133px no-repeat;}

#uNav ul#secondNav li a.active      {background: #fff url(../images/bg_link_mainNav.gif) 11px -39px no-repeat; border-left: 7px solid #ff9029;}
#uNav ul#secondNav ul li a.active   {background: #fff url(../images/bg_link_mainNav.gif) 24px -39px no-repeat;}
#uNav ul#secondNav li a#open.active {background: #fff url(../images/bg_link_mainNav.gif) 9px -133px no-repeat;}

/*** Sidebar **************************************************************************************/   /* halbfertig */

#sidebar {
	display: inline;
	float: right;
	width: 180px;
	margin: 27px 10px 0 17px;
}

#sidebar div {
	border: 1px solid #c7dcf2;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#sidebar div#aktuelles  {
	padding: 0 0 93px 0;
	background: #fff url(../images/bg_sidebar_aktuelles.jpg) bottom right no-repeat;
}

#sidebar div#meldung  {
	padding: 0 0 58px 0;
	background: #fff url(../images/bg_sidebar_meldung.gif) bottom right no-repeat;
}

#sidebar div#mitglied  {
	padding: 0 0 100px 0;
	background: #fff url(../images/bg_sidebar_mitglied.jpg) bottom right no-repeat;
}

#sidebar div#purastrom  {
	background: #fff url(../images/bg_sidebar_purastrom.gif) bottom right no-repeat;
}

#sidebar div#tankstelle  {
	padding: 0 0 30px 0;
	background: #fff url(../images/bg_sidebar_tankstelle.jpg) bottom right no-repeat;
}

#sidebar div#wechseln  {
	background: #fff url(../images/bg_sidebar_wechseln.gif) bottom right no-repeat;
}

/* Typo: Content */

#sidebar h3 {
	font: bold 1.4em/1.2em Arial,sans-serif;
	color: #014888;
	padding: 14px 10px 0 10px;
}

#sidebar h4 {
	font: normal 1.25em/1.36em Arial,sans-serif;
	padding: 0.5em 10px 0 10px;
}

#sidebar p {
	font: normal 1.25em/1.36em Arial,sans-serif;
	padding: 0.5em 60px 0 10px;
}

#sidebar #aktuelles p {
	padding: 0.2em 10px 0 20px;
}

#sidebar #meldung p,
#sidebar #mitglied p {
	padding: 0.5em 10px 0 10px;
}

#sidebar a {
	color: #000;
	text-decoration: underline;
	display: inline-block; /* IE (bei Zeilenumbruch)*/
	padding: 0 0 0 10px;
	background: transparent url(../images/bg_link_content.gif) 0 3px no-repeat;
}

#sidebar a:hover {
	color: #000;
	text-decoration: none;
}

#sidebar div#wechseln a  {
	margin: 0 10px 0 0;
}

/*** Footer ***************************************************************************************/   /* fertig */

#footer {
	clear: both;
	width: 959px;
	margin: 7px 0;
	background: #fff url(../images/bg_footer_notruf.gif) 455px 21px no-repeat;
		font: normal 1.2em/1.4em Arial,sans-serif;
		color: #27639a;
}

#footer p,
#footer ul {
	display: inline;
	float: left;
	width: 180px;
	margin: 10px 10px 0 17px;
	padding: 0 0 10px 0;
}

#footer p#adresse {
	width: 121px;
	margin: 10px 0 0 10px;
}

#footer p span {
	display: inline-block;
	width: 3.5em;
}

#footer a {
	color: #27639a;
	text-decoration: underline;
	padding: 0 0 0 9px;
	background: transparent url(../images/bg_link_footer.gif) 0 3px no-repeat;
}

#footer #notruf a {
	display: inline-block;
	padding: 0 50px 0 9px;
}

#footer a:hover {
	color: #000;
	text-decoration: none;
}
