/* CSS Document */
BODY {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#ffffff;
	background-color:#ffffff;
}


#nav {padding: 0 0 0; margin: 0 auto 0; text-align:center;}


#header {background: transparent url(../bitmaps/harvar/araro/header_700.gif) no-repeat top center; width: 697px; padding: 24px 0 0 48px; margin: 0 auto 0;}
#main {background: transparent       url(../bitmaps/harvar/araro/bg_700.gif) repeat-y top center; width: 697px; padding: 0 0 0 0; margin: 0 auto 0;}
#breadcrumb {background: transparent url(../bitmaps/harvar/araro/bottom_700.gif) no-repeat bottom center; width: 697px; padding: 0 0 120px 48px; border: 0; margin: 0 auto 0; }

#header_b {background: transparent url(../bitmaps/harvar/araro/header_700_b.gif) no-repeat top center; width: 698px; padding: 16px 0 0px; margin: 0 auto 0; text-align:center;}
#main_b {background: transparent       url(../bitmaps/harvar/araro/bg_700_b.gif) repeat-y top center; width: 698px; padding: 0; margin: 0 auto 0;}
#breadcrumb_b {background: transparent url(../bitmaps/harvar/araro/bottom_700_b.gif) no-repeat bottom center; width: 698px;  border: 0; margin: 0 auto 50px 0; padding-bottom: 49px;}


DIV.clearer {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; HEIGHT: 0px
}

.padder {
	PADDING-LEFT: 27px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: static
}

html>body .padder {padding: 0 27px;}

TD, SPAN, DIV, IMG{
  /*  background-color:#ffffff; */
}

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

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

BODY {
	margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
/* LANKAR */

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

}

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


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

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

