/**
 * Projekt BAHLKE UND HANUSCH
 * ==========================
 *
 * @site          www.energieportal-24.de
 * @version       1.00
 * @date          2009-08-12
 * @lastmodified  2010-03-12 (17:07)
 * @author        Thomas Hanusch
 * @copyright     mbh-online internetservice
 * @see           http://www.mbh-online.de/
 *
 * @note          Stile fuer das Layout: STANDARD.
 *
 */



/**                                                                     =I
 *
 * @section       Inhaltsverzeichnis
 *                ==================
 *
 * Inhaltsverzeichnis                            I
 * Farbdefinitionen                              C
 * Grundeinstellungen (Reset und Startwerte)     R
 * HTML-Elemente (Tags)                          H
 * Links                                         L
 * Seitenlayout, Sektionen, Struktur             S
 * Klassen                                       K
 * Formulare                                     F (in separater Datei)
 * Besondere Styles für einzelne Seiten          P (entfaellt)
 * Medienstyles (Drucker)                        D
 *
 * @note          Alle Sektionen sind mit      =[A-Z] gekennzeichnet.
 * @note          Alle Sektionsenden sind mit ==[A-Z] gekennzeichnet.
 *
 *                                                                     ==I
 *
 */



/**                                                                     =C
 *
 * @section       Farbdefinitionen
 *                ================
 *
 * @note          ROT
 * @colordef      rot  100% = rgb(142,16,24)   (Links)
 * @colordef      rot   80% = rgb(170,78,54)   (Hover)
 * @colordef      rot   60% = rgb(199,133,103) (BG)
 * @colordef      rot   40% = rgb(228,192,171) (BG)
 * @colordef      rot   20% = rgb(241,222,210) (BG)
 * @colordef      rot  100% = rgb(255,0,0)     (AccessKey-Logo)
 * @colordef      rot  100% = rgb(128,0,0)     (Hover)
 *
 * @note          BLAU
 * @colordef      blau 100% = rgb(68,0,0)     (Grundton BG, Rahmen, H3...)
 * @colordef      blau  90% = rgb(87,26,26)    (BG+Color Menues)
 * @colordef      blau  80% = rgb(105,51,51)   (BG+Color Menues)
 * @colordef      blau  70% = rgb(124,77,77)  (BG+Color Menues)
 * @colordef      blau  60% = rgb(143,102,102) (BG+Color Menues)
 * @colordef      blau  50% = rgb(162,128,128) (BG+Color Menues)
 * @colordef      blau  40% = rgb(180,153,153) (BG+Color Menues)
 * @colordef      blau  30% = rgb(199,179,179) (Color: Menue+Rahmen)
 * @colordef      blau  20% = rgb(218,204,204) (Color Menues)
 * @colordef      blau  10% = rgb(237,230,230) (SeitenBG, Rahmen, Menues)
 * @colordef      blau   5% = rgb(245,242,242) (Color Menues)
 *
 * @note          SCHWARZ / WEISS
 * @colordef      schwarz   = rgb(0,0,0)       (Inhalt-Schrift)
 * @colordef      weiss     = rgb(255,255,255) (Inhalt-BG)
 *
 *                                                                     ==C
 *
 */



/**                                                                     =R
 *
 * @section       Grundeinstellungen (Reset und Startwerte)
 *                =========================================
 *
 * @note          Setzen der Ausgangswerte (Normalisierung).
 * @note          Alles auf NULL, um browsereigene Stilvorgaben
 * @note          zu loeschen.
 *
 */

