/************************/
/* MAINMENU 	        */
/************************/
#MainMenu{
	margin:0;
	padding:0;	
	list-style-type:none;
	width:70%;
	float:right;		
	background:#fff url('../images/framework/bg_header_right.gif') bottom right no-repeat;
	padding-top:31px;
}


#MainMenu li{
	float:left;
	padding:0;
	margin:0;
}

#MainMenu li a{
	padding:0;
	margin:0;
	float:left;
	display:block;
	height:85px;
	width:125px;	
	background-repeat:no-repeat;
	background-position:top right;
	text-indent:-2000px;
}



/*hover*/
#MainMenu li.unselected a:hover{
	background-position:-4%;
}

#MainMenu li.selected{
	position:relative;
	left:5px;
}


/****Bakgrund Löpare****/

html.sv li#MainMenuItem_31.selected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/runnerselected.gif');
}

html.sv li#MainMenuItem_31.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/runner.gif');
}

html.da li#MainMenuItem_31.selected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/runnerselected.gif');
}

html.da li#MainMenuItem_31.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/runner.gif');
}

html.en li#MainMenuItem_31.selected a
{
	background-image: url('../images/framework/menues/mainmenu/en/runnerselected.gif');
}

html.en li#MainMenuItem_31.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/en/runner.gif');
}

html.de li#MainMenuItem_31.selected a
{
	background-image: url('../images/framework/menues/mainmenu/de/runnerselected.gif');
}

html.de li#MainMenuItem_31.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/de/runner.gif');
}

/****Bakgrund Public****/

html.sv li#MainMenuItem_26.selected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/publicselected.gif');
}

html.sv li#MainMenuItem_26.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/public.gif');
}

html.da li#MainMenuItem_26.selected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/publicselected.gif');
}

html.da li#MainMenuItem_26.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/public.gif');
}

html.en li#MainMenuItem_26.selected a
{
	background-image: url('../images/framework/menues/mainmenu/en/publicselected.gif');
}

html.en li#MainMenuItem_26.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/en/public.gif');
}

html.de li#MainMenuItem_26.selected a
{
	background-image: url('../images/framework/menues/mainmenu/de/publicselected.gif');
}

html.de li#MainMenuItem_26.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/de/public.gif');
}

/****Bakgrund Partner****/

html.sv li#MainMenuItem_28.selected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/partnerselected.gif');
}

html.sv li#MainMenuItem_28.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/sv/partner.gif');
}

html.da li#MainMenuItem_28.selected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/partnerselected.gif');
}

html.da li#MainMenuItem_28.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/dk/partner.gif');
}

html.en li#MainMenuItem_28.selected a
{
	background-image: url('../images/framework/menues/mainmenu/en/partnerselected.gif');
}

html.en li#MainMenuItem_28.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/en/partner.gif');
}

html.de li#MainMenuItem_28.selected a
{
	background-image: url('../images/framework/menues/mainmenu/de/partnerselected.gif');
}

html.de li#MainMenuItem_28.unselected a
{
	background-image: url('../images/framework/menues/mainmenu/de/partner.gif');
}

/************************/
/* TOPMENU 	        */
/************************/
#TopMenu{
	width:75%;
	float:left;
	margin:0;
	padding:0;	
	list-style-type:none;
}

#TopMenu li{
	float:left;
}

#TopMenu li a{
	float:left;
	display:block;
	padding:4px 8px 6px 8px;
	margin-right:10px;
	height:100%;
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}
#TopMenu li a:hover{
	color:#f1f1f1;
}


#TopMenu li.selected a{
	background: url('../images/framework/menues/topmenu/bg_topmenuitemselected.gif') bottom left repeat-x;	
}

#TopMenu li.mypages, #TopMenu li.mypages a{
	float:right;
}

/************************/
/* SUBMENU 	        */
/************************/

#SubMenu ul, #SubMenu li{
	padding:0;
	margin:0;
	list-style-type:none;
}

div.expandable #SubMenuTopLeft{
	background: url('../images/framework/menues/submenu/expandable/menutopleft.gif') top left no-repeat;
	padding-left:10px;
}

div.expandable #SubMenuTopRight{
	background: url('../images/framework/menues/submenu/expandable/menutopright.gif') top right no-repeat;
	padding-right:10px;
}

div.expandable #SubMenuTop{
	background: url('../images/framework/menues/submenu/expandable/menutop.gif') top left repeat-x;
	height:10px;
}

div.expandable #SubMenuHeaderLeft{
	background: url('../images/framework/menues/submenu/expandable/menuleft.gif') top left repeat-y;
	padding-left:6px;
}

