div.menu {
	/* Opt*/
	font-weight: bold;
}
div.menu ul {
	padding: 0;
	list-style-type: none;
	position: relative; /* This should be on div.menu li instead, but this will break FF */
}
/* 
 * This will make the div behind the UL display in W3C Browsers such
 * as FF. Since IE doesn't support :after and don't need it either
 * IE breaks W3C by letting the containerdiv contain the float.
 */
div.menu ul:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 1px; /* This should be 0 but since FF < 1.5 dosn't handle this correct this is needed */
}

div.menu li {
	float: left;
	/* Fix the fix in div.menu ul:after for FF < 1.5 
	 * However this will break IE so this is fixed in the ie.css
	 */
	margin-bottom: -1px;
	/* Opt */
	border-right: 1px solid #ffffff;
}
div.menu a, div.menu a:visited, div.menu a:active {
	
	display: block;
	/* Opt */
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 0.3em 1.1em;
}
div.menu a:hover, div.menu li:hover, div.menu li.hover {
	/* Opt */
	background: inherit;
	background-color: transparent;
	color: #942329;
}

div.menu li.selected a {
	/* Opt */
	background: inherit;
	background-color: transparent;
	color: #942329;
}
div.menu li.selected a:hover, div.menu li.selected:hover a, div.menu li.selected_hover a {
	/* Opt */
	color: #942329;
}

div.menu li.hover {
	cursor: pointer;
}
/* Submenu */
div.menu li ul, div.menu li.selected ul {
	position: absolute;
	display: none;
	z-index: 2; /* Make the menu float on top of everything */
	/* Opt */
	background-color: #bfeeee;
/*	background-color: #0f4f86; samma som sidans bakgrund */
}
div.menu li li {
	float: none;
	position: static; /* FF dosn't need this, but it's correct */
} 
div.menu li.selected li, div.menu li.selected:hover li a, div.menu li.selected_hover li a {
	background: none;
}
div.menu li li a, div.menu li li a:visited, div.menu li li a:active {
	display: block;
	/* Opt */
	color: #000;
	text-align: left;
	font-weight: normal;
}
div.menu li li a:hover, div.menu li.selected li a:hover {
	/* Opt */
/*	background-color: #fff; */
	color: #942329	;
}

/* The li.hover class is used by IE, since it doesn't support :hover */
div.menu li:hover ul, div.menu li.hover ul {
	display: block;
}

div.menu li li, div.menu li li:hover {
	/* Opt */
	border: 0;
}