/* @section 1. Global Styles */

/* @section 2. Elements */

/* @section 2.1 Text */

/* @section 2.3 Teaser Ecken */

.content .cornerRight,
.content .cornerLeft {
    background-image: url('../img/pvg_sprite_3.6.3.png')
}

/* @section 2.4 Icons */

/* @section 2.5 Badgets */

/* @section 2.6 Boxes */

/* Rote Hinweis Box */

.tooltipChange {
    display: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 12px;
    position: absolute;
    top: -20px;
    right: -220px;
    width: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #850409;
    background: #850409;
    background: -moz-linear-gradient(right, #D10914, #850409);
    background: -ms-linear-gradient(right, #D10914, #850409);
    background: -o-linear-gradient(right, #D10914, #850409);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(#D10914), to(#850409));
    background: -webkit-linear-gradient(right, #D10914, #850409);
    background: linear-gradient(right, #D10914, #850409)
}

.tooltipChange:before {
    position: absolute;
    top: 45px;
    left: -50px;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    border-color: transparent;
    border-right-color: #850409;
    border-width: 25px
}

.tooltipChange h3 {
    font-size: 20px
}

.lineChange {
    background: #fff;
    background: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent);
    background: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent);
    background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent);
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.3)), color-stop(80%, rgba(0, 0, 0, 0.3)), to(transparent));
    background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent);
    background: linear-gradient(left, transparent, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 80%, transparent);
    height: 1px;
    margin: 1em
}

.closeChange {
    background: url('../img/pvg_sprite_icon_3.6.3.png') center -604px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 5px;
    right: 5px
}

.closeChange:hover {
    background-position: center -634px
}

/* @section 2.8 Tooltips */

/* @section 2.9 UI - Autocompleter */

/* @section 2.10 Listen */

/* @section 2.11 Siegel */

/* @section 2.12 Modal */

.modalChange {
    display: none
}

.modalChangeContent {
    padding: 10px
}

.modalChangeContent p,
.modalChangeContent h3,
.modalChangeContent h4 {
    margin-top: 10px
}

.modalChangeContent ul {
    list-style: disc;
    margin-left: 20px
}

/* @section 2.13 Popup */

body.openWindow {
    background: none
}

body.openWindow .wrapper {
    width: auto;
    height: auto;
    padding: 10px;
    margin: 10px
}

body.openWindow h2,
body.openWindow h3 {
    margin: 5px 0 10px
}

body.openWindow h5 {
    margin: 10px 0
}

body.openWindow p {
    margin-bottom: 10px
}

/* @section 2.14 Diverses */

.idleField {
    color: #909090
}

/* @section 2.15 Banner */

/* @section 3. Layout */

/* @section 3.1 Sidebar */

.cornerSidebar {
    background: url('../img/pvg_sprite_3.6.3.png') -34px 0
}

/* @section 3.1.2 Hilfebox / Hotline */

/* @section 3.1.4 Box Feedback */

/* @section 3.1.6 Anzeige */

/* @section 3.1.6.1 E wie einfach */

/* @section 3.1.6.3 Yello */

/* @section 3.1.7.3 productOfMonth */

.productOfMonth.enpure .advertisement {
    background-image: url('../img/productOfMonth.png');
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .productOfMonth.enpure .advertisement {
        background-image: url('../img/productOfMonth@2x.png');
    }
}

/* @section 4. Sections */

/* @section 4.1 Teaser */

.boxTeaserMain .indexTeaserForm {
    margin: 0 auto;
}

.boxTeaserMain .formRadio {
    text-align: right;
}

.boxTeaserMain input.selectPro + .labelError {
    margin-left: -20px;
}

.formContent #labelSlider {
    line-height: 2.4em;
    padding-top: 12px;
}

.boxTeaserMain .formBox .ajaxCityForm .ajaxInput {
    width: 45px !important;
    margin-right: 3px
}

.boxTeaserMain .formBox .ajaxCityForm .ajaxSelect {
    width: 92px;
    vertical-align: top
}

/* @section 4. Sections */

/* @section 4.1 Index */

/* @section 4.2 Index Boxen */

.boxDefault .titleThirdLevel {
    display: block;
}

.boxDefault .boxImgInner {
    background-image: url('../img/pvg_sprite_pics.jpg');
    width: 110px;
    height: 149px
}

.boxIndexForm .boxImgInner {
    background-position: 0 0
}