html, body, div, blockquote, h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ul, ol, li,
form, fieldset, legend, label, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td, tt,
img, applet, object, iframe, samp,
a, abbr, acronym, span, pre, code, address, big, cite, del, dfn, em, strong, sub, sup, font, ins, kbd, small, strike, var
{
  font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
  font-weight: normal;
  font-size: 100.01%;
  font-variant: normal;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td
{
  text-align: left;
}

sup
{
  vertical-align: text-top;
  font-size: 85%;
}

sub
{
  vertical-align: text-bottom;
  font-size: 85%;
}

legend
{
  color: rgb(0,0,0);
}

/**
 *
 * @note          ENDE der Grundeinstellungen (Reset und Startwerte)
 *                ==================================================
 *                                                                     ==R
 *
 */



/**                                                                     =H
 *
 * @section       HTML-Elemente
 *                =============
 *
 * @note          Voreinstellungen der HTML-Tags.
 *
 */

body
{
  color: rgb(0,0,0);
  background: rgb(237,230,230);
/**
 * @note          Moegliche Werte fuer Schriftgroessen, damit es in den
 * @note          gaengigsten Browsern in etwa gleich aussieht sind:
 * @note          69%, 76%, 86% und 93%.
 * @note          Wenn dieser Startwert geaendert wird, muessen auch alle
 * @note          Einzuege und Abstaende kontrolliert werden, da sich
 * @note          diese auf den Startwert beziehen und somit direkt
 * @note          davon abhaengen.
 */

/**
 * @note          Folgende Schriftgroesse entspricht ca. 10px und
 * @note          erleichtert die Umrechnungen der jeweiligen Prozentwerte
 */
  font-size: 62.5%;
}

h1
{
  font-size: 1em;
  height: 14em;
  margin-left: -500em;
  background: url("http://www.energieportal-24.de/lib/css/standard/logo.gif") no-repeat 502em 1.8em;
}

h2
{
  font-size: 2.4em;
  font-family: "times new roman", times, georgia, serif;
  line-height: 1em;
  margin: 1.41667em 0 0.375em -0.08333em;
  font-weight: normal;
  letter-spacing: 0.08333em;
  padding: 0;
  color: rgb(68,0,0);
}

h2 span,
h2 abbr,
h2 acronym

{
  font-family: "times new roman", times, georgia, serif;
}

h3
{
  font-size: 1.8em;
  font-family: "times new roman", times, georgia, serif;
  line-height: 1em;
  margin: 0.5em 0 0.55555em 0;
  font-weight: normal;
  padding: 0;
  font-style: italic;

  color: rgb(68,0,0);
}

h3 span,
h3 abbr,
h3 acronym

{
  font-family: "times new roman", times, georgia, serif;
}

h4
{
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.07143em;
  margin: 1.07143em 0;
  padding: 0;
  color: rgb(68,0,0);
}

h4 span,
h4 acronym,
h4 abbr,
h4 a

{
  font-weight: bold;
}

h5
{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.25em;
  margin: 1.50em 0 -0.25em 0;
  padding: 0;
  color: rgb(68,0,0);
}

h5 span,
h5 acronym,
h5 abbr,
h5 a,
h5 strong
{
  font-weight: bold;
}

h6
{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.25em;
  margin: 2.5em 0 -1.25em 0;
  padding: 0;
  color: rgb(68,0,0);
}

h6 span,
h6 acronym,
h6 abbr,
h6 a,
h6 strong
{
  font-weight: bold;
}

blockquote
{
	font-style: italic;
	margin: 0;
}

blockquote:before,
blockquote:after
{
  content: "";
}

p,
address,
dl,
code
{
  font-size: 1.2em;
  line-height: 1.25em;
  margin: 1.25em 0;
}

code, pre
{
  margin: -1.25em 0;
  font-family: courier, monospace;
}

strong,
strong a,
strong span,
strong abbr,
strong acronym
{
  font-weight: bold;
  color: rgb(68,0,0);
}

em,
em span
{
  font-weight: bold;
  font-style: italic;
  color: rgb(68,0,0);
}

em.kursiv
{
  font-weight: normal;
}

dt
{
  clear: both;
  float: left;
  width: 30%;
  margin: 1.25em 0;
  color: rgb(68,0,0);
}

dd
{
  float: right;
  width: 65%;
  margin: 1.25em 0;
}

dd ul li
{
  font-size: 1em;
}

ul
{
  list-style-image: url("http://www.energieportal-24.de/lib/css/standard/liste.gif");
  list-style-position: outside;
}

ul li
{
  font-size: 1.2em;
  line-height: 1.25em;
  padding-left: 0.25em;
  margin-left: 1.5em;
}

ul ul
{
  margin: 0.625em 0;
}

li li
{
  font-size: 1em;
}

blockquote
{
  font-style: italic;
  margin-bottom: 1.25em;
}

address,
cite
{
  font-style: normal;
}

address
{
  font-size: 1.2em;
}

abbr,
acronym
{
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}

abbr
{
  speak: spell-out;
}

acronym
{
  speak: normal;
}

span[title],
abbr[title],
acronym[title]
{
  cursor: help;
  border-bottom: 1px dotted rgb(143,102,102);
}

hr
{
  display: none;
}

/**
 *
 * @note          ENDE der HTML-Elemente
 *                ======================
 *                                                                     ==H
 *
 */



/**                                                                     =L
 *
 * @section       Links
 *                =====
 *
 * @note          Vereinbarungen fuer Site-uebergreifende Linkgestaltungen.
 *
 */

a,
a:link,
a:visited
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_intern.gif");
  background-repeat: no-repeat;
  background-position: left center;
  color: rgb(170,78,54);
  padding-left: 1.5em;
}

a:hover
{
  color: rgb(199,133,103);
}

a:focus,
a:active
{
  background-color: rgb(218,204,204);
  color: rgb(199,133,103);
}

/**
 * @note          Links werden mit erlaeuternden Grafiken ausgezeichnet.
 * @note          Die Reihenfolge der Vereinbarungen ist teilweise nicht
 * @note          ganz unrelevant, da sich die Link-Eigenschaften
 * @note          gegenseitig ueberschreiben.
 */
a[href^="javascript:print"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_drucken.gif");
}

a[href^="mailto"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_email.gif");
}

/**
 * @note          Ab hier ist die Reihenfolge wichtig.
 */
a[href^="#"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_seite.gif");
}

