/**
 * @lastmodified $Id: pvg_form.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Font Reset
 * 2. formDefault
 *    2.1 IE7
 * 3. formCustom
 * 4. formLead
 * 5. Buttons
 *    5.1 Globales Aussehen
 *    5.2 Default und Alternative
 *    5.3 Button Mixed
 *    5.4 Button Loading
 *    5.5 Button Retail
 *    5.6 IE7 - Button
 */

/* @section 1. Font Reset */

.formDefault textarea, .formDefault input:not([type="checkbox"]):not([type="radio"]), .formDefault select {
    font: 0.9em Rubik, sans-serif;
}

/* @section 2. formDefault */

.formDefault textarea, .formDefault input:not([type="checkbox"]):not([type="radio"]) {
    border: 1px solid #d6d6d6;
    padding: 2px 4px;
}

.formDefault select {
    border: 1px solid #d6d6d6;
    padding: 2px 2px 2px 0;
}

.formDefault input:not([type="checkbox"]):not([type="radio"]), .formDefault select {
    height: 24px
}

/* @section 2.1 IE7 */

.ie7 .formDefault input:not([type="checkbox"]):not([type="radio"]) {
    height: 18px
}

/* @section 3. formCustom */

.formCustom {
    color: #fff;
    text-shadow: 1px 1px 1px #b27b00;
    padding: 9px 16px;
    margin: 5px -15px;
    position: relative;
    background: #ffad08;
    background: -moz-linear-gradient(top, #ffbf0a, #ff9b06);
    background: -ms-linear-gradient(top, #ffbf0a, #ff9b06);
    background: -o-linear-gradient(top, #ffbf0a, #ff9b06);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbf0a), to(#ff9b06));
    background: -webkit-linear-gradient(top, #ffbf0a, #ff9b06);
    background: linear-gradient(top, #ffbf0a, #ff9b06)
}

.formCustom .cornerRight, .formCustom .cornerLeft {
    position: absolute;
    bottom: -5px;
    width: 5px;
    height: 5px;
    background: url('../img/pvg_sprite_3.6.3.png')
}

.formCustom .cornerLeft {
    left: 0;
    background-position: -19px 0
}

.formCustom .cornerRight {
    right: 0;
    background-position: -24px 0
}

.formCustom input, .formCustom select {
    margin: 0 10px;
    font: 1em Rubik, sans-serif;
    border: 2px solid #d0890a
}

.formCustom input {
    padding: 6px
}

.formCustom select {
    padding: 5px
}

/* @section 4. formLead */

.formLead fieldset {
    background: #fdfdfd;
    background: -moz-linear-gradient(left, #f7f7f7, #fff 50%, #f7f7f7);
    background: -ms-linear-gradient(left, #f7f7f7, #fff 50%, #f7f7f7);
    background: -o-linear-gradient(left, #f7f7f7, #fff 50%, #f7f7f7);
    background: -webkit-gradient(linear, left top, right top, from(#f7f7f7), color-stop(#fff, 50%), to(#f7f7f7));
    background: -webkit-linear-gradient(left, #f7f7f7, #fff 50%, #f7f7f7);
    background: linear-gradient(left, #f7f7f7, #fff 50%, #f7f7f7);
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px #fff inset, 0 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 4em 1.5em 1.5em;
    position: relative
}

.ie7 .formLead fieldset,
.ie8 .formLead fieldset {
    border: 1px solid #e8e8e8
}

/* @section 5. Buttons */

/* @section 5.1 Globales Aussehen */

.slidingButton:hover {
    text-decoration: none;
    color: #fff
}

/* @section 5.2 Default und Alternative */

.buttonDefault, .buttonAlternative,
.buttonDefaultSmall, .buttonAlternativeSmall,
.buttonDefaultBackSmall, .buttonAlternativeBackSmall {
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    font: 1.375em Rubik, sans-serif;
    padding: 0.5em 1.675em 0.5em 0.675em;
    position: relative;
    transition: all .15s;
}

.buttonDefaultSmall, .buttonAlternativeSmall {
    font-size: 1em;
    padding: 0.375em 1.75em 0.375em 0.75em
}

.buttonDefaultBackSmall, .buttonAlternativeBackSmall {
    font-size: 1em;
    padding: 0.375em 0.75em 0.375em 1.75em
}

.moreDetailsButton {
    position: relative;
    padding-right: 1.5em;
}

.moreDetailsButton::after,
.buttonDefault::after,
.buttonAlternative::after,
.buttonDefaultSmall::after,
.buttonAlternativeSmall::after {
    content: '\203A';
    font-size: 1.5em;
    line-height: 0;
    position: absolute;
    right: 0.45em;
    top: 50%;
}

.buttonDefaultSmall.buttonNoArrow,
.buttonDefault.buttonNoArrow {
    padding-right: .75em;
}

.buttonDefaultSmall.buttonNoArrow::after,
.buttonDefault.buttonNoArrow::after {
    display: none;
}

.buttonDefaultBackSmall::after,
.buttonAlternativeBackSmall::after {
    content: '\203A';
    font: 1.5em/1.3em Rubik, sans-serif;
    position: absolute;
    margin-top: -0.75em;
    left: 0.375em;
    top: 50%
}

/* Blaue Buttons - Default (Index) + Alternative (Portals) */

.buttonDefault,
.buttonAlternative,
.buttonDefaultSmall,
.buttonAlternativeSmall,
.buttonDefaultBackSmall,
.buttonAlternativeBackSmall {
    background: #0d65be;
}

.buttonDefault:hover,
.buttonAlternative:hover,
.buttonDefaultSmall:hover,
.buttonAlternativeSmall:hover,
.buttonDefaultBackSmall:hover,
.buttonAlternativeBackSmall:hover {
    background-color: #ff3c00;
}

/* Grüne Buttons - Alternative (Index) + Default (Deals) */

.layoutIndex .buttonAlternative,
.layoutDeals .buttonDefault,
.layoutIndex .buttonAlternativeSmall,
.layoutDeals .buttonDefaultSmall,
.layoutIndex .buttonAlternativeBackSmall,
.layoutDeals .buttonDefaultBackSmall {
    background-position: 0 -270px;
    background-color: #50930e;
    background: -moz-linear-gradient(top, #7bb916, #50930e);
    background: -ms-linear-gradient(top, #7bb916, #50930e);
    background: -o-linear-gradient(top, #7bb916, #50930e);
    background: -webkit-gradient(linear, left top, left bottom, from(#7bb916), to(#50930e));
    background: -webkit-linear-gradient(top, #7bb916, #50930e);
    background: linear-gradient(top, #7bb916, #50930e)
}

.layoutIndex .buttonAlternative:hover,
.layoutDeals .buttonDefault:hover,
.layoutIndex .buttonAlternativeSmall:hover,
.layoutDeals .buttonDefaultSmall:hover,
.layoutIndex .buttonAlternativeBackSmall:hover,
.layoutDeals .buttonDefaultBackSmall:hover {
    background-position: 0 -630px;
    background-color: #59a410;
    background: -moz-linear-gradient(top, #89ce18, #59a410);
    background: -ms-linear-gradient(top, #89ce18, #59a410);
    background: -o-linear-gradient(top, #89ce18, #59a410);
    background: -webkit-gradient(linear, left top, left bottom, from(#89ce18), to(#59a410));
    background: -webkit-linear-gradient(top, #89ce18, #59a410);
    background: linear-gradient(top, #89ce18, #59a410)
}

/* Button Violett - Default (Insurance) */

.layoutInsurance .buttonDefault,
.layoutInsurance .buttonDefaultSmall,
.layoutInsurance .buttonDefaultBackSmall {
    background-position: 0 -45px;
    background-color: #893787;
    background: -moz-linear-gradient(top, #b355b1, #893787);
    background: -ms-linear-gradient(top, #b355b1, #893787);
    background: -o-linear-gradient(top, #b355b1, #893787);
    background: -webkit-gradient(linear, left top, left bottom, from(#b355b1), to(#893787));
    background: -webkit-linear-gradient(top, #b355b1, #893787);
    background: linear-gradient(top, #b355b1, #893787)
}

.layoutInsurance .buttonDefault:hover,
.layoutInsurance .buttonDefaultSmall:hover,
.layoutInsurance .buttonDefaultBackSmall:hover {
    background-position: 0 -405px;
    background-color: #993d96;
    background: -moz-linear-gradient(top, #c75fc5, #993d96);
    background: -ms-linear-gradient(top, #c75fc5, #993d96);
    background: -o-linear-gradient(top, #c75fc5, #993d96);
    background: -webkit-gradient(linear, left top, left bottom, from(#c75fc5), to(#993d96));
    background: -webkit-linear-gradient(top, #c75fc5, #993d96);
    background: linear-gradient(top, #c75fc5, #993d96)
}

/* Button Red - Default (Finance) */

.layoutFinance .buttonDefault,
.layoutFinance .buttonDefaultSmall,
.layoutFinance .buttonDefaultBackSmall {
    background-position: 0 -90px;
    background-color: #c71839;
    background: -moz-linear-gradient(top, #db2558, #c71839);
    background: -ms-linear-gradient(top, #db2558, #c71839);
    background: -o-linear-gradient(top, #db2558, #c71839);
    background: -webkit-gradient(linear, left top, left bottom, from(#db2558), to(#c71839));
    background: -webkit-linear-gradient(top, #db2558, #c71839);
    background: linear-gradient(top, #db2558, #c71839)
}

.layoutFinance .buttonDefault:hover,
.layoutFinance .buttonDefaultSmall:hover,
.layoutFinance .buttonDefaultBackSmall:hover {
    background-position: 0 -450px;
    background-color: #de1b3f;
    background: -moz-linear-gradient(top, #f42962, #de1b3f);
    background: -ms-linear-gradient(top, #f42962, #de1b3f);
    background: -o-linear-gradient(top, #f42962, #de1b3f);
    background: -webkit-gradient(linear, left top, left bottom, from(#f42962), to(#de1b3f));
    background: -webkit-linear-gradient(top, #f42962, #de1b3f);
    background: linear-gradient(top, #f42962, #de1b3f)
}

/* Button Darkorange - Default (Energy) */

.buttonDefault.orange,
.buttonDefaultSmall.orange,
.buttonDefaultBackSmall.orange,
.layoutEnergy .buttonDefault,
.layoutEnergy .buttonDefaultSmall,
.layoutEnergy .buttonDefaultBackSmall {
    background: #fa5e00;
}

.buttonDefault.orange:hover,
.buttonDefaultSmall.orange:hover,
.buttonDefaultBackSmall.orange:hover,
.layoutEnergy .buttonDefault:hover,
.layoutEnergy .buttonDefaultSmall:hover,
.layoutEnergy .buttonDefaultBackSmall:hover {
    background: #fb8000;
}

.layoutEnergy .buttonDefaultSmall.buttonDefaultLight,
.buttonDefaultSmall.buttonDefaultLight,
.layoutEnergy .buttonDefault.buttonDefaultLight,
.buttonDefault.buttonDefaultLight {
    background: #aaa;
}

.layoutEnergy .buttonDefaultSmall.buttonDefaultLight:hover,
.buttonDefaultSmall.buttonDefaultLight:hover,
.layoutEnergy .buttonDefault.buttonDefaultLight:hover,
.buttonDefault.buttonDefaultLight:hover {
    background: #bbb;
}

/* Button Lightgreen - Default (Web) */

.layoutWeb .buttonDefault,
.layoutWeb .buttonDefaultSmall,
.layoutWeb .buttonDefaultBackSmall {
    background-position: 0 -180px;
    background-color: #8faf11;
    background: -moz-linear-gradient(top, #b6cb1a, #8faf11);
    background: -ms-linear-gradient(top, #b6cb1a, #8faf11);
    background: -o-linear-gradient(top, #b6cb1a, #8faf11);
    background: -webkit-gradient(linear, left top, left bottom, from(#b6cb1a), to(#8faf11));
    background: -webkit-linear-gradient(top, #b6cb1a, #8faf11);
    background: linear-gradient(top, #b6cb1a, #8faf11)
}

.layoutWeb .buttonDefault:hover,
.layoutWeb .buttonDefaultSmall:hover,
.layoutWeb .buttonDefaultBackSmall:hover {
    background-position: 0 -540px;
    background-color: #9fc313;
    background: -moz-linear-gradient(top, #cbe21d, #9fc313);
    background: -ms-linear-gradient(top, #cbe21d, #9fc313);
    background: -o-linear-gradient(top, #cbe21d, #9fc313);
    background: -webkit-gradient(linear, left top, left bottom, from(#cbe21d), to(#9fc313));
    background: -webkit-linear-gradient(top, #cbe21d, #9fc313);
    background: linear-gradient(top, #cbe21d, #9fc313)
}

/* Button Tuerkis - Default (Travel) */

.layoutTravel .buttonDefault,
.layoutTravel .buttonDefaultSmall,
.layoutTravel .buttonDefaultBackSmall {
    background-position: 0 -225px;
    background-color: #00979f;
    background: -moz-linear-gradient(top, #00bbc1, #00979f);
    background: -ms-linear-gradient(top, #00bbc1, #00979f);
    background: -o-linear-gradient(top, #00bbc1, #00979f);
    background: -webkit-gradient(linear, left top, left bottom, from(#00bbc1), to(#00979f));
    background: -webkit-linear-gradient(top, #00bbc1, #00979f);
    background: linear-gradient(top, #00bbc1, #00979f)
}

.layoutTravel .buttonDefault:hover,
.layoutTravel .buttonDefaultSmall:hover,
.layoutTravel .buttonDefaultBackSmall:hover {
    background-position: 0 -585px;
    background-color: #00a8b1;
    background: -moz-linear-gradient(top, #00d0d7, #00a8b1);
    background: -ms-linear-gradient(top, #00d0d7, #00a8b1);
    background: -o-linear-gradient(top, #00d0d7, #00a8b1);
    background: -webkit-gradient(linear, left top, left bottom, from(#00d0d7), to(#00a8b1));
    background: -webkit-linear-gradient(top, #00d0d7, #00a8b1);
    background: linear-gradient(top, #00d0d7, #00a8b1)
}

/* Button Orange - Default (Shopping) */

.layoutShopping .buttonDefault,
.layoutShopping .buttonDefaultSmall,
.layoutShopping .buttonDefaultBackSmall {
    background-position: 0 -315px;
    background-color: #ffaf07;
    background: -moz-linear-gradient(top, #ffd50b, #ffaf07);
    background: -ms-linear-gradient(top, #ffd50b, #ffaf07);
    background: -o-linear-gradient(top, #ffd50b, #ffaf07);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd50b), to(#ffaf07));
    background: -webkit-linear-gradient(top, #ffd50b, #ffaf07);
    background: linear-gradient(top, #ffd50b, #ffaf07)
}

.layoutShopping .buttonDefault:hover,
.layoutShopping .buttonDefaultSmall:hover,
.layoutShopping .buttonDefaultBackSmall:hover {
    background-position: 0 -675px;
    background-color: #ff9d06;
    background: -moz-linear-gradient(top, #ffbf0a, #ff9d06);
    background: -ms-linear-gradient(top, #ffbf0a, #ff9d06);
    background: -o-linear-gradient(top, #ffbf0a, #ff9d06);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbf0a), to(#ff9d06));
    background: -webkit-linear-gradient(top, #ffbf0a, #ff9d06);
    background: linear-gradient(top, #ffbf0a, #ff9d06)
}

/* @section 5.3 Button Mixed */

/* Button Back */

.buttonBack {
    display: inline-block;
    color: #7a7a7a
}

/* Button Light */

.buttonLight {
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f6f6f6, #ebebeb);
    background: -ms-linear-gradient(top, #f6f6f6, #ebebeb);
    background: -o-linear-gradient(top, #f6f6f6, #ebebeb);
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ebebeb));
    background: -webkit-linear-gradient(top, #f6f6f6, #ebebeb);
    background: linear-gradient(top, #f6f6f6, #ebebeb);
    display: inline-block;
    line-height: 18px;
    border: 1px solid #d6d6d6;
    padding: 5px 10px;
    color: #5e5e5e;
    text-shadow: 0 1px #fff;
    text-decoration: none;
    cursor: pointer;
    font: 1em/18px Rubik, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff
}

.buttonLight:hover {
    color: #50930e;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 #fff, inset 0 0 2px 1px #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 #fff, inset 0 0 2px 1px #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 #fff, inset 0 0 2px 1px #fff
}

.buttonLight:focus, .buttonLight:active {
    background: #f6f6f6;
    background: -moz-linear-gradient(bottom, #f6f6f6, #ebebeb);
    background: -ms-linear-gradient(bottom, #f6f6f6, #ebebeb);
    background: -o-linear-gradient(bottom, #f6f6f6, #ebebeb);
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ebebeb));
    background: -webkit-linear-gradient(bottom, #f6f6f6, #ebebeb);
    background: linear-gradient(bottom, #f6f6f6, #ebebeb);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15), inset 0 1px 0 #fff
}

.buttonLight span span {
    vertical-align: middle
}

/* Button Light - Icon Versionen */

.buttonPlus > span, .buttonMinus > span, .buttonCallback > span, .buttonClock > span {
    background: url('../img/pvg_sprite_icon_3.6.3.png') no-repeat
}

.buttonPlus > span {
    background-position: -10px -1418px
}

.buttonMinus > span {
    background-position: -10px -1448px
}

.buttonCallback > span {
    background-position: -10px -1478px
}

.buttonClock > span {
    background-position: -10px -1508px
}

.buttonPlus span span, .buttonMinus span span, .buttonCallback span span, .buttonClock span span {
    padding-left: 20px
}

/* @section 5.4 Button Loading */

.slidingButton.buttonLoading,
.slidingButton.buttonLoadingSmall {
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background: #bbb;
    color: transparent;
    cursor: default;
    text-shadow: none
}

.buttonLoading:after,
.buttonLoadingSmall:after {
    -moz-animation: 1s linear 0.5s infinite rotate;
    -ms-animation: 1s linear 0.5s infinite rotate;
    -o-animation: 1s linear 0.5s infinite rotate;
    -webkit-animation: 1s linear 0.5s infinite rotate;
    animation: 1s linear 0.5s infinite rotate;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    content: 'e';
    font: 22px 'icon pvg';
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -0.625em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25)
}

.buttonLoadingSmall:after {
    font: 16px 'icon pvg'
}

.ie .buttonLoading:after,
.ie7 .buttonLoading:after,
.ie8 .buttonLoading:after {
    content: url(../img/pvg_spinner.gif)
}

/* @section 5.5 Button Retail */

.buttonRetail,
.buttonRetailForward {
    background: #0d67bf;
    background: -moz-linear-gradient(top, #267ed0, #0d67bf);
    background: -ms-linear-gradient(top, #267ed0, #0d67bf);
    background: -o-linear-gradient(top, #267ed0, #0d67bf);
    background: -webkit-gradient(linear, left top, left bottom, from(#267ed0), to(#0d67bf));
    background: -webkit-linear-gradient(top, #267ed0, #0d67bf);
    background: linear-gradient(top, #267ed0, #0d67bf);
    -moz-border-radius: 0.325em;
    -webkit-border-radius: 0.325em;
    border-radius: 0.325em;
    -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font: bold 1.25em/2.5em Rubik, sans-serif;
    padding: 0 0.5em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25)
}

.buttonRetail:hover,
.buttonRetailForward:hover {
    color: #fff;
    cursor: pointer;
    background: #267ed0;
    background: -moz-linear-gradient(bottom, #267ed0, #0d67bf);
    background: -ms-linear-gradient(bottom, #267ed0, #0d67bf);
    background: -o-linear-gradient(bottom, #267ed0, #0d67bf);
    background: -webkit-gradient(linear, left top, left bottom, from(#267ed0), to(#0d67bf));
    background: -webkit-linear-gradient(bottom, #267ed0, #0d67bf);
    background: linear-gradient(bottom, #267ed0, #0d67bf)
}

.buttonRetailForward:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 2px 1px 0 rgba(0, 56, 145, 0.7) inset, 0 -2px 1px 0 rgba(120, 195, 255, 0.7) inset;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 56, 145, 0.7) inset, 0 -2px 1px 0 rgba(120, 195, 255, 0.7) inset;
    box-shadow: 0 2px 1px 0 rgba(0, 56, 145, 0.7) inset, 0 -2px 1px 0 rgba(120, 195, 255, 0.7) inset;
    background: #0055A8;
    content: '>';
    display: inline-block;
    font: 1.25em/1.625em 'icon pvg', Rubik, sans-serif;
    margin-left: 0.5em;
    padding: 0 0.5em;
    vertical-align: middle
}

/* @section 5.6 IE7 - Button */

.ie7 .slidingButton .afterFix {
    font: bold 1.5em/1.125em Rubik, sans-serif;
    position: absolute
}

.ie7 .buttonDefaultSmall .afterFix, .ie7 .buttonAlternativeSmall .afterFix {
    right: 0.25em;
    top: 0
}

.ie7 .buttonDefaultBackSmall .afterFix, .ie7 .buttonAlternativeBackSmall .afterFix {
    left: 0.25em;
    top: 0
}

.ie7 .buttonDefault .afterFix, .ie7 .buttonAlternative .afterFix {
    right: 0.25em;
    top: 0.125em
}