/**
 * Stylesheet for navigation of page
 *
 * @copyright Netzbewegung GmbH
 * @author Sebastian Kenk <s.kenk@netzbewegung.com>
 */
#primary-navigation
{
    position: absolute;
    top: 11px;
    right: 0;
    font-weight: bold;
    overflow: hidden;
    z-index: 5;
    color: #6d2a7e;
}

#primary-navigation ul.level_1
{
    display: inline;
}

#primary-navigation ul.level_1:after,
#primary-navigation ul.level_2:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

/* Hides from IE-mac \*/
* html #primary-navigation ul.level_1 { zoom: 1; }
* html #primary-navigation ul.level_2 { zoom: 1; }
*+ html #primary-navigation ul.level_1 { zoom: 1; }
*+ html #primary-navigation ul.level_2 { zoom: 1; }
/* End hide from IE-mac */

#primary-navigation li
{
    float: left;
    height: 83px;
    padding: 0 8px;
}

body.startpage #primary-navigation li,
* html #primary-navigation li
{
    background: #fff;
}

#primary-navigation li.first
{
    padding-left: 0;
}

#primary-navigation li.last
{
    padding-right: 0;
}

#primary-navigation span
{
    display: block;
    height: 0;
    padding-top: 45px;
    overflow: hidden;
    cursor: default;
    background: url(../img/background/primary-navigation.gif) no-repeat;
}

#primary-navigation span.lifestages
{
    width: 139px;
    background-position: 0 0;
}

#primary-navigation li.lifestages:hover span,
#primary-navigation li.lifestages-hover span
{
    background-position: 0 -45px;
}

#primary-navigation li.lifestages.trail span
{
    background-position: 0 -90px;
}

#primary-navigation span.products
{
    width: 160px;
    background-position: -139px 0;
}

#primary-navigation li.products:hover span,
#primary-navigation li.products-hover span
{
    background-position: -139px -45px;
}

#primary-navigation li.products.trail span
{
    background-position: -139px -90px;
}

#primary-navigation span.extras
{
    width: 140px;
    background-position: -299px 0;
}

#primary-navigation li.extras:hover span,
#primary-navigation li.extras-hover span
{
    background-position: -299px -45px;
}

#primary-navigation li.extras.trail span
{
    background-position: -299px -90px;
}

#primary-navigation span.service
{
    width: 88px;
    background-position: -439px 0;
}

#primary-navigation li.service:hover span,
#primary-navigation li.service-hover span
{
    background-position: -439px -45px;
}

#primary-navigation li.service.trail span
{
    background-position: -439px -90px;
}

#primary-navigation span.about
{
    width: 102px;
    background-position: -527px 0;
}

#primary-navigation li.about:hover span,
#primary-navigation li.about-hover span
{
    background-position: -527px -45px;
}

#primary-navigation li.about.trail span
{
    background-position: -527px -90px;
}

#primary-navigation li.lifestages-trail span { background-position: 0 -90px; }
#primary-navigation li.products-trail span { background-position: -139px -90px; }
#primary-navigation li.extras-trail span { background-position: -299px -90px; }
#primary-navigation li.service-trail span { background-position: -439px -90px; }
#primary-navigation li.about-trail span { background-position: -527px -90px; }

#primary-navigation li ul
{
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 6;
}

* html #primary-navigation li ul
{
    width: 900px;
}

#primary-navigation .products ul
{
    left: 50px;
}

#primary-navigation .extras ul
{
    left: 225px;
}

#primary-navigation .about ul
{
    left: 536px;
}

#primary-navigation li:hover ul,
#primary-navigation li.hover ul,
#primary-navigation li.trail ul
{
    display: block;
}

#primary-navigation li li
{
    padding: 0 0 0 24px;
    background: none;
}

#primary-navigation li li span
{
    height: auto;
    padding: 0;
    font-weight: normal;
    background: none;
}

#primary-navigation li li.first
{
    padding-left: 0;
}

#primary-navigation li li a
{
    white-space: nowrap;
    font-weight: normal;
    color: #50227b;
}

#primary-navigation li li.active a,
#primary-navigation li li.trail a,
#primary-navigation li li.active span
{
    font-weight: normal;
    color: #c880da;
}

#secondary-navigation
{
    padding-bottom: 6px;
}

#secondary-navigation h3
{
    padding: 16px 13px 12px;
    color: #fff;
    background: url(../img/background/secondary-navigation.gif) #6d2a7e left bottom no-repeat;
}

#secondary-navigation ul
{
    padding-bottom: 2px;
    background: url(../img/background/secondary-navigation.gif) #f9f1fb -270px bottom no-repeat;
}

#secondary-navigation li
{
    padding: 0 12px;
}

#secondary-navigation span,
#secondary-navigation a
{
    display: block;
    padding: 6px 0 6px 11px;
    border-bottom: 1px solid #decbe3;
    color: #50227b;
    background: url(../img/icon/arrow-right.gif) left 13px no-repeat;
}

#secondary-navigation li.submenu span,
#secondary-navigation li.submenu a
{
    border: none;
    background: url(../img/icon/arrow-down.gif) left 14px no-repeat;
}

#secondary-navigation li.last span,
#secondary-navigation li.last a
{
    border: none;
}

#secondary-navigation li.active span,
#secondary-navigation li.active a,
#secondary-navigation li.trail span,
#secondary-navigation li.trail a
{
    color: #c880da;
    background: url(../img/icon/arrow-pink-right.gif) left 13px no-repeat;
}

#secondary-navigation li ul
{
    padding: 0 0 0 18px;
    background: none;
}

#secondary-navigation li li
{
    padding: 0;
}

#secondary-navigation li.submenu li span,
#secondary-navigation li.submenu li a
{
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #decbe3;
    color: #50227b;
    background: url(../img/icon/bullet.gif) left 11px no-repeat;
}

#secondary-navigation li.submenu li.active span,
#secondary-navigation li.submenu li.active a
{
    color: #c880da;
}

#secondary-navigation li.last li.last span,
#secondary-navigation li.last li.last a
{
    border: none;
}

#international-navigation
{
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    z-index: 6;
    overflow: visible;
}

#international-navigation li.submenu
{
    position: relative;
    width: 140px;
}
    
#international-navigation li.submenu span
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 0.7em;
    line-height: 11px;
    width: 127px;
    height: 1px;
    padding: 0 13px 10px 0;
    text-align: right;
    z-index: 10;
    color: #fff;
    background: url(../img/background/international-navigation.png) no-repeat;
    
}

* html #international-navigation li.submenu span
{
    top: -12px;
    font-size: 0.8em;
    background-image: url(../img/background/international-navigation.gif);
}

#international-navigation li.submenu:hover
{
    cursor: pointer;
}

#international-navigation li.submenu ul
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 122px;
    padding: 0 5px 0 13px;
    background: url(../img/background/international-navigation.png) left bottom no-repeat;
}

* html #international-navigation li.submenu ul
{
    bottom: 2px;
    background-image: url(../img/background/international-navigation.gif);
}

#international-navigation li.submenu li a
{
    display: block;
    font-size: 14px;
    line-height: 1.42;
    padding: 5px 0;
    text-align: right;
    color: #6d2a7e;
    border-bottom: 1px solid #e2d0e6;
}

#international-navigation li.submenu li.last a
{
    border: none;
}