/*@charset "UTF-8";*/

/*
Projektname:		Globales CSS SWE Facelift
Erstellt am:			09.01.09 von TMeuffels
Bearbeitet am:		15.05.10 von MHof
QS am: 				15.05.10 von MHof
Freigabe am:
*/

/* ################################## */
/* ### Inhaltsverzeichnis ########### */
/* ################################## */

/* Allgemeines */
/* Reiternavigation */
/* Suche  und Metanavi im Header  */
/* Metanavi */
/* Breadcrumb*/
/* Linkpfeil-einfaerbungen */
/* Typographie*/
/* eingefaerbte Ueberschriften */
/* Links */
/* eingefaerbte Links im Content */
/* Content */
/* Tabellen im content und Schornsteinfeger-Ergebnisliste */
/* Lefthand-Navigation */
/* Lefthand-Kategoriefarben */
/* downloadcenter */
/* ergebnisliste */
/* Content-Teaser */
/* Context */
/*Musterrechnung*/
/* Formular - css aus altem Auftritt */
/* Footer */
/* google-suchergebnisseite*/
/* Glossar */
/* Lightbox */
/* Helfer - am Ende der Datei belassen */

/* Allgemeines */
body {
margin: 0;
padding: 0;
border: none;
font: normal 62.5%/1.0 Arial, Helvetica, sans-serif; /* dadurch wird 1em zu 10px */
}

#contentwrapper {
width: 996px;
display: inline;
background: #fff;
float: left;
margin: 24px 0 0 0;
}
/* IE6 */
* html #contentwrapper {
width: 989px;
}


#popup #contentwrapper	{
width: 315px;
margin-top: 0;
}

#header {
height: 156px;
width: 100%;
z-index: 100;
}

#logo {
position: absolute;
top: 21px;
left: 49px;
}

a img {
border: none;
}

a.active {
font-weight: bold;
}

/* Reiternavigation */

#navi-image {
background: url(../images/header_shadow.gif) 0 106px repeat-x;
height: 112px;
}

#quernavigation {
position: absolute;
top: 53px;
padding-left: 50px;
min-width: 955px;
margin: 26px 0 0 0;
z-index: 90;
}

#quernavigation ul {
margin: 0;
padding: 0;
}

#quernavigation li {
list-style-type: none;
}

#quernavigation ul li {
float: left;
margin: 3px 5px 0 0;
width: 233px;
}

#quernavigation ul li a {
background: url(../images/quernavi-kachel-darkgrey.gif) repeat-x;
color: #fff;
text-decoration: none;
padding: 0 0 1px 0;
text-align: center;
display: block;
}

#quernavigation ul li a:hover,
#quernavigation ul li a.active {
background: #fff url(../images/quernavi-kachel-grey.gif) repeat-x;
color: #77787A;
text-decoration: none;
border: none;
}

#quernavigation ul li a span {
font-weight: bold;
font-size: 1.3em;
padding: 8px 0;
display: block;
}

#quernavigation ul li a span.standard {
color: #555454;
}

#navlist li ul {
z-index: 51;
margin: 39px 0 0 19px;
}

/*
#navlist .subnav-6-punkte ul {
background: url(../images/layer_nav_bg_6_punkte.gif) repeat-y;
}

#navlist .subnav-7-punkte ul {
background: url(../images/layer_nav_bg_7_punkte.gif) repeat-y;
}
*/

#navlist li ul li {
float: left;
margin: 0;
margin-right: 15px;
}

#navlist .subnav-6-punkte ul li {
width: 124px;
padding-right: 15px;
}
/* IE6 */
* html #navlist .subnav-6-punkte ul li {
width: 100px;
}

#navlist .subnav-7-punkte ul li {
width: 102px;
padding-right: 15px;
}
/* IE7 */
* html #navlist .subnav-7-punkte ul li {
width: 90px;
}

#navlist li ul li.last {
margin-right: 0px;
}

#navlist li div {
display: none;
background: #e8e8e8 url(../images/layer_subnavi_bg.gif) right bottom;
width: 951px;
position: absolute;
left: 50px;
top: 33px;
padding-bottom: 36px;
z-index: 10;
}

#navlist li:hover div,
#navlist li.sfhover div {
display: block;
}

/* beim aktiven Punkt wird der Layer nicht angezeigt */
#navlist li.active:hover div,
#navlist li.sfhover-no div {
display: none;
}

/* zweite ebene - navigation */
#wrapper #header #quernavigation #navlist .layer-subnav ul li a {
text-align: left;
background: url(../images/pfeil-000.gif) 0px 4px no-repeat;
padding: 0 0 0 10px;
text-decoration: none;
}

/* dritte ebene - navigation  */
#navlist .layer-subnav ul li ul {
margin: 0;
padding: 8px 0 0 0;
}

#navlist .layer-subnav ul li ul li {
float: none;
margin: 0;
position: relative;
height: auto;
}

#navlist .layer-subnav ul li ul li a {
font-size: 0.847em;
color: #000 !important;
line-height: 1.8em;
background: url(../images/pfeil-000_small.gif) 0px 3px no-repeat !important;
margin: 0;
font-weight: normal !important;
}

#navlist .layer-subnav ul li.service-nav ul li a {
background: url(../images/pfeil-000.gif) 0px 6px no-repeat !important;
}

/* Sonderfall: beim letzten Punkt der 2.Ebene werden die Punkte untereinander dargestellt */
#navlist .service-nav ul {
padding: 0 !important;
}

#navlist .service-nav ul li {
padding-bottom: 20px !important;
}

#navlist .service-nav ul li a {
text-align: left;
background: url(../images/pfeil-000.gif) 0px 6px no-repeat !important;
padding: 0 0 0 10px;
text-decoration: none;
font-size: 1em !important;
}

#navlist ul li a span {
font-weight: normal;
padding: 0;
line-height: 1.2em;
}

#navlist ul li a span.hauptpunkt {
font-weight: bold;
}

#navlist ul li a:hover span {
text-decoration: underline;
padding: 0;
}

#navlist iframe { /* IE6 iFrame Hack fuer Dropdownmenue ueber Selects */
width: 0px;
height: 0px;
position: absolute;
top: 50px;
left: -150px;
z-index: 0;
display: none;
}

#navlist li.sfhover iframe {
display: block;
}

/* Suche  und Metanavi im Header  */
#meta {
position: absolute;
top: 18px;
left: 722px;
width: 277px;
}

#suchfeld input {
width: 195px;
float: left;
font-size: 1.1em;
padding: 3px 0 4px 2px;
border: 1px solid #e2e3ea;
border-top-color: #abadb3;
margin: 0 9px 5px 0;
}

input.button,
#direkteinstieg input.button,
#suchfeld input.button,
#kontaktformular input.button {
font-family: Arial;
background: url(../images/but-bg.gif) repeat-x;
width: auto;
height: 24px;
padding: 0 6px 0 6px;
margin-top: -1px;
text-transform: uppercase;
color: #fff;
float: left;
border: 1px solid #fff;
overflow: visible;
}

#suchfeld input.button {
margin-right: 0;
}
/* IE6 */
* html #suchfeld input.button {
margin-top: -2px;
padding: 0px 8px 1px;
height: 27px;
}
/* IE7 */
* + html #suchfeld input.button {
margin-top: -2px;
padding: 0px 8px 1px;
height: 27px;
}

.fake-button {
background: url(../images/but-bg.gif) repeat-x;
border: none;
color: #fff;
font-size: 1.1em;
height: 20px;
text-align: center;
line-height: 1.8em;
padding: 4px 10px;
}

.fake-button-medium {
width: 155px;
}

#direkteinstieg {
margin-bottom: 35px;
}
/* IE6 */
* html #direkteinstieg {
margin-bottom: 9px;
}
/* IE7 */
* + html #direkteinstieg {
margin-bottom: 9px;
}

/* Metanavi */
.metanavi {
width: 280px;
font-size: 1.1em;
margin-top: 2px;
}
/* IE6 */
* html .metanavi {
margin-top: 8px;
}
/* IE7 */
* + html .metanavi {
margin-top: 8px;
}

.metanavi a {
color: #6f6f6e;
text-decoration: none;
}

.metanavi a:hover {
font-weight: normal;
color: #8f8f8f;
}

/*fuer trennstriche zwischen den links*/
.metanavi span {
color: #6f6f6e;
margin: 0 -1px 0 2px;
}

/* Breadcrumb */
#breadcrumb {
font-size: 1.1em;
margin: 5px 0 0 254px;
}
/* IE6 */
* html #breadcrumb {
font-size: 1.1em;
margin: 5px 0 0 266px;
}

#breadcrumb a {
color: #000;
background: url(../images/pfeil000-breadcrumb.gif) no-repeat 0 3px;
padding: 0 5px 0 8px;
text-decoration: none;
}

