/**
 * @lastmodified $Id: pvg_interface.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Breadcrumb
 * 2. Listing
 * 3. Carousel
 *    3.1 Carousel Horizontal
 *    3.2 Carousel Vertical
 *    3.3 Carousel Divider
 * 4. Menu
 *    4.1 Farben
 *    4.2 Global
 *    4.3 Elemente
 * 5. Pagination
 *    5.1 IE7 - Pagination
 * 6. Ratings
 *    6.1 IE7 - Ratings
 *    6.2 Default
 *    6.3 Alternative
 *    6.4 Plus und Minus der Ratings
 * 7. Progressbar
 *    7.1 Overlay
 *    7.2 Listen Items
 *    7.3 Progress
 *    7.4 Progress
 *    7.5 100% Fix
 * 8. Table
 *    8.1 Default Tabelle
 *    8.2 Kostentabele
 *    8.3 IE7 - Icons
 * 9. Loader
 * 10. Loader Bar
 * 11. Teaser Elements
 *    11.1 IE 7
 */

/* @section 1. Breadcrumb */

.breadcrumb li {margin-right:5px}
.breadcrumb li a {text-decoration:none}
.breadcrumb li a:hover {color:#72ac0c;text-decoration:underline}
.breadcrumb .divider {padding-bottom:2px}
.breadcrumb .current {font-weight:500}
.breadcrumb li a, .breadcrumb .divider, .breadcrumb .current {color:#909090}

/* @section 2. Listing */

.list li {margin-left:1em;list-style-type:inherit}

.listOrdered {list-style-type:decimal}
.listUnordered {list-style-type:disc}

.ie7 .listOrdered li {list-style-type:decimal}
.ie7 .listUnordered li {list-style-type:disc}

/* @section 3. Carousel */

.jcarousel-container-horizontal, .jcarousel-container-vertical {padding:10px}
.jcarousel-clip {margin:0 20px;overflow:hidden}
.jcarousel-next-disabled, .jcarousel-prev-disabled {cursor:default;opacity:0.2}

/* @section 3.1 Carousel Horizontal */

.jcarousel-item-horizontal {margin:0 10px}
.jcarousel-container-horizontal {margin:0 auto}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {background:url('../../img/pvg_sprite_icon_3.6.3.png') no-repeat;cursor:pointer;position:absolute;top:50%;margin-top:-20px;height:40px;width:20px}
.jcarousel-next-horizontal {background-position:-5px -476px;right:10px}
.jcarousel-prev-horizontal {background-position:-10px -506px;left:10px}

/* @section 3.2 Carousel Vertical */

.jcarousel-clip-vertical {margin:20px 0}
.jcarousel-item-vertical {margin:5px 0}
.jcarousel-prev-vertical, .jcarousel-next-vertical {width:100%;height:16px;cursor:pointer;position:absolute;left:0}
.jcarousel-prev-vertical {background:url('../../img/pvg_sprite_icon_3.6.3.png') no-repeat center -2080px;top:15px}
.jcarousel-next-vertical {background:url('../../img/pvg_sprite_icon_3.6.3.png') no-repeat center -2117px;bottom:15px}
.jcarousel-prev-vertical:hover {background:url('../../img/pvg_sprite_icon_3.6.3.png') no-repeat center -2080px #eee}
.jcarousel-next-vertical:hover {background:url('../../img/pvg_sprite_icon_3.6.3.png') no-repeat center -2117px #eee}

/* @section 3.3 Carousel Divider */

.carouselDivider {border-bottom:1px solid #fff;height:1px;margin:15px -15px 0;
background:-moz-linear-gradient(center, #d9eafe, #bdcfe3 10%, #bdcfe3 90%, #d9eafe);
background:-ms-linear-gradient(center, #d9eafe, #bdcfe3 10%, #bdcfe3 90%, #d9eafe);
background:-o-linear-gradient(center, #d9eafe, #bdcfe3 10%, #bdcfe3 90%, #d9eafe);
background:-webkit-gradient(linear, left top, right top, from(#d9eafe), color-stop(#bdcfe3, 10%), color-stop(#bdcfe3, 90%), to(#d9eafe));
background:-webkit-linear-gradient(center, #d9eafe, #bdcfe3 10%, #bdcfe3 90%, #d9eafe);
background:linear-gradient(center, #d9eafe, #bdcfe3 10%, #bdcfe3 90%, #d9eafe)}

/* @section 4. Menu */

/* @section 4.1 Farben */

/* Insurance */

.layoutInsurance .listMenu a,
.layoutInsurance .listMenuSub > li:before {color:#9b4499}

/* Finance*/

.layoutFinance .listMenu a,
.layoutFinance .listMenuSub > li:before {color:#d11f49}

/* Energy */

.layoutEnergy .listMenu a,
.layoutEnergy .listMenuSub > li:before {color:#f95400}

/* Web */

.layoutWeb .listMenu a,
.layoutWeb .listMenuSub > li:before {color:#8faf11}

/* Travel */

.layoutTravel .listMenu a,
.layoutTravel .listMenuSub > li:before {color:#00a9b0}

/* Deals */

.layoutDeals .listMenu a,
.layoutDeals .listMenuSub > li:before {color:#50930E}

/* Shopping */

.layoutShopping .listMenu a,
.layoutShopping .listMenuSub > li:before {color:#ff9c06}

/* @section 4.2 Global */

.listMenu,
.listMenu a,
.listMenu .listMenuSub a {color:#2a4d8f}

.listMenu a {display:block}
.listMenu a:hover {text-indent:0.25em}

.listMenu li {line-height:2.25em}

/* @section 4.3 Elemente */

.listMenu > li {border-top:1px dotted #2a4d8f;padding:0 0.5em}
.listMenu > li:first-child {border-top:0}

.listMenu > li > a {font-weight:500;text-transform:uppercase}

.listMenuSub .listMenuSub {padding-left:1.25em}

/* Abstände */

.textMenu {display:inline-block;width:60%}

/* Switcher */

.switcherMenu {font-weight:normal;text-transform:lowercase;min-width:5em;text-align:right;float:right}

.switcherMenu:before,
.listMenuSub > li > a:before {font:1em 'icon pvg';content:'b';margin-right:0.5em}

.switcherMenu.less:before {position:relative;top:0.25em;content:'f'}

/* Menu Active  */

.listMenu a.linkMenuActive {
background:#fafcff;
background:-moz-linear-gradient(top, #fafcff, #dbecff);
background:-ms-linear-gradient(top, #fafcff, #dbecff);
background:-o-linear-gradient(top, #fafcff, #dbecff);
background:-webkit-gradient(linear, left top, left bottom, from(#fafcff), to(#dbecff));
background:-webkit-linear-gradient(top, #fafcff, #dbecff);
background:linear-gradient(top, #fafcff, #dbecff);
border:1px solid #bccee2;color:#1f6cbe;position:relative;z-index:1;display:block;padding:0 0.75em;margin:-1px -7px -1px -14px}

/* Corner */

.linkMenuActive:after {content:'';border:4px solid;border-color:#0D2843 #0D2843 transparent transparent;position:absolute;bottom:-9px;left:-1px}

/* @section 5. Pagination */

.paginationDefault, .paginationDefault .current a {
background:#f5f5f5;
background:-moz-linear-gradient(top, #fff, #ebebeb);
background:-ms-linear-gradient(top, #fff, #ebebeb);
background:-o-linear-gradient(top, #fff, #ebebeb);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
background:-webkit-linear-gradient(top, #fff, #ebebeb);
background:linear-gradient(top, #fff, #ebebeb);
border:1px solid #ccc}

.paginationDefault .current a:hover {
background:#ebebeb;
background:-moz-linear-gradient(bottom, #fff, #ebebeb);
background:-ms-linear-gradient(bottom, #fff, #ebebeb);
background:-o-linear-gradient(bottom, #fff, #ebebeb);
background:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#ebebeb));
background:-webkit-linear-gradient(bottom, #fff, #ebebeb);
background:linear-gradient(bottom, #fff, #ebebeb)}

.paginationDefault {text-align:center;padding:0.5em 1em}
.paginationDefault li {margin:0 0.25em}
.paginationDefault a,
.paginationDefault span {
-webkit-border-radius:0.375em;
-moz-border-radius:0.375em;
border-radius:0.375em;
padding:0 0.5em;line-height:1.75em;font-weight:500;text-decoration:none;color:#777}

.paginationDefault a:hover,
.paginationDefault .current a {color:#000}

.paginationDefault span {opacity:0.6;color:#5679a4;cursor:default}

.paginationDefault .label {float:left;font:0.875em/2.25em Rubik, sans-serif}

/* First and last items */

.paginationDefault .first a,
.paginationDefault .last a,
.paginationDefault .first span,
.paginationDefault .last span {text-indent:-999em;direction:ltr;padding:0 1em}

/* Prev and next items */

.paginationDefault .prev a,
.paginationDefault .prev span {padding-left:1.625em}
.paginationDefault .next a,
.paginationDefault .next span {padding-right:1.625em}

/* Links */

.paginationDefault .first a,
.paginationDefault .last a,
.paginationDefault .prev a,
.paginationDefault .next a {color:#5679a4}

/* Gradients */

.paginationDefault .first a, .paginationDefault .first span,
.paginationDefault .prev a, .paginationDefault .prev span,
.paginationDefault .next a, .paginationDefault .next span,
.paginationDefault .last a, .paginationDefault .last span {
background:url('../../img/pvg_sprite_ie_3.6.3.png') #fafcff;
background:-moz-linear-gradient(top, #fafcff, #e2f0ff);
background:-ms-linear-gradient(top, #fafcff, #e2f0ff);
background:-o-linear-gradient(top, #fafcff, #e2f0ff);
background:-webkit-gradient(linear, left top, left bottom, from(#fafcff), to(#e2f0ff));
background:-webkit-linear-gradient(top, #fafcff, #e2f0ff);
background:linear-gradient(top, #fafcff, #e2f0ff);
text-shadow:0 1px #fff;border:1px solid #bccee2;position:relative}

.paginationDefault .first a:hover,
.paginationDefault .prev a:hover,
.paginationDefault .next a:hover,
.paginationDefault .last a:hover {
background:#e2f0ff;
background:-moz-linear-gradient(bottom, #fafcff, #e2f0ff);
background:-ms-linear-gradient(bottom, #fafcff, #e2f0ff);
background:-o-linear-gradient(bottom, #fafcff, #e2f0ff);
background:-webkit-gradient(linear, left bottom, left top, from(#fafcff), to(#e2f0ff));
background:-webkit-linear-gradient(bottom, #fafcff, #e2f0ff);
background:linear-gradient(bottom, #fafcff, #e2f0ff)}

/* Icons */

.paginationDefault .first a:after, .paginationDefault .first span:after,
.paginationDefault .prev a:after, .paginationDefault .prev span:after,
.paginationDefault .next a:after, .paginationDefault .next span:after,
.paginationDefault .last a:after, .paginationDefault .last span:after {position:absolute;font:0.75em 'icon pvg';top:0.625em;text-indent:0}

.paginationDefault .first a:after, .paginationDefault .first span:after {left:0.5em;content:'c'}
.paginationDefault .prev a:after, .paginationDefault .prev span:after {left:1em;content:'a'}
.paginationDefault .next a:after, .paginationDefault .next span:after {right:1em;content:'b'}
.paginationDefault .last a:after, .paginationDefault .last span:after {left:0.5em;content:'d'}

/* @section 5.1 IE7 - Pagination */

.ie7 .paginationDefault .first a, .ie7 .paginationDefault .last a, .ie7 .paginationDefault .first span, .ie7 .paginationDefault .last span {display:block}

/* @section 6. Ratings */

.rateit-range, .rateit-selected, .rateit-hover {display:inline-block;background:url('../../img/pvg_sprite_icon_3.6.3.png')}

/* @section 6.1 IE7 - Ratings */

.ie7 .rateit-default div, .ie7 .rateit-alternate div {display:inline}

/* @section 6.2 Default */

.rateit-default .rateit-selected, .rateit-default .rateit-range {width:18px;height:17px}
.rateit-default .rateit-hover, .rateit-default .rateit-selected {background-position:0 -728px}
.rateit-default .rateit-range {background-position:0 -755px}

.rateit-default .rateit-minus {margin-right:5px}
.rateit-default .rateit-plus {margin-left:5px}
.rateit-default .rateit-minus, .rateit-default .rateit-plus {margin-top:1px}

/* @section 6.3 Alternative */

.rateit-alternate .rateit-selected, .rateit-alternate .rateit-range {width:12px;height:11px}
.rateit-alternate .rateit-hover, .rateit-alternate .rateit-selected {background-position:0 -789px}
.rateit-alternate .rateit-range {background-position:0 -820px;margin:0 5px}

/* @section 6.4 Plus und Minus der Ratings */

.rateit-minus, .rateit-plus {background:url('../../img/pvg_sprite_icon_3.6.3.png');opacity:0.5;filter:alpha(opacity=50);font-size:0;cursor:pointer;height:12px;width:12px}
.rateit-minus:hover, .rateit-plus:hover {opacity:1;filter:alpha(opacity=100)}
.rateit-minus {background-position:center -1179px}
.rateit-plus {background-position:center -1149px}

/* Readonly der Ratings */

.rateit-readonly div {cursor:default}

/* @section 7. Progressbar */

.progressBar {color:#d6d6d6;overflow:hidden}
.progressBar li {float:left;position:relative;text-align:center;min-height:1.125em}
.progressBar a {text-decoration:none}
.progressBar .itemFirst {text-align:left}
.progressBar .itemLast {text-align:right}

.progressBar .barOverlay {
background:#e8e8e8;
background:-moz-linear-gradient(top, #fcfcfc, #e8e8e8);
background:-ms-linear-gradient(top, #fcfcfc, #e8e8e8);
background:-o-linear-gradient(top, #fcfcfc, #e8e8e8);
background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e8e8e8));
background:-webkit-linear-gradient(top, #fcfcfc, #e8e8e8);
background:linear-gradient(top, #fcfcfc, #e8e8e8);
}

.progressLineInner {
background:#4f920e;
background:-moz-linear-gradient(left, #7bb916, #4f920e);
background:-ms-linear-gradient(left, #7bb916, #4f920e);
background:-o-linear-gradient(left, #7bb916, #4f920e);
background:-webkit-gradient(linear, left top, left bottom, from(#7bb916), to(#4f920e));
background:-webkit-linear-gradient(left, #7bb916, #4f920e);
background:linear-gradient(left, #7bb916, #4f920e);
height:3px;margin:1px}

.progressLine {background:#fff;border:1px solid #d6d6d6}

/* @section 7.1 Overlay */

.progressBar .barOverlay {position:absolute;height:3px;width:100%;right:1px;bottom:-5px}
.progressBar .itemActive .barOverlay {width:50%}
.progressBar .itemPast .barOverlay, .progressBar .itemLast.itemActive .barOverlay {display:none}

/* @section 7.2 Listen Items */

.progressBar .itemCorner {background:url('../../img/pvg_sprite_3.6.3.png') -52px 0;text-indent:-999em;direction:ltr;position:absolute;top:-10px;left:50%;margin-left:-12px;display:block;height:5px;width:14px}
.progressBar .itemDesc {display:block;font:normal 0.875em Rubik, sans-serif}
.progressBar .descInactive {font-weight:normal}

.progressBar .itemActive .itemDesc {color:#2a4d8f;font-weight:500}
.progressBar .itemPast .itemDesc {color:#2a4d8f}
.progressBar .itemFirst .itemDesc {margin-left:2px}
.progressBar .itemFirst .barLine {border-left-width:1px;padding-left:1px}
.progressBar .itemLast .barLine {border-right-width:1px;padding-right:1px}

/* @section 7.3 Progress */

.progressBar.progressThree li {width:46%}
.progressBar.progressThree .itemFirst, .progressBar.progressThree .itemLast {width:27%}

/* @section 7.4 Progress */

.progressBar.progressFive li {width:24%}
.progressBar.progressFive .itemFirst, .progressBar.progressFive .itemLast {width:14%}

/* @section 7.5 100% Fix */

.progressBar .itemLast {margin-right:-1px}

/* @section 8. Table */

.table .tableHead th {border-bottom:1px solid #000}
.table .rowResult td {font-weight:500;border-top:2px solid #000;padding-bottom:10px;text-align:right}
.table .rowSmallprint td {font:0.875em/1.25 Rubik, sans-serif;color:#7f7f7f;text-align:left}

/* @section 8.1 Default Tabelle */

.tableDefault th, .tableDefault td {padding:5px;text-align:left}
.tableDefault .tableTitle th {
background:#e2f0ff;
background:-moz-linear-gradient(top, #fafcff, #e2f0ff);
background:-ms-linear-gradient(top, #fafcff, #e2f0ff);
background:-o-linear-gradient(top, #fafcff, #e2f0ff);
background:-webkit-gradient(linear, left top, left bottom, from(#fafcff), to(#e2f0ff));
background:-webkit-linear-gradient(top, #fafcff, #e2f0ff);
background:linear-gradient(top, #fafcff, #e2f0ff);
border:1px solid #bccee2;font:bold 1.125em/18px Rubik, sans-serif}
.tableDefault tbody td {border-top:1px dotted #d6d6d6}

/* @section 8.2 Kostentabele */

.tableCosts th, .tableCosts td {text-align:right;line-height:1.75em}
.tableCosts .tableTitle th {text-align:left;color:#2a4d8f;font:bold 1em Rubik, sans-serif;padding-bottom:10px}
.tableCosts .colDescription {text-align:left}
.tableCosts .cellEmpty {padding-right:25px}
.tableCosts .rowResult strong {color:#50930e;font:bold 1.75em Rubik, sans-serif;margin-left:5px}
.tableCosts .ico span {text-indent:-999em;direction:ltr;display:block}

/* @section 8.3 IE7 - Icons */

.ie7 .tableCosts .ico,
.ie7 .tableCosts .ico span {display:inline}

/* @section 9. Loader */

.loaderOverlay {background:#fff;opacity:0.8;filter:alpha(opacity=80)}

.loader, .loaderModal {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#fff;padding:1em;margin:-1.75em 0 0 -6.25em;border:1px solid #bccee2;color:#0d65be;text-align:center}

.loader div, .loaderModal div {
background:#b5d0ea;
background:-o-linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
background:-moz-linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
background:-ms-linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
background:-o-linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
background:-webkit-gradient(linear,left top, left bottom, color-stop(rgb(200,220,239), 8px), color-stop(rgb(181,208,234), 8px));
background:-webkit-linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
background:linear-gradient(top, rgb(200,220,239) 8px, rgb(181,208,234) 8px);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
float:left;height:1.375em;width:0.625em}

.loader div + div, .loaderModal div + div {margin-left:0.5em}

/* Aktiver Status */

.loader .active, .loaderModal .active {
background:#0d65be;
background:-moz-linear-gradient(top, rgb(75,141,206) 8px, rgb(13,101,190) 8px);
background:-ms-linear-gradient(top, rgb(75,141,206) 8px, rgb(13,101,190) 8px);
background:-o-linear-gradient(top, rgb(75,141,206) 8px, rgb(13,101,190) 8px);
background:-webkit-gradient(linear, left top, left bottom, color-stop(rgb(75,141,206), 8px), color-stop(rgb(13,101,190), 8px));
background:-webkit-linear-gradient(top, rgb(75,141,206) 8px, rgb(13,101,190) 8px);
background:linear-gradient(top, rgb(75,141,206) 8px, rgb(13,101,190) 8px)}

.loaderMessage {font:bold 1em Rubik, sans-serif;color:#444;text-align:center;position:absolute;left:5%;right:5%;top:90%}

/* @section 10. Loader Bar */

.loaderBarWrapper {
background:#f6f6f6;
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, top, #f6f6f6, #ebebeb);
padding:10px 20px;border:1px solid #d6d6d6}

.loaderBar, .loaderBarInner {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.loaderBar {
background:#ebebeb;
background:-moz-linear-gradient(top, #ebebeb, #dadada);
background:-ms-linear-gradient(top, #ebebeb, #dadada);
background:-o-linear-gradient(top, #ebebeb, #dadada);
background:-webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dadada));
background:-webkit-linear-gradient(top, #ebebeb, #dadada);
background:linear-gradient(top, top, #ebebeb, #dadada);
-moz-box-shadow:0 1px #fff;-webkit-box-shadow:0 1px #fff;box-shadow:0 1px #fff;
display:none;border:1px solid #bbb;font:10px/18px Rubik, sans-serif;text-transform:uppercase;text-align:center;color:#b5b5b5;position:relative;top:0;left:0;margin:10px 0}

.hasLoaderBar .loaderBar {display:block}

/* Innere der Loader Bar */

.loaderBarInner {background:url('../../img/pvg_loader_bar.gif') #96b91e;border:1px solid #337300;height:18px;min-width:4px;max-width:100%;position:absolute;top:-1px;left:-1px}
.loaderBarInnerProgress {-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}

/* @section 11. Teaser Elements */

.formTeaser {position:relative;display:inline-block;vertical-align:top;margin-left:240px;margin-bottom:2em;padding:25px}
.formTeaser label {color:#444}
.formTeaser .slidingButton {display:block;margin-left:auto;margin-right:auto;min-width:8em}

.imageTeaser {position:absolute}

.arrowTeaser {position:absolute;bottom:35px;left:-36px;height:109px;width:103px}

.listTeaser {display:inline-block;vertical-align:top;width:26%;margin-left:55px;color:#2A4D8F}
.listTeaser li {position:relative;margin-top:0.5em}
.listTeaser .icoTickLarge {position:absolute;top:-3px;left:-35px}
.listTeaser .listText {display:inline-block;font:1.325em/1.325em Rubik, sans-serif}
.listTeaser .itemTitle {margin-left:-35px;font:700 1.5em Rubik, sans-serif}

/* @section 11.1 IE 7 */

.ie7 .listTeaser, .ie7 .formTeaser {display:inline}
.ie7 .listTeaser {margin-left:40px}
.ie7 .listTeaser .icoTickLarge {left:-20px}