/* IE7 */
#TopMenu, #TopMenu A, #TopMenu A:hover,#TopMenu A:visited
{
	text-transform:uppercase;
}
#TopMenu .TopSubMenu, #TopMenu .TopSubMenu A:visited
{
	text-transform:uppercase;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#TopMenu, #TopMenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	
	font-size: 1em;
	font-family: verdana;
	color: #009CEA;
	position: relative;
	background-image:url("/images/Ramverk/bgmenu.gif");
	background-repeat:repeat-x;	 
}

/* Set up the link size, color and borders */
#TopMenu a, #TopMenu a:visited
{
	display: block;
	color: #009CEA;
	height: 20px; /********************************/
	/*line-height: 33px;*/
	padding-left: 15px;
	padding-right: 10px;
	text-decoration: none;
	vertical-align:middle;
	padding-top:13px;
}

#TopMenu a:hover
{
	text-decoration:none;

	
}

#TopMenu
{

	float:left;
}
#TopMenu UL
{
	border-left:solid 1px #C8C8C8;
}
/* Set up the list items */
#TopMenu li
{
	float: left;
	border-right:solid 1px #C8C8C8;
	border-top:solid 1px #C8C8C8;
	/* background: #FFFFFF;*/	
	
}

/* For Non-IE browsers and IE7 */
#TopMenu li:hover
{
	position: relative;
	
}
/* Make the hovered list color persist */
#TopMenu li:hover > a
{
	 /* background: #E3DDD3;
	background: #660066;*/
	 color: #FFFFFF; 	
	 background-image:url("/images/Ramverk/bgmenuselected.gif");
	 background-repeat:repeat-x;
	 background-position:center ;
	 text-decoration:none; 
	 
	
}


/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#TopMenu li ul
{
	display: none;
	background-color: #E6E6E6;
}
/* Nedanstående är bortkommenterat eftersom de har ändrat sig och inte vill ha drop-down menyer,
   låter koden finnas kvar tills vidare i fall att de ändrar sig. 
   Javascriptfilen topnavigation.js är också bortkommenterad */

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs 
#TopMenu li:hover > ul
{
	display: block; 
	position: absolute;
	top: 11px;
	left: 80px;
	background: #E6E6E6;
	width: 200px;
	color: #009CEA;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}*/

/* Position the first sub level beneath the top level liinks */
#TopMenu > li:hover > ul
{
	left: 0;
	top: 33px;
}

#TopMenu .TopSubMenu li:hover a
{
	/*background: #FFFFFF;*/
	color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
#TopMenu .TopSubMenu a, #TopMenu .TopSubMenu a:visited
{
	display: block;
	/*font-size: 12px;*/
	font-size: 1em;
	width: auto;
	font-family: Verdana;
	color: #009CEA;
	padding-left: 0;
	cursor: hand;
	height: 24px;
	padding-top:8px;
	/*margin-bottom: 5px;*/
	/*line-height: 33px;*/
	vertical-align:middle;
	
}

#TopMenu .TopSubMenu
{
	display: none;
/*	z-index: 10; */
}
/*
#TopMenu .TopSubMenu li
{
	
	float: none;

}
*/

#TopMenu .TopSubMenu li.RightArrow
{
	border-top:none;
}
#TopMenu li.selected
{
	background: #E3DDD3; 
	/*background-color:Fuchsia;*/
}
#TopMenu .TopSubMenu .menuSpace
{	
	padding-left:10px;
	float:left;
	display:block;
	width:180px;
}
#TopMenu .TopSubMenu {border:solid 1px #C8C8C8}
#TopMenu .TopSubMenu li {border:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#TopMenu .TopSubMenu .Separator
{
	/*height: 2px;
	position: relative;
	margin-bottom: 2px;*/
	/*padding-top: 1px;*/
	background: url(../Images/Ramverk/dotline.gif) repeat-x;
	font-size: 1px;
	background-repeat: repeat-x;
	width: 96%;
	height:3px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
	border:none;
	
}