/* YAML-Core-Einbindung */
@import url(./core/slim_base.css);

html, body, body * {margin: 0;border: 0;padding: 0;}
/* Hilfsklassen */
.alttext {visibility: hidden;}
.onclick {cursor: pointer;}
.smalltext {font-size: 93%;}
.clear {clear: both; margin-bottom: 2em;}
.error {color: red;}
.text_right {text-align: right;}

#script_warning, #cookie_warning {position: absolute; top: 124px; left: 270px;
    width: 360px; padding: 10px;
    background: #fff; border: 3px solid #fcbc05;}
#cookie_warning {top: 34px; left:}

/*** Schriften und Farben ***/
    body {font-family: Tahoma, sans-serif;color:#58585a;font-size: 75%;line-height:1.4em;} /* 12px */
    form, table {font-family: Tahoma, sans-serif;font-size: 100%;}
    /* Links */
    a, a:link, a:visited {text-decoration: none;padding-left:12px;color: #0066aa;
        background: url(../img/ic/pinkarrow.gif) no-repeat scroll 0 0.3em;}
    .landingpage a, .landingpage a:link, .landingpage a:visited {text-decoration: none;padding-left:0px;color: #0066aa; background:none;}
    a:hover {text-decoration: underline;}
    a.button {padding-left: 0; background: none;}
    a.button:hover {text-decoration: none;cursor: pointer;}
    a.button img {vertical-align: bottom;}
    a span.text {color:#58585a;}
    /* Formularelemente */
    button {width:auto;overflow:visible;border: 0;background-color: transparent;cursor: pointer;}
    textarea, select, input[type=text], input[type=password] {
        border:1px solid #ddd;font-family: Tahoma, sans-serif;font-size: 100%;}
    /* Loginbox mit Inline-Label */
    form.inline_labels span.wrap {position: relative;display:block;}
    form.inline_labels span.wrap input {position: absolute;top: 0;left: 0;background: none transparent;}
    form.inline_labels span.wrap label.overlay {color: #58585A;}
    form.inline_labels span.wrap label.focus {color: #b0b0b4;}
    form.inline_labels span.wrap label.hastext {color: #fff;}
/*** Seitenlayout ***/
    #page {width: 984px;margin: 0px auto;border: 0px;padding: 0px;
        background: url("../img/bg_page.gif") repeat-x 0 -100px;}
/* 100%-H�he */
    body {height: 100%; overflow: visible;}
    #page {height: auto;min-height: 100%;overflow: visible;position: relative;}
    #page.landingpage {background: none; width: 780px; }
/* feststehende Fu�zeile */
    #clearfooter {clear: both;height: 4em;}
    #wrapfooter {clear: both;width: 984px;height: 4em;margin: -4em auto 0px;}
    #wrapfooter.landingpage {width: 780px;}
    #actions {position: relative;height: 2em;}
    #footer {position: relative;height: 2em;background: #cce1ee;padding:0 5px;}
/* Horizont (Standard ist 108) */
    body, .h_108, .h_144, .h_192, .h_264 {background: 0 0 scroll repeat-x #a6cae1;}
    body, .h_108 {background-image: url("../img/bg_108.jpg");}
    .h_144 {background-image: url("../img/bg_144.jpg");}
    .h_192 {background-image: url("../img/bg_192.jpg");}
    .h_264 {background-image: url("../img/bg_264.jpg");}
/* Kopfbereich / Channelnavigation / B�hne */
    #topNav {position:absolute;left:0;top:0;width:100%;height:36px;}
    #primNav, #serviceNav {list-style-type: none;list-style-image: none;}
    #primNav {float:left;padding-right:8px;background: url("../img/bg_topnav.png") no-repeat right top;}
    #primNav.nonav {background: none;}
    #serviceNav {padding-top: 11px;text-align: right;}
    #serviceNav a {background: none;padding: 0;text-decoration: none;}
    #serviceNav a:hover {text-decoration: underline;}
    #primNav li {float:left;display: inline;list-style-type: none;list-style-image: none;padding:0;margin:0;}
    #primNav li a {
        background:#fff;color: #408dbf;
        display:block;
        font-weight:normal;
        padding:9px 13px 6px 17px;
        text-decoration: none;
    }
    #primNav li a:hover {text-decoration: none;background:#EEF5F9 url(../img/ic/arrowbluesmall.gif) no-repeat scroll 10px 16px;}
    #primNav li.active a {background:#BBD6E8 url(../img/ic/arrowbluesmall.gif) no-repeat scroll 10px 16px;}
    #primNav li.first a {padding: 9px 4px 0 4px; background-color: #0066aa;text-align: center;}
    #primNav li.first .nav_front,
    #primNav li.first .nav_back,
    #primNav li.first .nav_middle {display: inline;float: left;}
    #primNav li.first .nav_front {
        background:transparent url(../img/nav_front.gif) no-repeat;height:44px;width: 5px;
    }
    #primNav li.first .nav_back {
        background:transparent url(../img/nav_back.gif) no-repeat;height:44px;width: 5px;
    }
    #primNav li.first .nav_middle {
        background:transparent url(../img/nav_middle.gif) repeat-x;height:40px;padding: 4px 5px 0;
    }

    #header_landing {padding-top: 36px;}
    #stage {min-height: 156px;} /* nur auf Landingpages - Mindesth�he 156px */
    #header {height: 168px;} /* nicht auf Landingpages */
    #logo {padding: 83px 16px 0 5px;} /* nicht auf Landingpages */
    #keyvisual {padding-top: 5px;}
    object#keyvisual {margin-top: 5px;}
    #keyvisual img {display: block;}
    #teaserContainer {overflow: hidden;height: 192px;width: 100%;font-size: 93%;margin-top: -24px;
        background: url("../img/bg_cross.png") repeat-x left bottom;}
    #kombibox {
        float: right;display: inline;width: 240px; height: 179px; padding-top:13px;
        background: url("../img/bg_kombi.png") no-repeat 0 0;
    }
    #switchTeaser {float: left;display: inline;width: 744px;height: 192px;position: relative;}
    #switchTeaser.hideKombi{float:none; width:100%; display:block;}
    #switchTeaser .crossrubric {position: absolute;}
    #switchTeaser .hide {display: none;}
    .crossteaser_1, .crossteaser_2, .crossteaser_3 {
        float:left;display:inline; margin-right: 5px;height: 192px;
        background: no-repeat 0 0;
    }
    .crossteaser_1 {width: 243px;background-image: url("../img/bg_cross_1.png");}
    #switchTeaser.hideKombi .crossteaser_1{margin-right:0; margin-left:6px; width:324px;}
    .crossteaser_2 {width: 491px;background-image: url("../img/bg_cross_2.png");}
    #switchTeaser.hideKombi .crossteaser_2{margin-right:0; margin-left:6px;width:652px;}
    .crossteaser_3 {width: 739px;background-image: url("../img/bg_cross_3.png");}
    #switchTeaser.hideKombi .crossteaser_3{margin:0; width:984px;}
    #switchTeaser.hideKombi .first{margin:0;}
    .cross_invert, .cross_invert a {color: #fff;}
    #teaserContainer .inner {padding: 13px 16px 16px;}
    #teaserContainer .cross_headline {margin-top: 0;}
    #switchTeaser a {background: url("../img/ic/pinkarrow.gif") no-repeat 0 0.4em;}
    #switchTeaser li {list-style-image: url("../img/ic/cross.gif");margin-left: 1.2em;}
    #switchTeaser p {margin-bottom: 0;}
    #switchTeaser .cross_linklist li {list-style-type: none;list-style-image: none;margin: 0;padding-left: 12px;text-indent: -12px;}
    #switchTeaser .cross_linklist li a {text-decoration: none;color: #58585A;}
    #switchTeaser .cross_invert .cross_linklist li a {text-decoration: none;color: #fff;}
    #switchTeaser .cross_linklist li a:hover,
    #switchTeaser .cross_invert .cross_linklist li a:hover {text-decoration: underline;}
    
    #kombibox .cross_headline {padding: 0 5px 0 16px;}
    #kombibox form { display: block; padding: 0.5em 5px 0 16px;}
    #kombibox form select {border: 1px solid #dddddd; padding: 1px 0px;width: 220px;}
    #kombibox ul, #kombibox li {list-style-type: none;list-style-image: none;}
    #kombibox li {background: url("../img/ic/pinkarrow.gif") no-repeat 16px 0.45em;
        padding: 0 5px 0.1em 28px;margin:0;}
    #kombibox li.active {background-color: #65a2d2;background-image: url("../img/ic/arrowwhiteback.gif");}
    #kombibox li a {color: #58585A;display:block;border-top:1px dotted #a9cce1;
        background: none;text-decoration: none;padding: 0;}
    #kombibox li.first a {border-top:0;}
    #kombibox li.active a {color: #fff;}

