﻿
        
        .layout-typ5 {
        border-right: 1px solid white;
        width: 767px;
        }
        .layout-typ5 td {
        padding: 0;
        vertical-align: top;
        background-color: #0066cc;
        }
        .layout-typ5 #subnavigation {
        vertical-align: top;
        }
        .layout-typ5 #oben {
        padding-left: 16px;
        }
        .layout-typ5 #content {
        padding-left: 15px; /* Bugfix IE */
        padding-right: 15px;
        }
        
       
        
        #subnavigation {
        width: 161px;
        background: #06c;
        font-size: 11px;
        }
        
        #subnavigation h2 {
        text-align: right;
        padding: 0;
        margin: 0 0 0 -1px;
        font-size: 1em;
        background-color: #99c3eb;
        }
        #subnavigation h2 img {
        vertical-align: top;
        }
        
        #subnavigation a, #subnavigation td a {
        display: bloc
        }
        
        #subnavigation div {
        margin: 0;
        padding: 0;
        }
        
        #subnavigation div.first, #subnavigation div.second {
        margin-bottom: 0px;
        }
        
        a.pfad {
        font-weight: bold;
        }
        
        /* Erste Ebene */
        
        #subnavigation div.first div.ebene1 {
        background-color: #adceef;
        border-bottom: 1px solid white;
        border-left: none;
        }
        
        #subnavigation div.first div.ebene1 a {
        display: block;
        padding: 8px 4px 8px 16px;
        background: url(images/menumark1.gif) left center no-repeat;
        }
        
        #subnavigation div.first div.ebene1 a:link, #subnavigation div.first div.ebene1 a:visited {
        color: white;
        background-color: #4891da;
        }
        
        #subnavigation div.first div.ebene1 a:hover, #subnavigation div.first div.ebene1 a:active {
        color: #06c;
        background: url(images/menumark1.gif) -2px center no-repeat;
        background-color: #adceef;
        }
        
        /* Zweite Ebene */
        
        #subnavigation div.first div.ebene2 {
        border-top: 1px solid #4891da;
        background-color: #dceaf9;
        }
        
        #subnavigation div.first div.ebene2 a {
        display: block;
        padding: 1px 4px 1px 16px;
        background-image: none;
	background-color: #dceaf9;
        }
        
        #subnavigation div.first div.ebene2 a:link, #subnavigation div.first div.ebene2 a:visited {
        color: #06c;
        background-color: #adceef;
        }
        
        #subnavigation div.first div.ebene2 a:hover, #subnavigation div.first div.ebene2 a:active {
        color: #06c;
        background-color: #dceaf9;
        }
        
        
        /* Dritte Ebene */
        
        #subnavigation div.first div.ebene3 {
        color: #fff;        
        border-top: 1px solid #4891da;
        padding: 1px 4px 1px 16px;        
        }
        
        #subnavigation div.first div.ebene3 a {
        display: block;
        padding: 1px 4px 1px 16px;
        
        }
        
        #subnavigation div.first div.ebene3 a:link.pfad, #subnavigation div.first div.ebene3 a:visited.pfad {
        background-color: white;
        }
        
        
        #subnavigation div.first div.ebene3 a:link, #subnavigation div.first div.ebene3 a:visited {
        color: #fff;
        background-color: #dceaf9;
        }
        
        #subnavigation div.first div.ebene3 a:hover, #subnavigation div.first div.ebene3 a:active {
        color: #06c;
        background-color: white;
        }
        
        
        /* second */
        
        #subnavigation div.second {
        background-color: #adceef;
        }
        
        #subnavigation div.second h2 {
        background-color: white;
        }
        
        #subnavigation div.second div {
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        }
        
        #subnavigation div.second div a {
        display: block;
        padding: 8px 4px 8px 16px;
        background: url(/generator.aspx/property=Resource/id=159422.gif) -4px center no-repeat;
        }
        
        #subnavigation div.second a:link, #subnavigation div.second a:visited {
        color: #06c;
        background-color: #adceef;
        }
        
        #subnavigation div.second a:hover, #subnavigation div.second a:active {
        color: #06c;
        background-color: #dceaf9;
        }
        
 
        html, body.RWEStyle {
        /* Notwendig fuer Opera, damit das Hintergrundbild immer bis ganz nach unten geht */
        min-height: 100%;
        }
        
        body {
        margin: 0;
        padding: 0;
        font-size: 70.01%;
        line-height:135%;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        color: #525252;
        background-color: white;
        }
        
        body.RWEStyle {
        background-color: #9cf;
        background-image: url('/generator.aspx/property=Resource/id=150226.jpg');
        background-repeat: repeat-x;
        background-position: left 4em;
        }
        
        p {
        padding: 0;
        margin: 8px 0;
        }
        
        table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
        }
        
        /* IE5 Workaround
        Bestimmung der Schriftgroesse auch innerhalb von Tabellenzellen: */
        td {
        padding: 0;
        font-size: 70.01%;
        }
        /* Wieder hochsetzen in vernuenftigen Browsern; Der Hack schliesst u.a. die Browser IE<6, NN4,
        Opera<7 aus, siehe < http://www.dithered.com/css_filters/css_only/simplified_box_model.html> */
        td {
        f\ont-size: 100%;
        }
        #layout td,
        #layout-homepage td {
        vertical-align: top;
        }
        
      
       
        
        input.text, input.submit, option {
        border: 1px solid #525252;
        color: #06c;
        background-color: white;
        font-size: 11px;
        }
        input.submit {
        /* Besser (und einfacher) waere input[type="submit"], versteht IE aber nicht */
        background-color: #a0c6ec;
        text-align: center;
        font-size: .9em;
        }
        
        select {
        font-size: 1em;
        }
        
        .FormCopytext {
        color: #06c;
        }
        
             
        
        
        ul {
        list-style-type: square;
        margin: 16px;
        padding: 0px 0;
        }

        li {
        background: none transparent;
        padding-left: 5px;
        padding-bottom: 3px;
        }
        
        li p {
        margin: 0px;
        padding: 0px;
        }
        
        /* Listenpunkte, vor denen explizit ein Bullet angezeigt werden soll */
      
        
       
        
        sub, sup {
        line-height: .7em;
        font-size: 10px;
        }
        sub {
        margin-top: 10px;
        }
        sup {
        margin-top: -10px;
        }
        
        .warning {
        display: none;
        }
        
        span#LabelAusgabe li /* Extern */ {
        background: url(/generator.aspx/property=Resource/id=150236.gif) 0% .3em no-repeat;
        padding-left: 15px;
        margin: auto;
        padding: auto;
        }
        
        span#LabelAusgabe li a {
        background: none transparent;
        padding-left: 0;
        }
        
        /*
        Anker
        ---------------------------------------------------------------------------------------------------------
        --------------------------------------------------------------------------------------------------------- */
        a {
        text-decoration: none;
        color: #06c;
        background-color: transparent;
        }
        a:hover,
        a:active {
        color: #62a0de;
        background-color: transparent;
        }
        a:link img,
        a:visited img,
        a:hover img,
        a:active img {
        border: none;
        vertical-align: middle;
        }
        
        /* Anker mit Icon, hauptsaechlich Bullets in Aufzählungen */
        /* Teil des Ankers, damit anklickbar */
        
        a.home { /* Kleines Häuschen davor */
        background: url(/generator.aspx/property=Resource/id=150234.gif) 0 0 no-repeat;
        padding-left: 20px;
        }
        a.bullet_blau { /* Dunkler Rechtspfeil vor Aufzählungen */
        background: url(/generator.aspx/property=Resource/id=150236.gif) 0% .3em no-repeat;
        padding-left: 16px;
        }
        a.bullet_white { /* Heller Rechtspfeil vor Aufzählungen */
        background: url(/generator.aspx/property=Resource/id=150238.gif) 0% .2em no-repeat;
        padding-left: 15px;
        }
        a.bullet_ex { /* Dunkler Rechtspfeil vor Aufzählungen */
        background: url(/generator.aspx/property=Resource/id=150240.gif) 0% .2em no-repeat;
        padding-left: 20px;
        }
        a.bullet_quadrat { /* Dunkler Rechtspfeil in weißem Quadrat */
        background: url(/generator.aspx/property=Resource/id=150242.gif) 0 0 no-repeat;
        padding-left: 25px;
        }
        a.download { /* Diskette vor Anker */
        background: url(/generator.aspx/property=Resource/id=150244.gif) 0 0 no-repeat;
        padding-left: 20px;
        padding-top: 2px;
        padding:bottom: 1px;
        }
        a.dokument_lupe { /* Lupe über Blatt vor Ankern */
        background: url(/generator.aspx/property=Resource/id=150246.gif) 0 0 no-repeat;
        padding-left: 20px;
        }
        a.print {
        background: url(/generator.aspx/property=Resource/id=150248.gif) 0 0 no-repeat;
        padding-left: 20px;
        display: block;
        }
        a.back {
        background: url(/generator.aspx/property=Resource/id=150250.gif) 0 0.3em no-repeat;
        padding-left: 15px;
        display: block;
        }
        a.top {
        background: url(/generator.aspx/property=Resource/id=150252.gif) 0 0.3em no-repeat;
        padding-left: 15px;
        display: block;
        }
        
        li a.bullet_blau,
        li a.bullet_white,
        li a.bullet_ex,
        li a.download,
        li a.dokument_lupe,
        li a.bullet_quadrat {
        display: block;
        
        
        }
        li a[class].bullet_blau,
        li a[class].bullet_white,
        li a[class].bullet_ex,
        li a[class].download,
        li a[class].dokument_lupe,
        li a[class].bullet_quadrat {
        float: none; /* Rückgängig für != IE */
        clear: none;
        }
        .box-typ2 li a.bullet_blau,
        .box-typ2 li a.bullet_white,
        .box-typ2 li a.bullet_ex,
        .box-typ2 li a.download,
        .box-typ2 li a.dokument_lupe,
        .box-typ2 li a.bullet_quadrat,
        
        .box-typ3 li a.bullet_blau,
        .box-typ3 li a.bullet_white,
        .box-typ3 li a.bullet_ex,
        .box-typ3 li a.download,
        .box-typ3 li a.dokument_lupe,
        .box-typ3 li a.bullet_quadrat,
        .box-typ4 li a.bullet_blau,
        .box-typ4 li a.bullet_white,
        .box-typ4 li a.bullet_ex,
        .box-typ4 li a.download,
        .box-typ4 li a.dokument_lupe,
        .box-typ4 li a.bullet_quadrat,
        .box-typ5 li a.bullet_blau,
        .box-typ5 li a.bullet_white,
        .box-typ5 li a.bullet_ex,
        .box-typ5 li a.download,
        .box-typ5 li a.dokument_lupe,
        .box-typ5 li a.bullet_quadrat {
        float: none; /* Rückgängig innerhalb der Box-Typen */
        clear: none;
        }
        
        li a.bullet_quadrat {
        padding-top: 1px;
        padding-bottom: 3px;
        }
        
        /*
        Regeln fuer besondere Bereiche
        ---------------------------------------------------------------------------------------------------------
        --------------------------------------------------------------------------------------------------------- */
        
        /* Nach links bzw. rechts floatendes Bild neben Content */
        .illustration-links {
        float: left;
        padding: 0;
        margin: 0 8px 0 0;
        }
        .illustration-rechts {
        float: right;
        padding: 0;
        margin: 0 0 0 8px;
        }
        
        /* Nicht darzustellenden Elemente (z.B. Trenner in Navigation) */
        .ausgeblendet {
        display: none;
        }
        
        /* Klassen zur Ausrichtung */
        body.RWEStyle .left {
        text-align: left;
        }
        body.RWEStyle .right {
        text-align: right;
        }
        body.RWEStyle.center {
        text-align: center;
        }
        body.RWEStyle.center-block {
        margin-left: auto;
        margin-right: auto;
        }
        body.RWEStyle.top {
        vertical-align: top;
        }
        body.RWEStyle.bottom {
        vertical-align: bottom;
        }
        body.RWEStyle.middle {
        vertical-align: middle;
        }
        body.RWEStyle td.middle {
        vertical-align: middle;
        }
        
        table.back {
        margin-top: 32px;
        margin-bottom: 0;
        margin-left: 16px;
        }
        table.back td {
        padding-right: 12px;
        vertical-align: top;
        }
        
        /* Rahmen */
        .border-top {
        border-top: 1px solid #ccd;
        }
        .border-bottom {
        border-bottom: 1px solid #ccd;
        }
        .border-right {
        border-right: 1px solid #ccd;
        }
        .border-left {
        border-left: 1px solid #ccd;
        }
        .border {
        border: 1px solid #ccd;
        }
        
        .pic_left {
        float:left;
        margin-bottom:16px;
        padding-right:16px
        }
        .pic_right {
        float:right;
        margin-bottom:16px;
        padding-left:16px
        }
        .pic_center {
        text-align:center;
        }
        
        
        /*
        Seitenkopf mit Logo, Suchfeld und Seitentitel
        --------------------------------------------------------------------------------------------------------- */
        
        /* Dummy-Element hinter dem Seitenkopf */
        #head-dummy {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 0;
        background-color: transparent;
        }
        #nav-1-dummy {
        height: 32px;
        color: #525252;
        background-color: #a0c6ec;
        margin-left: 50%;
        }
        #title-dummy {
        color: #525252;
        background-color: #a0c6ec;
        height: 32px;
        margin-left: 50%;
        }
        #nav-2-dummy {
        color: #edffff;
        background-color: #06c;
        margin-left: 50%;
        height: 32px;
        }
        #puffer-dummy {
        color: white;
        margin-left: 50%;
        height: 24px;
        }
        
        /* Logo */
        #logo {
        height: 112px;
        text-align: right;
        padding: 0 30px 0 10px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        color: black;
        background-color: white;
        }
        
        /* Seitenkopf mit den einzelnen Bereichen */
        #head {
        z-index: 2;
        width: 768px;
        margin: 0 auto 0 auto; /* Alle 4 Werte für Opera6 */
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        }
        
        #headmicrosite {
        z-index: 2;
        width: 570px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        }
        
        
        /* Die drei horizontalen Bereiche
        - Link zur Homepage, Sprachauswahl, Suchfeld
        - Zwischenraum (Homepage) bzw. Seitentitel
        - Hauptnavigation */
        #nav-1 {
        color: #525252;
        background-color: #a0c6ec;
        padding-left: 138px;
        height: 32px;
        }
        #nav-1 a {
        margin-left: 10px;
        }
        #nav-1 table {
        background-color: #ddeafa;
        font-size: 11px;
        height: 32px;
        }
        #nav-1 td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        font-size: 11px;
        color: #06c;
        }
        
        #nav-1 td table {
        height: 20px;
        }
        #nav-1 td table td {
        padding: 0;
        color: #06c;
        }
        #nav-1 td table td a {
        display: block;
        }
        #nav-1 p {
        white-space: nowrap;
        }
        #nav-1 form, #nav-1 form p {
        display: inline;
        padding: 0;
        margin: 0;
        }
        #nav-1 .suchformular {
        margin-left: 120px;
        }
        
        #nav-1 form input {
        vertical-align: bottom;
        }
        
        #nav-1 form input.text {
        border: 1px solid #06c;
        height: 15px;
        vertical-align: center;
        margin-left: 16px;
        margin-right: 2px;
        }
        /* Bugfix */
        #nav-1 form input.text {
        hei\ght: 12px;
        }
        
        #nav-1 form input.suchenimage {
        padding-bottom: 1px;
        }
        #nav-1 form input[class].suchenimage {
        padding-bottom: 0;
        }
        
        
        #title {
        color: #525252;
        background-color: white;
        height: 32px;
        text-align: right;
        }
        #homepage #title {
        color: #525252;
        background-color: #a0c6ec;
        height: 32px;
        }
        
        #nav-2 {
        color: #edffff;
        background-color: #06c;
        white-space: nowrap;
        font-size: 11px; /* IE55 Workaround */
        padding: 0 0 0 170px;
        text-align: right;
        }
        #nav-2 table {
        margin-left: auto;
        margin-right: 0;
        height: 32px;
        }
        #nav-2 a {
        background-color: transparent;
        font-weight: bold;
        padding: 9px 10px 8px 10px;
        margin-left: 1px;
        display: block;
        }
        #nav-2[id] a { /* Für alle Browser außer IE */
        padding-top: 7px;
        border-top: 1px solid #06c;
        }
        #nav-2 a:link,
        #nav-2 a:visited {
        color: #fff;
        }
        #nav-2 a:hover,
        #nav-2 a:active {
        color: #06c;
        background-color: #adceef;
        }
        
        
        #nav-2 a.aktiv:link,
        #nav-2 a.aktiv:visited,
        #nav-2 a.aktiv:hover,
        #nav-2 a.aktiv:active {
        color: #06c;
        font-weight: bold;
        background-color: #adceef;
        }
        
        
        #nav-2 table.layerNavigation
        {
        background-color: #4891DA;
        border-collapse: collapse;
        border-right: 1px solid white;
        }
        
        #nav-2 table.layerNavigation td
        {
        border: 1px solid white;
        color: white;
        font-weight: normal;
        padding: 0;
        text-align: left;
        }
        
        #nav-2 table.layerNavigation td a:link, #nav-2 table.layerNavigation td a:visited {
        display: block;
        line-height: 10px;
        margin: 0;
        padding-left: 20px;
        color: white;
        background: #4891DA url(/generator.aspx/property=Resource/id=158876.gif) left center no-repeat;
        font-weight: normal;
        }
        
        #nav-2 table.layerNavigation td a:hover, #nav-2 table.layerNavigation td a:active {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 10px;
        margin: 0;
        padding-left: 20px;
        color: #06c;
        font-weight: normal;
        background: #adceef url(/generator.aspx/property=Resource/id=159422.gif) -2px center no-repeat;
        }
        
        
        
        /* Microsites
        --------------------------------------------------------------------------------------------------------- */
        
        #microsite {
        background-image: none;
        }
        
        #microsite {
        width: auto;
        }
        #microsite .layout-typ5 {
        width: auto;
        }
        
        #microsite #nav-1, #microsite #nav-1-dummy, #microsite #title-dummy {
        background-color: white;
        }
        
        #microsite #nav-2-dummy {
        background-color: #06c;
        }
        
        #microsite #balken {
        display: none;
        }
        
        
        /*
        Hauptbereich der Website
        --------------------------------------------------------------------------------------------------------- */
        #whitepix {
        /* Schließen der Luecke oben links neben dem Logo */
        color: white;
        background-color: white;
        width: 50%;
        height: 112px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 0;
        }
        
        #balken {
        background-color: #99c3eb;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 112px;
        width: 576px;
        height: 24px;
        left: 0;
        z-index: 0;
        }
        
        #leftNaviChannel {
        background-color: #99c3eb;
        
        }
        
        
        #main {
        /* Weiße Box in der Mitte, die den Inhaltsbereich enhält */
        color: #525252;
        background-color: white;
        margin: 0 auto 0 auto; /* Alle 4 Werte für Opera 6 */
        width: 768px;
        position: relative;
        z-index: 1;
        padding-top: 112px;
        }
        
        #microsite {
        /* Weiße Box in der Mitte, die den Inhaltsbereich enhält */
        color: #525252;
        background-color: white;
        margin: 0 auto 0 auto; /* Alle 4 Werte für Opera */
        width: 576px;
        position: relative;
        z-index: 1;
        padding-top: 112px;
        }
        
        .customer-header {
        text-align: right;
        float: right;
        position: absolute;
        right: 0;
        margin-top: -17px;
        }
        
        /* Fusszeile */
        #footer{
        vertical-align: bottom;
        height: 100%;
        }
        #footer #downnavigation,
        #footer #downnavigation {
        padding: 8px 8px 5px 8px;
        text-align: right;
        margin: 0;
        vertical-align: bottom;
        }
        
        /* Kruemelnavigation am unteren Rand */
        #footer #ariadne-pfad {
        color: white;
        background-color: #3186d6;
        padding: 2px 8px;
        margin: 0;
        }
        
        /*
        Unterseiten
        --------------------------------------------------------------------------------------------------------- */
        
        /* Grafik oben rechts im Inhaltsbereich (Privatkunde etc.) */
        #kategorie {
        margin: 0;
        padding: 0;
        text-align: right;
        }
        #kategorie img {
        vertical-align: top;
        }
        
        /* Suche
        --------------------------------------------------------------------------------------------------------- */
        
        .searchresult {
        margin-bottom: 16px;
        padding: 4px auto 4px 16px;
        border-top: 1px solid #b2d1f0;
        border-bottom: 1px solid #b2d1f0;
        width: 384px;
        }
        .pagingbg {
        background-color: #e4eefa;
        height: 24px;
        border-color: #b2d1f0 black black;
        width: 384px;
        padding-top: 3px;
        padding-right: 10px;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px
        }
        .pagingactive {
        font-weight: bold;
        color: #fff;
        background-color: #4891da;
        height: 14px;
        width: 16px;
        border: 1px #0066cc solid;
        text-align: center;
        line-height: 14px
        }
        .paginglink {
        height: 16px;
        width: 18px;
        text-align: center;
        line-height: 14px
        }
        
        /* Alte CSS - Applikationen
        --------------------------------------------------------------------------------------------------------- */
        
        .Link {
        padding-left:12px;
        background: url(/generator.aspx/property=Resource/id=150236.gif) no-repeat;
        }
        
      
        
        .TableCopytext {
        Padding-top: 2px;
        Padding-bottom: 2px;
        FONT-SIZE: 10px;
        COLOR: #0066cc;
        LINE-HEIGHT: 16px;
        padding-right: 2px;
        padding-left: 2px;
        }
        
        .Copytext {
        FONT-SIZE: 11px;
        LINE-HEIGHT: 16px;
        Padding-bottom: 16px;
        }
        
        .FormCopytext {
        font-size: 11px;
        color: #0066cc;
        }
        
        .FormErrorCopytext {
        font-size: 11px;
        color: #ff0000;
        }
        
        .Headline {
        FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        COLOR: #0066cc;
        }
        
        .Subheadline {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: #999999;
        Padding-bottom: 8px;
        }
        
        .Headline2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #66A3E0;
        Padding-bottom: 8px;
        }
        
        .Headline1 {
        padding-top: 3px;
        padding-bottom: 3px;
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #66A3E0
        }
        
        .Introduction {
        FONT-SIZE: 11px;
        COLOR: #999999;
        }
        