@charset "utf-8"; /* CSS Document *****************************************
*       _________________   ______  __           ________________         *           
*       ___  __ \_  ____/   ___  / / /__________ ___  /_  /___  /_        *
*       __  /_/ /  / _________  /_/ /_  _ \  __ `/_  /_  __/_  __ \       *
*       _  ____// /___/_____/  __  / /  __/ /_/ /_  / / /_ _  / / /       *
*       /_/     \____/      /_/ /_/  \___/\__,_/ /_/  \__/ /_/ /_/        *
*                                                                         *
***************************************************************************            
*        Copyright: PC-Health | www.pc-health.ch | Wolfgang Wahl          *
***************************************************************************

***************************************************************************
*        CSS - Stylesheet: www.naturevit.ch                               *
***************************************************************************		 
		 
/*#########################################################################
---- Navigation -----------------------------------------------------------
#########################################################################*/

#outline #navigation .wrap {
	position: absolute;
	top: 0;
	height: 35px;	
	width: 920px;
	background-image: url(../images/navigation/bg-navigation.png);
	background-repeat: repeat;
}

#outline #navigation .wrap #topcorners {
	position: absolute;
	width: 920px;
	height: 13px;
	top: 0;
	left: 0;
	background-image: url(../images/header/topcorner.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 10;
}

.praxen #outline #navigation .wrap #topcorners div {
	height: 35px;
	width: 920px;	
	background-image: url(../images/navigation/bg-navigation.png);
	background-repeat: repeat;
}

#outline #navigation .wrap div#navi ul {
    list-style: none;
    float: left;
	margin-left: -1px;	
}

#outline #navigation .wrap div#navi li {
    position: relative;
    margin: 0;
    display: block;
    float: left;
    z-index: 10;
}

#outline #navigation .wrap div#navi li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 34px;
    left: 0;
    visibility: hidden;
    width: 250px;
    margin: 1px 0 0 0;
	background-image: url(../images/navigation/bg-navigation.png);
	background-repeat: repeat;
	border-top: none;
}

#outline #navigation .wrap div#navi li div ul {
    padding-top: 0;
}
div#navi li:hover>div {
    visibility: visible;
}

#outline #navigation .wrap div#navi a {
    padding-left: 18px;
    padding-right: 18px;		
    position: relative;
    z-index: 10;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 1.2em;
    white-space: nowrap;
    text-align: center;
    line-height: 35px;
    height: 35px;
	font-weight: bold;
	border-right: 1px dotted #ccc;
	color: #666;
}

#outline #navigation .wrap div#navi span {
    display: block;
    cursor: pointer;
    margin-top: 0;
    padding-left: 0;
    font-size: 1.1em;
    text-align: center;
}

#outline #navigation .wrap div#navi li.hover ul a,
#outline #navigation .wrap div#navi li.hover ul a span {
    background: none;
    text-indent: 0;
}

#outline #navigation .wrap div#navi li.hover ul a span,
#outline #navigation .wrap div#navi li.hover ul a:hover span {
    margin-left: 0;
}

#outline #navigation .wrap div#navi.js-active ul.menu li:hover>a,
#outline #navigation .wrap div#navi.js-active ul.menu li:hover>a span {
    background: none;
}

#outline #navigation .wrap div#navi.js-active ul.menu a:hover,
#outline #navigation .wrap div#navi.js-active ul.menu a:hover span {
    background: none;
}

#outline #navigation .wrap div#navi ul ul a {
    float: none;
	width: 240px; 
    display: block;
    height: auto;
    line-height: 26px;
    font-size: 1.2em;
    z-index: -1;
    white-space: normal;
    margin-left: 1px;
    text-transform: none;
	font-weight: bold;
	border: none;
	color: #333;
}

#outline #navigation .wrap div#navi li.current ul a,
#outline #navigation .wrap div#navi li.current ul a span {	    
}

#outline #navigation .wrap div#navi li.current {

}

#outline #navigation .wrap div#navi ul ul a:hover {
    text-indent: 0;
	color: #fff;
	background-color: #0e822d;
}

#outline #navigation .wrap div#navi ul ul.naviprod a:hover {
    text-indent: 0;
	color: #fff;
	background-color: #c90119;
}

#outline #navigation .wrap div#navi ul ul.naviprod a.oximun:hover {
    text-indent: 0;
	color: #fff;
	background-color: #50a125;
}


#outline #navigation .wrap div#navi ul ul a.froximun {
	background-color:#fff;
	height: 27px;
	cursor: default;
}

#outline #navigation .wrap div#navi ul ul a.froximun img {
	float: left;
}

#outline #navigation .wrap div#navi ul ul a.froximun:hover {
	background-color:#fff;
}

#outline #navigation .wrap div#navi ul ul a.moringa {
	background-color: transparent;
	height: 25px;
}

#outline #navigation .wrap div#navi ul ul a.moringa:hover {
	background-color: #f90;
}

#outline #navigation .wrap div#navi ul ul.naviprod a.arthrosedam {
	background-color:#0c2345;
	height: 25px;
}

#outline #navigation .wrap div#navi ul ul a.arthrosedam img {
	float: left;
}

#outline #navigation .wrap div#navi ul ul a.arthrosedan:hover {
	background-color: transparent!important;
}

#outline #navigation .wrap #outline #navigation .wrap div#navi ul ul a:hover span {
    background: none;
    margin-left: 0;
}

#outline #navigation .wrap div#navi ul ul a.parent span {
   
}

#outline #navigation .wrap div#navi ul ul a.parent:hover span {
    background: none;
}

#outline #navigation .wrap div#navi ul ul span {
    margin-top: 0;
    text-align: left;
}

#outline #navigation .wrap div#navi ul div {
    width: 276px;
    padding-top: 0;
}

#outline #navigation .wrap div#navi ul div ul {
    width: 263px;
}

#outline #navigation .wrap div#navi ul ul div {
    top: -13px;
    left: 0;
    margin-left: 240px;
    padding-top: 12px;	
}

#outline #navigation .wrap div#navi ul ul div ul {
    padding-top: 10px;

}

#outline #navigation .wrap div#navi ul ul li {
    background: none;
    padding: 0;
    z-index: 9;
    position:relative;
    top: 0;
    width: 100%;
}

#outline #navigation .wrap div#navi ul ul li.last { background: none; }
#outline #navigation .wrap div#navi ul ul ul li {
    top: 0;
}

/* lava lamp */
#outline #navigation .wrap div#navi li.back {
	background-color: #fff;
	height: 35px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
}