<style type="text/css">

HTML, BODY{height:100%}
BODY {
	padding:0;
	margin:0;
	background-color: #fff;
	color: #333;
	font-family: Verdana;
	font-size: 7pt;
}

#outer{
height:100%;
min-height:100%;
margin-left:239px;
WIDTH:610px;
padding-top:152px;/* padding-top:132px;*/
}

html>body #outer{height:auto;} 

#header{
	position:absolute;
	top:0;
	left:0;
	width:993px; /*width:993px;*/
	height:153px; /*height:135px;*/
	/*overflow:hidden;*/
	z-index:3;
}

#left {
	position:absolute;
	top:0px;
	left:2px;
	width:234px;
	float:left;
	padding-top:152px; /*padding-top:132px;*/
	z-index:2;
}

DIV#AlignRight
{
	text-align: right;
}

DIV#AlignLeft
{
	float: left;
}


#right {
	position:absolute;
	top:0px;
	left:850px;
	width:142px;
	float:left;
	padding-top:128px;/*padding-top:129px;*/
}


.dbdata { 
	background-color: #FFFFFF; 
	text-align: left;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

.dbdatasiffror { 
background-color: #FFFFFF; 
text-align: right;
border-right: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}

.dbdataLeft { 
background-color: #f0f0f0; 
text-align: left;
border-left: 1px solid #CCCCCC;
}

.dbdataRight { 
background-color: #f0f0f0; 
text-align: left;
border-right: 1px solid #CCCCCC;
}

.dbdataLeftRight { 
background-color: #f0f0f0; 
text-align: left;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.dbdataBottom { 
background-color: #f0f0f0; 
text-align: left;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

 .menu1{ background-image: url(pix/menu1.gif); background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
 .menu2{ background-image: url(pix/menu2.gif); background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
 .menu3{ background-image: url(pix/menu2.gif); background-repeat: no-repeat; background-position: top right; background-color: #f0f0f0; border-left: 1px solid #CCCCCC;}



div.container {
	position: relative;
	margin: 0 auto;
	width: 995px;
	height: 100%;
	text-align: left;
}



#clearheader{height:132px;}/*height:132px;*/

div,p {margin-top:0}/*mozilla*/
* html #centrecontent {height:0%;margin-bottom:0px}/* combat IE's 3 pixel jog */




.bgcolor1 { background-color: #ffffff ;}
.bgcolor2 { background-color: #363636 ;}
.bgcolor3 { background-color: #6699CC ;}
.bgcolor4 { background-color: #f2f8ff ;}
.bgcolor5 { background-color: #CCDDEE ;}
.bgcolor6 { background-color: #C0C0C0 ;}

.whiteonorange { background-color: #CCDDEE; color: #363636; }
.blackonorange { background-color: #CCDDEE; color: #363636; }

	/*.listheader { background-color: #336699; color: #ffffff ; font-weight: bold;}*/
  /*.listheader { background-color: #4899D5; color: #ffffff ; font-weight: bold;}*/

.listheader { 
	background-color: #4899D5;
	padding-left:3px;
	color: #ffffff ; 
	font-weight: bold;
	height:16px;
}
	
  .listheader1 { background-image: url(pix/flik4.gif); background-repeat: no-repeat; background-position: top left; }
  .listheader2 { background-image: url(pix/blaflik1.gif); background-repeat: no-repeat; background-position: top left; background-color: #6699CC; }
  .listheader3 { background-image: url(pix/blaflik2.gif); background-repeat: no-repeat; background-position: top right; background-color: #6699CC; }
  .listheader4 { background-image: url(pix/flik7.gif); background-repeat: no-repeat; background-position: top right; }

.menu 
{ 
	background-color: #D9E9F6; 
	color: #363636; 
	border: 1px solid #C0C0C0;
}
	

.nyckelord 
	{ 
		background-color: #CCDDEE; 
		color: #363636; 
		border: 1px solid #C0C0C0;
		margin-top: 100px;
	}

.menub
	{ 
		background-color: #f2f8ff; /*background-color: #f2f8ff; */
		color: #f2f8ff; /*color: #363636; */
		border-top: 1px solid #C0C0C0;
		border-right: 1px solid #C0C0C0;
		border-bottom: none;
		border-left: 1px solid #C0C0C0;
	}
.menubar{background-color: #D9E9F6;}

.bar
	{ 
		background-color: #CCDDEE; 
		margin-top: 0px; 
		margin-bottom: 0px; 
	}

.info 
	{
		background-color: #ffffff; 
		color: #363636;
		border: 1px solid #C0C0C0;
	}

.info_compact
	{
		background-color: #ffffff; 
		color: #363636;
		border: 1px solid #C0C0C0;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

.nomargin
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

.flt
	{
		font-family: Verdana;
		font-size: 7pt;
	}

.minitext
	{
		font-family: Tahoma,Arial;
		font-size: 7pt;
	}
.minitext1
	{
		font-family: Verdana;
		font-size: 6pt;
	}	

.etikett
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: left;
		position: absolute;
		top: 0px;
		left: 0px;
	}

.pagebreak
	{
		page-break-after: always;
	}

#smallmargin 
	{
		margin-left: 2px;
		margin-top: 2px;
	}



BODY
	{
		font-family: Verdana;
		font-size: 7pt;
	}

	
TD
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: Verdana;
		font-size: 7pt;
	}

TD#etikett
	{
		font-family: Times;
		font-size: 9pt;
	}

TD#kundkort
	{
		font-family: Times;
		font-size: 12pt;
	}

DIV#right
	{
		float: right;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

FORM#a 
	{ 
		margin-left: 0px; 
		margin-top: 0px;
		margin-bottom: 4px;
	}	

IMG#flag
	{
		margin-top: 1px;
		margin-left: 0px;
		margin-right: 2px;
		margin-bottom: 0px;
	}

DIV#bottom
	{
		position: absolute;
		bottom: 10px;
	}

DIV#copyright
	{
		position: absolute;
		top: 5px;
		right: 10px;
		float: right;
		color: #C0C0C0;
	}

div.left {
	position: absolute;
	top: 2px;
	left: 2px;
	width:600px;
	height: 502px;
}

div.top {
	position: absolute;
	top: 0px;
	left: 594px;
	width: 50px;
	height: 50px;
}

div#info {
	position: absolute;
	top: 300px;
	left: 600px;
	width: 50px;
	height: 50px;
}

	
DIV#right2
	{
		float: right;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}	

#propbox 
{
	float: left;
	width: 10px;
	height: 10px; 
	background-color: #8b8386;
	layer-background-color: #8b8386;
	visibility: visible;
	font-family: Verdana;
	font-size: 6pt;
	color: white;
	font-variant: small-caps;
	text-align: center;
	vertical-align : middle;
	margin-right: 3px;
	margin-top: 2px;
}

#propboxOrange
{
	float: left;
	width: 10px;
	height: 10px; 
	background-color: #FF6600;
	layer-background-color: #FF6600;
	visibility: visible;
	font-family: Verdana;
	font-size: 6pt;
	color: white;
	font-variant: small-caps;
	text-align: center;
	vertical-align : middle;
	margin-right: 3px;
	margin-top: 2px;
}

#propbox1
{
float: left;
cursor: hand;
}



/*----------DroppdownMenyer ------------------------------------------------------- */

.DropDownHeader{
	
	color:#000099; /*000099*/
	/*font-weight:bold;*/
	/*letter-spacing:1px;*/
	
	font-size:11px;
	cursor:pointer;
}

/* --------- Länkar ----------------- */
.DropDownLinks{
	font-size:10px;	
	text-decoration: none;
} 
.DropDownLinks A:visited {color: #000099; text-decoration: none;} 
.DropDownLinks A:link {color: #000099; text-decoration: none;} 
.DropDownLinks A:hover {color: #808080; text-decoration: none;} 
.DropDownLinks A:active {color: #000099; text-decoration: none;}

.DropDownHeader A:visited {color: #000099; text-decoration: none;} 
.DropDownHeader A:link {color: #000099; text-decoration: none;} 
.DropDownHeader A:hover {color: #808080; text-decoration: none;} 
.DropDownHeader A:active {color: #000099; text-decoration: none;}


.NoDecorLinks{
	font-size:9px;	
	text-decoration: none;
}
.NoDecorLinks A:visited {color: #000099; text-decoration: none;} 
.NoDecorLinks A:link {color: #000099; text-decoration: none;} 
.NoDecorLinks A:hover {color: #808080; text-decoration: underline;} 
.NoDecorLinks A:active {color: #000099; text-decoration: underline;}


A:link    { color: #000099; text-decoration: underline; } 
A:visited { color: #000099; text-decoration: underline; } 
A:hover   { color: #336699; text-decoration: underline; }
A:active  { color: #000099; text-decoration: underline; }

A.list:link    { color: #000099; text-decoration: none; } 
A.list:visited { color: #336699; text-decoration: none; } 
A.list:hover   { color: #000099; text-decoration: underline; }
A.list:active  { color: #000099; text-decoration: underline; }

.hiddenlink A:link   { color: #FFFFFF; cursor: default; } 
.hiddenlink A:visited { color: #FFFFFF; cursor: default; } 
.hiddenlink A:hover   { color: #FFFFFF; cursor: default; }
.hiddenlink A:active  { color: #FFFFFF; cursor: default; }
.hiddenlink {color: #FFFFFF; cursor: default; }

/*-------------------------------------------------------------------------- */

/*--- Färger -------------------------------------------------------------- */
.MenuBgColor{
	
	background-color: #D9E9F6; 
	color: #363636; 
}


/* Hämtade från SSF */
/* Rubriker */
.largeHeader{font-size: 10pt; font-weight:bold;}
.mediumHeader{font-size: 8pt; font-weight:bold;}
.smallHeader{font-size: 7pt; font-weight:bold;}

/* Textstorlekar */
.largeText{font-size: 10pt;}
.mediumText{font-size: 8pt;}
.smallText{font-size: 7pt;}


/* Frötydligande text */
.highlightTextS{font-size: 7pt; color:red;}
.highlightTextM{font-size: 8pt; color:red;}
.highlightTextL{font-size: 10pt; color:red;}

/* Vänster och höger marginaler */
.paddingLeft{padding-left:5px;}
.paddingRight{padding-right:5px;}


/*--- INPUTFÄLT ------------------------------------------------------------ */
INPUT, SELECT{
	font-family: Verdana;
	font-size: 7pt;
	padding: 0px;
}

/*--- Detaljvisning av företag --------------------------------------------- */
.infoFrame{
	background-color: #ffffff;
	color: #363636;
	border: 1px solid #C0C0C0;
}

/*--- Hjälpfunktioner (layers) ------------------------------------------------- */
.helpLayer{
  position:absolute; 
  /*background-color: #FFFFCC;
  color: #000000;
  
  border: 1px solid #000000;
  z-index:2;*/
  visibility:hidden;
  
}
.DialogLayer{
	position:absolute; 
	left:40%;
	top:40%;
	z-index:4;
}

.helpFrame{
	background-color: #FFFFCC; /*e4ebf7;*/
	border: 2px solid #808080;
}

.helpHeader{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;	
	background-color: #d3d3d3;
	color: #000000;
	font-size: 9pt;
	font-weight:bold;
}

.helpCursor{
	cursor:help;	
}

.helpHeader A:visited {color: #000000; text-decoration: none; } 
.helpHeader A:link {color: #000000; text-decoration: none; } 
.helpHeader A:hover {color: #808080; text-decoration: none; } 
.helpHeader A:active {color: #000000; text-decoration: none; } 

.helpText{
	padding:7px;
	text-align:justify;
}


/*-------- About - används i om oss, om tjänsten, om cookies etc---------------- */
.aboutText{
	font-size:8pt;	
	text-align:justify;
}

.loggain{
	color: red;	
}
.loggain A:visited {color:red; text-decoration: none; } 
.loggain A:link {color:red; text-decoration: none; } 
.loggain A:hover {color:red; text-decoration: none; } 
.loggain A:active {color:red; text-decoration: none; } 

.bottomline{
	border-bottom: 1px solid #C0C0C0;
}

/*--- Resultatlistor -------------------------------------------------------- */
.resultList{
	background-color: #ffffff; 
	color: #363636;
	border: 1px solid #C0C0C0;
}

/* Tar bort eventuella radbrytningar innan och efter ett formulär. */
FORM.margins{
	margin-top:0;
	margin-bottom:0;
}