a[href^="#auswahl"],
a[href^="#einleitung"],
a[href^="#tastatursteuerung"],
a[href^="#tastaturkuerzel"],
a[href^="#dokumentanfang"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_seite_top.gif");
}

a[title^="externe Seite"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_extern.gif");
}

a[title^="in neuem Fenster"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_fenster.gif");
}

a[title^="PDF-Datei"]
{
  background-image: url("http://www.energieportal-24.de/lib/css/standard/link_pdf.gif");
}

/**
 *
 * @note          ENDE der Links
 *                ==============
 *                                                                     ==L
 *
 */



/**                                                                     =S
 *
 * @section       Seitenlayout, Sektionen, Struktur
 *                =================================
 *
 * @note          Definitionen der Styles fuer die Seitenbereiche.
 * @note          (Container fuer Kopfzeile, Fusszeile,
 * @note          Mittelbereich etc.)
 *
 */

/**
 * @note          Schnellnavigation (versteckt, sichtbar bei Fokusierung)
 */
#schnellnavigation
{
  position: absolute;
  top: 4em;
  left: 19.6em;
  z-index: 1;
}
#schnellnavigation ul
{
  list-style-type: none;
}

#schnellnavigation li
{
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.66667em;
  margin: 0 0 0 -5000px;
  padding: 0;
}

#schnellnavigation li a,
#schnellnavigation li a:link,
#schnellnavigation li a:visited
{
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 0.6em;
}

#schnellnavigation li a:focus,
#schnellnavigation li a:active
{
  background: rgb(199,179,179);
  border: 1px solid rgb(142,16,24);
  color: rgb(142,16,24);
  margin-left: 5000px;
}

#schnellnavigation li a:hover
{
  background: rgb(162,128,128);
  border: 1px solid rgb(142,16,24);
  color: rgb(68,0,0);
}

/**
 * @note          Kopfbereich (Logo und Hauptmenue)
 */
#kopf
{
  min-width: 76em;
  height: 15em;
  background: rgb(68,0,0);
  border: 0.1em solid rgb(237,230,230);
  border-bottom: 0;
}

#kopfbereich_aussen
{
  border-left: 19.4em solid rgb(68,0,0);
}

#kopfbereich_innen
{
  width: 100%;
  height: 14.8em;
  background: rgb(68,0,0);
}

#kopf_links_rechts
{
  position: relative;
  overflow: visible;
  float: left;
  width: 100%;
  height: 14.8em;
}

#kopf_links
{
  position: relative;
  overflow: visible;
  float: left;
  width: 19.4em;
  height: 14.8em;
  margin-left: -19.4em;
}

#kopf_rechts
{
  position: relative;
  overflow: visible;
  float: right;
  width: 100%;
  height: 14.8em;
}

#kopf_rechts h2
{
  font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1em;
  color: rgb(199,179,179);
  padding: 7.4em 1.2em 0 0;
  margin: 0;
}

#kopf_rechts p
{
  font-size: 1em;
  font-style: normal;
  text-align: right;
  line-height: 1em;
  color: rgb(199,179,179);
  padding: 1.8em 1.2em 0 0;
  margin: 0;
}

/**
 * @note          Hauptmenuebereich
 */

#rubrik_aussen
{
  position: relative;
  overflow: visible;
  width: 100%;
  height: 5.7em;
  border-top: 0.1em solid rgb(237,230,230);
  border-left: 0.1em solid rgb(237,230,230);
  margin: -1.9em 0 0 -0.1em;
}

#rubrik_innen
{
  position: relative;
  overflow: visible;
  top: 2.8em;
  width: 100%;
  height: 2.8em;
}

#rubrik
{
  float: left;
}

#rubrik ul
{
  list-style-type: none;
  list-style-image: none;
}

