body {
background-image: url(pics/page/bg.gif);
margin: 0px;
height: 100%;
overflow: scroll;
}

#page {
width:620px;
text-align: left;
height: 100%;
margin: 0px;
}

#middle {
width: 610px;
color: #2937B6;
font-family: Arial;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#rubrik {
padding-left: 20px;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
background-color: #FFFFFF;
font-size: 22px;
letter-spacing: 4px;
}
#title {
color: #434343;
font-family: Verdana;
padding-left:5px;
font-size:12px;
letter-spacing: 2px;
}

#content {
color: #434343;
font-family: Verdana;
font-size: 8pt;
text-align:justify;
letter-spacing: 1pt;
line-height:25px;
}

#hl_blue {
 color: #004080;
 font-weight: bold;
}
#hl_orange {
 color: #FF8000;
 font-weight: bold;
}
#hl_green {
 color: #007500;
 font-weight: bold;
}
 a.grey:link { color: #434343; text-decoration: none; font-weight: bold;}
 a.grey:visited { color: #434343; text-decoration: none;  font-weight: bold;}
 a.grey:active { color: #434343; text-decoration: none; font-weight: bold;}
 a.grey:hover { color: #434343; text-decoration:none; border-bottom: 1px solid; font-weight: bold;}

 a.blue:link { color: #004080; text-decoration: none; font-weight: bold;}
 a.blue:visited { color: #004080; text-decoration: none;  font-weight: bold;}
 a.blue:active { color: #004080; text-decoration: none; font-weight: bold;}
 a.blue:hover { color: #004080; text-decoration:none; border-bottom: 1px solid; font-weight: bold;}

 a.orange:link { color: #FF8000; text-decoration: none; font-weight: bold;}
 a.orange:visited { color: #FF8000; text-decoration: none;  font-weight: bold;}
 a.orange:active { color: #FF8000; text-decoration: none; font-weight: bold;}
 a.orange:hover { color: #FF8000; text-decoration:none; border-bottom: 1px solid; font-weight: bold;}

 a.green:link { color: #007500; text-decoration: none; font-weight: bold;}
 a.green:visited { color: #007500; text-decoration: none;  font-weight: bold;}
 a.green:active { color: #007500; text-decoration: none; font-weight: bold;}
 a.green:hover { color: #007500; text-decoration:none; border-bottom: 1px solid; font-weight: bold;}

#bottom, #bottom a {
color:#808080;
font-size: 9.5px;
font-family: Arial;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;

}

#nav a {
	display: block;
         text-align:left;
         color: #434343;
         font-size: 13px;
         text-decoration: none;
}

#nav li { /* all list items */
	float: left;
         position: relative;
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
         padding-left: 5px;

         top: 26px;
	left: -99em; /* -999em;using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
}