#breadcrumb a:hover {
background: url(../images/p6-breadcrumb.gif) no-repeat 0 3px;
font-weight: normal;
color: #6f6f6e;
}

#breadcrumb strong {
padding-left: 8px;
font-weight: normal;
}

/* Linkpfeil-einfaerbungen */
#breadcrumb strong {
color: #8f8f8f;
background: url(../images/p6-breadcrumb.gif) no-repeat 0 3px;
}

#breadcrumb span {
margin: 0 5px 0 0;
}

/* Typographie*/
p {
margin: 0 5px 5px 5px;
font-size: 1.2em;
line-height: 1.3em;
}

h1 {
margin: 15px 20px 20px 0;
font-size: 2.5em;
font-weight: bold;
color: #555454;
}

.pageintro-ohne-bild h1 {
margin: 0px 20px 10px 0;
}

h2 {
margin: 0 5px 5px 0;
font-size: 1.7em;
font-weight: bold;
}

h3 {
color: #555454;
font-size: 1.6em;
border: none;
margin: 0 0 10px 0 !important;
font-weight: normal;
}

h5 {
color: #525050;
font-size: 1.1em;
font-weight: bold;
margin: 10px 0 10px 0 !important;
}

#content h3 {
font-size: 1.6em;
line-height: 1.2em;
font-weight: bold;
margin: 0 0 3px 0 !important;
color: #000;
}

#content h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0 !important;
}

/* eingefaerbte Ueberschriften */
/* die jeweils ertse Angabe ist f�r die Einf�rbung der Punkte in der Layer-Navigation notwendig */

/* Erster Navigationspunkt */
#navlist .layer-subnav ul li.Strom a,
#p1 #content .zweispalt .spalte h2,
#p1 h1,
#p1 #context h3,
#p1 #kontaktformular h2,
#p1 h4 {
color: #A22236;
}

#navlist .Strom {
clear: both;
margin-top: 20px;
}

#navlist .service-nav {
margin-top: 18px;
}

/* Erster Navigationspunkt */
#navlist .layer-subnav ul li.Erdgas a,
#p1 #content .zweispalt .spalte h2,
#p1 h1,
#p1 #context h3,
#p1 #kontaktformular h2,
#p1 h4 {
color: #A22236;
}

/* Zweiter Navigationspunkt */
#navlist .layer-subnav ul li.Wasser a,
#p2 #content .zweispalt .spalte h2,
#p2 h1,
#p2 #context h3,
#p2 #kontaktformular h2,
#p2 h4 {
color: #01A5EC;
}

/* Dritter Navigationspunkt */
#navlist .layer-subnav ul li.Abwasser a,
#p3 #content .zweispalt .spalte h2,
#p3 h1,
#p3 #context h3,
#p3 #kontaktformular h2,
#p3 h4 {
color: #001B5C;
}

/* Vierter Navigationspunkt */
#navlist .layer-subnav ul li.Hafen a,
#p4 #content .zweispalt .spalte h2,
#p4 h1,
#p4 #context h3,
#p4 #kontaktformular h2,
#p4 h4 {
color: #0168b5;
}

/* Fuenfter Navigationspunkt */
#navlist .layer-subnav ul li.Service a,
#p5 #content .zweispalt .spalte h2,
#p5 h1,
#p5 #context h3,
#p5 #kontaktformular h2,
#p5 h4 {
color: #2c9e25;
}

/* Sechster Navigationspunkt */
/*
#navlist .layer-subnav ul li.Netz a,
#navlist .layer-subnav ul li.Netz ul li a,
#p6 #content .zweispalt .spalte h2,
#p6 h1,
#p6 #context h3,
#p6 #kontaktformular h2,
#p6 h4 {
color: #555454;
}
*/
#navlist .layer-subnav ul li.Hausanschluss a,
#navlist .layer-subnav ul li.Hausanschluss ul li a,
#navlist .layer-subnav ul li.Netz a,
#navlist .layer-subnav ul li.Netz ul li a,
#p6 #content .zweispalt .spalte h2,
#p6 h1,
#p6 #context h3,
#p6 #kontaktformular h2,
#p6 h4 {
color: #555454;
}

#navlist .layer-subnav ul li.p7-nav a {
color: #555454;
}

/* Links */

#content a,
.start-layer a {
color: #000;
font-weight: bold;
background: url(../images/pfeil_black.gif) no-repeat 0 4px;
padding-left: 8px;
}


#content a:link {
color: #000;
}

#content a:visited {
color: #555454;
background: url(../images/pfeil_grey.gif) no-repeat 0 4px;
}

#content a:focus {
color: #000;
}

#content a:hover,
.start-layer a:hover {
color: #000;
text-decoration: underline;
}

#content a:active {
color: #000;
}

#content a.link-ohne-pfeil,
#content a.link-ohne-pfeil:visited {
background-image: none;
padding-left: 0;
}


/* Listen im Content */
#content ul,
#content ul ul ul,
#content ol{
margin-bottom: 12px;
line-height: 1.5em;
}

#content ul li {
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 8px;
font-size: 1.2em;
}

#content ul li.listenpunkt-ohne-bg {
background: none !important;
padding: 0;
}

#content ul ul li {
font-size: 1em;
background-repeat: no-repeat;
background-position: 0 7px;
}

#content ul li a {
line-height: 1.5em;
}

#content ol li {
font-size: 1.2em;
list-style-type: decimal;
margin-left: 20px;
}

#content ol ol li {
font-size: 1em;
}

#content ol ul li {
list-style-type: none !important;

}

#content ul ol li {
background: none !important;
padding: 0;
}


#content div.linkliste ul li {
list-style-type: none !important;
padding-left: 0px;
}

/* eingefaerbte listen */
#p1 #content ul li {
background-image: url(../images/listenpunkt-p1.gif);
}

#p2 #content ul li {
background-image: url(../images/listenpunkt-p2.gif);
}

#p3 #content ul li {
background-image: url(../images/listenpunkt-p3.gif);
}

#p4 #content ul li {
background-image: url(../images/listenpunkt-p4.gif);
}

#p5 #content ul li {
background-image: url(../images/listenpunkt-p5.gif);
}

#p6 #content ul li {
background-image: url(../images/listenpunkt-p6.gif);
}

#p7 #content ul li {
background-image: url(../images/listenpunkt-p7.gif);
}


/* Startseite */
#header.startseite {
position: absolute;
top: 0;
height: 400px;
width: 100%;
}

.header-image-aktiv {
position: relative !important;
}

.header-image {
position: absolute;
top: 0;
height: 400px;
width: 100%;
background: url(../images/header-startseite_v2_test.jpg) no-repeat 50px 112px;
}

#header.startseite .start-layer {
background: #fff;
opacity: 0.9;
filter: alpha(opacity=90);
float: left;
padding: 20px;
min-height: 139px;
}
/* IE6 */
* html #header.startseite .start-layer {
height: 143px;
}

.maxlayer { /*Umgebender unsichtbarer Container simuliert maximale Hoehe und Breite*/
height: 230px;
left: 116px;
width: 660px;
overflow: hidden;
position: absolute;
top: 142px;
}

.maxlayer-aktiv { /*Umgebender unsichtbarer Container simuliert maximale Hoehe und Breite*/
position: relative;
}

.start-layer h2 {
font-size: 2em;
font-weight: normal;
float: left;
line-height: 1.1em;
margin-bottom: 7px;
overflow: hidden;
height: 25px;
}

.start-layer p {
float: left;
height: 47px;
margin: 0 0 10px 0;
overflow: hidden;
}

.start-layer ul {
height: 85px;
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0;
overflow: hidden;
}

.start-layer ul li {
margin-bottom: 10px;
}

.umschaltung {
font-size: 1.6em;
position: absolute;
top: 142px;
left: 81px;
width: 30px;
}

.umschaltung li a {
display: block;
border-bottom: 1px solid #fff;
color: #fff;
background: #969696;
height: 25px;
width: 35px;
text-align: center;
padding: 10px 0 0 0;

}

.umschaltung li {
float: left;
}

.umschaltung li a.active,
.umschaltung li a:hover {
background: #585858;
}

#startseite {
margin: 0 0 0 50px;
}

#startseite a {
color: #000;
font-weight: bold;
background: url(../images/pfeil_black.gif) no-repeat 0 5px;
padding-left: 8px;
display: block;
margin: 0 0 5px 0;
line-height: 1.3em;
}

#startseite h3 {
color: #000;
}

#startseite a.link-ohne-pfeil {
background: none;
padding: 0;
}

#startseite a:hover {
text-decoration: underline;
}

#startseite .aktuelle-meldungen a {
font-weight: normal;
}

#startseite .aktuelle-meldungen a.alle-meldungen {
font-weight: bold;
}

#startseite .teaser-einviertel a img {
margin: 0;
}

