/* Start of CMSMS style sheet 'hhgs-menu' */
/* Fix for Opera 8 */
.clearb { clear: both; }
#nav-wrap{
background: #353c40;
clear:both;
min-width:1000px;
/*margin-left:-1px;
margin-right:-1px;*/
padding:0;
}

#navcontainer{ padding: 0px; }

/*#navcontainer { */
   /* Fix for Opera 8 */ 
      /*overflow: hidden;  */
   /*background-color: #000;
   border-left: 1px solid #aaaaaa;*/
   /*width: 700px;
margin-left:15px;
   margin-top:2px;
}*/

/* LANGUAGE FLAGGOR */
/*div#lang {
  float:right;
  margin-right:5px;
  margin-top:5px;
}*/


/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav li li { 
   width: 170px;
}


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

/* Styling the basic apperance of the menu elements */
#nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none;
   color: #ddd;
}
#nav li a { 
   padding: 8px 10px 13px 10px;
text-decoration: none;
border: none;
color: #ddd;
font-family: Lucida Sans Unicode;
font-size:0.7em;
}

#nav li a strong {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	}

#nav ul li a { 
   border:none;
font-size:0.8em;
}

#nav li li a { 
  /* border: 1px solid #9C9C9C;*/
}	

#nav li, #nav li.menuparent { 
/*påverkar alla*/
  background-color: #353c40;/* aac0cf 83949f*/
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#nav ul li.menuparent:hover,
#nav ul li.menuparenth{
background-color:#ddd;
}
#nav ul li.menuparent, 
#nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(uploads/images/web/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 

}


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

#nav li:hover{
cursor:default;
background-color: #353c40;
}
#nav li:hover a, #nav li:hover strong,
#nav li.menuparenth a, #nav li.menuparenth strong{
color:#fff;
}
#nav li:hover li a,
#nav li.menuparenth li a{
color:#ddd;
}
#nav ul li:hover,
#nav ul li.menuh,
#nav ul li.menuparenth{
background-color: #ddd;
}
#nav ul li:hover a,
#nav ul li.menuh a,
#nav ul li.menuparenth a{
color:#000;
}
#nav ul li:hover li a,
#nav ul li.menuh li a,
#nav ul li.menuparenth li a{
color:#ddd;
}
#nav ul li li:hover a,
#nav ul li li.menuh a,
#nav ul li li.menuparenth a{
color:#000;
}
#nav li.menuh,
#nav li.menuparenth,
#nav li.menuactiveh { 
   /*background-color: #353c40;*/
}

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

#nav li.menuactive { 
 background-color: #505b61;
}

#nav li.menuactive:hover,
 { 
 background-color: #505b61;
}

#nav ul li.menuactive:hover,
#nav ul li li.menuactiveh a{
background-color: #ddd;
color:#000;
}


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

/* 
just add 
#nav li:hover ul ul,
#nav li.menuparenth ul ul ul,
for fourth level 
*/
#nav ul,
#nav li:hover ul,
#nav li:hover ul ul,
#nav li.menuparenth ul,
#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
*/
#nav li:hover ul,
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav li.menuparenth ul,
#nav ul li.menuparenth ul,
#nav ul ul li.menuparenth ul {
   display: block; 
}


/* IE Hacks */
#nav li li {
   float: left; 
   clear: both; 
}
#nav li li a {
   height: 1%;
}
/* End of 'hhgs-menu' */