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

.breadcrumb li a, .breadcrumb .divider, .breadcrumb .current {
    color: #767676
}

/* @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 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: bold;
    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: -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: -webkit-linear-gradient(top, #fff, #ebebeb);
    background: linear-gradient(top, #fff, #ebebeb);
    border: 1px solid #ccc
}

.paginationDefault .current a:hover {
    background: #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 {
    border-radius: 0.375em;
    padding: 0 0.5em;
    line-height: 1.75em;
    font-weight: bold;
    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 arial
}

/* 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.2.png') #fafcff;
    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: -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 6. Ratings */

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


/* @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.2.png');
    opacity: 0.5;
    font-size: 0;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.rateit-minus:hover, .rateit-plus:hover {
    opacity: 1;
}

.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: -webkit-linear-gradient(top, #fcfcfc, #e8e8e8);
    background: linear-gradient(top, #fcfcfc, #e8e8e8);
}

.progressLineInner {
    background: #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.2.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 arial
}

.progressBar .descInactive {
    font-weight: normal
}

.progressBar .itemActive .itemDesc {
    color: #2a4d8f;
    font-weight: bold
}

.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: bold;
    border-top: 2px solid #000;
    padding-bottom: 10px;
    text-align: right
}

.table .rowSmallprint td {
    font: 0.875em/1.25 arial;
    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: -webkit-linear-gradient(top, #fafcff, #e2f0ff);
    background: linear-gradient(top, #fafcff, #e2f0ff);
    border: 1px solid #bccee2;
    font: bold 1.125em/18px arial
}

.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 arial;
    padding-bottom: 10px
}

.tableCosts .colDescription {
    text-align: left
}

.tableCosts .cellEmpty {
    padding-right: 25px
}

.tableCosts .rowResult strong {
    color: #50930e;
    font: bold 1.75em arial;
    margin-left: 5px
}

.tableCosts .ico span {
    text-indent: -999em;
    direction: ltr;
    display: block
}

/* @section 9. Loader */

.loaderOverlay {
    background: #fff;
    opacity: 0.8;
}

.loader, .loaderModal {
    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: -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);
    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: -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 arial;
    color: #444;
    text-align: center;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 90%
}

/* @section 10. Loader Bar */

.loaderBarWrapper {
    background: #f6f6f6;
    background: -webkit-linear-gradient(top, #f6f6f6, #ebebeb);
    background: linear-gradient(top, #f6f6f6, #ebebeb);
    padding: 10px 20px;
    border: 1px solid #d6d6d6
}

.loaderBar, .loaderBarInner {
    border-radius: 4px;
}

.loaderBar {
    background: #ebebeb;
    background: -webkit-linear-gradient(top, #ebebeb, #dadada);
    background: linear-gradient(top, #ebebeb, #dadada);
    box-shadow: 0 1px #fff;
    display: none;
    border: 1px solid #bbb;
    font: 10px/18px arial;
    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 label {
    color: #444;
}

.formTeaser .slidingButton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 8em
}

.formTeaser label.error.labelError {
    display: inline-block;
}

.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.125em/1.675em arial
}

.listTeaser .itemTitle {
    margin-left: -35px;
    font: bold 1.125em arial
}

/* @section 11.1 IE 7 */

.ie7 .listTeaser, .ie7 .formTeaser {
    display: inline
}

.ie7 .listTeaser {
    margin-left: 40px
}

.ie7 .listTeaser .icoTickLarge {
    left: -20px
}

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

.breadcrumb li a, .breadcrumb .divider, .breadcrumb .current {
    color: #767676
}

/* @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 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: bold;
    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 2px;
}

.paginationDefault a,
.paginationDefault span {
    -webkit-border-radius: 0.375em;
    -moz-border-radius: 0.375em;
    border-radius: 0.375em;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.75em;
    padding: 0 0.5em;
    text-decoration: none;
}

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

/* 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.2.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.2.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.2.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.2.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 arial
}

.progressBar .descInactive {
    font-weight: normal
}

.progressBar .itemActive .itemDesc {
    color: #2a4d8f;
    font-weight: bold
}

.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: bold;
    border-top: 2px solid #000;
    padding-bottom: 10px;
    text-align: right
}

.table .rowSmallprint td {
    font: 0.875em/1.25 arial;
    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 arial
}

.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 arial;
    padding-bottom: 10px
}

.tableCosts .colDescription {
    text-align: left
}

.tableCosts .cellEmpty {
    padding-right: 25px
}

.tableCosts .rowResult strong {
    color: #50930e;
    font: bold 1.75em arial;
    margin-left: 5px
}

.tableCosts .ico span {
    text-indent: -999em;
    direction: ltr;
    display: block
}

/* @section 9. Loader */

.loaderOverlay {
    background: #fff;
    opacity: 0.8;
}

.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: -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);
    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: -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 arial;
    color: #444;
    text-align: center;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 90%
}

/* @section 10. Loader Bar */

.loaderBarWrapper {
    background: #f6f6f6;
    background: -webkit-linear-gradient(top, #f6f6f6, #ebebeb);
    background: linear-gradient(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: -webkit-linear-gradient(top, #ebebeb, #dadada);
    background: linear-gradient(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 arial;
    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
}

@media screen and (min-width: 40em) {
    .formTeaser {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 240px;
        margin-bottom: 2em;
        padding: 25px
    }
}

@media screen and (max-width: 39.999em) {
    .formTeaser label {
        float: none;
    }
}