/**
 * @lastmodified $Id: pvg_branding.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Allgemeine Elemente
 *    1.1 TV
 *    1.2 Hotline
 *    1.3 TUEV
 * 2. Tooltip
 * 3. Navigation
 *    3.1 IE7
 * 4. Buttons
 *    4.1 Button Header
 *    4.2 Button Start
 *    4.3 Button Versicherung
 *    4.4 Button Kredit & Konto
 *    4.5 Button Strom & Gas
 *    4.6 Button DSL & Internet
 *    4.7 Button Reisen & Fluege
 *    4.8 Button Deals
 *    4.9 Button Shopping
 * 5. Shopping Categories
 * 6. DropDownContent
 *    6.1 Grid
 *    6.2 Divider
 * 7. brandingFooter
 */

/* @section 1. Allgemeine Elemente */

.brandingHeader {position:relative;z-index:1000}

.brandingLogo {width:408px;height:80px;display:block;position:relative;background:url('../../img/pvg_branding_sprite_3.6.3.png') 0 -1213px;text-indent:-999em;direction:ltr}

/* @section 1.1 TV */

.brandingTV, .brandingHotline, .brandingTUEVBadge {position:absolute}
.brandingTV, .brandingHotline {top:31px;color:#fff;z-index:1}
.brandingTV {text-align:right;right:0}
.brandingTVBadge {width:146px;height:13px;margin-left:10px;display:inline-block;background:url('../../img/pvg_branding_sprite_3.6.3.png') -534px -1215px;vertical-align:top;text-indent:-999em;direction:ltr}

.brandingTUEVBadge + .brandingTV {right:100px}

/* @section 1.2 Hotline */

.brandingHotline {font:12px/10px Rubik, sans-serif;right:200px}

/* @section 1.3 TUEV */

.brandingTUEVBadge {background:url('../../img/pvg_branding_sprite_3.6.3.png') -595px -1238px;height:62px;width:85px;top:16px;right:0;z-index:2}

/* Icons */

.brandingIcoInfo {background:url('../../img/pvg_branding_sprite_3.6.3.png') -40px -1103px;height:11px;width:11px;margin-left:2px}
.brandingIcoPhone {background:url('../../img/pvg_branding_sprite_3.6.3.png') -6px -1094px;height:27px;width:18px;margin-right:5px}

.brandingHotlineNumber {font:bold 20px Rubik, sans-serif}
.brandingHotlineTime {font:10px/10px Rubik, sans-serif;color:#ddd;text-align:right;margin-left:10px}

.brandingIcoInfo, .brandingIcoPhone, .brandingHotlineText, .brandingHotlineTime {display:inline-block}

/* @section 2. Tooltip */

.brandingHasTooltip {cursor:help;position:relative}
.brandingHasTooltip:hover .brandingTooltip {position:absolute;display:block}

.brandingTooltip {
background:#e4f1ff;
background:-moz-linear-gradient(top, #f1f8ff, #e4f1ff);
background:-ms-linear-gradient(top, #f1f8ff, #e4f1ff);
background:-o-linear-gradient(top, #f1f8ff, #e4f1ff);
background:-webkit-gradient(linear, left top, left bottom, from(#f1f8ff), to(#e4f1ff));
background:-webkit-linear-gradient(top, #f1f8ff, #e4f1ff);
background:linear-gradient(top, #f1f8ff, #e4f1ff);
display:none;z-index:1000;top:-5px;right:20px;white-space:nowrap;font:12px/16px Rubik, sans-serif;border:1px solid #bfd1e4;text-align:left;color:#909090;min-width:200px;padding:5px 10px;text-shadow:0 1px 0 #fff;-moz-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}

/* @section 3. Navigation */

.brandingNavigation {background:#fff;position:relative;z-index:1000;padding-top:10px;text-align:center;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
-moz-box-shadow:0 -3px 2px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 -3px 2px 2px rgba(0, 0, 0, 0.15);
box-shadow:0 -3px 2px 2px rgba(0, 0, 0, 0.15)}
.brandingNavigation li {display:inline-block;text-align:left}

.brandingDropDown li:hover .dropDownContent, .brandingDropDown li:hover .brandingArrow {display:block}

/* @section 3.1 IE7 */

.ie7 .brandingNavigation li,
.ie7 .brandingIcoPhone {display:inline}

/* @section 4. Buttons */

.brandingHeader .slidingButton {overflow:visible;text-decoration:none;cursor:pointer;background:none}
.brandingHeader .slidingButton span {display:inline-block;text-align:center;white-space:nowrap}

/* @section 4.1 Button Header */

.brandingHeader .buttonHeader {max-width:230px;height:51px;margin:0 1px;display:inline-block;font:bold 1em Rubik, sans-serif}
.brandingHeader .buttonHeader span {padding:0 0 0 15px;color:#fff}
.brandingHeader .buttonHeader span span {height:35px;padding:1px 14px 15px 0;line-height:35px}
.brandingHeader .buttonHeader strong {display:inline-block;text-indent:-999em;direction:ltr;vertical-align:middle}
.brandingHeader .buttonHeader span, .brandingHeader .buttonHeader strong {background-image:url('../../img/pvg_branding_sprite_3.6.3.png')}

/* @section 4.2 Button Start */

.brandingHeader .buttonStart span {background-color:#0b64bd;background-position:0 -51px}
.brandingHeader .buttonStart span span {background-position:right -51px}
.brandingHeader .buttonStart:hover span {background-position:0 -475px}
.brandingHeader .buttonStart:hover span span {background-position:right -475px}
.brandingHeader .buttonStart strong {width:21px;margin:0 -3px;background-position:1px -914px}

/* @section 4.3 Button Versicherung */

.brandingHeader .buttonInsurance span {background-color:#b355b1;background-position:0 -104px;position:relative}
.brandingHeader .buttonInsurance span span {background-position:right -104px}
.brandingHeader .buttonInsurance:hover span {background-position:0 -528px}
.brandingHeader .buttonInsurance:hover span span {background-position:right -528px}
.brandingHeader .buttonInsurance strong{width:118px;background-position:-29px -914px}
.brandingHeader .buttonInsurance .brandingArrow {background-position:-267px -1044px}

.brandingHeader .buttonInsurance .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x #9e479c;
background:-moz-linear-gradient(top, #8a3e88, #b355b1);
background:-ms-linear-gradient(top, #8a3e88, #b355b1);
background:-o-linear-gradient(top, #8a3e88, #b355b1);
background:-webkit-gradient(linear, left top, left bottom, from(#8a3e88), to(#b355b1));
background:-webkit-linear-gradient(top, #8a3e88, #b355b1);
background:linear-gradient(top, #8a3e88, #b355b1)}

.brandingHeader .buttonInsurance .divider {height:220px}

/* @section 4.4 Button Kredit & Konto */

.brandingHeader .buttonCredit span {background-color:#db2356;background-position:0 -157px}
.brandingHeader .buttonCredit span span {background-position:right -157px}
.brandingHeader .buttonCredit:hover span {background-position:0 -581px}
.brandingHeader .buttonCredit:hover span span {background-position:right -581px}
.brandingHeader .buttonCredit strong{width:111px;background-position:-155px -914px}
.brandingHeader .buttonCredit .brandingArrow {background-position:-298px -1044px}

.brandingHeader .buttonCredit .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x 0 -300px #d01e48;
background:-moz-linear-gradient(top, #c61738, #db2356);
background:-ms-linear-gradient(top, #c61738, #db2356);
background:-o-linear-gradient(top, #c61738, #db2356);
background:-webkit-gradient(linear, left top, left bottom, from(#c61738), to(#db2356));
background:-webkit-linear-gradient(top, #c61738, #db2356);
background:linear-gradient(top, #c61738, #db2356)}

.brandingHeader .buttonCredit .divider {height:150px}

/* @section 4.5 Button Strom & Gas */

.brandingHeader .buttonPower span {background-color:#f47400;background-position:0 -210px}
.brandingHeader .buttonPower span span {background-position:right -210px}
.brandingHeader .buttonPower:hover span {background-position:0 -634px}
.brandingHeader .buttonPower:hover span span {background-position:right -634px}
.brandingHeader .buttonPower strong{width:93px;background-position:-272px -914px}
.brandingHeader .buttonPower .brandingArrow {background-position:-328px -1044px}

.brandingHeader .buttonPower .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x 0 -600px #fa6900;
background:-moz-linear-gradient(top, #f15400, #f47400);
background:-ms-linear-gradient(top, #f15400, #f47400);
background:-o-linear-gradient(top, #f15400, #f47400);
background:-webkit-gradient(linear, left top, left bottom, from(#f15400), to(#f47400));
background:-webkit-linear-gradient(top, #f15400, #f47400);
background:linear-gradient(top, #f15400, #f47400)}

.brandingHeader .buttonPower .divider {height:110px}

/* @section 4.6 Button DSL & Internet */

.brandingHeader .buttonDsl span {background-color:#a8c40d;background-position:0 -263px}
.brandingHeader .buttonDsl span span {background-position:right -263px}
.brandingHeader .buttonDsl:hover span {background-position:0 -687px}
.brandingHeader .buttonDsl:hover span span {background-position:right -687px}
.brandingHeader .buttonDsl strong{width:90px;background-position:-372px -914px}
.brandingHeader .buttonDsl .brandingArrow {background-position:-358px -1044px}

.brandingHeader .buttonDsl .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x 0 -900px #a3bd15;
background:-moz-linear-gradient(top, #86a900, #a8c40d);
background:-ms-linear-gradient(top, #86a900, #a8c40d);
background:-o-linear-gradient(top, #86a900, #a8c40d);
background:-webkit-gradient(linear, left top, left bottom, from(#86a900), to(#a8c40d));
background:-webkit-linear-gradient(top, #86a900, #a8c40d);
background:linear-gradient(top, #86a900, #a8c40d)}

.brandingHeader .buttonDsl .divider {height:165px}

/* @section 4.7 Button Reisen & Fluege */

.brandingHeader .buttonTravel span {background-color:#00bbbf;background-position:0 -316px}
.brandingHeader .buttonTravel span span {background-position:right -316px}
.brandingHeader .buttonTravel:hover span {background-position:0 -740px}
.brandingHeader .buttonTravel:hover span span {background-position:right -740px}
.brandingHeader .buttonTravel strong{width:106px;background-position:-468px -915px}
.brandingHeader .buttonTravel .brandingArrow {background-position:-388px -1044px}

.brandingHeader .buttonTravel .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x 0 -1200px #00a8af;
background:-moz-linear-gradient(top, #00959f, #00bbbf);
background:-ms-linear-gradient(top, #00959f, #00bbbf);
background:-o-linear-gradient(top, #00959f, #00bbbf);
background:-webkit-gradient(linear, left top, left bottom, from(#00959f), to(#00bbbf));
background:-webkit-linear-gradient(top, #00959f, #00bbbf);
background:linear-gradient(top, #00959f, #00bbbf)}

.brandingHeader .buttonTravel .divider {height:150px}

/* @section 4.8 Button Deals */

.brandingHeader .buttonDeals span {background-color:#79b815;background-position:0 -369px}
.brandingHeader .buttonDeals span span {background-position:right -369px}
.brandingHeader .buttonDeals:hover span {background-position:0 -793px}
.brandingHeader .buttonDeals:hover span span {background-position:right -793px}
.brandingHeader .buttonDeals strong{width:111px;background-position:1px -969px}
.brandingHeader .buttonDeals .brandingArrow {background-position:-418px -1044px}

.brandingHeader .buttonDeals .dropDown {
background:#66a810;
background:-moz-linear-gradient(top, #4f930e, #79b815);
background:-ms-linear-gradient(top, #4f930e, #79b815);
background:-o-linear-gradient(top, #4f930e, #79b815);
background:-webkit-gradient(linear, left top, left bottom, from(#4f930e), to(#79b815));
background:-webkit-linear-gradient(top, #4f930e, #79b815);
background:linear-gradient(top, #4f930e, #79b815)}

/* @section 4.9 Button Shopping */

.brandingHeader .buttonShopping span {background-color:#ffa304;background-position:0 -422px}
.brandingHeader .buttonShopping span span {background-position:right -422px}
.brandingHeader .buttonShopping:hover span {background-position:0 -846px}
.brandingHeader .buttonShopping:hover span span {background-position:right -846px}
.brandingHeader .buttonShopping strong{width:68px;background-position:-116px -969px}
.brandingHeader .buttonShopping .brandingArrow {background-position:-448px -1044px}

.brandingHeader .buttonShopping .dropDownContent {
background:url('../../img/pvg_sprite_branding_ie_3.6.3.png') repeat-x 0 -1500px #ffad07;
background:-moz-linear-gradient(top, #fa8d00, #ffa304);
background:-ms-linear-gradient(top, #fa8d00, #ffa304);
background:-o-linear-gradient(top, #fa8d00, #ffa304);
background:-webkit-gradient(linear, left top, left bottom, from(#fa8d00), to(#ffa304));
background:-webkit-linear-gradient(top, #fa8d00, #ffa304);
background:linear-gradient(top, #fa8d00, #ffa304)}

.brandingHeader .buttonShopping .divider {height:205px;margin:10px 0 0}

/* IE7 */

.ie7 .brandingHeader .slidingButton strong {display:block}

/* @section 5. Shopping Categories */

.brandingHeader .icoCatCar,
.brandingHeader .icoCatOffice,
.brandingHeader .icoCatComp,
.brandingHeader .icoCatTele,
.brandingHeader .icoCatElectric,
.brandingHeader .icoCatAppliances,
.brandingHeader .icoCatDress,
.brandingHeader .icoCatToy,
.brandingHeader .icoCatHome,
.brandingHeader .icoCatCamera,
.brandingHeader .icoCatHealth,
.brandingHeader .icoCatMusic,
.brandingHeader .icoCatTravel,
.brandingHeader .icoCatBook,
.brandingHeader .icoCatCompComponents,
.brandingHeader .icoCatDvd,
.brandingHeader .icoCatTv,
.brandingHeader .icoCatGame,
.brandingHeader .icoCatSport,
.brandingHeader .icoCatKitchen {float:left;margin:-5px 0 0 15px;height:30px;width:30px;background:url('../../img/pvg_branding_sprite_3.6.3.png')}

.brandingHeader .icoCatCar {background-position:0 -1153px}
.brandingHeader .icoCatOffice {background-position:-30px -1153px}
.brandingHeader .icoCatComp {background-position:-60px -1153px}
.brandingHeader .icoCatTele {background-position:-90px -1153px}
.brandingHeader .icoCatMusic {background-position:-120px -1153px}
.brandingHeader .icoCatKitchen {background-position:-150px -1153px}
.brandingHeader .icoCatDress {background-position:-180px -1153px}
.brandingHeader .icoCatToy {background-position:-210px -1153px}
.brandingHeader .icoCatHome {background-position:-240px -1153px}
.brandingHeader .icoCatCamera {background-position:-270px -1153px}
.brandingHeader .icoCatHealth{background-position:-300px -1153px}
.brandingHeader .icoCatElectric {background-position:-330px -1153px}
.brandingHeader .icoCatTravel {background-position:-360px -1153px}
.brandingHeader .icoCatBook {background-position:-390px -1153px}
.brandingHeader .icoCatCompComponents {background-position:-420px -1153px}
.brandingHeader .icoCatDvd {background-position:-450px -1153px}
.brandingHeader .icoCatTv {background-position:-480px -1153px}
.brandingHeader .icoCatGame {background-position:-510px -1153px}
.brandingHeader .icoCatSport {background-position:-540px -1153px}
.brandingHeader .icoCatAppliances {background-position:-570px -1153px}

.brandingHeader .shoppingCategories {margin:25px 0 0}
.brandingHeader .shoppingCategories dl {margin:0 0 15px 60px}
.brandingHeader .shoppingCategories a {color:#2a4d8f;text-decoration:none;line-height:1.25em}
.brandingHeader .shoppingCategories a:hover {text-decoration:underline}
.brandingHeader .shoppingCategories dt a {font-weight:500}
.brandingHeader .shoppingCategories .noSubCat{margin-bottom:0}

/* @section 6. DropDownContent */

.brandingHeader .dropDownContent {display:none;clear:both;width:98%;padding-bottom:30px;position:absolute;left:1%;top:55px;color:#fff;text-shadow:1px 1px 0 rgba(0, 0, 0, .3);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.brandingHeader .dropDownContent ul {display:block;margin:0 50px}
.brandingHeader .dropDownContent p {margin:25px 50px 5px;font:700 1.5em Rubik, sans-serif}

/* Arrow */

.brandingHeader .brandingArrow {display:none;width:36px;height:13px;margin-left:-18px;margin-bottom:-13px;bottom:16px;left:50%;position:relative;background:url('../../img/pvg_branding_sprite_3.6.3.png')}
.brandingHeader .dropDown li:hover > .dropDownContent, .brandingHeader .dropDown li:hover > .brandingArrow {display:block}

/* IE7 */

.ie7 .brandingHeader .brandingArrow {float:left}

.brandingHeader .dropDownContent ul li {display:block;padding-left:12px;line-height:1.75em;background:url('../../img/pvg_branding_sprite_3.6.3.png') no-repeat -614px -1038px}
.brandingHeader .dropDownContent a {color:#fff;text-decoration:none}
.brandingHeader .dropDownContent a:hover {color:#fff;text-decoration:underline}

/* @section 6.1 Grid */

.brandingUnit {float:left}
.brandingSize1of3 {width:33.33%}
.brandingSize1of4 {width:25%}

/* IE7 - Leerzeichen */

.ie7 .brandingSize1of4 {width:24%}
.ie7 .brandingSize1of4:first-child {margin-left:2%}

/* @section 6.2 Divider */

.brandingHeader .divider {width:2px;margin:30px 0 0;float:left}
.brandingHeader .dividerDark, .brandingHeader .dividerBright {width:1px;height:100%;float:left}

.brandingHeader .dividerDark {
background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
background:-o-linear-gradient(top, rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.2), 50%), to(rgba(0, 0, 0, 0)));
background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
background:linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0))}

.brandingHeader .dividerBright {
background:-moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
background:-ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
background:-o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5), 50%), to(rgba(255, 255, 255, 0)));
background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0));
background:linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0))}

/* @section 7. brandingFooter */

.brandingFooter, .brandingFooter a {color:#fff}
.brandingFooter {margin:20px 0;text-align:center}
.brandingFooter a {margin:0 5px;text-decoration:none}
.brandingFooter a:hover {color:#ccc;text-decoration:underline}
.brandingFooter p {margin-top:10px;font-size:0.875em}