#startseite .zeile {
border-bottom: 1px solid #cdcdcd;
padding: 0 0 9px 0;
margin: 0 0 23px 0;
width: 100%;
}
/* IE6 */
* html #startseite .zeile {
padding: 0 0 17px 0;
}
/* IE7 */
* + html #startseite .zeile {
padding: 0 0 13px 0;
}

#startseite .zeile.last {
border-bottom: none;
margin: 0 0 13px 0 !important;
padding: 0 !important;
}

#startseite .teaser-zweispalt {
float: left;
margin: 0 70px 0 0;
width: 400px;
}

#startseite .teaser-einviertel {
float: left;
margin: 0 40px 0 0;
width: 190px;
}

#startseite .teaser-einviertel h4 {
font-size: 1.6em;
margin: 0 0 15px 0;
font-weight: normal;
}

#startseite .teaser-einviertel p {
margin: 0 0 10px 0;
}

#startseite .teaser-einviertel img {
margin: 0 0 5px 0;
}

/*IE6 doppelinhalt-bug */
* html #startseite .teaser-einviertel a {
position: relative;
}

#startseite fieldset {
border: none;
}

#startseite select {
font-size: 1.2em;
height: 22px;
width: 260px;
margin: 0 10px 10px 0;
border: 1px solid #abadb3;
float: left;
}

#startseite input.button {
font-size: 1.1em;
background: url(../images/but-bg.gif) repeat-x;
width: auto;
height: 22px;
padding: 0 5px;
text-transform: uppercase;
color: #fff;
float: left;
overflow: visible;
border: 1px solid #757574;
}

* html #startseite input.button {
border: none !important;
padding: 3px 8px 6px;
margin: 1px 0 6px;
}

* + html #startseite input.button {
padding: 3px 9px 6px;
border: none !important;
}

/* Content */
#content {
padding: 0;
height: auto;
width: 520px;
float: left;
display: inline;
text-align: left;
margin: 0 57px 15px 44px;
}

#content div.green-theme {
background: #6aa219;
padding: 10px;
}

#content div.green-theme h1,
#content div.green-theme h2,
#content div.green-theme h3,
#content div.green-theme h4,
#content div.green-theme p,
#content div.green-theme a,
#content div.green-theme table,
#content div.green-theme ul,
#content div.green-theme ol,
#content div.green-theme label,
#content div.green-theme span.doppel-radio-fakelabel,
#content div.green-theme .ergebnisliste,
#content div.green-theme .seitenindex,
#content div.green-theme .page-nav,
#content div.green-theme .sortierung-date-titel,
#content div.green-theme .blaetternavigation,
#content div.green-theme .blaetternavigation .navigation a {
color: #fff !important;
}

#content div.green-theme a,
#content div.green-theme .downloadcenter-snippet a span {
background: url(../images/pfeil_white.gif) no-repeat 0 4px;
}


#content div.green-theme .archivnavi {
border-bottom: 1px solid #fff;
}

/* IE6 */
* html #content {
margin-right: 53px;
}

#content.zweispaltig {
width: 700px;
}

a.backlink {
display: block;
border-top: 1px solid #cdcdcd;
font-size: 1.2em;
padding: 5px 0 0 0;
margin: 15px 0 10px;
background: url(../images/pfeil_backlink.gif) no-repeat 0 7px !important;
}

.bildlinks img {
float: left;
margin: 0 17px 17px 0;
}

.bildlinks p {
padding: 0;
}

#content .bildlinks ul.bildlinks-liste {
padding: 0 0 0 156px;
}


#content .bildlinks ul li {
padding: 0 0 0 10px;
}

.content-banner img {
margin: 0 0 17px 0;
}

.bildrechts img {
float: right;
margin: 0 0 17px 20px;
}

.bild-gross img {
float: left;
margin: 0 0 17px 0;
}

#content .pageintro h1 {
padding: 50px 0 0 0;
margin-top: 0;
}

/* zweispaltige Vorlage Content-Bereich */
.zweispalt .spalte {
float: left;
width: 250px;
margin-right: 20px;
z-index: 26;
}

#content .zweispalt .spalte h2 {
font-size: 1.6em;
font-weight: normal;
}

.spalte select {
width: 180px;
float: left;
margin-right: 5px;
}

/* dreispaltige Vorlage Content-Bereich */
.dreispalt .spalten-wrapper-bild-link {
margin-bottom: 20px;
}

.dreispalt .spalte {
float: left;
width: 160px;
margin-right: 20px;
position: relative;
z-index: 25;
}

.zweispalt .last,
.dreispalt .last {
margin-right: 0px;
}
/* IE6 */
* html .dreispalt .last {
margin-right: -2px;
}

.dreispalt .spalte a {
margin-top: 5px;
display: block;
}

/* Tabellen im content und Schornsteinfeger-Ergebnisliste */
.bildlinks table,
.bildrechts table,
.schornsteinfeger table {
width: 100%;
border: none;
border: 1px solid #f4f4f4;
margin: 0 0 30px 0;
}

.bildlinks table td.table-head,
.bildrechts table td.table-head,
.schornsteinfeger table td.table-head {
background: #666;
color: #fff;
}

.bildlinks table td,
.bildrechts table td,
.schornsteinfeger table td {
padding: 8px 10px;
border-right: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}

.bildlinks table td a,
.bildrechts table td a,
.schornsteinfeger table td a {
display: block;
}

.bildlinks td,
.bildrechts td,
.schornsteinfeger td {
font-size: 1.2em;
line-height: 1.4em;
}


.bildlinks td ul li,
.bildlinks td ol li,
.bildrechts td ul li,
.bildrechts td ol li,
.schornsteinfeger td ul li,
.schornsteinfeger td ol li {
font-size: 1em !important;
}

/* Lefthand-Navigation */
#navigation {
width: 150px;
margin: 0 9px 20px 20px;
line-height: 1.6em;
float: left;
}
/* IE6 */
* html #navigation {
width: 170px;
margin: 0 0 0 7px;
}
/* IE7 */
* + html #navigation {
margin: 0 8px 0 20px;
}

#navigation ul {
margin: 0 0 38px 0;
padding: 0;
list-style: none;
}

#navigation ul ul {
margin: 0;
}

#navigation ul li {
border-bottom: 1px solid #cdcdcd;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}

#navigation .infobox ul {
margin: 15px 0 0 5px;
}

#navigation .infobox ul li {
border-bottom: none;
padding: 0;
margin: 0;
}



#navigation ul li li {
border: none;
padding: 0;
margin: 0 0 0 10px;
}

#navigation ul li li a.active {
font-weight: bold !important;
color: #000 !important;
}

#navigation ul ul ul {
margin: 0 0 7px 0;
line-height: 1.7em;
}

#navigation ul ul ul li {
margin: 0;
}

#navigation ul li a {
display: block;
padding: 0;
width: 145px;
}

#navigation ul li a:hover {
font-weight: bold;
}

#left_bottom_navi a {
line-height: 1.2em;
}

/* Styling erste Ebene Navigation */
#navigation ul li a {
color: #000;
font-size: 1.6em;
background: url(../images/pfeil-000.gif) 2px 6px no-repeat;
padding: 2px 10px;
text-decoration: none;
font-weight: normal;
}

#navigation ul li a.active {
font-weight: bold;
}

#navigation ul li.ebene-eins a {
background: url(../images/pfeil-000-kategorie.gif) 2px 6px no-repeat;
}

#navigation ul li.ebene-eins-blue a {
background: url(../images/pfeil-01a5ec-bottom.gif) 0 9px no-repeat;
}

/* farbiger linkpfeil erste ebene */
#p1 #navigation ul li a.active {
background: url(../images/pfeil-a22236-bottom-big.gif) 0 9px no-repeat;
}

#p2 #navigation ul li a.active {
background: url(../images/pfeil-01a5ec-bottom-big.gif) 0 9px no-repeat;
}

#p3 #navigation ul li a.active {
background: url(../images/pfeil-001b5c-bottom-big.gif) 0 9px no-repeat;
}

#p4 #navigation ul li a.active {
background: url(../images/pfeil-0168b5-bottom-big.gif) 0 9px no-repeat;
}

#p5 #navigation ul li a.active {
background: url(../images/pfeil-2c9e25-bottom-big.gif) 0 9px no-repeat;
}

#p6 #navigation ul li a.active {
background: url(../images/pfeil-ababab-bottom-big.gif) 0 9px no-repeat;
}


/* styling zweite ebene navigation  */
#navigation ul li ul li a {
font-size: 1.2em;
background: url(../images/pfeil-000.gif) 2px 6px no-repeat !important;
}

#navigation ul ul li#sub a.active {
color: #000 !important;
font-weight: bold;
}

/* styling zweite ebene navigation */
#navigation ul.navigation-service {
margin: 50px 0 0 0;
}

.last {
border: none !important;
}

/* styling dritte ebene navigation */
#navigation ul ul ul li a {
background: none !important;
line-height: 1.2em;
}