/* Inhaltsspalten */
    #main, #main_landing {clear:both; overflow: hidden;background: #fff;padding-bottom: 40px;}
    .landingpage #main {background:transparent; position:relative; padding-bottom:0;}
    #main_landing {padding-left: 16px;}
    #content_landing {width: 676px;float: left;padding: 0 34px 0 18px;}
    #content_wrap {width: 736px;float: right;overflow: hidden; padding-bottom: 40px;}
    .landingpage #content_wrap {width: 780px;padding-bottom: 0;}
    #content {width: 472px;padding-right: 24px;float: left;}
    .landingpage #content {background:#ffffff; padding-left: 15px; width: 741px; position: relative;}
    .landingpage #content.blau {background:none; padding: 10px 0;}
    #content_wide {width: 712px;padding-right: 24px;float: left;}
    #content_big {width: 556px;padding-right: 24px;float: left;}
    #mp {width: 235px;padding: 7px 5px 0 0;float: right;}
    #navi {width: 204px;padding-right: 44px;background: url("../img/bg_nav.png") no-repeat 0 0;}


/* Navigation */
    #listnavi {padding-bottom: 5em;}
    #listnavi, #listnavi ul, #listnavi li {list-style-type:none;list-style-image:none; margin: 0; padding:0;}
    #listnavi li { -display:inline;}
    #listnavi li.navi_location {background: #f7f6f5;margin: -12px 0 1.5em 5px; padding: 5px;
        font-size: 93%;
    }
    #listnavi li.navi_location a {display: inline;border: 0;}
    #listnavi li a { display:block; border-bottom:dotted 1px #0099FF;
        background:transparent url(../img/ic/pinkarrow.gif) no-repeat scroll 10px 6px;
        padding: 2px 10px 2px 20px;
        text-decoration: none;
        -display:block;
        }
    #listnavi ul a { border-bottom:none; background:none;}
    #listnavi ul ul a {padding-left: 30px;}
    #listnavi ul ul ul a {padding-left: 40px;}
    #listnavi ul ul ul ul a {padding-left: 50px;}
    #listnavi .active {font-weight:bold;background-color:#f2f7fb;}
    #listnavi ul a.active {background:url('../img/ic/grayarrow.gif') no-repeat 10px 6px;}
    #listnavi ul ul a.active {background-position:20px 6px;}
    #listnavi ul ul ul a.active {background-position:30px 6px;}
    #listnavi ul ul ul ul a.active {background-position:40px 6px;}
    #listnavi ul {font-weight:normal;background:#f2f7fb;font-size:11px;padding-bottom:3px;}
    #listnavi li .h2, #listnavi li a.h2 {
        color:#0066AA;font-size:16px;font-weight:normal;margin-bottom:7px;border:0;background:none;padding-left:10px;}
    #listnavi li span.h2 {display: block;height: 31px;}