.rubriklank						{ color: #FFFFFF; text-decoration: none; }
.rubriklank:hover				{ color: #FFFFFF; text-decoration: underline; }
.rubriklank:visited				{ color: #FFFFFF; text-decoration: none; }
.rubriklank:visited:hover		{ color: #FFFFFF; text-decoration: none; }
.rubriklank:active				{ color: #FFFFFF; text-decoration: none; }

.bokn_links, .bokn_links a:link, .bokn_links a:active, .bokn_links a:visited, .bokn_links a:hover{ 
   color:           #ffffff;
   font-family: Verdana, Geneva, Helvetica, Trebuchet MS, Sans-serif;
   font-size:       12px; 
   font-weight:     normal;
   letter-spacing:  0px;
   line-height: 18px;
} 
/* 
  .bokn_links a:link    { color:  #ffffff; background-color:#C7C2BE; padding:0px 3px 0px 3px;}
  .bokn_links a:visited { color:  #ffffff; background-color:#C7C2BE; padding:0px 3px 0px 3px;}
  .bokn_links a:active  { color:  #ffffff; background-color:#EBA92E; padding:0px 3px 0px 3px;}
  .bokn_links a:hover   { color:  #ffffff; background-color:#EBA92E; padding:0px 3px 0px 3px;}
*/

  .bokn_links a:link    { color:  #ffffff; background-color:#666666; padding:0px 3px 0px 3px;}
  .bokn_links a:visited { color:  #ffffff; background-color:#666666; padding:0px 3px 0px 3px;}
  .bokn_links a:active  { color:  #666666; background-color:#FF0000; padding:0px 3px 0px 3px; text-decoration:none}
  .bokn_links a:hover   { color:  #666666; background-color:#FF0000; padding:0px 3px 0px 3px; text-decoration:none}
  
.nav_links, .nav_links a:link, .nav_links a:active, .nav_links a:visited, .nav_links a:hover{ 
   color:           #ffffff;
   font-family: Verdana, Geneva, Helvetica, Trebuchet MS, Sans-serif;
   font-size:       12px; 
   font-weight:     normal;
   letter-spacing:  0px;
   line-height: 18px;
}

  .nav_links a:link    { color:  #000000; background-color:#cccccc; padding:0px 3px 0px 3px;}
  .nav_links a:visited { color:  #000000; background-color:#cccccc; padding:0px 3px 0px 3px;}
  .nav_links a:active  { color:  #666666; background-color:#99FF00; padding:0px 3px 0px 3px; text-decoration:none}
  .nav_links a:hover   { color:  #666666; background-color:#99FF00; padding:0px 3px 0px 3px; text-decoration:none} 


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

#navbar td {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  white-space:nowrap;
  padding: 0;
  border: 1px solid #ffffff;
  border-width: 0 0 0 0; 
}

#navbar a {text-decoration: none; color: #ffffff; display: block; padding: 3px; background: #33CC00;}
#navbar td.last {border-width: 0 0 0 0;}
#navbar a:hover {color: #ffffff; display: block; padding: 3px; background: #38DF00;}
#navbar a.hi {color: #666666; display: block; padding: 3px; background: #ffffff;}

/*  Navbar top */
#navbar_t{
/*  width: 700px; */
/*  table-layout: fixed; */
  padding: 0;
  border: 0;
  margin: 0;
  text-align: right; 
}

#navbar_t td {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  white-space:nowrap;
  padding: 0;
  border: 1px solid #ffffff;
  border-width: 0 0 0 0; 
}

#navbar_t a {text-decoration: none; color: #ffffff; display: block; padding: 3px; background: #33CC00;}
#navbar_t td.last {border-width: 0 0 0 0;}
#navbar_t a:hover {color: #ffffff; display: block; padding: 3px; background: #38DF00;}
#navbar_t a.hi {color: #ffffff; display: block; padding: 3px; background: #3AE800;}



/*  Navigationsbalk vertikal*/
#navbar_v{
/*  width: 700px; */
/*  table-layout: fixed; */
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 13px;
  text-align: left; 
}

#navbar_v td {
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #ffffff;
  border-width: 0 1px 1px 1px; 
}

#navbar_v a {text-decoration: none; color: #000000; display: block; padding: 3px; background: #DADAD3;}
#navbar_v td.last {border-width: 0 0 0 0;}
#navbar_v a:hover {color: #ffffff; display: block; padding: 3px; background: #38DF00;}
#navbar_v a.hi {color: #666666; display: block; padding: 3px; background: #ffffff;}

/*  Tabell för tekniska specifikationer*/
#specs{
/*  width: 700px; */
/*  table-layout: fixed; */
  padding: 0;
  margin: 0;
  font-size: 12px;
  text-align: left; 
}

#specs td {
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #cccccc; 
}

/* 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: #000000;
}

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

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

.sp2Header {
	font-family: Verdana, Arial, Geneva, Helvetica;
	font-size:15px;
	color:#000000;
	
}

.sp2Header {
	margin-top:5px;
	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:#000000
}

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

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

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

.footer_links, .footer_links a:link, .footer_links a:active, .footer_links a:visited, .footer_links a:hover{ 
   color:           #cccccc;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:       10px; 
   font-weight:     normal;
   letter-spacing:  0px;
   line-height: 18px;
}

  .footer_links a:link    { color:  #cccccc; padding:0px 3px 0px 3px;}
  .footer_links a:visited { color:  #cccccc; padding:0px 3px 0px 3px;}
  .footer_links a:active  { color:  #cccccc; padding:0px 3px 0px 3px; text-decoration:none}
  .footer_links a:hover   { color:  #cccccc; padding:0px 3px 0px 3px; text-decoration:underline} 


.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;
}

.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; }

ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 0;
	border-left: 0;
	list-style-position: outside;
}

UL.square {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	LIST-STYLE-POSITION: outside;
	PADDING-BOTTOM: 1em;
	MARGIN: 0px 0px 0px 16px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: square
}

ol {
    margin-top: 0;
	margin-left: 10px;
	padding-left: 20px;
	border-left: 20px;
	list-style-position: outside;
}

li {
    margin-left: 1em;
	padding-left: 0;
	border-left: 0;

}