/* Lefthand-Kategoriefarben */
#navigation ul li.Erdgas a,
#navigation ul li.Strom a {
color: #A32236;
}

#navigation ul li.Wasser a {
color: #01A5EC;
}

#navigation ul li.Abwasser a {
color: #001B5C;
}

#navigation ul li.Hafen a {
color: #0168b5;
}

#navigation ul li.Service a {
color: #2c9e25;
}

#navigation ul li.Hausanschluss a,
#navigation ul li.Netz a {
color: #555454;
}


#wrapper #navigation ul li ul li a {
color: #000;
line-height: 1.2em;
}

#navigation ul li.standard1 a.active,
#navigation ul li.standard1 ul li a.active {
color: #A32236 !important;
}

#navigation ul li.standard2 a.active,
#navigation ul li.standard2 ul li a.active {
color: #01A5EC !important;
}

#navigation ul li.standard3 a.active,
#navigation ul li.standard3 ul li a.active {
color: #001B5C !important;
}

#navigation ul li.standard4 a.active,
#navigation ul li.standard4 ul li a.active {
color: #01A5EC !important;
}

#navigation ul li.standard5 a.active,
#navigation ul li.standard5 ul li a.active {
color: #2C9E25 !important;
}

#navigation ul li.standard6 a.active,
#navigation ul li.standard6 ul li a.active {
color: #ababab !important;
}

#left_bottom_navi ul li a {
padding: 0px 10px;
color: #555454;
}

#left_bottom_navi ul li a:hover {
padding: 0px 10px;
}

/* Liste in Infobox  */
#navigation .infobox ul li a {
font-size: 1.2em;
font-weight: bold;
}

#navigation .infobox ul li a:hover {
text-decoration: underline;
}

/* downloadcenter */
.downloadcenter {
margin: 0 0 30px 0;
}

.downloadcenter-snippet{
border-bottom: 1px solid #cdcdcd;
padding: 15px 0 30px;
}

.downloadcenter .bildrechts img {
margin: 9px 0 0 20px;
}

.downloadcenter p {
margin: 0 0 15px 0 !important;
}

.downloadcenter-snippet a:hover {
text-decoration: none !important;
}

.downloadcenter-snippet a.pdf {
background: url(../images/icon-pdf.gif) left no-repeat !important;
padding: 8px 0 8px 5px;
}

.downloadcenter-snippet a.wmv,
.downloadcenter-snippet a.mov,
.downloadcenter-snippet a.avi,
.downloadcenter-snippet a.mp4,
.downloadcenter-snippet a.mpg,
.downloadcenter-snippet a.mpeg,
.downloadcenter-snippet a.flv,
.downloadcenter-snippet s.sbl {
background: url(../images/icon-video.gif) left no-repeat !important;
padding: 8px 0 8px 5px;
}

.downloadcenter-snippet a.word {
background: url(../images/icon-word.gif) left no-repeat !important;
padding: 8px 0 8px 5px;
}

.downloadcenter-snippet a span {
background: url(../images/pfeil-000.gif) left 5px no-repeat;
font-size: 1.2em;
padding: 0 10px;
margin: 0 0 0 25px;
}

.downloadcenter.snippet span {
font-size: 1.2em;
margin: 0;
padding: 0;
}

/* ergebnisliste */
.ergebnisliste {
margin: 0 0 30px 0;
}

.ergebnisliste-head {
font-size: 1.6em;
border-bottom: 1px solid #cdcdcd;
margin: 0 0 5px 0;
}

.ergebnisliste-head span {
margin: 0 30px 0 0;
float: left;
}

.ergebnisliste-head span.titel {
margin: 0;
padding: 0 0 2px 0;
width: 415px;
display: block;
}
/* IE6 */
* html .ergebnisliste-head span.titel {
width: 410px;
}

#content .ergebnisliste p,
#content .ergebnisliste address {
margin: 0 0 3px 40px;
}

#content .ergebnisliste address {
font-size: 1.2em;
line-height: 1.3em;
}

/* Content-Teaser */
#content .snippet {
border-bottom: 1px solid #cdcdcd;
padding: 22px 0 3px 0;
}

#content .snippet .links {
width: 186px!important;
float: left;
margin: 0 20px 0 0;
width: 186px;
}

#content .snippet .rechts {
float: left;
width: 300px;
}

/* Context */
#context {
line-height: 1.6em;
width: 170px;
float: left;
text-align: left;
}

#context a {
background: url(../images/contextpfeil.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
margin-left: 0;
color: #000;
text-decoration: none;
font-weight: bold;
}

#context a:hover {
text-decoration: underline;
}

#context h3 {
font-weight: bold;
color: #555454;
}

#context h4 {
font-size: 1.2em;
font-weight: bold;
color: #000;
margin-bottom: 3px;
}

#context img {
margin-bottom: 2px;
}

.teaserrechts {
border-bottom: 1px solid #cdcdcd;
padding: 0px 0 5px 0;
margin: 0 0 16px 0;
}

.teaserrechts ul {
margin: 0;
padding: 0;
font-size: 1.2em;
}

.teaserrechts ul li {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}

.teaserrechts ul li.last {
margin: 0 !important;
}

.teaserrechts p {
margin: 0 0 10px 0;
font-size: 1.2em;
}

.teaserrechts span {
margin: 0 0 0 10px;
display: block;
}

.news {
border-bottom: 1px solid #CDCDCD;
margin-bottom: 15px;
padding-bottom: 11px;
}

.news p {
margin: 0 0 5px 0;
}

.news p.mehr-link {
position: relative;
top: -5px;
}

.news p a {
display: block;
}

.news p a.lastlink {
border: none;
margin-bottom: 0;
padding-bottom: 0 !important;
}

#content p {
margin: 0 0 20px 0;
font-size: 1.2em;
}

#direkteinstieg select { /* Formular Direkteinstieg  - Context-Bereich */
width: 170px;
margin-bottom: 10px;
}

/*Musterrechnung*/
.musterrechnung {
font-family: "Courier New", Courier, mono;
}

.musterrechnung a {
color: #000;
}

.musterrechnung p {
font-family: "Courier New", Courier, mono;
margin: 0 0 10px 0 !important;
}

.musterrechnung .anschrift {
float: left;
}

.musterrechnung .metainfo {
float: right;
width: 260px;
}

.musterrechnung .absender,
.musterrechnung .geschaeftszeiten,
.musterrechnung .rueckfragen {
font-size: 1em!important;
}

.musterrechnung .geschaeftszeiten strong{
font-size: 1.1em;
}

.musterrechnung h2 {
font-size: 1.1em;
color: #000;
margin: 10px 0;
}

.musterrechnung h2.jahresrechnung {
margin: 0 0 10px 260px;
}

.musterrechnung .legende {
margin-top: 200px;
}

#content .musterrechnung h3 {
font-size: 1.2em !important;
font-weight: normal;
border: 1px solid #000;
padding: 1px 6px !important;
margin: 40px -6px 10px !important;
}
/* IE6 */
* html #content .musterrechnung h3 {
margin: 40px 0 10px !important;
}
/* IE7 */
* + html #content .musterrechnung h3 {
margin: 40px 0 10px !important;
}

.musterrechnung .tabellenheader {
background-color: #c9c9c9;
margin: 2px -6px !important;
padding: 2px 6px !important;
}
/* IE6 */
* html .musterrechnung .tabellenheader {
margin: 2px 0 !important;
padding: 2px 5px !important;
}
/* IE7 */
* + html .musterrechnung .tabellenheader {
margin: 2px 0 !important;
padding: 2px 5px !important;
}

.musterrechnung .geschaeftszeiten {
border: 1px solid #000;
padding: 4px;
}

.musterrechnung a.tool span.tooltip,
.musterrechnung a.tool_big span.tooltip {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
white-space: normal;
padding: 5px 8px !important;
}

.musterrechnung a.tool_big:hover span.tooltip {
position: absolute;
left: 20px;
top: 20px;
width: 400px !important;
}

.musterrechnung a.tool,
.musterrechnung a.tool_big {
position: relative;
background: #ff0 !important;
z-index: 999;
padding: 0 3px !important;
margin: 0 -3px;
}

.musterrechnung a.tool span.tooltip,
.musterrechnung a.tool_big span.tooltip {
display: none;
}

.musterrechnung a:hover.tool,
.musterrechnung a:hover.tool_big {
display: inline;
}

.musterrechnung a.tool:hover span.tooltip,
.musterrechnung a.tool_big:hover span.tooltip {
display: block !important;
position: absolute;
left: 10px;
top: 10px;
font-size: 0.9em;
background-color: #dbdbdb;
border: 1px solid #999;
border-bottom-width: 2px;
border-right-width: 2px;
color: #000;
width: 220px;
z-index: 0;
padding: 4px;
margin: 0;
-moz-border-radius: 7px;
}