/* Footer */
    #actions {padding: 0 248px;}
    #actions a {font-size: 93%;text-decoration: none;padding: 0 2em 0 16px;}
    #actions a.action_print {background: url("../img/ic/print.gif") no-repeat 0 0.2em;}
    #actions a.action_top {background: url("../img/ic/arrowblueup.gif") no-repeat 0 0.2em;}
    #actions a.action_back {background: url("../img/ic/arrowblueback.gif") no-repeat 0 0.2em;}

    #copy {float: left;padding:0.3em 6px 0;font-size: 93%;}
    #footer ul {float: right;font-size: 93%;}
    #footer li {list-style-type: none;list-style-image: none;padding:0.3em 6px 0;float: left;display: inline;}
/* Search */
    #search {position: absolute; top:168px; right:0px;background: #fff;
        padding: 10px 12px 8px 18px;width:210px;
    }
    #search * {vertical-align: middle;}
    #search input {border: 1px solid #2e82b9;padding: 1px 2px 0;width: 138px;}
    /* Gesellschaftsdropdown */
    #ges_navi {position: absolute; top:200px; right: 0px;width:208px;height:38px;
        padding: 34px 16px 0;border-top:3px solid #fff;
        background: url("../img/bg_ges_navi.png") center bottom no-repeat transparent;
        font-size: 93%;}
    #ges_navi select {width: 100%;}
    /* OPOS-Loginbox */
    #opos_login {position: absolute; top:200px; right: 0px;width:204px;height:121px;
        padding: 37px 18px 0;border-top:3px solid #fff;
        background: url("../img/bg_opos.png") center bottom no-repeat transparent;
        font-size: 93%;line-height: 1.1em;}
    #opos_login .wrap {background: #fff;margin-bottom: 1em;padding: 0.2em 0 0.3em;} 
    #opos_login label {padding: 0.1em 0.4em;}
    #opos_login input {border: 0;width:199px;padding: 1px 0.3em;}
    #opos_login button {position: absolute; right: 14px;bottom: 12px;} 
    #opos_login a {text-decoration: none;color:#58585A;font-size: 93%;margin-left: -5px;}
/* Breadcrumb */
    #breadcrumb {overflow: hidden;list-style-type: none;list-style-image: none;font-size: 93%;padding:0.3em 0 0.7em;}
    #content_wrap #breadcrumb {width:472px;}
    #breadcrumb li {float: left;list-style-type: none;list-style-image: none;padding: 0 0.5em 0 1em;margin:0;
        background: url("../img/ic/arrowbluenarrow.gif") no-repeat 0 center;white-space: nowrap;}
    #breadcrumb li:first-child {background: url("../img/ic/arrowblue.gif") no-repeat 0 center;}
    #breadcrumb a {background: none;text-decoration: none;padding: 0;}

/* Sprungmarken */
    ul.anchorlist li {list-style-type: none;list-style-image: none;position: static;
        padding-left: 12px; text-indent: -12px;margin-left: 0;
    }
    .anchorlist a {background: url(../img/ic/arrowbluedown.gif) no-repeat 0 0.5em;text-decoration: none;}
    .backlink {text-align: right;clear: both;}
    .backlink a {background: url("../img/ic/arrowblueup.gif") no-repeat 0 0.2em;}
    a.backlink {background-image: url("../img/ic/pinkarrowback.gif");}

