/**
 * @lastmodified $Id: pvg_typography.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Links
 * 2. Titles
 * 3. Title Styles
 * 4. Title Lead
 */

/* @section 1. Links */

a{color:#0022aa}
a:hover {color:#50930e}

/* @section 2. Titles */

.titleFirstLevel {font-size:2.125em;line-height:1.5em}
.titleSecondLevel {font-size:2em;line-height:1.375em}
.titleThirdLevel {font-size:1.75em;line-height:1.25em}
.titleFourthLevel {font-size:1.5em;line-height:1.25em}
.titleFifthLevel {font-size:1.25em;line-height:1.25em}
.titleSixthLevel {font-size:1.125em;line-height:1.25em}

/* @section 3. Title Styles */

.titleDefault {
background:#f3f3f3;
background:-moz-linear-gradient(top, #fff, #f6f6f6);
background:-ms-linear-gradient(top, #fff, #f6f6f6);
background:-o-linear-gradient(top, #fff, #f6f6f6);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:-webkit-linear-gradient(top, #fff, #f6f6f6);
background:linear-gradient(top, #fff, #f6f6f6);
border:1px solid #d6d6d6;font-size:1.125em;color:#2a4d8f;padding:5px 8px}

.titleSidebar {
background:#d5e8fe;
background:-moz-linear-gradient(top, #e2effd, #d5e8fe);
background:-ms-linear-gradient(top, #e2effd, #d5e8fe);
background:-o-linear-gradient(top, #e2effd, #d5e8fe);
background:-webkit-gradient(linear, left top, left bottom, from(#e2effd), to(#d5e8fe));
background:-webkit-linear-gradient(top, #e2effd, #d5e8fe);
background:linear-gradient(top, #e2effd, #d5e8fe);
border:1px solid #bccee2;font:bold 1em/2.25em Rubik, sans-serif;color:#2a4d8f;text-transform:uppercase;padding: 0 10px}

.titleStep {
background:#e2effd;
background:-moz-linear-gradient(top, #e2effd, #d5e8fe);
background:-ms-linear-gradient(top, #e2effd, #d5e8fe);
background:-o-linear-gradient(top, #e2effd, #d5e8fe);
background:-webkit-gradient(linear, left top, left bottom, from(#e2effd), to(#d5e8fe));
background:-webkit-linear-gradient(top, #e2effd, #d5e8fe);
background:linear-gradient(top, #e2effd, #d5e8fe);
border:1px solid #bccee2;color:#0d65be;font:bold 1em/2.5em Rubik, sans-serif;padding:0 10px 0 20px}

.titleStep + .stepBox {border-top:0}

.titleAccent {background:url('../../img/pvg_sprite_3.6.3.png') no-repeat;font:bold 18px/34px Rubik, sans-serif;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);padding:0 10px;max-width:600px}

.layoutIndex .titleAccent {background-position:right -50px}
.layoutInsurance .titleAccent {background-position:right -90px}
.layoutFinance .titleAccent {background-position:right -130px}
.layoutEnergy .titleAccent {background-position:right -170px}
.layoutWeb .titleAccent {background-position:right -210px}
.layoutTravel .titleAccent {background-position:right -250px}
.layoutDeals .titleAccent {background-position:right -290px}
.layoutShopping .titleAccent {background-position:right -330px}

/* @section 4. Title Lead */

.legendTitle {position:absolute;top:0;left:0;width:100%}

.titleLead, .titleLeadSub {
background:#fafafa;
background:-moz-linear-gradient(top, #fff, #f6f6f6);
background:-ms-linear-gradient(top, #fff, #f6f6f6);
background:-o-linear-gradient(top, #fff, #f6f6f6);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:-webkit-linear-gradient(top, #fff, #f6f6f6);
background:linear-gradient(top, #fff, #f6f6f6);
-moz-border-radius:0.25em 0.25em 0 0;
-webkit-border-radius:0.25em 0.25em 0 0;
border-radius:0.25em 0.25em 0 0;
-moz-box-shadow:1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
-webkit-box-shadow:1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
box-shadow:1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
color:#2a4d8f;border-bottom:1px solid #e8e8e8;display:block;font:1.675em/1em 'Rubik',Rubik, sans-serif;padding:0.375em 0.75em;position:absolute;top:0;left:0;right:0}

.titleLeadSub {font-size:1.375em}

/* IE7 und IE8 */

.ie7 .titleLead, .ie8 .titleLead, .ie7 .titleLeadSub, .ie8 .titleLeadSub  {border-top:1px solid #e8e8e8}
.ie7 .titleLead, .ie7 .titleLeadSub  {left:-7px;right:7px}