.musterrechnung sup {
margin-right: 1px;
}

/* Pressearchiv */

.pressearchiv {
font-size: 1.2em;
}

.pressearchiv h2 {
font-size: 1.1em;
font-weight: normal;
}

.pressearchiv h2 a {
background-image: none !important;
padding-left: 0px !important;
}

#content .pressearchiv h3 {
font-size: 1em;
padding-left: 0;
font-weight: normal;
margin: 12px 20px 0;
}

#content .pressearchiv p {
margin: 0 20px 0 0px;
padding-bottom: 10px;
font-weight: bold;
font-size: 1em;
}

.pressearchiv p a {
color: #000;
}

.pressearchiv-each {
padding-top: 10px;
border-bottom: 1px solid #CDCDCD;
}

.pressearchiv-each .last{
border-bottom: none;
}

.archivnavi {
border-bottom: 1px solid #000;
margin: 12px 0 15px;
padding: 10px 0px 10px;
font-size: 1em;
}

.bottom {
border-bottom: none;
border-top: 1px solid #000;
}

.bottom .seitenindex {
float: none;
margin-bottom: 5px;
}
/* IE6 */
* html .archivnavi {
height: 1%;
}

.seitenindex {
float: left;
padding: 5px 32px 0 0;
}

.seitenindex a {
color: #666;
}

.sortierung-date-titel {
float: left;
margin-top: 5px;
padding-right: 29px;
}

.sortierung {
float: left;
vertical-align: middle;
}

.sortierung form {
float: left;
}

.sortierung a {
text-decoration: underline;
color: #000;
background: url(../images/dreispaltigpfeil.gif) no-repeat 2px 4px;
padding: 0 7px;
}

.sortierung #filter_sparten input {
vertical-align: middle;
float: left;
}

.sortierung #filter_sparten select {
width: 110px;
vertical-align: middle;
float: left;
}

.sortierung #filter_sparten select option {
width: 150px;
}

.sortierung #filter_sparten label {
margin: 5px 4px 0 0;
float: left;
}

.archivnavi .page-nav {
font-size: 0.9em;
}

.archivnavi .page-nav a {
font-weight: normal !important;
background-image: none !important;
padding-left: 0px !important;
}

.archivnavi .page-nav span {
font-size: 1.4em !important;
position: relative;
top: 1px;
}

/* Formular - css aus altem Auftritt */
form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}

form#abmeldung_gaswasser_pk label,
form#ummeldung_gaswasser_pk label,
form#anmeldung_gaswasser_pk label,
form#bankverbindung_alle_pk label {
margin-bottom: 10px;
top: -1px;
}

form#abmeldung_gaswasser_pk span.inhalt,
form#abmeldung_gaswasser_pk span.inhalt2,
form#ummeldung_gaswasser_pk span.inhalt,
form#ummeldung_gaswasser_pk span.inhalt2,
form#anmeldung_gaswasser_pk span.inhalt,
form#anmeldung_gaswasser_pk span.inhalt2,
form#bankverbindung_alle_pk span.inhalt,
form#bankverbindung_alle_pk span.inhalt2 {
font-size: 1.2em;
}

form#abmeldung_gaswasser_pk .text-message,
form#ummeldung_gaswasser_pk .text-message,
form#anmeldung_gaswasser_pk .text-message,
form#bankverbindung_alle_pk .text-message {
float: left;
line-height: 1.25em;
width: 350px;
}

form#abmeldung_gaswasser_pk span.aendern,
form#ummeldung_gaswasser_pk span.aendern,
form#anmeldung_gaswasser_pk span.aendern,
form#bankverbindung_alle_pk span.aendern {
margin-right: 157px;
}

form#abmeldung_gaswasser_pk span.aendern a,
form#abmeldung_gaswasser_pk span.drucken a,
form#ummeldung_gaswasser_pk span.aendern a,
form#ummeldung_gaswasser_pk span.drucken a,
form#anmeldung_gaswasser_pk span.aendern a,
form#anmeldung_gaswasser_pk span.drucken a,
form#bankverbindung_alle_pk span.aendern a,
form#bankverbindung_alle_pk span.drucken a {
background: none;
padding-left: 0;
}

form#abmeldung_gaswasser_pk img,
form#ummeldung_gaswasser_pk img,
form#anmeldung_gaswasser_pk img,
form#bankverbindung_alle_pk img {
margin: 0;
}

form#abmeldung_gaswasser_pk input.submit,
form#ummeldung_gaswasser_pk input.submit,
form#anmeldung_gaswasser_pk input.submit,
form#bankverbindung_alle_pk input.submit {
float: right;
height:19px !important;
margin: 0;
padding: 0;
width:62px !important;
}

* + html form#abmeldung_gaswasser_pk input.submit,
* + html form#ummeldung_gaswasser_pk input.submit,
* + html form#anmeldung_gaswasser_pk input.submit,
* + html form#bankverbindung_alle_pk input.submit {
position: relative;
top: -22px;
}

fieldset.bankdaten {
margin-bottom: 25px;
}

#kontaktformular span.fakelabel,
#kontaktformular label {
float: left;
position: relative;
width: 150px;
font-size: 1.2em;
line-height: 1.2em;
}

#kontaktformular span.fakelabel {
top: 0;
}

#kontaktformular span.abbuchung label {
width: auto;
top: -2px;
}

#kontaktformular label.extra-margin {
margin-bottom: 10px;
}

#kontaktformular label.extra-padding {
padding-top: 12px;
}


.prospekte .trenner label {
width: 300px !important;
}

#kontaktformular label.zweizeilig {
margin: 0;
}


#kontaktformular.popup label.big {
width: 320px;
margin: -2px 0 10px;
float: left;
line-height: 1.4em;
}

#kontaktformular label.big {
width: 470px;
margin: -2px 0 10px;
float: left;
line-height: 1.4em;
}

#kontaktformular label.short {
width: 146px;
float: left;
margin: 0;
position: relative;
top: 0;
}

#kontaktformular label.last {
margin: 5px 0 20px;
}

#kontaktformular label.heizungsart {
border: 1px solid #ff0;
}

#kontaktformular img {
margin: 0 0 50px 17px;
}

.error {
color: #f00;
font-weight: bold;
}

input.error {
border: 1px solid #f00 !important;
}

#kontaktformular span.radiotitle {
margin-bottom: 5px;
}

#kontaktformular span.minweite label,
#kontaktformular span.radiotitle label {
float: none;
position: relative;
top: -2px;
}
/* IE6 */
* html #kontaktformular span.minweite label,
* html #kontaktformular span.radiotitle label {
top: 0px;
}
/* IE7 */
* + html #kontaktformular span.minweite label,
* + html #kontaktformular span.radiotitle label {
top: 0px;
}

#kontaktformular input#anrede-herr {
margin-left: 1px;
}

#kontaktformular label.wartung {
margin: 0 10px 0 3px;
}

#kontaktformular span.labels {
width: 147px;
float: left;
}

#kontaktformular span.labels label {
width: auto;
float: left;
margin-left: 0;
}

#kontaktformular input,
#kontaktformular textarea {
margin: 0 0 10px 0;
padding: 2px 0 3px 2px;
display: block;
float: left;
width: 320px;
border: 1px solid #abadb3;
}

#kontaktformular input.short-text {
width: 20px;
}

#kontaktformular input.short {
width: 20px;
border: none;
margin-top: 4px;
}
/* IE6 */
* html #kontaktformular input.short {
margin-top: 0;
}
/* IE7 */
* + html #kontaktformular input.short {
margin-top: 0;
}

#kontaktformular .plz {
margin-left: 3px;
width: 55px;
}

#kontaktformular .ort {
width: 257px;
margin-left: 3px;
}

#kontaktformular input.last {
margin-bottom: 20px;
}

.checkliste input.submit,
#kontaktformular input.submit {
float: none;
background: #fff url(../images/but_submit.gif);
padding: 0;
border: none !important;
width: 62px !important;
height: 19px !important;
margin: 20px 0 20px 230px;
}

.essencardemail #email {
margin-bottom: 20px !important;
}

#kontaktformular h3 {
padding: 15px 0 5px 0;
font-size: 1.2em;
}

#kontaktformular p {
margin: 0 0 10px 0;
}

#kontaktformular input.checkbox {
margin-top: 5px;
}
/* IE6 */
* html #kontaktformular input.checkbox {
margin-top: 1px;
}
/* IE7 */
* + html #kontaktformular input.checkbox {
margin-top: 1px;
}

#kontaktformular input.radio,
#kontaktformular input.checkbox {
width: 25px !important;
border: none;
}
/* IE6 */
* html #kontaktformular input.radio {
position: relative;
top: -2px;
}
/* IE7 */
* + html #kontaktformular input.radio {
position: relative;
top: -2px;
}

#kontaktformular input.checkbox.double {
margin: 0 40px 0 0;
}

