/**
 * @lastmodified $Id: pvg_box.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Boxes
 *    1.1 Box Default
 *    1.2 Box Alternative
 *    1.3 Box Custom
 *    1.4 Box Note
 *    1.5 Box Teaser
 */

/* @section 1. Boxes */

.box {border:1px solid;padding:10px}

/* @section 1.1 Box Default */

.boxDefault {
background:#f6faff;
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);
border-color:#bccee2}

/* @section 1.2 Box Alternative */

.boxAlternative {border-color:#d6d6d6;background:#fff}

/* @section 1.3 Box Custom */

.boxCustom {
background:#fafafa;
background:-moz-linear-gradient(top, #fafafa 50%, #f5f5f5);
background:-ms-linear-gradient(top, #fafafa 50%, #f5f5f5);
background:-o-linear-gradient(top, #fafafa 50%, #f5f5f5);
background:-webkit-gradient(linear, left top, left bottom, color-stop(#fafafa, 50%), to(#f5f5f5));
background:-webkit-linear-gradient(top, #fafafa 50%, #f5f5f5);
background:linear-gradient(top, #fafafa 50%, #f5f5f5);
border-color:#d6d6d6}

/* @section 1.4 Box Note */

.boxNote {padding:10px}

/* @section 1.5 Box Teaser */

.boxTeaser {
border:1px solid #bccee2;padding:1.25em;position:relative;background:#eff7ff;
background:-moz-linear-gradient(top, #e2effd, #d8eafe 245px, #fff 245px, #e6f2fe 246px, #d6e9fe);
background:-ms-linear-gradient(top, #e2effd, #d8eafe 245px, #fff 245px, #e6f2fe 246px, #d6e9fe);
background:-o-linear-gradient(top, #e2effd, #d8eafe 245px, #fff 245px, #e6f2fe 246px, #d6e9fe);
background:-webkit-gradient(linear, left top, left bottom, from(#e2effd), color-stop(#d8eafe, 245px), color-stop(#fff, 245px), color-stop(#e6f2fe, 246px), to(#d6e9fe));
background:-webkit-linear-gradient(top, #e2effd, #d8eafe 245px, #fff 245px, #e6f2fe 246px, #d6e9fe);
background:linear-gradient(top, #e2effd, #d8eafe 245px, #fff 245px, #e6f2fe 246px, #d6e9fe)}

/* Teaser Default Elements */

.boxTeaser .badgeGuarantee, .boxTeaser .badgeTuev {position:absolute}
.boxTeaser .titleSecondLevel {margin:0 0 0.25em 240px;font:700 2.5em Rubik, sans-serif}
.boxTeaser .titleThirdLevel {font:1.625em/1.25em Rubik, sans-serif;margin:0 0 1em 240px}
.boxTeaser .badgeDefaultLarge {position:absolute;right:-1px;top:-1px;height:131px;width:131px;border:1px solid #294D8F;border-width:1px 1px 0 0}

/* Carousel */

.boxTeaserAlternative .jcarousel-container {margin:0 -15px -15px;background:#fff;
background:-moz-linear-gradient(top, #e7f2fd, #fff 25%);
background:-ms-linear-gradient(top, #e7f2fd, #fff 25%);
background:-o-linear-gradient(top, #e7f2fd, #fff 25%);
background:-webkit-gradient(linear, left top, left bottom, from(#e7f2fd), color-stop(#fff, 25%));
background:-webkit-linear-gradient(top, #e7f2fd, #fff 25%);
background:linear-gradient(top, #e7f2fd, #fff 25%);
}