/*** Content ***/
    h1, h2, .cross_headline { font-size: 120%; font-weight: normal; color: #0066AA; padding: 0; margin: 0.5em 0 0.4em;}
    h2.intro, h3 { font-size: 100%; font-weight: bold; color:#58585A; padding: 0; margin: 0;}
    h4 { font-size: 100%; font-weight: bold; font-style: normal; padding: 0; margin: 0;}
    p, .plain address, ul, ol {margin-bottom: 0.8em;}
    address {font-style: normal;}

    ul.ulLine, ul.ulSquare {overflow: hidden;}
    ul li {list-style-image: url("../img/ic/list.png");margin-left:1.1em;}
    ol li {margin-left:1.5em;}
/*  .plain li, .box li {position: relative;left: 1.5em;margin-left: -0.4em;padding-bottom: 0.8em;
        padding-right: 1.5em;
    }*/
    .plain li, .box li {padding-bottom: 0.8em;}
    
    .plain table, .box table, .intro table {border-collapse: collapse;text-align: left;
        vertical-align: top;width: 100%;margin-bottom: 1em;}
    .plain th, .box th, .intro th,
    .plain td, .box td, .intro td {padding:3px;border-bottom: 1px solid #999999;}
    .plain th, .box th, .intro th {vertical-align: middle;}
    .plain td, .box td, .intro td {background: #f2f7fb;vertical-align: top;}
    
    .box ul, .box ol, .box table {margin-bottom: 0;}
    .address td, #map_grid td {padding-right:0.4em;white-space: nowrap;}

    div.img_links img, div.img_rechts img div.img_oben img, div.img_ img {display: block;}
    div.img_links p, div.img_rechts p, div.img_oben p, div.img_ p { font-size: 90%; margin-bottom: 0.25em;}
    div.img_links, div.img_ {float: left; padding: 0.4em 1em 0 0;}
    div.img_rechts {float: right; padding: 0.4em 0 0 1em;}
    .teaser div.img_rechts {padding-left: 24px;}
    .teaser .date {float: right; color: #bbb; font-size: 85%;padding-top: 0.85em;}

    .plain, .box, .teaser, div.intro {overflow: hidden;margin-bottom: 1.4em;}
    #content_wide .plain {overflow: visible;}
    .teaser {overflow: hidden;}
    .box {background: url("../img/bg_box.png") repeat-x 0 0 #d2e4ef;padding: 7px 9px; border: 1px solid #c7ddec;}
    .plain {}

    h2 a, h2 a:link, h2 a:visited,
    h3 a, h3 a:link, h3 a:visited {
        text-decoration: none;background: none;padding: 0;color:#408dbf;}
    h3.newslist {margin-bottom: 1em;}
    hr {border-top: 1px dotted #b7b4af;}
/* Downloads */
    .downloads h2 {color: #58585A;border-bottom: 1px dotted #b7b4af;padding-bottom: 0.5em;margin-top:3em;}
    .downloads li {list-style-image: none;list-style-type: none;
        border-bottom: 1px dotted #b7b4af;background: url("../img/ic/download.gif") no-repeat 0 0.5em;
        padding: 0 0 0.3em 12px;margin: 0 0 0.5em;}
    .downloads a, .downloads a:link, .downloads a:visited {background: none;padding: 0;text-decoration: none;}
/* Weiterf�hrende Links */
    .linklist h2 {color: #58585A;border-bottom: 1px dotted #b7b4af;padding-bottom: 0.5em;margin-top:3em;}
    .linklist li {list-style-image: none;list-style-type: none;
        border-bottom: 1px dotted #b7b4af;background: url("../img/ic/pinkarrow.gif") no-repeat 0 0.5em;
        padding: 0 0 0.3em 12px;margin: 0 0 0.5em;}
    .linklist a, .linklist a:link, .linklist a:visited {background: none;padding: 0;text-decoration: none;}

/* MP-Bereich */
    #content_wrap .mp2 {margin-top: 3em;}
    #mp .flyout {margin-bottom: 1.5em;}
    .ui-accordion-header {cursor: pointer;}
    .flyout dt {border-bottom: 1px solid #fff;background:#edecea;}
    .flyout dt.selected {background: url("../img/bg_nav_act.png") no-repeat;cursor: default;}
    #mp .flyout dt.selected {cursor: pointer;}
    .flyout dt.first {background: url("../img/bg_nav_first.png") no-repeat;}
    .flyout dt.first.selected {background: url("../img/bg_nav_act_first.png") no-repeat;}
    .flyout dt img {vertical-align: bottom;}
    .flyout dd {padding: 15px 15px;border: 1px solid #e6e4e1;border-top: 0;font-size:92%;}
    .flyout dd:first-child {border:0;}
    .flyout a, .flyout a:link, .flyout a:visited {background-position: 0 0.4em;}
    .flyout li {list-style-type: none;list-style-image: none;margin:0;padding: 0.5em 0 0.5em 12px;
        border-top:1px dotted #B7B4AF;border-bottom:0;
        background: url(../img/ic/grayarrow.gif) no-repeat 0 1em;}
    .flyout li:first-child {border: 0;background-position: 0 0.4em;padding-top: 0;}
    .flyout .downloads li {background-image: url(../img/ic/download.gif); }
    /* Ansprechpartner */
    .flyout address {font-style: normal;overflow: hidden;}
    .flyout hr {border-top: 1px dotted #e6e4e1;margin:1.2em 0 0.7em;height: 1px;}
    .flyout address img {float: left;padding: 0.3em 6px 0 0;}
    .flyout address .vc_name {color: #58585A;font-weight: bold;}
    .flyout address a, .flyout address a:link, .flyout address a:visited {
        background: none;padding: 0;text-decoration: none;}
        
    /* MP-Loginbox Marktpartner/Online-Service */
    .loginbox {margin-bottom: 1.5em;}
    form.loginbox {margin-bottom: 0;}
    .loginbox .wrap {padding:0.2em 0;margin-bottom: 0.75em;}
    .loginbox label {padding:0 0.3em;border-left:1px solid #fff;}
    .loginbox input {margin:0; width:197px;border-color:#7f9db9;padding:0.2em;}
    .loginbox form a {text-decoration: none;color:#58585A;}
    
    /* Netz-Ansprechpartnersuche */
    .ap_search_box {font-size: 93%;}
    .ap_search_box .wrap {background: #fff;margin-bottom: 0.75em;padding: 0.2em 0 0.3em;} 
    .ap_search_box label {padding: 0.1em 0.5em;}
    .ap_search_box input {border: 1px solid #7f9db9;width:193px;padding: 1px 0.3em;}
    .ap_search_box .text_right {margin-bottom: 0.75em;}
    .ap_search_box .assistantDropdown {border: 1px solid #7f9db9;width:201px;}

    /*Grafik-Teaser*/
    .grafik_teaser {padding-top: 36px;}
    .grafik_teaser a, .grafik_teaser a:link, .grafik_teaser a:visited {background: none; padding: 0;}

/* Veranstaltungskalender */
p.noEvents {margin-top:5px;text-align:center;}
.eventListFilterPanel { overflow: hidden;}
.eventListFilter {font-weight: bold;float: left;color: #0066AA;padding-right: 9px;}
.eventListFilter select {margin-top: 5px;width: 170px;font-size: 93%;}
.eventListFilter input {margin-top: 5px;padding: 0.2em 0.2em 0.1em;width: 150px;font-size: 93%;border:1px solid #ddd;}
.eventListFilter input.error {border: 1px solid #FF0000;}
.eventListSubmit {padding-top: 1.6em;float: left;display: inline;}

.eventListTable {display: block;margin: 1em 0;width: 100%;}
.eventListTable th {
    border-bottom: 1px solid #A5A7AA;text-align: left;
    font-weight: bold;padding: 2px 5px;
}
.eventListTable td {vertical-align: top;padding: 7px 5px 0px;border-bottom: 1px solid #A5A7AA;}
/*.eventListColumnDayHead {width: 35px;}*/
.eventListColumnDateHead {width: 75px;background-color: #F2F7FB;}
.eventListColumnTimeHead {width: 160px;}
.eventListColumnEventHead {width: 195px;background-color: #F2F7FB;}
.eventListColumnLocationHead {width: 160px;}
.eventListColumnDownloadHead {width: 90px;background-color: #F2F7FB;}

.eventListColumnDate {background-color: #F2F7FB;}
.eventListColumnTime {}
.eventListColumnEvent {font-weight: bold;background-color: #F2F7FB;}
.eventListColumnEvent p {font-weight: normal;}
.eventListColumnLocation {}
td.eventListColumnDownload {background-color: #F2F7FB;}
.eventListColumnDownload a {background: none; padding: 0;}

.equipmentListTable {display: block;margin: 1em 0;width:100%}
.equipmentListTable th {
    border-bottom: 1px solid #A5A7AA;text-align: left;
    font-weight: bold;padding: 2px 5px;
}
.equipmentListTable td {vertical-align: top;padding: 7px 5px 0px;}
.equipmentListColumnEquipmentHead {
    width: 50%;
}
.equipmentListColumnImageHead {
    width: 50%;background-color: #F2F7FB;
}

.eventListColumnEquipment {
}

.eventListColumnImage {
    background-color: #F2F7FB;
}

#newsSearchForm input {border: 1px solid #2E82B9;padding:0.2em;width: 200px;}
#newsSearchForm button {vertical-align: -0.5em;}
#newsSearchForm label {font-weight: bold;}
#newsSearchLoading {display: none;}
#newsNotFoundErrorSpan {color: red;display: none;}
#emptyNeedleErrorSpan {color: red;display: none;}
#textBeforeSearchField {color: #2E82B9; margin-right: 1em;}

/* Newsarchiv */
.archiveNav {padding-bottom: 2em;color:#0066AA;font-size: 93%;}
.archiveNav a, .archiveNav a:link, .archiveNav a:visited {background: none; text-decoration: none; padding: 0 1px;}
.archiveNav a.act {text-decoration: underline;font-weight: bold;}

/* Produktliste */
.accordion dt {border-bottom: 1px solid #fff;background:#edecea;padding:7px 14px 5px;color: #0066AA;cursor: pointer;}
.accordion dt.selected, .accordion dt.first  
.accordion dt.first.selected {background: url("../img/bg_nav_act.png") repeat-x #f7bc4c;}
.accordion dd {padding: 0 15px 15px;border: 1px solid #e6e4e1;border-top: 0;}
.accordion dd:first-child {border:0;}
.accordion dd h2 {margin: 0;padding: 0.5em 0 0.75em;}
.accordion dd .img_rechts {padding: 0;margin-right: -15px;}
.accordion dd li {list-style-image: url("../img/ic/cross.gif");}
.accordion dd p {margin: 0;}


/* Produktdetailseite */
.productinfo {margin: 1em 0;}
.productinfo table {width: 100%; margin-bottom: 1em;}
.productinfo th {color: #0066aa;background-color: #fcc841;font-weight:bold;}
.productinfo th small {color: #58585a;font-weight: normal;}
.productinfo td {background-color: #fff2d7;border-bottom: 1px solid #a6a7ab;}
.productinfo a.button {float: right;}

/* Energielexikon / Glossar */
ul.alphabet {font-weight: bold;padding: 1em 5px 1.5em;background: #e5eff6;overflow: hidden;margin-bottom: 2em;}
ul.alphabet li {list-style-type: none;list-style-image: none;float: left;padding: 0 4px;margin: 0;}
ul.alphabet li a, ul.alphabet li a:hover,ul.alphabet li a:active,ul.alphabet li a:focus {
    background: none;text-decoration: none;padding: 0;}
ul.alphabet li span {}
ul.alphabet li.act {background: #fff;}
/* Anfangszustand Glossar: alle Listen ausgeblendet; Liste 'A' sichtbar */
dl.glossary {display: none;clear: both;}
dl#glossary_A {display: block;}
dl.glossary dt {}
dl.glossary dd {margin-bottom: 3em;}
dl.glossary dt a, dl.glossary dt.act a {
    font-weight: bold;background: none;padding: 0 0 0.3em;text-decoration: none;cursor: text;}
dl.glossary dt a:hover{text-decoration: none;}

/* Thickbox */
@import url(./thickbox.css);

/*Styles f�r Bildergalerie*/
.hoverthumb {
        opacity:0.5;
        -moz-opacity:0.5;                           /* ff>3 */
         filter:Alpha(opacity=50, finishopacity=50); /* ie */
         height:60px;
         width:60px;
         margin-right:12px;
         margin-top:12px;
         float:left;
  }

.normalthumb{height:60px; width:60px; margin-right:12px; margin-top:12px; float:left;}
.lastthumb{height:60px; width:60px; margin-right:0; margin-top:12px; float:left;}
#wrapperdiv{overflow:hidden; width:508px;}
#showdiv{float:left;}
#showdiv img{width:420px; height:282px; float:left;}
#prevdiv{background:#EDECEA; height:80px; width:420px; overflow:hidden;}
#galnavi{text-align:right; padding-left:0px; margin-bottom: 1.5em; width:420px;}

#galnavi div{
  background:#EDECEA;
  color: #0047B5;
  text-align:center;
  clear:both;
  margin:0px;
  padding:7px 10px 7px 10px;
}

.navipic_r{padding:1px 0;}

.navipic_l{padding:1px 12px;}
#galnavi .noimg{background:none;}
h3.galerie_head{
    color:#0066AA;
    font-size:120%;
    font-weight:normal;
    margin:0.5em 0 0.4em;
    padding:0;
}
  /*Styles f�r Bildergalerie ende*/
  
/* Sitemap */
#sitemap ul {margin: 0;display: block;list-style-type: none;list-style-image: none;}
#sitemap ul li {margin: 0;padding: 0;border: 0;display: inline;list-style-type: none;}
#sitemap li ul {padding: 0;}
#sitemap li ul li ul {margin-bottom: 0;padding-left: 30px;}
#sitemap a, #sitemap a:link, #sitemap strong {display:block;background:none;padding:0;text-decoration: none;}
#sitemap a:focus, #sitemap a:hover, #sitemap a:active {}
#sitemap a.level_0, #sitemap a.level_0_open, #sitemap a.level_0_active, #sitemap div.level_0 {
    border-bottom: 1px dotted #b7b4af;margin-bottom:0.2em;padding-bottom:0.1em;
    font-size:120%;font-weight: bold;color:#408dbf;}
#sitemap div.level_0 {color: #999;}
#sitemap li.level_0, #sitemap li.level_0_open, #sitemap li.level_0_active {
    display: block;margin: 2em 0 0;}

/* Suchergebnisseite */
.paging_top {background: url("../img/bg_paging1.png") no-repeat bottom #4c95c4;}
.paging_bottom {background: url("../img/bg_paging2.png") no-repeat;width: auto;}
.paging_bottom .page_c {text-align: center;}
.paging_bottom .page_r {text-align: right;}
.paging_top, .paging_bottom {color: #fff;border: 0;white-space: nowrap;}
.paging_top a, .paging_top a:link,  
.paging_bottom a, .paging_bottom a:link {color: #fff;padding:0; text-decoration: none;background: none;}
.paging_top a:hover, .paging_bottom a:hover {text-decoration: underline;}
.paging_top a.active {font-weight: bold;text-decoration: underline;}
.path {font-size: 93%;color:#0066AA;}
.path strong, .path span {color:#58585A;}
.path a, .path a:link {padding:0; text-decoration: none;background: none;}
.path a:hover {text-decoration: underline;}
.paging_bottom .page_back a, .paging_bottom .page_back a:link {background: url("../img/ic/arrowwhiteback.gif") no-repeat left;padding-left:12px;}
.paging_bottom .page_next a, .paging_bottom .page_next a:link {background: url("../img/ic/arrowwhite.gif") no-repeat right;padding-right:12px;}

/* Servicecenter u.a. */
.map_navi { width: 235px; float: left;}
#map_grid { width: 496px; height: 500px;float:left}
#map_marker li {background:transparent url(../img/ic/pinkarrow.gif) no-repeat scroll 0 0.9em;cursor: pointer;}
#map_marker li:first-child {background-position:0 0.4em;}
#map_route label {float: left;padding-bottom:0.5em;}
#map_route button {float: right;margin: 1em 1.5em;}
#map_route #shortest {clear: right;}
#route_grid {clear: both;}
#route_grid h3 {padding-top:1.5em;}

/* Tooltip */
#tooltip {
    position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/* Autovervollst�ndigung bei Suchfeldern */
.ac_results {
    border: 1px solid gray;
    background-color: white;
    position: absolute;
    z-index: 10000;
    display: none;
    overflow: auto;
    height: 150px;
}
.ac_results li {white-space: nowrap;
    list-style-type: none;list-style-image:none;
    margin: 0; padding: 0 5px;
}
.ac_over {cursor: pointer;background-color: #F2F7FB;}
.ac_match {background-color: #BBD6E8;}

.ac_100percent {
	width: 448px;
	max-height: 150px;
}

/* Produkt-Anmelden-Box */
#produktAnmeldenBox{height:140px; background: url(../img/bg_yellow.png) no-repeat; padding:14px 11px 0 21px;}
#produktAnmeldenBox h2{font-weight:bold; margin:0 0 0.75em;}
#produktAnmeldenBox .img_rechts {padding-top: 11px;}

#produktAnmeldenBox .button{display:block; height:22px;}
.produktAnmeldenBox_buttonfront {background-image:url(/sc/img/trans_bg_front16px.png);background-repeat:no-repeat;height:22px;width:16px;float:left;
}
.produktAnmeldenBox_btnText{background:url(/sc/img/bt_mittel16px.png) repeat;line-height:22px;text-decoration:none;color: #0066aa;font-weight:bold;font-size:11px;padding-right:9px;float:left;}
.produktAnmeldenBox_btnText span{text-decoration:none;color: #0066aa;font-weight:bold;font-size:11px;top:-1px;position:relative;}
.produktAnmeldenBox_buttonback {background-image:url(/sc/img/trans_bt_back16px.png);background-repeat:no-repeat;height:22px;width:16px;float:left;}

/*PLZ-Suchfeld*/
#productOrder {}
#productOrder h2{ font-weight:bold;padding-top: 0.5em;}
#productOrder .wrap {border: 1px solid #2c82b9;width:209px;background: #fff no-repeat right center;}
#productOrder label {padding: 0 3px;}
#productOrder input {border: 0; padding: 0.1em 2px;width:207px;}
#productOrder button {float:right;margin-top:5px;text-align:right;width: 111px;}
#locationErrorSpan {color: #ff0000;font-size:95%;}
#teaserContainer #locationErrorSpan {position: absolute; background: #fff; padding: 2px 4px;width: 201px; display: none;}
#locationDropDownDiv {width: 211px;}

#content #productOrder {background: url("/sc/img/bg_plz_search.png") no-repeat;height:126px;padding: 0px 12px;}
#content #productOrder .wrap {margin-left:30px;float: left;}
#content #productOrder button {float:none; padding-left: 5px;margin-top: -2px;}
#content #locationDropDownDiv {margin-left:30px;}
#content #locationErrorSpan {margin-left:30px;}

/*Kleingedrucktes auf Produktlistenseite*/
.smallprint{
margin-top: 1.4em;
padding:5px;
}

/*Spezielle Styles f�r Formular-Landingpages*/

.landingpage #content p, .landingpage #content ul{font-size: 93%;}
.landingpage iframe{display: none;}
.landingpage #form_tabs_wrap{display: none;}
.landingpage .einzugLabel{display: none;}
.beginText div{
    padding: 0 0 10px 0;
    color: #58585A;
}
.landingpage .beginText span{
    float:right;
    font-weight: bold;
    cursor: pointer;
    color: #3083BA;
}
.landingpage .intro{margin-bottom: 0;}
.landingpage ul li{
    list-style-type: disc;
    list-style-image: none;
}
.landingpage .advicetext .HTMLUIRowDesc{
    color:#58585A !important;
    margin-bottom: 20px;
}
.landingpage .formMandatoryMessage{color:#58585A !important;}
.landingpage .fixbox{
    position: absolute; 
    width: 220px; 
    right: 15px;
    top: 56em; 
    padding: 10px;
    /*background: #ccc url("/sc/img/bg_fixbox.jpg") left top repeat-x;*/
}
.landingpage .fixbox .bu_speichern{
    margin-top: 10px;
    float:right;
    display: block;
    width: 116px;
    height: 34px;   
    background: url("/sc/img/btn-speichern.png") no-repeat;
}
.landingpage .btn_gas_abschluss {
    display: block;
    width: 337px;
    height: 55px;
    background: url("/sc/img/btn_gas_abschluss.png") no-repeat;
}
.landingpage .btn_strom_abschluss {
    display: block;
    width: 377px;
    height: 55px;
    background: url("/sc/img/btn_strom_abschluss.png") no-repeat;
}
.landingpage .btn_keinen_vertrag {
    display: block;
    width: 287px;
    height: 34px;
    background: url("/sc/img/btn_keinen_vertrag.png") no-repeat;
    margin-top: 50px;
}
.landingpage .danke {padding-left:15px;}
.popup{
    padding: 10px;
    background: #ffffff;
}
.landingpage .div_errorComponent{padding-top: 20px;}
.landingpage .spaeter{
    color:#0066AA;
    font-size: 100%;
    float:right;
}
.landingpage a.spaeter{
    float:right;
    font-size: 93%;
}
.landingpage #email_eingeben, .landingpage .email_danke{
    padding-top: 10px;
    clear: both;
}
.landingpage #interruptEmailForm span.error{display:block;}
#header_form_landing {padding-top: 108px;}
#header_form_landing #logo {position: absolute;top: 0; left: 0;z-index: 500;}
#header_form_landing #stage {
    position: relative;
    height: 410px;
    padding: 0 6px;
}
#stage_img {float: right;}
#stage_claim {padding: 18px 0 13px;}
#stage_headline {padding: 15px 0;}
#stage_subline {padding: 0 0 47px;}
#stage_small {font-size: 95%;width: 400px;}
#stage_button {
    position: absolute; bottom: 40px; right: 30px;
    overflow: hidden;
}
#stage_button .text {
    float: left;
    height: 16px;
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
    color: #0066AA;
    background: url("/sc/img/bt_mittel16px.png") repeat-x 0 0;
}
.similarLabel #first {
	float: left; 
	padding: 0 7px 0 7px;	
}
.similarLabel #last {
	float: left;
	font-size: 93%;
	padding-bottom: 5px;
}

/* ECards */
#bg_ecards {
	background: url(../img/bg_ecards.jpg) repeat-x;
	height: 548px;
	width: 731px;
	margin-top: 10px;
	position: relative;
}
#inner_ecards #formManager {
	margin: -650px 0 0 10px; 
	overflow: hidden;
	height: 530px;
	width: 720px;
	position: relative;
}
#inner_ecards #formManager textarea.error {
	border-color: red;	
}
#inner_ecards #formManager .div_errorComponent{	background: none; margin-top:-29px;}
#inner_ecards #formManager .error.ecard {
	font-size:11px;
	margin:-426px 10px 10px 15px;
	position:absolute;
	width:460px;
}
#inner_ecards #form_tabs_wrap, #inner_ecards #div_buttonsLine {	display: none;}
#inner_ecards .bgModuleRow, .btnText.ecard a, #inner_ecards #formManager a{
	background: none;
	padding: 0;	
}
.btnText.ecard {
	margin: 300px 0 0 0px;
}
#inner_ecards .formMandatoryMessage {
	margin-top: 15px;
	padding: 0;	
	width: 800px;
}
#inner_ecards .btnText_preview {
	position: absolute;
	margin: -70px 0 0 75px;
	display: block;
	line-height:21px;
	text-decoration:none;
}
#inner_ecards .btnText_preview .text, #inner_ecards .btnText_send .text{
	cursor: pointer;
}
#inner_ecards .btnText_send {
	position: absolute;
	margin: -230px 0 0 485px;
	line-height:21px;
	text-decoration:none;
}

#inner_ecards #formManager a#ecard_text_back, #inner_ecards #formManager a#ecard_text_back_high {
	position: absolute;
	margin: -350px 0 0 505px;
	text-decoration:none;
	background:url("../img/ic/pinkarrow.gif") no-repeat scroll 0 0.5em transparent;
	color:#0066AA;
	padding-left:12px;
	text-decoration:none;
}
#inner_ecards #formManager a#ecard_text_back_high{
	margin:-420px 0 0 505px;	
	position: absolute;
}
#formManager a#ecard_preview_x, #ecard_alternativecontent a#ecard_preview_x, #ecard_sendform a#ecard_preview_x {	
	background: url(../img/bg_ecards_cross.png) 0 0 no-repeat;
	float:right;
	z-index: 1001;
	padding: 10px;
	margin: -5px 5px 0 0;
}
#bg_ecards a.message{
	margin-left: 25px;
	display: none;	
}
#bg_ecards .invalid {
	margin-left: 25px;	
}
#inner_ecards .btnText_preview a .text, #inner_ecards .btnText_send a .text{
	background-image:url("/sc/img/bt_mittel16px.png");
	background-repeat:repeat-x;
	color:#0066AA;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:22px;
	padding-right:8px;
	text-decoration:none;
}
#inner_ecards .btnText_send a .text, .btnText.ecard a .text{
	background-image:url("/sc/img/bt_mittel_orange49px.png");
	height: 40px;
	line-height: 33px;
	font-size: 13px;
	padding-left: 5px;
}
#inner_ecards .btnText_send .buttonfront, .btnText.ecard .buttonfront{
	background-image:url("/sc/img/bg_front_orange49px.png");
	height: 40px;	
	width: 33px;
}
#inner_ecards .btnText_send .buttonback, .btnText.ecard .buttonback{
	background-image:url("/sc/img/bt_back_orange49px.png");
	height: 49px;
	width: 30px;
}
#inner_ecards .ecard_headline {
	position: absolute;
	margin: -569px 0 0 25px;
	padding: 2px 0 2px 0;
}
.ecard_headline {
	font-weight: normal;
	font-size: 25px;
	color: #0066AA;	
	padding: 25px 0 0 25px;
}
#inner_ecards .ecard_subline {
	position: absolute;
	padding: 0;
	margin: -539px 0 0 25px;
}
.ecard_subline {
	font-size: 15px;
	color: #0066AA;	
	padding: 11px 0 0 25px;
	margin-bottom: 79px;
}

/* in Cira gepflegte Styles */
#inner_ecards .ecard_label_space {
	padding-top: 8px;	
}


#inner_ecards #div_group {
	font-size: 12px;
	font-weight: normal;
	color: #333;	
}
#inner_ecards .bgModuleRow .formTextFieldLeft, #inner_ecards .bgModuleRow td, #inner_ecards .formTextAreaLeft{
	padding-left: 0;
}
#inner_ecards #imagesliderbox {
	margin: -25px 0 0 50px;
	width: 555px;
	height: 400px;
	overflow: hidden;
	padding: 5px 0 0 15px;
}
#inner_ecards #div_formFrame {
	padding: 100px 0 0 15px;	
	width: 710px;
}
#imageslider ul, #imageslider li{
	margin:0;
	padding:0;
	list-style:none;
}
#imageslider, #imageslider li{ 
	width:280px;
	height:230px;
	/*overflow:hidden;*/ 
	padding:0;
}

#prevBtn {
	left: 0px;
	top: 170px;
	position: absolute;
	z-index: 1000;
}
#nextBtn {
	left: 660px;
	top: 170px;
	position: absolute;
	z-index: 1000;
}	
span#nextBtn a, span#prevBtn a {
	background: none;
	padding: 0;
}
.imageshadow {
	width: 280px;	
	margin-left: 4px;
}
div.shadow {
   background: url(../img/bg_ecards.png) 0 0 no-repeat;
   margin: 0px;
   height: 197px;
   width: 271px;
}
div.shadow.hover {
   background: url(../img/bg_ecards_hover.png) 0 0 no-repeat;
   margin: 0px;
   height: 209px;
   width: 306px;
   margin: -5px 0 0 -15px;
}
div.shadow a img{
   margin: 4px 0 0 4px;
}
div.shadow.hover .imageshadow img, div.shadow.hover a img{
   height: 200px;
   width: 278px;
}
#ecard_motive {
	position: absolute;
	margin: -390px 0 0 248px;
	background: url(../img/bg_ecards_auswahl.png) 0 0 no-repeat;
	height: 343px;
   	width: 465px;
}
#ecard_alternativecontent #ecard_motive, #ecard_sendform #ecard_motive{
	margin: -1px 0 0 9px;
	position: relative;
}
#ecard_alternativecontent #ecard_motive {
	margin: 0px 0 0 9px;
}
#ecard_sendform {
	position: absolute;
	margin-top:-553px;	
}
#ecard_sendform p{padding: 10px 0 0 25px;}
#ecard_sendform #ecard_preview_text_show p{padding: 0;}
#ecard_sendform #ecard_preview_text_show #ecard_absender_name, 
#ecard_sendform #ecard_preview_text_show #ecard_empfaenger_name{padding: 0 0 10px 0;}
#ecard_sendform .tx{padding: 0 0 0 25px;}
#ecard_motive img{
	margin: 3px 0 0 3px;
}
#ecard_preview_text, #ecard_preview_text_show {
	height: 180px;
	width: 200px;
	background: #fff;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */	
	position: absolute;
	margin: -248px 0 0 10px;
	padding: 10px 0 0 10px;
	z-index: 1000;
	display: none;
}
#ecard_preview_text_show {
	display: block;	
	margin: 140px 0 0 20px;
}
#ecard_preview_text_show.high {
	margin: 110px 0 0 20px;
}
#ecard_preview_text p, #ecard_message, #ecard_preview_text_show p{
	font-size: 11px;
	margin: 0;
}
#ecard_absender_name, #ecard_empfaenger_name {
	padding-bottom: 10px;
}
#ecard_message {
	overflow: auto;
	height: 85px;
	width: 195px;	
}
.motive_counter {
	height:20px; width:200px; margin-left:10px;	padding-left:10px;
	background:url("../img/ic/pinkarrow.gif") no-repeat scroll 0 0.5em transparent;
}
.ecard_getmore {
	margin: -320px 0 0 470px;
}
.ecard_getmore a{
	display: block;
	width: 200px;
}
.btnText.ad a{
	background: none;
}
.btnText.ad a .text{
	cursor: pointer;
}
.advert {
	width: 200px;	
	position: absolute;
	margin: 115px 0px 0px 515px;
}
.advert p{
	color: #0066AA;
	font-size: 11px;	
}