#header {
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	min-width:800px;
	/*line-height:35px;*/
	height:33px;
	padding:3px 0 0;
	background:#042360;
	border-bottom:1px solid #2160A0;
	color:white;
	/*box-shadow:0 0 10px rgba(0,0,0,0.5);*/
}


/* logo */
#logo {
	float:left;
	width:150px;
	margin-left:10px;
}

#logo img {
	margin-top:5px;
}

/*
#language-icon-menubar {
    float: right;
    width: 40px;
    margin-right: 10px;
}

#language-icon-menubar img {
    margin-top: 5px;
}
*/

/* hovedmeny */

#mainmenu {
	float:left;
}

#mainmenu li {
	list-style:none;
	float:left;
	margin-right:3em;
	margin-left:-1px;
	border:1px solid transparent;
	border-top:0;
	border-bottom:0;
	position:relative;
}

#mainmenu a {
	display:inline-block;
	/*padding:0 15px;*/
	color:white;
	text-decoration:none;
	font-weight:bold;
}

#mainmenu a img {
	vertical-align:middle;
	margin-right:0.5em;
}

#mainmenu a:hover {
	text-decoration:underline;
}

#mainmenu a.active {
	z-index:2;
	background:url('/images/ui/dark40.png');
	border-color:rgba(255,255,255,0.5);
}

/* bruker */

#user {
	float:right;
	margin:7px 10px 0 0;
	line-height:16px;
}

#user a,
#user span {
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	margin-top:-0.25em;
	margin-left:2em;
	position:relative;
	color:white;
}

#user a img,
#user span img {
	display:inline-block;
	vertical-align:middle;
}

#user a .counter {
	display:block;
	position:absolute;
	top:-5px;
	right:-5px;
	width:15px;
	margin-right:-10px;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	text-align:center;
	background:red url('/images/ui/gradient.png') 0 100% repeat-x;
	border-radius:5px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	padding:1px;
	z-index:5;
}

#user .separator {
	display:inline-block;
	height:31px;
	width:1em;
	margin:-0.3em 1em 0;
	border-right:1px solid rgba(255,255,255,0.5);
	vertical-align:middle;
}

#cartUpdateIcon {
	display:none;
	position:absolute;
	top:10px;
	left:0;
	width:16px;
	height:16px;	
	margin:-10px;
	padding:10px;
	background:url('/images/ui/dark20.png');
	border-radius:5px;
}

#cartUpdateIcon img {
	width:100%;
	height:100%;
}

#userMenu {
	position:absolute;
	top:30px;
	right:0;
	background:#042360;
	padding:3px 3px 2px;
	border:1px solid rgba(0,0,0,0.25);
	box-shadow:2px 2px 10px rgba(0,0,0,0.25);
}

#userMenu a {
	display:block;
	min-width:150px;
	color:#000;
	background:white;
	line-height:29px;
	padding:0 0.35em;
	margin:0 0 1px;
}

#userMenu a:hover {
	background:#EEE;
}

#userMenu a img {
	vertical-align:middle;
	margin:0 0.25em;
}


/* submenu */

.nav {
	position:fixed;
	z-index:9;
	width:170px;
	padding:10px;
	line-height:19px;
	overflow:auto;
	border-right:1px solid #DDD;
	background:#FFF url('/images/ui/bg-leftmenu.png') 160px 0 repeat-y;
}

.nav .header {
}

.nav select {
	width:138px;
	display:block;
	margin-bottom:1em;
}

.nav ul,
.nav li {
	list-style:none;
	margin:0;
	padding:0;
}

.nav li {
	margin-bottom:1em;
	line-height:16px;
}

.nav .submenu {
	padding:0 0 5px 21px;
	/*display:none;*/
}

.nav .submenu li {
	line-height:1.2em;
	margin:0.5em 0;
}

.nav a {
	text-decoration:none;
	margin:0 0 1px;
	color:#777;
}

.nav a.root {
	color:#555;
	display:inline-block;
	font-weight:bold;
	line-height:17px;
}

.nav a.root img {
	vertical-align:middle;
	margin-right:5px;
	margin-top:-0.3em;
}

.nav a:hover {
	color:#000;
}

.nav .active > a {
	color:#000;
	text-decoration:underline;
}

.nav .active .submenu {
	display:block;
}


/* PAGEHEADER */

.pageheader {

}

.pageheader h1 {

}

.pageheader button {
	float:left;
}


/* PAGEMENU */

.pagemenu {
}

.tree a,
.pagemenu a {
	display:block;
	color:#555;
	padding:2px 5px;
	border:1px solid transparent;
	margin-bottom:0.25em;
	text-decoration:none;
	position:relative;
	text-shadow:0 1px 0 white;
}


.pagemenu a:hover {
	border-color:#DDD;
	z-index:3;
	box-shadow:0 0 3px rgba(0,0,0,0.15);
}

.tree a.active,
.pagemenu a.active {
	font-weight:bold;
	border-color:#BBB;
	color:#000;
	background-color:#F8F8F8;
	text-decoration:none!important;
	z-index:2;
}

.pagemenu a {
	padding-left:22px;
	background:url('/images/icons/page_white.png') 3px 3px no-repeat;
}


/* TABMENU */

.tabmenu {
	float:left;
	width:120px;
}

.tabmenu a {
	display:block;
	padding:5px 0;
}


/* PAGEBODY */ 

.pagebody {
	float:left;
	background:#FFF;
}

.pagemenu + .pagebody {
	width:70%;
}


/* TREE-STUFF */

.tree {
	overflow:hidden;
}

.tree a {
	display:block;
	text-decoration:none;
	line-height:16px;
	padding:2px;
	margin-bottom:1px;
}

.tree a img {
	vertical-align:top;
	margin-right:3px;
}

/* HIGHLIGHTS */
.selected {
	border: 2px solid blue;
	background: lightgrey;
	padding: 1px 1px;
}

.unselected {
	padding: 3px 3px;
}