/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;}


p,span,div,li,td,th,label { 
	font-family: Arial, Helvetica, sans-serif;}

h1 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;}	
	
h2 {font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;}
		
h3 {font-size: 1.1em; margin-bottom:0px; padding-bottom:0px; color:#3E3E3E;}	
h4 {font-size: 1.0em; margin-bottom:0px; padding-bottom:0px; color:#3E3E3E;}	
h5 {font-size: 0.8em;}	
h6 {font-size: 0.6em;}

form { margin: 0px; }


/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.bold {font-weight:bold;}
.clear {clear:both;}
.clearIE {
     clear:both; 
     height:0; 
     margin:0;
     font-size:1px;
     line-height:0px;}


/* LINKS 
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#8C8C5B ; text-decoration: none;} 
a:hover, 
a:active {
	color:#8C8C5B; text-decoration:underline;}


/* FORMS
------------------------------------------------------------------ */
form {}
input {}
input:focus {
	background-color:#CCCCCC;}
textarea {}


/* MAIN LAYOUT 
------------------------------------------------------------------ */
#container { /* This is the mainwrapper */
	width:997px; 
	margin:3px auto;
	background:#FFFFFF;
	border: 1px solid #000000;
	position: relative;
	background-image:url(../bilder_losning/containerBg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;}

/* HEADER
------------------------------------------------------------------ */
#header {
	background-color:#CACAAE;
	position:relative;
	height:81px;}
	
#header .left {
	position: absolute;
	top: 17px;
	left: 15px;
	width:350px;}
	
#header .right {
	position: absolute;
	top:20px;
	right:20px;
	text-align:right;
	width:300px;}

#header input {
	background-color: #FFFFFF; 
	font-weight:bold;
	font-size: 10px; 
	height:15px; 
	padding: 3px 2px 0px 5px;
	border: 1px solid #858569;
	color:#5E6054;
	width:156px;}

#header .button {
	font-family:"Times New Roman", Times, serif;
	position: relative;
	background-color: #FFFFFF; 
	font-size: 10px; 
	border:1px solid #858569; 
	color:#5E6054; 
	padding: 0 5px;
	width:35px;
	height:19px; 
	line-height: 15px;}
	
#header .topMenu {/* NOT A DYNAMIC MENU */
	position:absolute;
	top:81px;
	width:975px;
	background-color: #EEEEE6;
	border: 1px solid #000000; border-width: 1px 0 1px 0;
	height:17px;
	padding:4px 0px 0 22px;
	font-size:11px;
	font-weight:bold;}
	
#header .topMenu a:link {color:#000000; text-decoration:none;}
#header .topMenu a:hover {color:#000000; text-decoration:underline;} 
#header .topMenu a:visited {color:#000000;}


/* LEFT
------------------------------------------------------------------ */
#left {
	position:absolute;
	left:20px;
	top:125px;
	width:175px;}
	
#left a:link, 
#left a:visited  { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#3D3D3D;
	font-weight:bold;
	font-size:10px;}
	
#left a:hover {
	color:#858569;}


/* LEFT: ACTIVITIES
------------------------------------------------------------------ */
#left .activities ul {
	margin:0;
	padding:10px 0 0 5px;}
	
#left .activities li {
	list-style:none;
	font-size:10px;
	margin-bottom:10px;}


/* LEFT: MENU 
------------------------------------------------------------------ */
#left .menu {
	position: relative;
	font-weight: bold;
	margin:7px 0 30px 0;
	padding-left:5px;}

#left .menu ul {
	margin: 0px;
	padding-left: 0px;}
	
#left .menu ul li {
	list-style: none;
	line-height: 14px;}
	
#left .menu ul li span{
	display: block; 
	height: 0px;
	overflow: hidden;}
	
#left .menu ul li a {
	xheight: 14px;
	xline-height: 14px;
	padding-left: 0px;
	font-size: 10px;
	color: #3D3D3D;
	text-decoration: none;}
	
#left .menu ul li.selected a {
	color: #858569;}
	
#left .menu ul li a:hover {
	color: #858569;
	text-decoration: underline;}

#left .menu ul li ul{
	padding-left:0px;
	margin: 0px;
	padding-top: 0px;}
	
#left .menu ul li ul li{}

#left .menu ul li ul li.first{
	 display:none;}

.menu ul li ul li.last{
	padding-bottom: 5px;}

#left .menu ul li ul li a:link,
#left .menu ul li ul li a:visited{
	display: block;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	padding-left: 25px;
	color:#858569;}

#left .menu ul li.selected ul li a{
	padding-left: 25px;}
	
#left .menu ul li.selected ul li.selected a{
	padding-left: 25px;
	color:#000000;}
	
	
/* LVL 3 */
#left .menu ul li.selected ul li.selected ul li a:link,
#left .menu ul li.selected ul li.selected ul li a:active,
#left .menu ul li.selected ul li.selected ul li a:visited{
	padding-left:35px;
	font-weight:normal;
	color:#858569;}

#left .menu ul li.selected ul li.selected ul li.selected a:link,
#left .menu ul li.selected ul li.selected ul li.selected a:active,
#left .menu ul li.selected ul li.selected ul li.selected a:visited{
	font-weight:bold;}

	


/* MAINCONTENT
------------------------------------------------------------------ */
#mainContent {
	margin:25px 190px 15px 224px;
	padding:14px 0px;
	width:566px;
	min-height:710px; height:auto !important; height:710px;
	position:relative;}
	

/* RIGHT 
------------------------------------------------------------------ */
#right {
	position:absolute;
	right:10px;
	top:125px;
	width:175px;}
	
#right p {
	padding:7px 0 0 5px;
	margin:0px;
	font-size:10px;}


/* FOOTER (INSIDE THE #CONTAINER AND #MAINCONTENT)
------------------------------------------------------------------ */
#footer {
	widht:550px;
	margin:25px 190px 15px 224px;
	font-size:10px;
	color:#727272;}
	

/* ACTIVITES
------------------------------------------------------------------ */	

#activitiesFrontpage {}
#activitiesFrontpage ul {
	margin:0;
	padding-left: 0px;}
	
#activitiesFrontpage li {
	list-style:none;}
	
#activitiesFrontpage a:link,
#activitiesFrontpage a:visited {
	color:#3E3E3E;
	font-weight:bold;
	text-decoration:none;}
	
#activitiesFrontpage a:hover {
	text-decoration:underline;}