div.expandable #SubMenuHeaderRight{
	background: url('../images/framework/menues/submenu/expandable/menuright.gif') top right repeat-y;
	padding-right:6px;
}

div.expandable h2{
	color:#fff;
	background: #ad1403 url('../images/framework/menues/submenu/expandable/menuheader.gif') bottom left repeat-x;
  
}



div.expandable a div.menuitemleft{
	background: url('../images/framework/menues/submenu/expandable/menuleft.gif') top left repeat-y;
	padding-left:6px;	
}

div.expandable a div.menuitemright{
	background: url('../images/framework/menues/submenu/expandable/menuright.gif') top right repeat-y;
	padding-right:6px;
}

div.expandable a div.menuitem{
	background: #e71701 url('../images/framework/menues/submenu/expandable/menuitem.gif') bottom left repeat-x;	
}

div.expandable ul li ul li a div.menuitem{
	background-image:none;
	background-color:#e03e2d;

}


/***Menu bottom****/

div.expandable #SubMenuBottomLeft{
	margin-top:-4px;		
	background: url('../images/framework/menues/submenu/expandable/menubottomleft.gif') bottom left no-repeat;
	padding-left:10px;
}

div.expandable #SubMenuBottomRight{
	background: url('../images/framework/menues/submenu/expandable/menubottomright.gif') bottom right no-repeat;
	padding-right:10px;
}

div.expandable #SubMenuBottom{
	background: url('../images/framework/menues/submenu/expandable/menubottom.gif') bottom left repeat-x;
	height:10px;
}


/****Hover****/
div.expandable a:hover div.menuitem{
	background: #cb1806 url('../images/framework/menues/submenu/expandable/menuitemhover.gif') bottom left repeat-x;	
}

div.expandable ul li ul li a:hover div.menuitem{
	background-image:none;
	background-color:#e03e2d;
}

/***Padding***/
#SubMenuArea div.expandable h2{
	padding-bottom:1em;
	padding-top:0.5em;
	margin-bottom:0;
}

#SubMenuArea div.expandable a{
	display:block;
}


#SubMenuArea div.expandable h2 b{
	display:block;
	padding-left:1em;
	
}

#SubMenuArea div.expandable ul li b{
	display:block;
	padding-top:0.6em;
	padding-right: 0;
	padding-bottom: 0.6em;
	padding-left:1.5em;	
	
}


#SubMenuArea div.expandable ul li ul li b{
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:3em;
}

#SubMenuArea div.expandable ul li ul li ul li b{
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:4em;
}

#SubMenuArea div.expandable ul li ul li ul li ul li b{
	padding-left:5em;
}

/***Arrows***/

#SubMenuArea div.expandable h2 b {
	/*background: url('../images/framework/menues/submenu/expandable/arrows/toplevelselected.gif') 2% 0.7em no-repeat;		*/
}

#SubMenuArea div.expandable ul li a.selected b, #SubMenuArea div.expandable ul li a.expanded b, #SubMenuArea div.expandable ul li a:hover b {
	background: url('../images/framework/menues/submenu/expandable/arrows/toplevelselected.gif') 2% 0.7em no-repeat;		
}

#SubMenuArea div.expandable ul li ul li a.expanded b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevelselected.gif') 9% 0.6em no-repeat !important;			
}

#SubMenuArea div.expandable ul li ul li a b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevel.gif') 9% 0.5em no-repeat;			
}

#SubMenuArea div.expandable ul li ul li a:hover b, #SubMenuArea div.expandable ul li ul li a.selected b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevelselected.gif') 9% 0.5em no-repeat;			
}


#SubMenuArea div.expandable ul li ul li ul li a b,
#SubMenuArea div.expandable ul li ul li ul li a.expanded b,
#SubMenuArea div.expandable ul li ul li ul li a:hover b,
#SubMenuArea div.expandable ul li ul li ul li a.selected b
{
	background-image:none !important;
}

/***Fonts and Colors***/

#SubMenuArea div.expandable a b{
	font-weight:700;
	font-size:1.1em;
}

#SubMenuArea div.expandable ul li ul li a b{
	font-weight:normal;
}

#SubMenuArea div.expandable a{
	color:#fff;
	text-decoration:none;
}

#SubMenuArea div.expandable a:hover, #SubMenuArea div.expandable ul li ul li a.selected b{
	font-weight:bold;
}



/************************/
/* SUBMENU              */  
/* NOT EXPANDABLE       */
/************************/
div.notexpandable #SubMenuTopLeft{
	background: url('../images/framework/menues/submenu/notexpandable/menutopleft.gif') top left no-repeat;
	padding-left:10px;
}