#kontaktformular input.radio.double {
margin: 0;
}

#kontaktformular input.radio.double2,
#kontaktformular input.checkbox.double2 {
margin: 0 65px 0 20px;
}

#kontaktformular input.button {
margin: 20px 0 0 200px;
}
/* IE6 */
* html #kontaktformular input.button {
margin: 20px 0 0 100px;
border: none;
}
/* IE7 */
* + html #kontaktformular input.button {
border: none;
}

#kontaktformular fieldset.form-bildrechts p {
float: left;
width: 220px;
margin: 0;
}

#kontaktformular fieldset.form-bildrechts img {
float: left;
margin: 0;
}

#kontaktformular fieldset.trenner {
border: none !important;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.essencardemail {
display: block;
margin-bottom: 10px;
}

#kontaktformular #essencard_pk .buttonset {
padding-top: 20px;
width: 265px;
}

#kontaktformular #essencard_pk .buttonset a {
background: none;
float: left;
padding: 0;
margin-right: 20px;
}

#kontaktformular #essencard_pk .buttonset img {
margin: 0;
}

#kontaktformular #essencard_pk .senden{
background: url(../images/but_submit.gif) no-repeat;
float: right;
margin: 0;
cursor: pointer;
width: 65px;
position: relative;
top: -1px;
}


.minweite {
margin: 0 0 0 35px;
}

.minweite2 {
margin: 5px 0 0 5px;
font-size: 1.2em;
float: left;
}

.minweite3 {
margin: 5px 0 0 0;
float: left;
font-size: 1.2em;
}
.zentralheizung {
margin-left: 20px;
}

input#presseverteiler {
margin: 0 60px 0 10px;
}

/* warnhinweise */
#kontaktformular ul.stufe1 li.headline,
#kontaktformular ul.stufe2 li.headline,
#kontaktformular ul.stufe3 li.headline {
font-size: 1.4em;
text-decoration: underline;
}

#kontaktformular ul.stufe1 li,
#kontaktformular ul.stufe2 li,
#kontaktformular ul.stufe3 li {
background: none !important;
padding: 0;
color: #f00;
line-height: 1.6em;
}

#kontaktformular ul.stufe2 li.headline {
color: #ff7e00;
}

#kontaktformular ul.stufe2 li {
color: #ff7e00;
}

#kontaktformular ul.stufe3 li.headline {
color: #00a2ff;
}

#kontaktformular ul.stufe3 li {
color: #00a2ff;
}


/* zweispaltiges formular */

#kontaktformular .form-zweispalt-spalte {
width: 230px;
float: left;
}

#kontaktformular .form-zweispalt-spalte label {
width: 160px;
margin: 0 0 10px 0;
position: relative;
top: 0;
}
/* IE6 */
* html #kontaktformular .form-zweispalt-spalte label {
top: 5px;
}
/* IE7 */
* + html #kontaktformular .form-zweispalt-spalte label {
top: 5px;
}


#kontaktformular .form-zweispalt-spalte input {
margin: 0;
}

/* ***** Styling kontaktformular popup ***** */
#popup #content {
padding: 0;
height: auto;
width: 350px;
text-align: left;
margin: 0;
}

#kontaktformular.popup {
width: 315px;
padding: 10px 0 0 10px;
}

#popup .popup-error {
color: #f00;
font-weight: bold;
}

#popup ul#error {
margin: 0 !important;
padding: 0 !important;
}

#popup ul#error li {
margin: 0 0 15px 0 !important;
padding: 0 !important;
}

#kontaktformular.popup fieldset {
width: 340px;
display: block;
}

#kontaktformular.popup input,
#kontaktformular.popup textarea {
display: block;
width: 190px;
float: left;
margin: 0 0 10px 0;
}


#kontaktformular.popup textarea {
height: 160px;
}

#kontaktformular.popup label {
display: block;
width: 120px;
float: left;
padding: 0 0 10px 0;
}


#kontaktformular.popup input.button {
width: auto;
float: right;
}
/* IE6 */
* html #kontaktformular.popup input.button {
margin-top: 10px;
}
/* IE7 */
* + html #kontaktformular.popup input.button {
margin-top: 10px;
}

#kontaktformular.weiterempfehlen p {
margin: 0 20px 20px 0;
}

#kontaktformular .weiterempfehlen ul#error li .error {
margin: 0 20px 20px 0;
border: 1px solid #f00;
}

#kontaktformular input.radio.doppel-radio {
margin: 0 2px 0 0;
}

#kontaktformular span.doppel-radio-fakelabel {
display: block;
float: left;
position: relative;
top: 2px;
width: 145px;
font-size: 1.2em;
line-height: 1.2em;
}

#kontaktformular span.mehrzeilig {
width: 150px;
}

#kontaktformular label.mini {
width: 40px;
position: relative;
top: 0;
}

#kontaktformular label.medium {
width: 170px;
position: relative;
top: 4px;
}

#kontaktformular label.double-label {
position: relative;
top: 0;
width: 100px;
}


/*Sitemap*/

.sitemap {
padding: 0;
}

.sitemap h2 {
margin: 0 5px 15px 20px;
}

.sitemap div.spalte {
width: 220px;
margin-top: 0 !important;
}

#content .sitemap ul {
margin: 0 0 0 20px;
font-size: 1.25em;
}

#content .sitemap ul {
margin: 0 0 20px 20px !important;
}

#content .sitemap ul li {
list-style-type: none !important;
background: none !important;
padding: 0;
margin: 0;
}

#content .sitemap ul li a {
font-weight: normal;
border-bottom: 1px solid #cdcdcd;
padding-bottom: 2px;
margin-top: 2px;
display: block;
width: 150px;
}

#content .sitemap ul li a:hover {
font-weight: bold;
text-decoration: none;
}

#content .sitemap ul ul {
font-size: 0.8em;
margin: 0 0 20px 0 !important;
}

#content .sitemap ul ul li a {
background: none;
font-weight: normal;
color: #000;
border: none;
}

/* jahresnavi */
#jahresnavi label {
font-size: 1.2em;
display: block;
margin: 0 0 6px 0;
}

#jahresnavi select {
float: left;
margin: 0 5px 5px 0;
}

#jahresnavi input.button {
float: left;
}

#jahresnavi div.link-next-year a {
float: left;
font-size: 1.2em;
font-weight: normal;
margin: 5px 0 0 145px;
}

#jahresnavi div.link-prev-year a {
float: left;
font-size: 1.2em;
font-weight: normal;
margin: 23px 152px 0 0;
}

/* linkliste */
#content .schornsteinfeger form {
margin-bottom: 15px;
}

#content .schornsteinfeger-auswahl a {
float: left;
margin: 0 5px 0 0;
background: none;
font-size: 1.1em;
font-weight: normal;
}

/* bilddatenbank-suche */
#content form.bildsuche input {
float: left;
margin: 0 5px 0 0;
}

#content form.bildsuche input .button{
float: left;
}

/* Footer */
#foot {
height: 30px;
border-top: 1px solid #d9d9d9;
margin-left: 40px;
padding: 0;
width: 960px;
color: #6f6f6e;
float: left;
display: inline; /* verhindert doppelt-margin-bug in IE*/
}

/* Zur zeit nicht genutzt */
.foot-left {
float: left;
margin: 5px 50px;
}

#foot p a{
color: #6f6f6e;
text-decoration: none;
}

#foot p a:hover{
color: #8f8f8f;
font-weight: normal;
}

#foot span { /*fuer trennstriche zwischen den links*/
color: #6f6f6e;
}

#foot a.footer-icon, #foot img.footer-icon { /*fuer Footer Icons*/
position: relative;
top: 4px;
}

#foot img.lokalversorger { /*Lokalversorger Icon*/
top: 7px;
}

#foot img.erdgasinfo { /*Erdgas.info Icon*/
top: 7px;
margin-left: 125px
}

/* google-suchergebnisseite*/

#ergebnisliste {
margin: 0 0 30px 0;
}

#ergebnisliste a {
color: #000;
background: url(../images/pfeil_black.gif) no-repeat 0 5px;
padding: 0 0 0 8px;
}

#ergebnisliste ul {
border-bottom: 1px solid #b6b6b6;
}

#ergebnisliste ul li {
list-style-type: none !important;
background: none !important;
padding: 0 !important;
}

#ergebnisliste p {
font-size: 1.2em;
margin: 0 15px 15px 0;
}

#ergebnisliste ul p {
font-size: 1em;
}

#ergebnisliste h2 a {
font-size: 0.833em;
font-weight: normal;
background: none !important;
padding: 0;
}

#gsa-header {
margin: 0 0 30px 0;
}

#gsa-header fieldset legend {
display: none;
}

#suchformular-box .formularzeile input {
border: 1px solid #abadb3;
padding: 6px 0 5px 2px;
float: left;
margin: 0 10px 0 0;
}