.boxIndexMessage .boxImgInner {
    background-position: -120px 0
}

.boxDefault.boxFirst .boxImgInner {
    background-image: url('../../gas/img/pvg_sprite_pics.jpg');
    width: 110px;
    height: 149px
}

.boxDefault.boxFirst .boxImgInner {
    background-position: 0px -158px
}

.boxDefault.boxFirst .formDefault {
    margin-top: 22px;
}

/* @section 4.2.1 Form Box */

.boxIndexForm .badgeDefault,
.boxIndexForm.boxFirst .badgeDefault strong {
    background-image: url('../img/pvg_sprite_badgets.png')
}

.boxIndexForm .badgeDefault strong {
    background-image: url('../../gas/img/pvg_sprite_badgets.png')
}

.boxIndexHPv. .boxImgInner {
    background-position: -120px 0
}

/* @section 4.2.1 Regions Box */

.boxRegion .map,
.boxRegion .articleProvider img {
    background-image: url('../img/pvg_sprite_main.png')
}

/* @section 4.2.2.1 Toptariff 4 */

/* @section 4.2.3 Seo */

.boxSeo {
    padding: 0
}

.boxSeo .img {
    width: 90px;
    height: 120px;
    margin: 2px;
    display: inline-block;
    background: url("../img/pvg_sprite_pics.jpg")
}

.boxSeo .info1 .img {
    background-position: 0 -318px
}

.boxSeo .info2 .img {
    background-position: -100px -318px
}

.boxSeo .info3 .img {
    background-position: -200px -318px
}

.boxSeo .infos {
    border-bottom: 1px dotted #d2cdd2;
    font-size: 16px;
    line-height: 1.62;
    padding: 15px;
}

.boxSeo .last {
    border-bottom: 0
}

.boxSeo .text {
    float: left;
    width: 80%
}

.boxSeo .boxImg {
    float: right;
    vertical-align: top;
    padding: 0
}

.boxSeo .info {
    color: #909090;
    font-size: 0.9em;
    float: right
}

/* @section 4.2.4 Box Lexikon und Wechsel */

.boxIndexSw .boxImgInner {
    background-position: 0 -159px
}

.boxIndexSlex .boxImgInner {
    background-position: -120px -159px
}

/* @section 4.2 Searchresults */

/* @section 4.2.1.3 Advertisement */

/* @section 4.2.2 Toptariff */

/* @section 4.2.2.1 Hotline Tarif */

/* @section 4.2.3.2 Erläuterung */

/* @section 4.3 Formdatastep 1-3 */

.boxNote.info .infoIcon {
    background: url('../img/pvg_sprite_badgets.png') -415px -335px no-repeat;
}

/* @section 4.3.1 Formdatastep 1 */

/* @section 4.3.2 Formdatastep 2 */

/* @section 4.4 Formdatacheck */

/* @section 4.5 Formdatasuccessful */

.successTeaser .badgeDefault,
.successTeaser .badgeDefault strong,
.successfulContent .icoPlanet {
    background-image: url(../img/pvg_sprite_badgets.png)
}

.successTeaser .boxImgInner {
    background-image: url('../img/pvg_sprite_pics.jpg');
    width: 70px;
    height: 97px
}

.boxSuccessInsurance .boxImgInner {
    background-position: -550px top
}

.boxSuccessDsl .boxImgInner {
    background-position: -550px -106px
}

.boxSuccessFinances .boxImgInner {
    background-position: -550px -211px
}

.successfulContent .changingGraph {
    background-image: url(../img/wechselgrafik.jpg);
    width: 772px;
    height: 350px;
    margin: 0 0 -10px -10px
}

/* @section 4.5.1 DSL Box */

/* min 720px */
@media screen and (min-width: 45em) {
    .cashback .teaser {
        position: absolute;
        right: 10%;
        top: 0;
        width: 47.5em;
    }
}

/* min 720px */
@media screen and (max-width: 45em) {
    .cashback .teaser {
        margin: 0 auto;
        width: 47.5em;
    }

    .cashback .testimonial {
        display: none;
    }

    .head {
        font-size: 0.85em;
    }

    .head > span {
        width: auto;
    }

    .head > span:last-child {
        float: right;
    }

    .arrow-right, .arrow-left {
        display: none;
    }

    .cashback.background {
        height: auto;
    }
}

@media (min-width: 551px) {
    .cashback .formBox .slidingButton {
        position: absolute;
        bottom: 1em;
        right: 2em;
    }
}

