/**
 * @lastmodified $Id: pvg_migrate.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. Accordion (Deprecated seit 3.3.0)
 *    1.1 Fix für Accordion mit legend Tags und deaktivierten Javascript
 *    1.2 Wenn Javascript aktiv mit Icons
 * 2. Tab (Deprecated seit 3.3.0)
 * 3. Menubar (Deprecated seit 3.6.3)
 *    3.2 IE7 - Menu
 *    3.3 Menu Styles
 *    3.4 Menu Active
 */

/* @section 1. Accordion (Deprecated seit 3.3.0) */

.accordion {border:1px solid #d6d6d6}

.accordionTitle, .accordionTitle:hover {text-decoration:none;color:#444}
.accordionTitle, .accordionContent {border-bottom:1px solid #d6d6d6}

.accordionTitle {
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);
display:block;padding:0 5px;line-height:30px}

/* @section 1.1 Fix für Accordion mit legend Tags und deaktivierten Javascript */

legend.accordionTitle {width:100%;padding-left:0;padding-right:0;text-indent:10px}

/* @section 1.2 Wenn Javascript aktiv mit Icons */

.js .accordionTitle {
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat #f3f3f3;
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -moz-linear-gradient(top, #fff, #f6f6f6);
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -ms-linear-gradient(top, #fff, #f6f6f6);
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -o-linear-gradient(top, #fff, #f6f6f6);
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, -webkit-linear-gradient(top, #fff, #f6f6f6);
background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1140px no-repeat, linear-gradient(top, #fff, #f6f6f6);
padding-left:25px}

.js .accordionTitleOpened {background:url('../../img/pvg_sprite_icon_3.6.3.png') -5px -1170px no-repeat #f5f5f5}

.accordionContent {border-bottom:1px solid #d6d6d6;padding:10px}
.accordionContentLast {border-top:1px solid #d6d6d6}

.accordionTitleLast, .accordionContentLast {border-bottom:0}

/* @section 2. Tab (Deprecated seit 3.3.0) */

.tabMenue li a {
background:#e0efff;
background:-moz-linear-gradient(top, #fff, #e0efff);
background:-ms-linear-gradient(top, #fff, #e0efff);
background:-o-linear-gradient(top, #fff, #e0efff);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0efff));
background:-webkit-linear-gradient(top, #fff, #e0efff);
background:linear-gradient(top, #fff, #e0efff);
-moz-box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
-webkit-box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
box-shadow:inset -1px 0 0 #fff, inset 1px 0 0 #fff;
vertical-align:bottom;color:#2a4d8f;font-weight:500;text-decoration:none;border:1px solid #bccee2;border-bottom-color:#e2e2e2;border-left-width:0;padding:3px 8px}
.tabMenue li:first-child a {border-left-width:1px}
.tabMenue a:hover {background:#e8e8e8;color:#444}
.tabMenue .active {background:#fff;margin-left:-1px;padding:5px 8px;color:#444;border:1px solid #e2e2e2;border-bottom:1px solid #fff}
.tabMenue li:first-child .active {margin-left:0}
.tabMenue .active:hover {background:none;cursor:default}

.tabBox {border:1px solid #e2e2e2;margin-top:-1px}

.tabBox, .tabBox > div {height:100px}
.tabBox > div {padding:5px}

/* @section 3. Menubar (Deprecated seit 3.6.3) */

.menuBar li .menuBarLinkHead {border:none}

.menuBar .menuBarLinkHeadline, .menuBar .menuBarLinkTop {padding:6px 0 0;font:bold 1.0833em/1.375em Rubik, sans-serif;text-transform:uppercase}
.menuBar .menuBarLinkHeadline {border-top-width:1px;border-top-style:dotted}

.menuBar ul {margin-bottom:10px}
.menuBar li {margin-top:6px;margin-bottom:3px}
.menuBar ul .menuBarLinkArrow {padding:0 0 0 15px;font:1em/1.5em Rubik, sans-serif;text-transform:none;position:relative;border:none}
.menuBar ul li {position:relative}
.menuBar .menuBarMore:before,
.menuBar ul li:before {margin-right:0.5em;font:1em 'icon pvg';content:'b';position:absolute;color:#1E87CD;left:0.125em;top:0}

.menuBar a {cursor:pointer;color:#2a4d8f;text-decoration:none}
.menuBar a:hover {text-decoration:underline}

.menuBar .menuBarClosed, .menuBar .menuBarOpened {padding-left:15px;font:0.75em/1.625em Rubik, sans-serif;text-transform:none}
.menuBar ul .menuBarClosed, .menuBar ul .menuBarOpened {font:0.875em Rubik, sans-serif}
.menuBar .menuBarMore {line-height:1.875em;position:relative}
.menuBar .menuBarMore:before {left:0.5em;top:0.325em}
.menuBar .menuBarLinkArrow .menuBarMore {line-height:1.75em}
.menuBar span.menuBarMore {display:none;float:right}

.menuBar .menuBarOpened:before {content:"f";left:0.25em;top:0.5em}

/* @section 3.2 IE7 - Menu */

.ie7 .menuActive {zoom:1}
.ie7 .menuBar .menuBarText {float:left}

/* @section 3.3 Menu Styles */

/* Menu Style - Index */

.menuBar ul .menuBarLink:hover,
.layoutIndex .menuBarLinkHeadline:hover,
.layoutIndex .menuBarLinkTop:hover {color:#2a4d8f}

/* Menu Style - Insurance */

.layoutInsurance .menuBarMore:before,
.layoutInsurance .menuBarLinkArrow:before,
.layoutInsurance .menuBarLinkHeadline,
.layoutInsurance .menuBarLinkTop {color:#9b4499}

/* Menu Style - Finance */

.layoutFinance .menuBarMore:before,
.layoutFinance .menuBarLinkArrow:before,
.layoutFinance .menuBarLinkHeadline,
.layoutFinance .menuBarLinkTop {color:#d11f49}

/* Menu Style - Energy */

.layoutEnergy .menuBarMore:before,
.layoutEnergy .menuBarLinkArrow:before,
.layoutEnergy .menuBarLinkHeadline,
.layoutEnergy .menuBarLinkTop {color:#f95400}

/* Menu Style - Web */

.layoutWeb .menuBarMore:before,
.layoutWeb .menuBarLinkArrow:before,
.layoutWeb .menuBarLinkHeadline,
.layoutWeb .menuBarLinkTop {color:#8faf11}

/* Menu Style - Travel */

.layoutTravel .menuBarMore:before,
.layoutTravel .menuBarLinkArrow:before,
.layoutTravel .menuBarLinkHeadline,
.layoutTravel .menuBarLinkTop {color:#00a9b0}

/* Menu Style - Deals */

.layoutDeals .menuBarMore:before,
.layoutDeals .menuBarLinkArrow:before,
.layoutDeals .menuBarLinkHeadline,
.layoutDeals .menuBarLinkTop {color:#50930E}

/* Menu Style - Shopping */

.layoutShopping .menuBarMore:before,
.layoutShopping .menuBarLinkArrow:before,
.layoutShopping .menuBarLinkHeadline,
.layoutShopping .menuBarLinkTop {color:#ff9c06}

/* @section 3.4 Menu Active */

.menuBar .menuBarLinkHeadline.menuActive, .menuBar .menuBarLinkTop.menuActive {
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;padding:5px 5px 5px 15px;margin:0 0 0 -18px;color:#1f6cbe;position:relative}
.menuBar .menuBarLinkHeadline.menuActive:after, .menuBar .menuBarLinkTop.menuActive:after {content:'';border:4px solid;border-color:#0D2843 #0D2843 transparent transparent;position:absolute;bottom:-9px;left:-1px}

.menuBar ul .menuActive {font-weight:500}
.menuBar ul .menuActive.menuBarLinkArrow {color:#2a4d8f}