/* @section 1. Global Styles */

/* @section 2. Elements */

/* @section 2.1 Text */

/* @section 2.1 Teaser Ecken */

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

/* @section 2.2 Icons */

/* @section 2.3 Badgets */

/* @section 2.4 Boxes */

/* @section 2.8 Tooltips */

/* @section 2.9 UI - Autocompleter */

/* @section 2.10 Listen */

/* @section 2.11 Siegel */

/* @section 2.1 Form */

/* @section 2.2 Titles */

/* @section 2.3 Steps */

/* @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.5 Anzeige */

/* @section 3.1.5.1 E wie einfach */

/* @section 3.1.6.3 Yello */

/* @section 3.1.7.3 productOfMonth */

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

/* @section 4. Sections */

/* @section 4.1 Teaser */

.boxTeaserMain .testimonial {
    background: url("../img/testimonial.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 300px;
    left: 0;
    position: absolute;
    width: 210px;
    z-index: 10
}

.boxTeaserMain .labelSlider p {
    margin-bottom: 10px;
    margin-top: 2px
}

.boxTeaserMain .sliderDummys {
    font-size: 0.8em
}

.boxTeaserMain .gasCalculator input:not([type="checkbox"]):not([type="radio"]) {
    width: 173px;
}

@media (max-width: 650px) {
    .boxTeaserMain .gasCalculator input:not([type="checkbox"]):not([type="radio"]),
    .gasCalculator .form-radio-group.usg-radio-group {
        width: 234px;
    }
}

.boxTeaserMain .gasCalculator .withCity .city:not([type="checkbox"]):not([type="radio"]) {
    border-left: 0;
    display: inline-block;
    margin-left: -2px;
    width: 116px;
}

.boxTeaserMain .gasCalculator .hadCity ~ input:not([type="checkbox"]):not([type="radio"]) {
    width: 116px;
}

.boxTeaserMain .gasCalculator .citySelect,
.boxTeaserMain .gasCalculator .hadCity ~ .citySelect {
    width: 112px;
}

@media (max-width: 650px) {
    .boxTeaserMain .gasCalculator .withCity .city:not([type="checkbox"]):not([type="radio"]),
    .boxTeaserMain .gasCalculator .hadCity ~ input:not([type="checkbox"]):not([type="radio"]) {
        width: 177px;
    }

    .boxTeaserMain .gasCalculator .hadCity ~ .citySelect {
        width: 173px;
    }
}

.boxTeaserMain .cityLine .icoError {
    margin-left: -26px;
}

/* @section 4.1.2 Slider */

.formSlider {
    width: 13.5em;
    display: inline-block;
    margin-top: 9px
}

.formSlider .sliderDummys li {
    display: inline-block;
    margin: 0 0.075em;
    width: 20px
}

.formSlider .sliderDummys li a {
    cursor: pointer;
    display: block;
    height: 2.25em;
    width: 2em;
}

.formSlider .sliderDummys li a:before {
    color: #909090;
    content: "X";
    font: 2.75em/0.75em "icon pvg";
    margin-left: -0.15em;
}

.formSlider .sliderDummys li.active a:before {
    color: #f95400;
}

.formSlider .sliderDummys .dummy1 {
    font-size: 0.7em
}

.formSlider .sliderDummys .dummy2 {
    font-size: 0.8em
}

.formSlider .sliderDummys .dummy3 {
    font-size: 0.9em
}

.formSlider .sliderDummys .dummy5 {
    font-size: 1.1em
}

.formSlider .sliderDummys .dummy6 {
    font-size: 1.2em
}

.formSlider .ui-slider,
.formSlider .ui-slider-range {
    height: 4px;
    background: #fff
}

.formSlider .ui-slider {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #D7D7D7;
    -webkit-box-shadow: 0px 0px 5px #D7D7D7;
    box-shadow: 0px 0px 5px #D7D7D7;
    margin: 1em 0 1em 0.5em;
    position: relative;
    width: 9.5em;
}

.formSlider .ui-slider-range {
    border: 1px solid #fa7300;
    border-radius: 4px;
    display: block;
    margin: -2px 0 0 -2px;
}

.formSlider .ui-slider .ui-slider-handle {
    background: none repeat scroll 0 0 #fa7300;
    border-color: #fa7300;
    display: block;
    height: 1.125em;
    margin-left: -0.375em;
    position: absolute;
    top: -0.25em;
    width: 0.75em;
}

.formSlider .ui-slider .ui-slider-handle::after,
.ui-slider-handle.ui-state-hover::after {
    border-color: rgba(249, 116, 0, 0) rgba(249, 116, 0, 0) #fa7300;
    border-radius: 0;
    border-style: solid;
    border-width: 0.375em;
    bottom: 100%;
    box-shadow: none;
    content: "";
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    transform: scale(0.999);
    width: auto;
}

.formSlider .size {
    color: #909090;
    font-size: 1em;
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 1em;
}

/* @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 309px
}

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

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

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

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

/* @section 4.2.1 Form Box */

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

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

/* @section 4.2.1 Regions Box */

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

/* @section 4.2.2 Seo */

.boxSeo {
    padding: 0;
}

.boxSeo a {
    cursor: pointer
}

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

/* @section 4.2 Searchresults */

/* @section 4.2.2 Toptariff */

/* @section 4.2.2.1 Toptariff 4 */

/* @section 4.2.3.2 Erläuterung */

/* @section 4.3 Formdatastep 1-3 */

.boxNote.info .infoIcon {
    background: url("../img/gasIcons.png") no-repeat 0 0
}

/* @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: -120px top
}

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

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

/* @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 2.12 Modal */

.layerContent #importantInformation dt {
    display: inline-block;
    width: 20%
}

