/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

.navigation-position {
margin-top: -61px;
margin-left: 288px;
width: 637px;
background: #f5f9f6;
height: 30px;
padding-top: 5px;
position: relative;
z-index:999;
}

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 

   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-images: url(https://www.ayurveda-kosmetik.ch/uploads/images/kosmetik/kosmetik_navi_background.jpg);
   width: 714px;
height: 26px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav ul li{ 
   widths: 10%; 
}
#primary-nav li li { 
                      width: 235px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -0px;
padding-top: 1px;
padding-bottom: 1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding-top: 7px;
padding-bottom: 6px;
padding-left: 13px;
padding-right: 12px; 
   text-decoration: none; 
   color: #295858;
font-family: verdana, sans-serif;
	font-size: 12px;
text-shadow: 0px 1px 1px white;

}
#primary-nav li a { 
                           borders-right: 1px solid #C0C0C0;
                           borders-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
                           borders: 1px solid #C0C0C0;
}	



#primary-nav li li a{ 
color: #295858;
}

#primary-nav li, #primary-nav li.menuparent { 
   backgrounds-color: #ececec; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li li.menuactives { 
   background-color: #d5989a; 
}

#primary-nav li li.menuactive a{ 
   color: #295858; 
}

#primary-nav li.menuactive { 
   background-colors: #d5989a; 
text-decoration: underlines;

}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */


#primary-nav li li:hover a{
color: #295858;
}

/*IE FIX*/
#primary-nav li li a:hover {
color: #295858;
}

.primary-nav li li a {
color: #295858;
}

#primary-nav li:hover a{
color: #295858;
}

/*IE FIX*/
#primary-nav li a:hover {
color: #295858;
}

#primary-nav li.menuparenth a{
color: #000000;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

#m1948asubmit {
background: url(https://www.ayurveda-seelisberg.ch/uploads/images/buttons/absenden_btn.png) no-repeat;
border: 0px;
width: 87px;
font-size: 13px;
color: #ffffff;
line-height: 22px;
padding-bottom: 6px;
height: 27px;
cursor: pointer;
}


#m1948aemail {
border: 1px solid #3c8c8a;
background-color: #ecf3f1;
height: 20px;
}

.wunschbetrag {
position: absolute;
z-index: 1;
padding-left: 310px;
margin-top: -25px;
}

#m86883fbrp__85 {
position: absolute;
z-index: 2;
}

.wunschbetrag2 {
position: absolute;
padding-left: 170px;
margin-top: -25px;
}

.wunschbetrag5 {
position: absolute;
padding-left: 350px;
margin-top: -25px;
}

#m86883fbrp__85 {
color: #6f6f6f;
}

#fbrp__74_1 {
margin-right: 6px;
}

#fbrp__112_1 {
margin-right: 6px;
}

/* Abschnitt red */	

.primary-nav-red li ul {
border-left: 1px solid #c3abad;
border-right: 1px solid #c3abad;
border-bottom: 1px solid #c3abad;
-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
}

.primary-nav-red li li {
background-color: #e3d3d4;
border-bottom: 1px dotted #ffffff;
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
}


/* Styling the apperance of menu items on hover */

.primary-nav-red li:hover, 
.primary-nav-red li.menu a:hover,
.primary-nav-red li.menuparent a:hover,
.primary-nav-red li.menuactive a:hover { 
   background-color: #c9b2b2;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.primary-nav-red .spacers {
padding-top: 5px; 
background-color: #d1e3dd;
}



/* Abschnitt default */

.primary-nav-default li ul {
border-left: 1px solid #9cb7ae;
border-right: 1px solid #9cb7ae;
border-bottom: 1px solid #9cb7ae;
-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
}

.primary-nav-default li li {
background-color: #c6ded6;
border-bottom: 1px dotted #ffffff;
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */

}



/* Styling the apperance of menu items on hover */

.primary-nav-default li:hover, 
.primary-nav-default li.menu:hover, 
.primary-nav-default li.menuparent:hover, 
.primary-nav-default li.menuactive:hover { 
   background-color: #a6cabe;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}



.primary-nav-default li li a {
color: #295858;
}


/* Abschnitt blue */

.primary-nav-blue li ul {
border-left: 1px solid #9eadbb;
border-right: 1px solid #9eadbb;
border-bottom: 1px solid #9eadbb;
-webkit-box-shadow: 0px 7px 16px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 16px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 16px rgba(50, 50, 50, 0.75);
}

/* Styling the apperance of menu items on hover */

.primary-nav-blue li li {
background-color: #d1dbe4;
border-bottom: 1px dotted #ffffff;
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
}

.primary-nav-blue li:hover, 
.primary-nav-blue li.menu:hover, 
.primary-nav-blue li.menuparent:hover, 
.primary-nav-blue li.menuactive:hover { 
   background-color: #99b8d3;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.primary-nav-blue li li a {
color: #295858;
}