/**
 * @lastmodified $Id: pvg_form.css 4305 2013-11-12 13:59:40Z h.ruhs $
 * @since 3.6.2
 *
 * @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 IE7 - Button
 */

/* @section 1. Font Reset */

.formDefault textarea, .formDefault input[type=text], .formDefault select {font:1em arial}

/* @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.2.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 arial;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;
    color: #fff;
    font: bold 1.375em arial;
    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 arial;position:absolute;margin-top:-0.75em;right:0.375em;top:50%}

.buttonDefaultBackSmall:after,
.buttonAlternativeBackSmall:after {content:'\00ab';font:bold 1.5em/1.3em arial;position:absolute;margin-top:-0.75em;left:0.375em;top:50%}

.layoutWeb .buttonDefault,
.layoutWeb .buttonDefaultSmall,
.layoutWeb .buttonDefaultBackSmall,
.buttonAlternativeSmall {
    background: #C62000;
}

.layoutWeb .buttonDefault:hover,
.layoutWeb .buttonDefaultSmall:hover,
.layoutWeb .buttonDefaultBackSmall:hover,
.buttonAlternativeSmall:hover {
    background: #F13A00;
}

.buttonDefault,
.buttonAlternative,
.buttonDefaultSmall,
.buttonDefaultBackSmall,
.buttonAlternativeBackSmall {
    background: url('../../img/pvg_sprite_buttons_3.6.2.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,
.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 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:#767676}

/* 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 arial;
    border-radius: 4px;
    -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.2.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 IE7 - Button */

.ie7 .slidingButton .afterFix {font:bold 1.5em/1.125em arial;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}