#suchformular-box .formularzeile input.button {
font-family: Arial;
background: url(../images/but-bg.gif) repeat-x;
width: auto;
padding: 2px 6px 5px;
margin: 0;
text-transform: uppercase;
color: #fff;
float: left;
border: none;
overflow: visible;
}

#suchformular-box .formularzeile .sendenbutton {
padding: 5px 6px 4px;
}

#content .blaetternavigation {
font-size: 1.2em;
margin: 15px 0 15px 0;
}

#content .blaetternavigation .aktuelle-seite {
float: left;
width: 150px;
}

#content .blaetternavigation .navigation {
float: right;
}

#content .blaetternavigation .navigation a {
background: none;
padding: 0;
color: #000 !important;
}

#content .blaetternavigation dt {
padding: 0 0 5px 0;
}


#content .blaetternavigation dd {
display: inline;
padding: 0 0 0 3px;
font-weight: bold;
}

#content .blaetternavigation dd a {
padding: 0;
color: #555454;
background: none;
}

#suchfeld-seitenende-box form {
clear: both;
}

#suchfeld-seitenende-box input {
border: 1px solid #abadb3;
padding: 3px 0 2px 2px;
float: left;
margin: 0 10px 0 0;
}

#suchfeld-seitenende-box input.button {
font-family: Arial;
background: url(../images/but-bg.gif) repeat-x;
width: auto;
padding: 2px 6px 5px;
margin: 0;
text-transform: uppercase;
color: #fff;
float: left;
border: none;
overflow: visible;
}

/* ++++ */

/* Glossar */
#content #glossar {
background-color: #cdcdcd;
padding: 5px 5px 5px 10px;
}

#content #glossar li {
background-image: none !important;
float: left;
padding-right: 3px;
}

#content #glossar li,
#content #glossar li a {
line-height: 1em;
}

.glossar-letter {
margin-bottom: 15px;
}

#content #glossar-list {
margin-bottom: 40px;
}

#content #glossar-list dt {
font-size: 1.4em;
font-weight: bold;
padding-bottom: 10px;
}

#content #glossar-list dd {
border-bottom: 1px solid #d9d9d9;
font-size: 1.2em;
line-height: 1.25em;
margin-bottom: 10px;
padding-bottom: 10px;
}

/* Helfer - am Ende der Datei belassen */
a.img {
background: none !important;
border: none !important;
}

a.img img {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

a.mehr {
margin-left: 5px;
color: #002e55;
}

input.invis {
display: none;
visibility: hidden;
}

/* Lightbox */
.lightwindow-noflash {
display: table-cell;
text-align: center;
width: 965px;
padding: 20px;
}

.lightwindow-noflash p {
margin-bottom: 20px;
font-size: 1.4em;
line-height: 1.5em;
}

.lightwindow-noflash p a {
color: #000;
font-weight: bold;
background: url(../images/contextpfeil.gif) no-repeat 0 5px;
padding-left: 10px;
}

.lightwindow-noflash h2 {
margin: 20px 0;
}

.flashdownloadbutton {
padding: 0;
background: transparent;
}

/* Helfer - am Ende der Datei belassen */
/* Helfer */
.clear {
clear: both;
margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
height: 1px; /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

/* clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ahem { /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0;
width: 0;
left: -1000px;
top: -1000px;
}

.invisible,
legend {
display: none;
}

#wrapper a.img-link {
background: none;
padding: 0;
text-decoration: none!important;
}



/*
Projektname:  Neuer Abschnitt "Smart Stories"
erweitert am: 15.06.11 von MKue
QS am: 		  15.06.11 von MKue
*/
.smart-stories {
width: 720px;
height: 540px;
}

#facelift-frame {
margin: -10px 0 20px;
height: 540px;
width: 720px;
overflow: hidden;
position: relative;
}

/* Inhalte "ausblenden" */
.transparent {
display: block;
position: absolute;
left: -333em;
top: -333em;
}

/* Seitenschalter */
#content .seitenschalter {
position: absolute;
right: 0;
top: 12px;
width: 75px;
margin: 0;
padding: 0;
list-style: none;
background: none;
}

/* sorry fuer die (viel zu) langen Kaskaden aber ich hab den WertigkeitsKrieg nicht begonnen */
#content #facelift-frame .seitenschalter li {
float: left;
margin: 0 3px 0 0;
padding: 0;
list-style: none;
background: none;
}

#content #facelift-frame ul.seitenschalter a {
display: block;
margin: 0;
padding: 0;
width: 5px;
height: 10px;
background: url(/customer/images/navigation_hell.png) repeat-y 50% 0;
}
#content #facelift-frame ul.seitenschalter a.active {
height: 25px;
}

/* Seitenzahlen und linktexte nicht mehr anzeigen */
.seitenschalter a span,
.pfeile span {
display: none;
}

/* "vor" "zurueck" Pfeile */
.pfeile {
position: absolute;
left: 0;
top: 40px;
width: 720px;
height: 500px;
}

#content a.pfeil-links,
#content a.pfeil-rechts {
display: block;
float: left;
width: 300px;
height: 500px;
}

#content a.pfeil-links {
background: url(/customer/images/pfeil_links_hell.png) no-repeat 22px 463px;
}

#content a.pfeil-rechts {
background: url(/customer/images/pfeil_rechts_hell.png) no-repeat 252px 463px;
float: right;
}

/* umstellen auf schwarze Pfeile und Seitenschalter */
#content .dunkle-version a.pfeil-links {
background: url(/customer/images/pfeil_links_dunkel.png) no-repeat 22px 463px;
}

#content .dunkle-version a.pfeil-rechts {
background: url(/customer/images/pfeil_rechts_dunkel.png) no-repeat 252px 463px;
}

#content #facelift-frame .dunkle-version ul.seitenschalter a {
background: url(/customer/images/navigation_dunkel.png) repeat-y 50% 0;
}
/* ENDE Neuer Abschnitt "Smart Stories" */

/* Links im Contentbereich ohne Grafik und Abstand */
a.ohnepfeil,
a.ohnepfeil:hover,
a.ohnepfeil:focus,
#content a.ohnepfeil,
#context a.ohnepfeil {
background-image: none;
padding-left: 0;
}

#contentwide {
width:
}

#contentwide img {
border: 0px solid transparent;
}

/* --- Filmdenfun Abschnitt --- */
#filmdenfun {
display: block;
margin: 10px 0;
position: relative;
}

#filmdenfun .ecke {
position: absolute;
right: 9px;
bottom: 0;
}

/* IE 7 Hack */
* + html #filmdenfun .ecke {
bottom: 0;
}

#filmdenfun .oben {
position: relative;
display: block;
height: 223px;
}

* + html #filmdenfun .oben {
height: 223px;
}

#filmdenfun .oben img {
top: 0;
left: -15px;
position: absolute;
}

#filmdenfun .list ul {
list-style-type: none;
padding: 0 0 0 11px;
margin: 0;
}

#filmdenfun .list ul li a {
padding: 15px 14px 14px 9px;
display: block;
border-bottom: 1px solid #aaa;
border-left: 2px solid #cecece;
background: none;
}

#filmdenfun .list {
width: 175px;
float: left;
display: block;
}

#content  #filmdenfun .list ul li {
padding: 0;
height: 66px;
position: relative;
line-height: 0;
margin: 0 0 0 0;
background-image: none;
}

* + html #content  #filmdenfun .list ul li {
height: 63px;
}

#content #filmdenfun .list ul li.last a {
border-bottom: none;
}

#content #filmdenfun .list ul li a:hover {
background-image: url(../images/10_jahre_list_hover.gif);
background-position:  -5px 5px;
background-repeat:  no-repeat;
}

#content #filmdenfun .list ul li.last a {
border-bottom: 2px solid #cecece !important;
}

#filmdenfun .list ul li.last span {
height: 18px;
width: 12px;
display: block;
position: absolute;
left: 0;
text-indent: -9999px;
bottom: -7px;
background: url(../images/head_10_jahre_map_bl.png) 0 0 no-repeat;
}

* + html #filmdenfun .list ul li.last span {
bottom: -10px;
}

#filmdenfun .list ul li.active a {
position: absolute;
top: 0;
left: 0;
padding-right: 16px;
background: #fff;
}

#filmdenfun .list ul li.active span {
text-indent: -999px;
display: block;
left: -2px;
bottom: -8px;
}

* + html #filmdenfun .list ul li.active span {
bottom: -8px;
}

#filmdenfun .inhalt {
width: 302px;
height: 380px;
float: left;
display: block;
padding: 15px 15px 0;
margin: 0;
border: 2px solid #cecece;
border-top: none;
}

/* IE 7 Hack */
* + html #filmdenfun .inhalt {
min-height: 326px;
}

#filmdenfun .inhalt .headline {
display: block;
margin: 0 0 10px 0;
}

