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

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; /* this text size is 80% of browsers size, need to discuss font-sizes */ }


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

h1 {font-size: 1.8em; margin-bottom:4px; padding-bottom:4px; font-weight: normal; color:#3E3E3E; }	
h2 {font-size: 1.5em; margin-bottom:2px; padding-bottom:2px; font-weight: normal; color:#3E3E3E;}	
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:#BB2203; text-decoration: underline;} 
a:hover, 
a:active {
	color:#BB2203; 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;}

/* HEADER */
#header {
	background-image:url(../bilder_losning/HeaderBg.gif); background-repeat:no-repeat;
	position:relative;
	height:81px;}
	
#header .left {
	position: absolute;
	top: 12px;
	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;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	top:79px;
	width:975px;
	background-color: #EEEEE6;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	height:16px;
	padding:4px 0px 0 22px;
	font-size:10px;
	font-weight:bold;}
	
#header .topMenu a:link {color:#0E0D0B; text-decoration:none;}
#header .topMenu a:hover {color:#0E0D0B; text-decoration:underline;} 
#header .topMenu a:visited {color:#0E0D0B;}


/* LEFT */
#left {
	position:absolute;
	left:20px;
	top:125px;
	width:175px;}
	
#left a:link,
#left a:visited {
	text-decoration:none;}
#left a:hover {
	text-decoration:underline;}


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

/* RIGHT */
#right {
	position:absolute;
	right:16px;
	top:125px;
	width:175px;}
	
#right p {
	margin:0;
	padding:5px 10px 0 6px;
	font-size:10px;}
	
#right input,
#right select {
	border:1px solid #7F9DB9;
	width:135px;
	font-size:10px;
	height:14px;
	margin-top:2px;
	padding:3px 0 1px 3px;}
#right select {width:139px; height:19px;}
	
#right form {
	background-image:url(../bilder_losning/formsBgOneRow.gif);
	background-repeat:no-repeat;
	margin:5px 0 20px 6px;
	padding-bottom:10px;}
	
#right .button {
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#5E6054;
	background-color:#FFFFFF;
	border:1px solid #858569;
	width:40px;
	height:19px;
	float:right;
	padding:0 2px 1px 3px;
	margin:-5px 28px 20px 0;}
	

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


/* MENU */
#menu {
	position: relative;
	font-weight: bold;
	margin-bottom:25px;}

#menu ul {
	margin: 0px;
	padding-left: 0px;}
	
#menu ul li {
	list-style: none;
	line-height: 16px;}
	
#menu ul li a {
	height: 16px;
	line-height: 16px;
	padding-left: 0px;
	font-size: 10px;
	color: #3D3D3D;
	text-decoration: none;}
	
#menu ul li.selected a, 
#menu ul li a:hover {
	Xcolor: #858569;}

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

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

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

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


/* LINKS LEFT AND RIGHT 
------------------------------------------------------------------*/

#left a:link, 
#left a:visited, 
#right a:link, 
#right a:visited  { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#3D3D3D;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;}
	
#left a:hover, 
#right a:hover { xcolor:#858569;}