div.notexpandable #SubMenuTopRight{
	background: url('../images/framework/menues/submenu/notexpandable/menutopright.gif') top right no-repeat;
	padding-right:10px;
}

div.notexpandable #SubMenuTop{
	background: url('../images/framework/menues/submenu/notexpandable/menutop.gif') top left repeat-x;
	height:10px;
}

div.notexpandable #SubMenuHeaderLeft{
	background: url('../images/framework/menues/submenu/expandable/menuleft.gif') top left repeat-y;
	padding-left:6px;
}

div.notexpandable #SubMenuHeaderRight{
	background: url('../images/framework/menues/submenu/expandable/menuright.gif') top right repeat-y;
	padding-right:6px;
}

div.notexpandable h2{
	color:#fff;
	background: #e71701 url('../images/framework/menues/submenu/expandable/menuitem.gif') bottom left repeat-x;		
}

div.notexpandable a div.menuitemleft{
	background: url('../images/framework/menues/submenu/expandable/menuleft.gif') top left repeat-y;
	padding-left:6px;	
}

div.notexpandable a div.menuitemright{
	background: url('../images/framework/menues/submenu/expandable/menuright.gif') top right repeat-y;
	padding-right:6px;	
}

div.notexpandable ul li a div.menuitem{
	background-image:none;
	background-color:#e03e2d;
}

/***Menu bottom****/

div.notexpandable #SubMenuBottomLeft{
	margin-top:-4px;		
	background: url('../images/framework/menues/submenu/expandable/menubottomleft.gif') bottom left no-repeat;
	padding-left:10px;
}

div.notexpandable #SubMenuBottomRight{
	background: url('../images/framework/menues/submenu/expandable/menubottomright.gif') bottom right no-repeat;
	padding-right:10px;
}

div.notexpandable #SubMenuBottom{
	background: url('../images/framework/menues/submenu/expandable/menubottom.gif') bottom left repeat-x;
	height:10px;
}

/***Padding***/
#SubMenuArea div.notexpandable h2{
	padding-bottom:1em;
	padding-top:0.5em;
	margin-bottom:0;
}

#SubMenuArea div.notexpandable a{
	/*margin-right:1em;*/
}

#SubMenuArea div.notexpandable h2 b{
	display:block;
	padding-left:1em;
	
}

#SubMenuArea div.notexpandable ul li b{
	display:block;
	padding-top:0.6em;
	padding-right: 0;
	padding-bottom: 0.6em; 
	padding-left:1.5em;	
}


#SubMenuArea div.notexpandable ul li ul li b{
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:3em;
}

#SubMenuArea div.notexpandable ul li ul li ul li b{
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:4em;
}

#SubMenuArea div.notexpandable ul li ul li ul li ul li b{
	padding-left:5em;
}

/***Arrows***/

#SubMenuArea div.notexpandable h2 b {
	/*background: url('../images/framework/menues/submenu/expandable/arrows/toplevelselected.gif') 2% center no-repeat;		*/
}

#SubMenuArea div.notexpandable ul li a.selected b, #SubMenuArea div.notexpandable ul li a.expanded b, #SubMenuArea div.notexpandable ul li a:hover b {
	background: url('../images/framework/menues/submenu/expandable/arrows/toplevelselected.gif') 2% 47% no-repeat;		
}

#SubMenuArea div.notexpandable ul li ul li a.expanded b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevelselected.gif') 9% 50% no-repeat !important;			
}

#SubMenuArea div.notexpandable ul li ul li a b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevel.gif') 9% 50% no-repeat;			
}

#SubMenuArea div.notexpandable ul li ul li a:hover b, #SubMenuArea div.expandable ul li ul li a.selected b{
	background: url('../images/framework/menues/submenu/expandable/arrows/sublevelselected.gif') 9% 50% no-repeat;			
}

#SubMenuArea div.notexpandable ul li ul li ul li a b,
#SubMenuArea div.notexpandable ul li ul li ul li a.expanded b,
#SubMenuArea div.notexpandable ul li ul li ul li a:hover b,
#SubMenuArea div.notexpandable ul li ul li ul li a.selected b
{
	background-image:none !important;
}

/***Fonts and Colors***/

#SubMenuArea div.notexpandable a b{
	font-weight:700;
	font-size:1.1em;
}

#SubMenuArea div.notexpandable ul li ul li a b{
	font-weight:normal;
}

#SubMenuArea div.notexpandable a{
	color:#fff;
	text-decoration:none;
}

#SubMenuArea div.notexpandable a:hover, #SubMenuArea div.notexpandable ul li ul li a.selected b{
	font-weight:bold;
}