#filmdenfun .inhalt p {
color: #525050;
margin: 0 0 9px 0;
font-size: 1.1em;
line-height: 1.4em;
}

/* -- Zehn-Jahre-Kontext -- */
.zehn-jahre-kontext {
color: #525050;
}

#context .zehn-jahre-kontext a {
color: #525050;
font-weight: normal;
text-decoration: underline;
background-position: 0 4px;
}

#context .zehn-jahre-kontext .page-options {
margin: 0 0 10px 0;
font-size: 11px;
}

#context .zehn-jahre-kontext p,
#gmapmarker {
font-size: 11px;
line-height: 15px;
margin: 0 0 10px;
}

#context a.without {
padding: 0;
background: none;
}

#contentwrapper .content-10-jahre {
margin: 0 41px 15px 44px;
}

#gmaps {
position: relative;
margin: 0 0 50px 0;
}

#gmaps .tl {
top: 0;
left: 0;
position: absolute;
}

#gmaps .tr {
top: 0;
right: 0;
position: absolute;
}

#gmaps .bl {
bottom: -6px;
left: 0;
position: absolute;
}

#gmaps .br {
bottom: -2px;
right: 0;
position: absolute;
}

* + html #gmaps .tl {
top: 0;
left: 0;
position: absolute;
}

* + html #gmaps .tr {
top: 0;
right: 0;
position: absolute;
}

* + html #gmaps .bl {
bottom: -6px;
left: 0;
position: absolute;
}

* + html #gmaps .br {
bottom: -2px;
right: 0;
position: absolute;
}

#gmaps #map {
border: 1px solid #aaa;
}

#gmaps #map div span {
position: absolute;
bottom: -25px;
left: -165px;
font-size: 11px;
color: #ccc !important;
}

#gmaps #map div .terms-of-use-link {
position: absolute;
bottom: -40px;
left: -165px;
font-size: 11px;
color: #ccc !important;
}

#gmaps #map .gmnoprint a,
#gmaps #map div .gmnoprint {
padding: 0;
font-size: 11px;
color: #ccc !important;
background: none;
}

#popup.gmap #content {
width: 720px;
}

.karte {
width: 350px;
float: left;
margin: 0 15px 10px 0;
}

.desc {
float: left;
width: 350px;
margin: 10px 0;
}

.desc,
#popup.gmap #content .desc p {
font-size: 12px;
line-height: 18px;
color: #525050;
}

.desc h2 {
margin: 0 0 20px 0;
}

/* --- Umfrageformular --- */
.fragenformular {
display: block;
margin-bottom: 30px;
}

.fragenformular dl {
font-size: 1.2em;
padding: 10px;
margin: 0 0 10px 0;
background: #efefef;
}

.fragenformular dl dt {
width: 130px;
}

.fragenformular dl dd {
width: 73px;
text-align: center;
}

.fragenformular dl dd,
.fragenformular dl dt {
float: left;
display: block;
}

#content .fragenformular ol {
margin-bottom: 20px;
}

#content .fragenformular ol li {
padding: 7px 0 7px;
margin-left: 35px;
border-bottom: 2px solid #eee;
}

.fragenformular ol li .first {
width: 110px;
text-align: left;
}

#content .fragenformular ol li.last {
border-bottom: none;
}

.fragenformular ol li span {
width: 68px;
text-align: center;
display: inline-block;
}

/* IE Hack */

* + html #content .fragenformular ol li {
padding: 3px 0 1px;
}

#keyvisual-wide {
width: 748px;
display: inline;
float: left;
height: auto;
margin: 0 0 20px 42px;
padding: 0;
}

#keyvisual-wide .keyvisual {
margin: 0 0 20px 0;
}

#thermografie {
width: 238px;
height: 324px;
}

#thermografie h4 {
color: #fff;
font-size: 1.6em;
font-weight: bold;
line-height: 1.2em;
padding: 10px 0 10px 10px;
}

#thermografie p {
font-size: 1.1em;
margin: 160px 5px 0 10px;
}

#thermografie p img {
padding: 10px 5px 0 5px;
}

#thermografie p.back {
font-size: 1.2em;
margin: 0;
width: 80px;
float:left;
}

#thermografie p.forward {
font-size: 1.2em;
margin: 0;
width: 80px;
float: right;
text-align: right;
}

.step1 {
background: url(../images/thermografie_step_1.jpg) 0 0 no-repeat;
}

.step2 {
background: url(../images/thermografie_step_2.jpg) 0 0 no-repeat;
}

.step3 {
background: url(../images/thermografie_step_3.jpg) 0 0 no-repeat;
}

.step4 {
background: url(../images/thermografie_step_4.jpg) 0 0 no-repeat;
}

.step5 {
background: url(../images/thermografie_step_5.jpg) 0 0 no-repeat;
}

* + html #thermografieform fieldset {
position: relative;
margin-bottom: 20px !important;
}

#thermografieform fieldset {
width: 540px;
text-align: left;
background-color: #fafafa;
margin: 0 0 20px 0;
}

#thermografieform div.rahmen {
border: 1px solid #aaa;
position: relative;
}

#thermografieform div.rahmen .tl {
top: -1px;
left: -1px;
position: absolute;
}

#thermografieform div.rahmen .tr {
top: -1px;
right: -1px;
position: absolute;
}

#thermografieform div.rahmen .bl {
bottom: -5px;
left: -1px;
position: absolute;
}

#thermografieform div.rahmen .br {
bottom: -1px;
right: -1px;
position: absolute;
}

* + html #thermografieform div.rahmen .tl {
top: -1px;
left: -1px;
position: absolute;
}

* + html #thermografieform div.rahmen .tr {
top: -1px;
right: -1px;
position: absolute;
}

* + html #thermografieform div.rahmen .bl {
bottom: -5px;
left: -1px;;
position: absolute;
}

* + html #thermografieform div.rahmen .br {
bottom: -1px;
right: -1px;
position: absolute;
}

#thermografieform div.rahmen .leftside {
width: 345px;
float: left;
}

#thermografieform div.rightside {
width: 180px;
float: left;
}

#thermografieform fieldset input {
margin: 2px 0 2px 5px;
width: 200px;
border: 1px solid #cacbcf;
background-color: #f7f7f7;
font-size: 1.2em;
padding: 3px;
}

#thermografieform input.radio,
#thermografieform input.checkbox {
width: 15px;
border: none;
float: left;
margin: 7px 0 0;
}

* + html #thermografieform input.radio,
* + html #thermografieform input.checkbox {
width: 15px;
border: none;
float: left;
margin: 4px 0 0;
}

#thermografieform fieldset label {
display: block;
float: left;
width: 90px;
line-height: 23px;
text-align: right;
margin: 2px 9px 2px 5px;
font-size: 1.2em;
}

#thermografieform fieldset label.error  {
font-weight: normal;
}

#thermografieform fieldset label.without {
display: block;
float: left;;
width: 20px;
line-height: 23px;
padding-right: 5px;
margin: 2px 20px 0 5px;
text-align: left;
}

#thermografieform fieldset label.lang {
width: 190px;
margin: 2px 0 0 5px;
}

#thermografieform fieldset label.extralang {
width: 490px;
margin: 2px 0 0 5px;
}

#thermografieform fieldset label.mittel {
width: 110px;
margin: 2px 0 0 5px;
}

#thermografieform fieldset label.kurz {
width: 76px;
margin: 2px 0 0 5px;
}

#thermografieform fieldset input.plz {
width: 52px;
}

#thermografieform fieldset input.kurz {
width: 135px;
}

#thermografieform h3 {
border-bottom: 1px solid #AAAAAA;
font-size: 1.3em;
font-weight: bold;
margin: 10px !important;
padding: 0 0 10px;
}

#thermografieform p.hinweis {
font-size: 1.2em;
margin: 26px 10px 10px;
width: 170px;
}

#thermografieform .oben {
height: 310px;
}

#thermografieform .oben2 {
height: 225px;
}

#thermografieform .mitte {
height: 280px;
}

#thermografieform .unten {
height: 485px;
}

#thermografieform .unten2 {
height: 50px;
}

* + html #thermografieform .oben {
height: 330px;
}

* + html #thermografieform .mitte {
height: 300px;
}

* + html #thermografieform .unten {
height: 520px;
}

#thermografieform div.eins {
padding: 0 10px 10px;
}

#thermografieform div.agb {
height: 200px;
overflow: scroll;
border: 1px solid #ccced2;
padding: 8px;
}

#thermografieform input.submit {
float: right;
background: #fff url(../images/btn_send.gif);
padding: 0;
border: none !important;
width: 112px !important;
height: 28px !important;
margin: 0 -20px 0 0;
}

#thermografieform p.submit {
float: left;
padding: 0;
margin: 8px 0 0 90px;
font-size: 1.1em;
}

span.inhalt, span.inhalt2  {
font-size: 1.2em;	
}

#kontaktformular label p {
font-size: 1em;
}