#rubrik li
{
  float: left;
  height: 3em;
  font-size: 1.3em;
  line-height: 2.1em;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

#rubrik li span,
#rubrik li abbr

{
  text-transform: uppercase;
  font-weight: normal;
}

#rubrik li a,
#rubrik li a:link,
#rubrik li a:visited
{
  display: block;
  text-decoration: none;
  background-image: none;
  border-top: 1px solid rgb(237,230,230);
  border-right: 1px solid rgb(237,230,230);
  color: rgb(199,179,179);
  padding: 0 0.65em;
}

#rubrik li a:hover,
#rubrik li a:focus,
#rubrik li a:active
{
  background: rgb(105,51,51);
  color: rgb(237,230,230);
}

#rubrik li a.aktiv,
#rubrik li a:link.aktiv,
#rubrik li a:visited.aktiv
{
  background: rgb(180,153,153);
  color: rgb(68,0,0);
}

#rubrik li a:hover.aktiv,
#rubrik li a:focus.aktiv,
#rubrik li a:active.aktiv
{
  background: rgb(162,128,128);
  color: rgb(245,242,242);
}

#rubrik li strong
{
  display: block;
  font-weight: normal;
  background: rgb(180,153,153);
  border-top: 1px solid rgb(237,230,230);
  border-right: 1px solid rgb(237,230,230);
  color: rgb(68,0,0);
  padding: 0 0.65em;
}

#rubrik li strong span
{
  font-weight: normal;
}

/**
 * @note          Mittelbereich (Inhalt und Navigation)
 */
#mitte
{
  clear: both;
  width: 75em;
  border: 0.1em solid rgb(237,230,230);
}

#mittelbereich_aussen
{
  float: right;
  border-left: 19.3em solid rgb(68,0,0);
}

#mittelbereich_innen
{
  position: relative;
  overflow: visible;
  float: right;
  margin-left: -19.3em;
}

#mitte_rechts
{
  position: relative;
  overflow: visible;
  float: right;
  width: 55.4em;
  background-color: rgb(255,255,255);
  background-image: url("http://www.energieportal-24.de/lib/css/standard/energieportal.gif");
  background-repeat: no-repeat;
  background-position: right top;
  border: 0.1em solid rgb(68,0,0);
  margin-left: 0.1em;
}

#inhalt_aussen
{
  clear: both;
  width: 100%;
}

#inhalt
{
  margin: 2em 2.5em 0 2.5em;
}

#anfang
{
  background: rgb(237,230,230);
}

#anfang p
{
  font-size: 1em;
  line-height: 1.5em;
  text-transform: uppercase;
  text-align: justify;
  color: rgb(68,0,0);
  padding: 1em 1.5em 1.1em 1.5em;
  margin: 1.1em 0 0 0;
}

#anfang p abbr,
#anfang p acronym,
#anfang p span
{
  text-transform: uppercase;
}

#anfang p:first-letter
{
  float: left;
  font-size: 3em;
  font-style: italic;
  line-height: 1em;
  margin: 0 0.2em 0 0;
}

#anfang a
{
  background-image: none;
  padding-left: 0;
}

#lesezeichen
{
  float: right;
  padding: 1em 0;
}

#lesezeichen img
{
  overflow: hidden;
  width: 16px;
  height: 16px;
}

#lesezeichen li
{
  list-style: none;
  float: left;
  font-size: 1em;
  line-height: 2em;
  margin: 0;
  padding: 0;
}

#lesezeichen a
{
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  border: 3px solid rgb(255,255,255);
  background-image: none;
  padding: 0;
}

#lesezeichen a:focus,
#lesezeichen a:active
{
  border-color: rgb(0,0,0);
}

#lesezeichen a:hover
{
  border-color: rgb(170,78,54);
}

#mitte_links
{
  position: relative;
  overflow: visible;
  float: right;
  width: 19.3em;
}

#navigation
{
  clear: both;
  width: 100%;
}

#navigation h2
{
  font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
  font-size: 1.6em;
  font-style: normal;
  line-height: 1.5em;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgb(199,179,179);
  padding: 2.25em 0 2.25em 1.1875em;
  margin: 0;
}

#navigation h2 span,
#navigation h2 abbr,
#navigation h2 acronym
{
  font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
  border-bottom: 0;
}

/**
 * @note          Navigation 1.Ebene
 */
#navigation ul
{
  list-style-type: none;
  list-style-image: none;
}

#navigation li
{
  font-size: 1.1em;
  line-height: 2.63636em;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

#navigation li span,
#navigation li abbr,
#navigation li acronym
{
  text-transform: uppercase;
}

#navigation li a.first
{
  border-top: 0.1em solid rgb(237,230,230);
}

#navigation li a,
#navigation li a:link,
#navigation li a:visited
{
  display: block;
  text-decoration: none;
  background: transparent;
  border-bottom: 0.1em solid rgb(237,230,230);
  color: rgb(199,179,179);
  padding-left: 1.72727em;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active
{
  background: rgb(105,51,51);
  color: rgb(237,230,230);
}

#navigation li a.aktiv,
#navigation li a:link.aktiv,
#navigation li a:visited.aktiv
{
  font-weight: bold;
  background: rgb(124,77,77);
  color: rgb(237,230,230);
}

#navigation li a:hover.aktiv,
#navigation li a:focus.aktiv,
#navigation li a:active.aktiv
{
  background: rgb(143,102,102);
  color: rgb(237,230,230);
}

#navigation li a.aktiv span,
#navigation li a.aktiv abbr,
#navigation li a.aktiv acronym,
#navigation li strong span,
#navigation li strong abbr,
#navigation li strong acronym
{
  font-weight: bold;
}

#navigation li strong.first
{
  border-top: 0.1em solid rgb(237,230,230);
}

#navigation li strong
{
  display: block;
  font-weight: bold;
  background: rgb(143,102,102);
  border-bottom: 0.1em solid rgb(237,230,230);
  color: rgb(237,230,230);
  padding-left: 1.72727em;
}

#navigation li strong abbr,
#navigation li strong acronym,
#navigation li strong span
{
  color: rgb(237,230,230);
}

/**
 * @note          Navigation 2.Ebene
 */
#navigation ul ul
{
  background: rgb(105,51,51);
  margin: 0;
}

#navigation li li
{
  font-size: 1em;
  line-height: 2.63636em;
  text-transform: none;
}

#navigation li li span,
#navigation li li abbr,
#navigation li li acronym
{
  text-transform: none;
}

#navigation li li a,
#navigation li li a:link,
#navigation li li a:visited
{
  color: rgb(237,230,230);
  padding-left: 2.63636em;
}

#navigation li li a:hover,
#navigation li li a:focus,
#navigation li li a:active
{
  background: rgb(124,77,77);
  color: rgb(245,242,242);
}

#navigation li li a.aktiv,
#navigation li li a:link.aktiv,
#navigation li li a:visited.aktiv
{
  font-weight: bold;
  background: rgb(143,102,102);
  color: rgb(245,242,242);
}

#navigation li li a:hover.aktiv,
#navigation li li a:focus.aktiv,
#navigation li li a:active.aktiv
{
  background: rgb(162,128,128);
  color: rgb(245,242,242);
}

#navigation li li strong
{
  display: block;
  font-weight: bold;
  background: rgb(143,102,102);
  color: rgb(245,242,242);
  padding-left: 2.63636em;
}

/**
 * @note          Navigation 3.Ebene
 */
#navigation ul ul ul
{
  background: rgb(124,77,77);
}

#navigation li li li
{
  font-style: italic;
  text-align: right;
  line-height: 2.68182em;
}

#navigation li li li a,
#navigation li li li a:link,
#navigation li li li a:visited
{
  color: rgb(245,242,242);
  padding-right: 1.72727em;
}

#navigation li li li a:hover,
#navigation li li li a:focus,
#navigation li li li a:active
{
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

#navigation li li li a.aktiv,
#navigation li li li a:link.aktiv,
#navigation li li li a:visited.aktiv
{
  font-weight: bold;
  background: rgb(180,153,153);
  color: rgb(68,0,0);
}

#navigation li li li a:hover.aktiv,
#navigation li li li a:focus.aktiv,
#navigation li li li a:active.aktiv
{
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

#navigation li li li strong
{
  display: block;
  font-weight: bold;
  background: rgb(180,153,153);
  color: rgb(68,0,0);
  padding-right: 1.72727em;
}

/**
 * @note          AccessKey-Pad
 */
#funktionstasten
{
  padding-top: 2.2em;
}

#funktionstasten #acc
{
  width: 15em;
  font-size: 0.83333em;
  line-height: 1.5em;
  text-align: center;
  margin-left: 39px;
}

#funktionstasten #acc ul
{
  list-style-type: none;
}

#funktionstasten #acc li
{
  display: block;
  float: left;
  border: 0.1em solid rgb(237,230,230);
  color: rgb(199,179,179);
  padding: 0;
  margin: 0 0.6em 0.48em 0;
}

#funktionstasten #acc li a,
#funktionstasten #acc li a:link,
#funktionstasten #acc li a:visited
{
  display: block;
  width: 0.84em;
  font-weight: bold;
  text-decoration: none;
  background: rgb(105,51,51);
  color: rgb(199,179,179);
  padding: 0.24em 1.2em;
}

#funktionstasten #acc li a:hover,
#funktionstasten #acc li a:focus,
#funktionstasten #acc li a:active

{
  font-weight: bold;
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

#funktionstasten #acc .acc-n
{
  width: 0.84em;
  font-weight: bold;
  background: rgb(68,0,0);
  border: 0.1em solid rgb(237,230,230);
  color: rgb(199,179,179);
  padding: 0.24em 1.2em;
}

#funktionstasten #acc li.acc-logo
{
  width: 6.72em;
  background: transparent;
  padding: 0.36em 0 0 0;
  border: 0;
}

#funktionstasten #acc .acc-logo a,
#funktionstasten #acc .acc-logo a:link,
#funktionstasten #acc .acc-logo a:visited
{
  width: 6.72em;
  text-decoration: none;
  background: transparent;
  border: 0;
  color: rgb(255,0,0);
  padding: 0;
}

#funktionstasten #acc .acc-logo a:hover
{
  text-decoration: underline;
}

#funktionstasten #acc .acc-logo a:focus,
#funktionstasten #acc .acc-logo a:active
{
  text-decoration: underline;
  background:  rgb(124,77,77);
}

#funktionstasten #acc strong
{
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  color: rgb(199,179,179);
  padding: 0.3em 0 0 0.4em;
}

#funktionstasten #acc strong em
{
  font-style: italic;
  text-transform: capitalize;
  letter-spacing: 0;
  color: rgb(255,0,0);
}

#funktionstasten #acc span
{
  position: absolute;
  overflow: hidden;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
}

.acc-logo
{
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  color: rgb(255,0,0);
}

.acc-logo strong
{
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: rgb(77,117,158);
}

/**
 * @note          Browserhilfe
 */
#hilfe
{
  position: absolute;
  right: 1.2em;
  top: 18em;
}

#hilfe p
{
  font-size: 1em;
  line-height: 1.5em;
  text-align: right;
  padding: 0;
  margin: 0;
}

#hilfe strong,
#hilfe a,
#hilfe a:link,
#hilfe a:visited
{
  font-weight: normal;
  background: none;
  text-decoration: none;
  color: rgb(68,0,0);
  padding: 0;
  margin: 0;
}

#hilfe a:hover
{
  text-decoration: underline;
  color: rgb(142,16,24);
}

#hilfe a:focus,
#hilfe a:active
{
  text-decoration: underline;
  background: rgb(245,242,242);
  color: rgb(199,133,103);
}

/**
 * @note          Fussbereich (Editorial und Druckschalter)
 */
#fuss
{
  clear: both;
  width: 75em;
  border: 0.1em solid rgb(237,230,230);
}

#fussbereich_aussen
{
  float: right;
  border-left: 19.3em solid rgb(68,0,0);
}

#fussbereich_innen
{
  position: relative;
  overflow: visible;
  float: right;
  margin-left: -19.3em;
}

#fuss_rechts
{
  position: relative;
  overflow: visible;
  float: right;
  width: 55.4em;
  background: rgb(68,0,0);
  border: 0.1em solid rgb(68,0,0);
  margin-left: 0.1em;
}

#editorial
{
  clear: both;
  float: left;
  width: 100%;
}

#editorial ul
{
  list-style-type: none;
  list-style-image: none;
}

#editorial li
{
  float: left;
  height: 2.2em;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0;
  margin: 0.7em 0 0 0;
}

#editorial li a,
#editorial li a:link,
#editorial li a:visited

{
  color: rgb(199,179,179);
  text-decoration: none;
  background: transparent;
  border-right: 0.1em solid rgb(237,230,230);
  padding: 0 1.25em 0 1.25em;
}

#editorial li a:hover
{
  color: rgb(237,230,230);
  text-decoration: underline;
}

#editorial li a:focus,
#editorial li a:active
{
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

#editorial li strong
{
  border-right: 0.1em solid rgb(237,230,230);
  color: rgb(245,242,242);
  padding: 0 1.25em 0 1.25em;
  font-weight: normal;
}

#editorial li strong abbr
{
  color: rgb(245,242,242);
  font-weight: normal;
}

#fuss_links
{
  position: relative;
  overflow: visible;
  float: right;
  width: 19.1em;
  border: 0.1em solid rgb(68,0,0);
  color: rgb(200,200,200);
}

#drucken
{
  clear: both;
  width: 100%;
}

#drucken p
{
  height: 2.2em;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0.6em 0 0 0;
  margin: 0 0 0 1.5em;
}

#drucken p a,
#drucken p a:link,
#drucken p a:visited
{
  text-decoration: none;
  background: rgb(68,0,0);
  color: rgb(199,179,179);
  padding: 0 0.4em;
}

#drucken p a:hover
{
  text-decoration: underline;
  color: rgb(237,230,230);
}

#drucken p a:focus,
#drucken p a:active
{
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

/**
 * @note          Ansichtsgroessen
 */

#groesse
{
  position: absolute;
  right: 0.8em;
  top: 1.2em;
}

#groesse ul
{
  list-style-type: none;
  list-style-image: none;
}

#groesse li
{
  float: left;
  font-size: 1em;
  line-height: 1.25em;
  color: rgb(143,102,102);
  padding: 0 0.5em;
  margin: 0;
}

#groesse li.mitte
{
  border-right: 0.1em solid rgb(143,102,102);
  border-left: 0.1em solid rgb(143,102,102);
}

#groesse li strong
{
  color: rgb(143,102,102);
  font-weight: normal;
}

#groesse li a,
#groesse li a:link,
#groesse li a:visited
{
  color: rgb(199,179,179);
  text-decoration: none;
  background-image: none;
  padding: 0;
}

#groesse li a:hover
{
  text-decoration: underline;
}

#groesse li a:focus,
#groesse li a:active
{
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

/**
 * @note          Styleswitch
 */
#stile
{
  position: absolute;
  right: 1.2em;
  top: 16em;
}

#stile ul
{
  list-style-type: none;
}

#stile li
{
  position: relative;

/**
 * @note          Anweisung hidden zur Beseitigung der ungewollten
 * @note          automatischen Boxerweiterung bei aelteren Browsern.
 */
  overflow: hidden;
  float: left;
  width: 1.2em;
  height: 1.2em;
  font-size: 1em;
  border: 0.1em solid rgb(68,0,0);
  padding: 0;
  margin: 0 0 0 0.4em;
}

#stile li strong,
#stile li a,
#stile li a:link,
#stile li a:visited
{
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  text-decoration: none;
}

#stile li a:hover
{
  background: rgb(128,0,0);
}

#stile li a:focus,
#stile li a:active
{
  background: rgb(255,0,0);
}

/**
 * @note          Nachspann (Copyright)
 */
#urheber_aussen
{
  clear: both;
  width: 74.8em;
  border: 0.1em solid rgb(237,230,230);
}

#urheber
{
  width: 100%;
  border: 0.1em solid rgb(68,0,0);
}

#urheber p
{
  font-size: 1em;
  line-height: 2.9em;
  color: rgb(68,0,0);
  margin: 0;
  padding: 0 0 0 1.6em;
}

/**
 *
 * @note          ENDE von Seitenlayout, Sektionen, Struktur
 *                ==========================================
 *                                                                     ==S
 *
 */



/**                                                                     =K
 *
 * @section       Klassen
 *                =======
 *
 * @note          Vereinbarungen fuer Site-uebergreifende Klassen.
 *
 */

/**
 * @note          Link ohne grafische Auszeichnung
 */
a.link_ohne_img
{
  background-image: none;
  padding-left: 0;
}

/**
 * @note          Aufheben der Floats
 */
.floatbraker
{
  clear: both;
}

/**
 * @note          Inhalt fuer Bildschirmausgabe verstecken (Screenreader o.a.)
 */
.screenreader
{
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 0.1em;
  width: 0.1em;
  padding: 0;
  margin: 0;
}

/**
 * @note          Grafiken fuer die Links der Styleswitcher
 */
.stil_1
{
  background: rgb(102,46,46);
}

.stil_2
{
  background: rgb(133,88,88);
}

.stil_3
{
  background: rgb(166,133,133);
}

.stil_4
{
  background: transparent;
}

/**
 * @note          Webdesigner
 */
p.designed
{
  font-size: 1em;
  line-height: 2em;
  color: rgb(68,0,0);
  margin: 0 0 1em 0.2em;
  padding: 0;
}

p.designed a,
p.designed a:link,
p.designed a:visited
{
  text-decoration: none;
  background: rgb(237,230,230);
  color: rgb(68,0,0);
  padding: 0;
}

p.designed a:hover
{
  text-decoration: underline;
}

p.designed a:focus,
p.designed a:active
{
  text-decoration: underline;
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

/**
 * @note          Klassen fuer die Seiteninhalte selbst
 */

/**
 * @note          Gestaltung der Link-Schaltflaeche WEITER
 */
p.weiter a,
p.weiter a:link,
p.weiter a:visited
{
  display: block;
  width: 6em;
  font-size: 0.83333em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: none;
  background-color: rgb(199,179,179);
  border: 0.1em solid rgb(68,0,0);
  color: rgb(68,0,0);
  padding: 0.3em 0;
}

p.weiter a:hover,
p.weiter a:focus,
p.weiter a:active
{
  color: rgb(237,230,230);
  background: rgb(143,102,102);
}

/**
 * @note          Vertikale Listen ohne Linkauszeichnung
 */
div .listev a
{
  font-size: 1em;
  background-image: none;
  padding-left: 0;
}

/**
 * @note          Horizontale Listen
 */
div .listeh
{
  float: left;
  margin-bottom: 1.5em;
}

div .listeh li
{
  float: left;
  list-style-type: none;
  list-style-image: none;
  border-right: 0.1em solid rgb(68,0,0);
  padding: 0 0.5em 0 0.5em;
  margin: 0;
}

div .listeh li.first
{
  border-left: 0.1em solid rgb(68,0,0);
}

.unterschrift
{
  font-style: italic;
  margin: 1em 0 0 0;
}

/**
 * @note          Horizontale Linien im div-Container einbetten
 */
.hr
{
  width: 100%;
  height: 1px;
  border-top: 1px dotted rgb(128,0,0);
}

/**
 * @note          Zweispaltiges Layout gefloatet in div-Containern
 */
.spalte12
{
  clear: both;
  float: left;
  width: 49%;
  margin-right: 2%;
}

.spalte22
{
  float: left;
  width: 49%;
}

.spalte13
{
  clear: both;
  float: left;
  width: 10%;
}

.spalte23
{
  float: left;
  width: 70%;
}

.spalte13und23
{
  clear: both;
  float: left;
  width: 80%;
}

.spalte33
{
  float: right;
  text-align: right;
  width: 15%;
}

.durchgestrichen
{
  text-decoration: line-through;
}

.rahmen
{
  border: 0.1em solid rgb(68,0,0);
}

.rahmen_mit_hintergrund
{
  background: rgb(237,230,230);
  border: 0.1em solid rgb(68,0,0);
  padding: 0.5em 1em;
}

.rahmen_mit_hintergrund_erledigt
{
  background-color: rgb(191,207,191);
  background-image: url("http://www.energieportal-24.de/lib/css/standard/erledigt.gif");
  background-repeat: no-repeat;
  background-position: right center;
  color: rgb(0,68,0);
  border: 0.1em solid rgb(0,68,0);
  padding: 0.5em 1em;
}

.rahmen_mit_hintergrund_gruen
{
  background-color: rgb(191,207,191);
  color: rgb(0,0,0);
  border: 0.1em solid rgb(0,68,0);
  padding: 0.5em 1em;
}

.rahmen_ohne_hintergrund
{
  border: 0.1em solid rgb(68,0,0);
  padding: 0.5em 1em;
}

p.fehler,
p.fehler strong,
p.fehler strong abbr
{
  color: rgb(255,0,0) !important;
}

.mini10
{
  font-size: 1em;
  line-height: 1.5em;
}

/**
 * @note          Ausrichtung von Bildern
 */
.links
{
  float: left;
  margin: 0.25em 0.83333em 0.66667em 0;
}

.rechts
{
  float: right;
  margin: 0.25em 0 0.66667em 0.83333em;
}

/**
 * @note          Ausrichtung von Text
 */

.textrechts
{
  text-align: right;
}

/**
 * @note          Adressenformatierungen adress mit span-Containern gliedern
 */
.firma
{
  display: block;
  font-weight: bold;
  color: rgb(68,0,0);
  margin: 1.875em 0 0.625em 0;
}

.firma span,
.firma abbr,
.firma acronym
{
  font-weight: bold;
}

.anschrift
{
  display: block;
  margin: 0.625em 0 0 0;
}

.ort
{
  display: block;
  margin: 0 0 0.625em 0;
}

.rufnummern
{
  display: block;
  margin: 0.625em 0;
}

.onlinekontakte
{
  display: block;
  margin: 0.625em 0 0 0;
}

/**
 * @note          Nullabstand nach oben / unten
 */
.abstandoben0
{
  padding-top: 0;
  margin-top: 0;
}

.abstandunten0
{
  padding-bottom: 0;
  margin-bottom: 0;
}

/**
 * @note          Abstand einfuegen nach oben / unten
 */
.abstandoben
{
  padding-top: 1.25em;
}

.abstandunten
{
  padding-bottom: 1.25em;
}

/**
 * @note          Abstaende an den Seitenenden bei kurzen Seiten
 */
.abstandunten4
{
  padding-bottom: 4em;
}

.abstandunten6
{
  padding-bottom: 6em;
}

.abstandunten8
{
  padding-bottom: 8em;
}

.abstandunten10
{
  padding-bottom: 10em;
}

.abstandunten12
{
  padding-bottom: 12em;
}

.abstandunten16
{
  padding-bottom: 16em;
}

.abstandunten20
{
  padding-bottom: 20em;
}

.abstandunten22
{
  padding-bottom: 22em;
}

.abstandunten26
{
  padding-bottom: 26em;
}

.abstandunten28
{
  padding-bottom: 28em;
}

.abstandunten32
{
  padding-bottom: 32em;
}

/**
 * @note          Icon fuer den Seitenanfang
 */
.seitenanfang
{
  clear: both;
  text-align: right;
}

.seitenanfang a,
.seitenanfang a:link,
.seitenanfang a:visited,
.seitenanfang a:hover
{
  height: 1em;
  width: 1em;
  background-image: url("http://www.energieportal-24.de/lib/css/standard/seitenanfang.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 0 1em 0 0;
  color: rgb(255,255,255);
}

/**
 * @note          Linkgestaltung zur Homepage Bahlke und Hanusch (Fusszeile)
 */
a.bahlkehanusch
{
  text-decoration: none;
  background-image: none;
  background-color: rgb(237,230,230);
  color: rgb(68,0,0);
  padding-left: 0;
}

a:focus.bahlkehanusch,
a:active.bahlkehanusch
{
  text-decoration: underline;
  background: rgb(162,128,128);
  color: rgb(68,0,0);
}

a:hover.bahlkehanusch
{
  text-decoration: underline;
  background-color: rgb(237,230,230);
  color: rgb(68,0,0);
}

/**
 *
 * @note          ENDE von Klassen
 *                ================
 *                                                                     ==K
 *
 */



/**                                                                     =D
 *
 * @section       Medienstyles (Drucker)
 *                ======================
 *
 * @note          Vereinbarungen fuer die Druckerausgabe.
 *
 */

@media print
{
  a,
  a:link,
  a:visited
{
  background-image: none;
  padding-left: 0;
}

  #mitte
  {
    width: 100%;
    border: 0;
  }

  #mittelbereich_aussen
  {
    float: none;
    border-left: 0;
  }

  #mittelbereich_innen
  {
    float: none;
    margin-left: 0;
  }

  #mitte_rechts
  {
    float: none;
    width: 100%;
    background: rgb(255,255,255);
    border: 0;
    margin-left: 0;
  }

  #inhalt
  {
    margin: 0;
  }

#anfang
{
  background: transparent;
}

  #urheber_aussen
  {
    width: 100%;
    border: 0;
  }

  #urheber
  {
    width: 100%;
    border: 0;
  }

  #urheber p
  {
    padding: 0;
  }

#mitte_links
{
  width: 0;
}

  #testphase,
  #schnellnavigation,
  #kopf,
  #mitte_links,
  #hilfe,
  #fuss,
  #groesse,
  #stile,
  p.designed
  {
    display: none;
  }
}

/**
 *
 * @note          ENDE von Medienstyles (Drucker)
 *                ===============================
 *                                                                     ==D
 *
 */