@media (max-width:550px) {
    .cashback .teaser {
        width: auto;
    }

    .cashback .badge {
        width: 100%;
    }

    .cashback .teaser .badge p {
        font-size: 1.25em;
    }

    .cashback .teaser .head {
        height: 8.5em;
    }

    .cashback .teaser .head > span {
        text-align: center;
        width: 97%;
        position: inherit;
    }

    .cashback .formBox .slidingButton {
        display: inline-block;
        margin: 1em auto 0 35%;
    }

    .cashback .tarifInfo dl {
        width: auto;
    }
}

@media (max-width: 450px) {
    .cashback .formBox .tarifInfo {
        margin: 0;
    }

    .badgeProvider {
        display: none;
    }
}

/* @section 4.7.1 Galerie */

.seoGalerie .listSeoMenu li {
    background-image: url('../img/pvg_sprite_3.6.3.png')
}

.imageGallerySEO .jcarousel-prev-horizontal:after,
.imageGallerySEO .jcarousel-next-horizontal:after,
.icoEnlarge {
    background-image: url('../img/pvg_sprite_icon_3.6.3.png')
}

/* @section 4.7 SEO */

.seoCaptionBox {
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    -moz-box-shadow: 0 0 4px #ABABAB;
    -webkit-box-shadow: 0 0 4px #ABABAB;
    box-shadow: 0 0 4px #ABABAB;
    padding: 4px;
    margin-bottom: 10px;
    display: inline-block
}

.seoCaptionBox img {
    background-color: #FFF;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.seoCaptionBox p {
    margin: 0
}

/* @section 4.7.1 Strom News Seite */

.seoForm .image {
    background: url('../img/pvg_sprite_seo.png') no-repeat;
    bottom: 0;
    height: 161px;
    position: absolute;
    right: -10px;
    width: 218px;
}

.seoForm .badgeDefault {
    background: transparent url('../img/pvg_sprite_badgets.png') -262px 0;
    height: 93px;
    width: 93px;
    position: absolute;
    right: -1px;
    top: -1px
}

.seoForm .badgeDefault strong {
    background: url('../img/pvg_sprite_badgets.png') -293px -160px;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    text-indent: -999em;
    display: inline-block;
    margin: 3px 0 0 33px
}

.seoRegion .regionMap {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 10px
}

.seoRegion .map {
    background: url('../img/pvg_sprite_main.png') no-repeat -485px -7px
}

.seoRegion .articleProvider {
    display: inline-block;
    width: 330px
}

.seoRegion .articleProvider img {
    background-image: url('../img/pvg_sprite_main.png');
    width: 110px;
    height: 30px
}

.seoRegion .articleProvider dt {
    display: inline-block;
    width: 120px;
    vertical-align: top
}

.seoRegion .articleProvider dd {
    display: inline-block;
    width: 205px;
    margin-bottom: 10px
}

.seoRegion .flexstrom {
    background-position: -123px -246px
}

.seoRegion .e-wie-einfach {
    background-position: -123px -275px
}

.seoRegion .stromio {
    background-position: -123px -306px
}

.seoRegion .eprimo {
    background-position: -123px -336px
}

.seoRegion .prioenergie {
    background-position: -123px -366px
}

.lexikonList {
    width: 88%;
    margin-left: 11%;
    position: relative
}

.lexikonList li {
    border-top: 1px dotted #D6D6D6;
    padding: 10px 0
}

.lexikonList li.letter {
    border: 0 none;
    margin: 0;
    padding: 0;
    color: #CCCCCC;
    font-size: 5em;
    font-style: italic;
    font-weight: 500;
    position: absolute;
    left: -65px;
    top: 20px
}

.lexikonList li.first {
    border-top: 0;
    padding-top: 0
}

.lexikonList li .headline {
    color: #0022AA;
    font-size: 1em;
    font-weight: 500
}

.paginationAlternate {
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 10px
}

.paginationAlternate li {
    float: left;
    font-weight: 500;
    margin: 0 5px
}

.paginationAlternate a {
    cursor: pointer
}

.paginationAlternate .anchorLinkActive {
    color: #50930E;
    text-decoration: underline
}

.providerDetails .listTarif {
    border: 1px solid #D6D6D6
}

/* @section 4.7.1 Blog-Pagination */

/* @section 4.9 shortcontractexpiration */

.shortcontractexpiration .textSpecial {
    font-weight: 500;
    color: #000
}