/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
/* Styr huvudmeny LÄNK */
.menu ul li a:link, .menu ul li a:visited{
	background-image: url(images/menu.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 7px 20px 8px 20px;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	font-size: 11px;
	display: block;
	color: #ffffff;
	margin: 0px;
	float: left;
}
/* Styr huvudmeny UL */
.menu ul{
	background-image: url(images/menu.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px 0px -9px 0px;
	list-style-type: none;
	position: relative;
	width: 703px;
	padding: 0px;
	z-index: 20;
	float: left;
	top: 0px;
	left: 0px;
}
/* Styr huvudmeny LI */
.menu ul li{
	background-image: url(images/menu_line.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding-left: 1px;
	position: relative;
	float: left;
}
/* Styr undermeny UL */
.menu ul li ul {display: none;}
.menu ul li ul li{background-image: none; padding-left: 0px;}

/* specific to non IE browsers */
/* Styr huvudmeny LÄNK hover */
.menu ul li:hover a {
	background-image: url(images/menu_hover.png);
	color: #ffffff;
}
.menu ul li:hover ul {display:block; position:absolute; top: 28px; left:1px; width:150px;}
.menu ul li:hover ul li a.hide {background-image: url(images/menu_sub.png); background-position: right top; color: #ffffff;}
.menu ul li:hover ul li:hover a.hide {background-image: url(images/menu_hover.png); color: #ffffff; font-weight: bold;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color: #AE1407; background-image: none; width: 150px; padding: 8px 0px 8px 20px; text-align: left; color: #ffffff;}
.menu ul li:hover ul li a:hover {color: #ffffff; background-image: url(images/menu_hover.png); font-weight: bold;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0;}
.menu ul li:hover ul li{background-image: none;}
.menu ul li:hover ul li:hover ul.left {left:-150px;}
#wrapper #main .menu ul li a.active:link, #wrapper #main .menu ul li a.active:visited{
	background-image: url(images/menu_active.png);
	background-position: center top;
	padding: 8px 20px 16px 20px;
	font-weight: bold;
	color: #ffffff;
}