/* CSS Document */
/* ------------------------------- body --------------------------------------------*/
BODY {
	color:#000000;
	background-color: #FFFFFF;
	margin:22px 0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	
	/* MSIE 5 doesn't center based on auto left/right margins, 
    but 'text-align:center' does center top-level divs: */
    text-align: center;
    /* Specify a min-width for the body as wide as the 'wrapper'
    element itself. This prevents negative (i.e. inaccessible)
    left-margins in narrow browser windows when using 
    Navigator 6+/Mozilla on Win32: */
    min-width: 800px;
}

BODY, TD, IMG, SPAN, DIV {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

/* ------------------------------- containers --------------------------------------------*/
#Navbar_container {
	margin:25px auto 10px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	/*position:absolute;*/
	left:-1px;
	top:0px;
	width:800px;
	height:25px;
	z-index:5;

}
#Header_container {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	/*position:absolute;*/
	left:0px;
	bottom:0px;
	top:50px;
	width:800px;
	/*height:500px;*/
	z-index:1;
}
#Spacer{
    margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	left:0px;
	top:50px;
	width:800px;
	height:15px;
	z-index:1;  
}

#Content_container {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	/*position:absolute;*/
	left:0px;
	top:550px;
	width:800px;
	z-index:2;
	padding: 20px;
}

#Content_container_nopadding {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	/*position:absolute;*/
	left:0px;
	/*top:550px;*/
	width:800px;
	z-index:2;
}

#Footer_container{
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:right; /* Counteract to IE5/Win Hack */
	/*position:absolute;*/
	left:0px;
	/*top:550px;*/
	width:800px;
	z-index:3;
}

#wrapper {
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 800px;
  /* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */

  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}


/* ------------------------------- links --------------------------------------------*/


div#hor_line {border-bottom: 1px solid #a1a5a9; padding: 0px 0px 0 0px;}

div#border_right {
    border-right: 1px solid #a1a5a9;
}


/* LANKAR */
#A.special{
    color:#FF6633;
	text-decoration: underline;
}

#A:hover.special {
	color:#cccccc;
	text-decoration: underline;

}


A {
	color:#000000;
	text-decoration: none;
}
A:hover {
	color:#000000;
	text-decoration: underline;

}

A.bold {
	color:#000000;
	font-weight:bold;
}
A.bold:hover  {
	color:#3B116B;
}

/* .class A.link  fungerar med IE men inte FF*/
/* A.class.link */ 
A.dim:link {color:#CCCCCC; text-decoration: none;}
A.dim:visited {color:#CCCCCC; text-decoration: none;}
A.dim:active {color:#CCCCCC; text-decoration: none;}
A.dim:hover {color:#FFFFFF; text-decoration: none;}

#black_bg A {
	color:#cccccc;
	text-decoration: none;
}

#black_bg A:hover {
	color:#cccccc;
	text-decoration: underline;
}


/* ------------------------------- localnav --------------------------------------------*/
#localnav{
  width: 100%;
/*  table-layout: fixed;*/
  padding: 0;
  border: 0;
  margin: 0;
}

#localnav td {
  font-size: 16px;
  text-align: middle;
  vertical-align: middle;
}

#localnav a {text-decoration: none; color: #ffffff; display: block; padding: 3px; }
#localnav a:hover {color: #666666; display: block; padding: 3px; background: #ff0000;}
#localnav a.hi {color: #666666; display: block; padding: 3px; background: #ff0000;}

/* localnav Utriainen */

#localnav_dim{
/*  width: 200px; */
/*  table-layout: fixed;*/
  padding: 0;
  border: 0;
  margin: 0;
}

#localnav_dim td {
  font-size: 13px;
  text-align: middle;
  vertical-align: middle;
}

#localnav_dim a {text-decoration: none; color: #cccccc; display: block; padding: 3px; background: #666666;}
#localnav_dim a:hover {color: #666666; display: block; padding: 3px; background: #ff0000;}
#localnav_dim a.hi {color: #666666; display: block; padding: 3px; background: #ff0000;}
/* localnav Utriainen slut */

#localnav_black{
/*  width: 200px; */
/*  table-layout: fixed;*/
  padding: 0;
  border: 0;
  margin: 0;
}

#localnav_black td {
  font-size: 13px;
  text-align: middle;
  vertical-align: middle;
}

#localnav_black a {text-decoration: none; color: #ffffff; display: block; padding: 3px; }
#localnav_black a:hover {color: #000000; display: block; padding: 3px; background: #ff0000;}
#localnav_black a.hi {color: #000000; display: block; padding: 3px; background: #ff0000;}


/* ------------------------------- navbar --------------------------------------------*/

/*  Navigationsbalk #000000*/
#navbar{
  width: 151px; 
  /*table-layout: fixed; */
  padding: 0;
  border: 0;
  margin: 0;
  text-align: right; 
}

#navbar td {
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  white-space:nowrap;
  border: 1px solid #000000;  /*detta krävs för att skapa ett mellanrum. Räcker inte med endast border-width åtminstone i FF*/
  border-width: 5px 0 0 6px;
}

#navbar a {text-decoration: none; color: #ffffff; display: block; padding: 3px; background: #000000;}
#navbar a:hover {color: #333333; display: block; padding: 3px; background: #ff0000;}
#navbar a.hi {color: #333333; display: block; padding: 3px; background: #ff0000;}
#navbar td.last {border-width: 4px 0 0 6px;}

/* ------------------------------- texter --------------------------------------------*/

H1 {  
     font-family: Arial, Helvetica, sans-serif;
	 font-size: 18px;
	 text-decoration:none;
	 margin-top:5px;
	 margin-bottom:5px;
	 margin-left:0px;
	 margin-right:5px; 
}
H2 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration:none}
H3 {  
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  text-decoration:none;
	  margin-top:2px;
	  margin-bottom:5px;
	  margin-left:0px;
	  margin-right:0px; 
}

H4 {  
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  margin-top:0px;
      margin-bottom:0px;
	  margin-left:0px;
	  margin-right:5px; 
}

.sp0Header {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size:24px;

	font-weight:bold;
    color: #FFFFFF;
}

.sp1Header {
	font-family: Verdana, Arial, Geneva, Helvetica;
	font-size:18px;
	color:#FFFFFF
	
}

.sp1Header {
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;
	
}

.normaltextRubrik {
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-top:4px;
	margin-bottom:2px;
	color:#FFFFFF
}

.normaltext {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#000000
}

.normaltextUnderline {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration:underline;
	color:#000000
}

.copyright{
    margin-top:0px;
	margin-bottom:5px;
	margin-left:0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color:#cccccc
}

.normaltextBold {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000
}

.bigtext {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000
}

.bigtextbold {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000
}

.footer {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica;
	color:#666666;
	margin-top:10px;
	
}

.verticaltext_ie {
    writing-mode: tb-rl;
    filter: flipv fliph;
}

/* ------------------------------- färger --------------------------------------------*/

.bg1				{ background-color: #E1E1E1; }
.bg2				{ background-color: #B4BAAD; }
.bg3				{ background-color: #D7DBD3; }
.bg4				{ background-color: #FFFFFF; }
.bg5				{ background-color: #b2b2b2; }
.bg6				{ background-color: #000000; }
.bg7				{ background-color: #262626; }
.bg8				{ background-color: #5E5E5E; }
.bg9				{ background-color: #B4BBAD; }
.bg10				{ background-color: #D7DBD2; }
.bg11				{ background-color: #D28A2C; }
.bg12				{ background-color: #dfe1e0; }