.layerContent #importantInformation dd {
    display: inline-block;
    width: 79%
}

.guidelines ul li {
    list-style-type: disc;
    margin-left: 20px
}

/* @section 5 Datails */

/* @section 5.1 Tarifdatails */

/* @section 9.4 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 10. SEO */

.seoContent p:last-child {
    margin-bottom: 0
}

/* @section 4.7.1 Strom News Seite */

.seoForm {
    height: 149px;
}

.seoForm form {
    display: inline-block;
    height: 144px;
    margin-left: 170px;
    text-align: right;
    width: 365px;
}

.seoForm .titleThirdLevel {
    margin-left: 23%;
}

.seoForm .image {
    background: url('../img/pvg_sprite_seo.png') no-repeat scroll 0 0 transparent;
    height: 169px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 191px
}

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

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

.seoForm label.error {
    width: auto
}

.seoLinks li {
    float: left;
    width: 185px
}

/* @section 10.4 Carusel */

.boxCarousel {
    background: #f6faff;
    border: 1px solid #bccee2;
    background: -moz-linear-gradient(top, #fafcff 50%, #dbecff);
    background: -ms-linear-gradient(top, #fafcff 50%, #dbecff);
    background: -o-linear-gradient(top, #fafcff 50%, #dbecff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#fafcff, 50%), to(#dbecff));
    background: -webkit-linear-gradient(top, #fafcff 50%, #dbecff);
    background: linear-gradient(top, #fafcff 50%, #dbecff)
}

.boxCarousel .jcarousel-clip {
    margin: 0
}

.boxCarousel .jcarousel-item-horizontal {
    margin: 0 13px
}

/* @section 10.5 Alphabetische Liste */

.lexikonList {
    position: relative
}

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

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

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

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

.lexikonList .lexikonHeadline {
    margin-bottom: 5px;
    font-weight: 500
}

.lexikonList .lexikonImg {
    float: left;
    margin: 0 10px 10px 0
}

.lexikonList li a {
    display: inline-block
}

/* @section 40.4 Blog-Pagination */

/* @section 2.15 Banner */

/* @section 15. Seo Vergleichseite */

.seocontentVergleich .calculatorWrapper > ul > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.seocontentVergleich .calculatorWrapper .sliderBox {
    margin-right: 30px
}

.seocontentVergleich .calculatorWrapper .formInput {
    margin-right: 30px;
    width: 135px
}

.seocontentVergleich .calculatorWrapper .formInput label {
    font-weight: 500;
    margin-right: 5px
}

.seocontentVergleich .calculatorWrapper .sliderBox {
    position: relative;
    width: 420px
}

.seocontentVergleich .calculatorWrapper .sliderBox #usg {
    left: 320px;
    position: absolute;
    top: 28px
}

.seocontentVergleich .calculatorWrapper .sliderBox .labelSlider {
    font-weight: 500;
    position: absolute;
    left: 170px;
    top: 33px
}

.seocontentVergleich .calculatorWrapper .sliderBox .error.labelError .icoError {
    background-position: center -64px;
    height: 24px;
    margin-top: -1px
}

.seocontentVergleich .titleDefault,
.seocontentVergleich .ui-accordion {
    margin-top: 10px
}

.seocontentVergleich .referenceBox {
    background: -moz-linear-gradient(center top, #F6F6F6, #EBEBEB) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #D6D6D6;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500
}

.seocontentVergleich .referenceBox .innerBox {
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 2px #fff inset;
    display: inline-block;
    padding: 5px 10px
}

.seocontentVergleich .resultsTable {
    border-width: 1px
}

.boxCompare {
    position: relative;
    height: 144px
}

.stickit {
    position: fixed;
    top: 0;
    z-index: 1000;
    border: 1px solid #23a6e1;
    background: #f3f8ff;
    background: -moz-linear-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%);
    background: -ms-linear-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%);
    background: -o-linear-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%);
    background: -webkit-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%);
    background: -webkit-linear-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%);
    background: linear-gradient(#fafcff 0, #fafcff 50%, #dbecff 100%)
}

.stickit-end {
    bottom: 0;
    position: absolute;
    right: 0
}

.fixedVergleichForm {
    position: fixed;
    right: 1%;
    bottom: 10%;
    z-index: 1000;
    width: 27em;
    border: 5px solid #dcdcdc;
    border-radius: 4px;
}

.fixedVergleichForm .hideLayer {
    display: none !important;
}

.fixedVergleichForm > div {
    margin: 10px;
}

.fixedVergleichForm .boxTitle {
    margin: 0;
    border-top: 5px solid #dcdcdc;
}

.fixedVergleichForm .hasTooltip {
    display: none;
}

.fixedVergleichForm .labelSlider {
    line-height: 2.5em;
}

.fixedVergleichForm .formSlider {
    margin-left: 5px;
}

.fixedVergleichForm .criteria li {
    margin-bottom: 1em;
}

.fixedVergleichForm label {
    display: inline-block;
    text-align: right;
    width: 44%;
}

.formDefault .fixedVergleichForm input:not([type="checkbox"]):not([type="radio"]),
.formDefault .fixedVergleichForm select {
    font: 1.4em/2em Rubik, sans-serif;
    text-align: center;
    width: 9em;
}

.fixedVergleichForm .buttonDefault {
    margin: 1em auto 0;
    display: block !important;
}

.fixedVergleichForm .buttonList {
    display: none;
}

@media (max-width: 980px) {
    .seoForm .popover {
        display: none;
    }
}

@media (max-width: 650px) {
    .boxTeaserMain .seals {
        width: 234px;
    }

    .seals .seal-widget {
        width: 155px;
    }
}

@media (max-width: 600px) {
    .seoForm .formDefault {
        margin: 0;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .fixedVergleichForm {
        width: 94%;
        top: 2%;
        bottom: auto;
        right: auto;
        font-size: 0.85em;
    }

    .fixedVergleichForm > div {
        margin: 1em 0;
        text-align: center;
    }

    .fixedVergleichForm .ui-slider {
        display: none;
    }

    .fixedVergleichForm label {
        text-align: inherit;
        font-size: 1.25em;
        width: 30%;
    }
}