/**
 * @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[type=text], .formDefault select {font:1em Rubik, sans-serif}

/* @section 2. formDefault */

.formDefault textarea, .formDefault input[type=text], .formDefault select {padding:2px;border:1px solid #d6d6d6}
.formDefault input[type=text], .formDefault select {height:24px}

/* @section 2.1 IE7 */

.ie7 .formDefault input[type=text] {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: bold 1.375em Rubik, sans-serif;
    padding: 0.5em 1.675em 0.5em 0.675em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    position: relative
}

.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}

/* weisse Pfeile */

.buttonDefault:after,
.buttonAlternative:after,
.buttonDefaultSmall:after,
.buttonAlternativeSmall:after {content:'\00bb';font:bold 1.5em/1.3em Rubik, sans-serif;position:absolute;margin-top:-0.75em;right:0.45em;top:50%}

.buttonDefaultBackSmall:after,
.buttonAlternativeBackSmall:after {content:'\00ab';font:bold 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:url('../../img/pvg_sprite_buttons_3.6.3.png') #0d65be;
background:-moz-linear-gradient(top, #149bd5, #0d65be);
background:-ms-linear-gradient(top, #149bd5, #0d65be);
background:-o-linear-gradient(top, #149bd5, #0d65be);
background:-webkit-gradient(linear, left top, left bottom, from(#149bd5), to(#0d65be));
background:-webkit-linear-gradient(top, #149bd5, #0d65be);
background:linear-gradient(top, #149bd5, #0d65be)}

.buttonDefault:hover,
.buttonAlternative:hover,
.buttonDefaultSmall:hover,
.buttonAlternativeSmall:hover,
.buttonDefaultBackSmall:hover,
.buttonAlternativeBackSmall:hover {
background-position:0 -360px;
background-color:#0e70d4;
background:-moz-linear-gradient(top, #16aded, #0e70d4);
background:-ms-linear-gradient(top, #16aded, #0e70d4);
background:-o-linear-gradient(top, #16aded, #0e70d4);
background:-webkit-gradient(linear, left top, left bottom, from(#16aded), to(#0e70d4));
background:-webkit-linear-gradient(top, #16aded, #0e70d4);
background:linear-gradient(top, #16aded, #0e70d4)}

/* 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) */

.layoutEnergy .buttonDefault,
.layoutEnergy .buttonDefaultSmall,
.layoutEnergy .buttonDefaultBackSmall {
background-position:0 -135px;
background-color:#f95400;
background:-moz-linear-gradient(top, #fb8000, #f95400);
background:-ms-linear-gradient(top, #fb8000, #f95400);
background:-o-linear-gradient(top, #fb8000, #f95400);
background:-webkit-gradient(linear, left top, left bottom, from(#fb8000), to(#f95400));
background:-webkit-linear-gradient(top, #fb8000, #f95400);
background:linear-gradient(top, #fb8000, #f95400)}

.layoutEnergy .buttonDefault:hover,
.layoutEnergy .buttonDefaultSmall:hover,
.layoutEnergy .buttonDefaultBackSmall:hover {
background-position:0 -495px;
background-color:#ff6900;
background:-moz-linear-gradient(top, #ffa000, #ff6900);
background:-ms-linear-gradient(top, #ffa000, #ff6900);
background:-o-linear-gradient(top, #ffa000, #ff6900);
background:-webkit-gradient(linear, left top, left bottom, from(#ffa000), to(#ff6900));
background:-webkit-linear-gradient(top, #ffa000, #ff6900);
background:linear-gradient(top, #ffa000, #ff6900)}

/* 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}