@charset "utf-8";
/* CSS for TrMed.no dropdown menu */
/*
HTML-nesting for main-menu:
[------------------------------------------------------------]
	<dl id="produkter">
		<dt><a href="#">Produkter</a></dt>
		<dd>
			<ul>
				<li><a href="#" class="menuut">Inne</a>
					<div class="menuut">
						<ul>
							<li><a href="">Ute</a></li>
							<li><a href="">Ute</a></li>
							<li><a href="">Ute</a></li>
							<li><a href="">Ute</a></li>
							<li><a href="">Ute</a></li>
						</ul>
					</div>
				</li>
				
				<li><a href="#">Inne</a></li>
				<li><a href="#">Inne</a></li>
				<li><a href="#">Inne</a></li>
				<li><a href="#">Inne</a></li>
			</ul>
		</dd>
	</dl>
[------------------------------------------------------------]
*/
div#menu {
	display:block;
	position:absolute;
	width:310px;
	right:5px;
	top:3px;
	height:35px;
	background:url('../gfx/menubg.gif') repeat-x;
	z-index:150;
	}

div#menu dl {
	display:block;
	float:left;
	width:auto;
	height:20px;
	margin:0;
	padding:0;
	margin-right:2px;
	position:relative;
	border-right:1px solid #bbb;
	}
div#menu dl#english {
	border-right:0px;
	}
div#menu dt {
	display:block;
	width:auto;
	height:20px;
	margin:0 1px;
	padding:0;
	}

div#menu dl dt a {
	display:block;
	float:left;
	height:18px;
	width:auto;
	padding:2px 5px 0 5px;
	text-align:center;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	}
	
div#menu dl:hover dt, div#menu dt:hover {
	background:;
}
div#menu dl:hover dt a, div#menu dt a:hover {
	color:#f30;
	}	
	
div#menu dl dd {
	display:none;
	position:absolute;
	top:20px;
	left:50%;
	width:120px;
	margin-left:-66px;
	background:#fff;
	border:1px solid #777;
	padding:5px;
	z-index:40;
	}
div#menu dl:hover dd {
	display:block;
	}	
	
div#menu dl ul, div#menu dl li {
	margin:0;
	padding:0;
	list-style:none;
	}	
div#menu dl li {
	display:block;
	position:relative;
	}
div#menu dl li a {
	display:block;
	width:110px;
	height:20px;
	padding:5px 5px 0 5px;
	background:#fff;
	margin:0;
	color:#395274;
	}	

div#menu dl li a.menuut {
	background:url('../gfx/menuut.gif') no-repeat 110px -28px #fff;
	}	

div#menu dl li:hover a.menuut {
	background:url('../gfx/menuut.gif') no-repeat 110px 7px #b3c5de;
	}
div#menu dl li div.menuut a:hover, div#menu dl li a:hover {
	background:#b3c5de;
	}	
div#menu dl li div.menuut {
	display:none;
	position:absolute;
	left:120px;
	top:0px;
	background:#fff;
	border:1px solid #555;
	padding:5px;
	background:#fff;
	z-index:10;
	}	

div#menu dl li:hover div.menuut {
	display:block;
	}	

div#menu dl li div.menuut a:hover {
	background:#b3c5de;
	}	



/* UNDERMENY */
#undermenu {
	position:absolute;
	bottom:5px;
	left:230px;
	width:500px;
	height:20px;
	}

#undermenu li {
	display:block;
	float:left;
	position:relative;
	border-right:1px solid #bbb;
	height:20px;
	}
#undermenu li#byraa {
	border-right:0px;
	}
#undermenu li a {
	display:block;
	width:auto;
	height:17px;
	padding:1px 10px 8px 10px;
	background:;
	margin:0;
	color:#fff;
	font-size:1.2em;
	}
#undermenu li a:hover {
	background:url('../gfx/umahover.gif') no-repeat 48% 100%;
	}