/*---------------------
General
---------------------*/

A						{font-weight:normal; color:#026666; text-decoration:none; font-family: Verdana, Arial;}
A:hover					{text-decoration:underline;}
h1						{font-size:220%; font-weight:normal; margin:0 0 10px 0; color:#000000;}
h1.start				{font-size:11px; font-weight:bold; margin:0 0 10px 0; color:#404040;}
h2						{font-size:150%; font-weight:normal; margin:15px 0 5px 0; color:#000000;}
h3						{font-size:130%; font-weight:normal; margin:15px 0 5px 0; color:#000000;}
P						{padding:0; margin:0;}
ul						{margin-left:20px;}
ul li					{margin-bottom:10px;}
img, table				{border: 0;}
html 					{margin:0px; padding:0px; FONT-SIZE:x-small;} 
body 					{background-color:#FFF; margin:0; padding:0 0 20px 0; COLOR:#404040; font-family: Verdana, Arial; font-size:110%; text-align:center; } 

/*---------------------
Body layout
---------------------*/
div#wrapper 			{width:960px; margin:0 auto; text-align:left;}

/* Head */
div#head 				{width:960px; height:120px; margin:0; padding:0 0 20px 0; position:relative;}
div#head #logo			{position:absolute; left:8px; top:8px;}

/* Lev 1 navigation */
div#head #nav						{position:absolute; left:0px; top:64px; background:url(../gfx/nav-bg.jpg) no-repeat; height:28px; width:960px;}
div#head #nav ul					{height:28px; margin:0; padding:0 0 0 5px; list-style:none; display:block;}
div#head #nav ul li					{float:left; padding:0; display:inline;}
div#head #nav ul li a				{font:bold 12px/28px arial !important; text-decoration:none; padding:0 12px 0 12px; color:#FFF !important; display:block;}
div#head #nav ul li a:hover			{text-decoration:underline; cursor:pointer;}
div#head #nav ul li a.left			{background:none;}
div#head #nav ul li.on a			{color:#333 !important; padding:0 0 0 0;}
div#head #nav ul li.on a .left		{background: url(../gfx/nav-on-left.gif) no-repeat top left; width:10px; height:28px; display: block; float:left;}
div#head #nav ul li.on a .mid		{background: url(../gfx/nav-on-mid.gif) repeat-x top left;	height:28px; line-height:28px; display:block; float:left; padding:2px 5px 0px 5px;}
div#head #nav ul li.on a .right		{background: url(../gfx/nav-on-right.gif) no-repeat top left; width:10px; height:28px; display: block; float:left;}

/* Lev 2 navigation */
div#head #nav-sub					{position:absolute; left:0; top:92px; background:url(../gfx/nav-sub-bg.jpg) no-repeat; height:28px; width:960px; padding:0;}
div#head #nav-sub .flags ul			{height:28px; margin:0; padding:0; list-style:none; display:block; width:100px; float:right;}
div#head #nav-sub .flags ul li		{margin:0 8px 0 0; padding:0; display:inline; float:right;}

div#head #nav-sub .sub ul			{height:28px; margin:0; padding:0; list-style:none; display:block; width:860px; float:left;}
div#head #nav-sub .sub ul li		{float:left; padding:0; display:inline;}
div#head #nav-sub .sub ul li a		{font:normal 11px/28px arial !important; text-decoration:none; padding:0 12px 0 10px; color:#303030 !important; display:block; background:url(../gfx/nav-sub-line.gif) right no-repeat;}
div#head #nav-sub .sub ul li a:hover{text-decoration:underline;}
div#head #nav-sub .sub ul li.on a	{font-weight:bold !important; color:#000 !important;}
div#head #nav-sub .sub ul li.flags	{float:right; padding:5px auto; display:inline;}

/* Login page */
fieldset#search					{position:absolute; right:15px; top:0; width:290px; margin:0; padding:6px 0 0 10px; background: url(../gfx/logon-bg.gif) no-repeat; float:left; overflow:hidden; border:none;}
fieldset#search legend   		{display:none;}
fieldset#search input			{font:normal 11px arial; vertical-align:middle;}
fieldset#search input.tb		{width:105px; margin-right:7px; padding:1 2px; border:1px solid #cccccc;}
fieldset#search input.btn		{padding:0; margin-right:10px; background:url(../gfx/btn-login.gif) no-repeat; width:50px; height:19px; border:0; cursor:pointer;}

/* Quick navigation */
ul#quick-nav				{margin:0; padding:0; list-style:none; position:absolute; right:10px; top:15px; overflow:hidden;}
ul#quick-nav li				{display:inline; float:left; padding-right:10px; border-right: 1px solid #cccccc; margin-right:10px;}
ul#quick-nav li.last		{border-right:0; padding-right:0; margin-right:0;}
ul#quick-nav li a			{font:normal 11px/12px arial !important; text-decoration:none; display:inline;}
ul#quick-nav li a:hover		{text-decoration:underline;}

/*---------------------
Page layout
---------------------*/
/* Content Wrapper */
div.start-1					{float:left; width:212px; height:162px; padding:10px; margin-right:11px; overflow:hidden; background:url(../gfx/bg-start-puff.gif) no-repeat top left; position:relative;}
div.start-1-long			{float:left; width:455px; height:162px; padding:10px; margin-right:11px; overflow:hidden; background:url(../gfx/bg-start-puff-long.gif) no-repeat top left; position:relative;}
div.start-2					{float:left; width:212px; height:162px; padding:10px; margin-right:11px; overflow:hidden; background:url(../gfx/bg-start-puff.gif) no-repeat top left; position:relative;}
div.start-3					{float:left; width:212px; height:162px; padding:10px; overflow:hidden; background:url(../gfx/bg-start-puff.gif) no-repeat top left; position:relative;}
div.start-4					{float:right; width:212px; height:162px; padding:10px; overflow:hidden; background:url(../gfx/bg-start-puff.gif) no-repeat top left; position:relative;}

div.start-2 p.title, div.start-3 p.title, div.start-4 p.title		{font-weight:bold; margin:3px 0 5px 0; padding:0; color:#333;}
div.start-2 p.content, div.start-3 p.content, div.start-4 p.content	{margin-bottom:5px;}
div.start-2 p.link, div.start-3 p.link, div.start-4 p.link			{position:absolute; bottom:0px; left:7px; padding:10px 3px 10px 3px; background-color:#FFF; width:212px; text-align:right; background:url(../gfx/bg-start-puff.gif) no-repeat bottom center;}

/*div#start-left					{float:left; width:560px; overflow:hidden; height:180px;}
div#start-right					{float:right; width:360px; padding:40px 15px 15px 15px; overflow:hidden; background:url(../gfx/start-press-bg.gif) no-repeat top left; height:125px;}*/
div#start-flash					{margin:0; padding:0 0 10px 0; float:left; overflow:hidden;}

div.content						{width:960px; padding:0; float:left; min-height:500px; _height:500px;}
div.content-left				{width:210px; margin:0; padding:0; float:left; overflow:hidden;}
div.content-right				{width:730px; margin:0; padding:0 0 10px 20px; float:left; overflow:hidden;}
div.content-right .main			{width:450px; margin:0; padding:0; float:left; overflow:hidden; background-color:#FFF;}
div.content-right .column		{width:260px; margin:0 0 0 20px; padding:0; float:left; overflow:hidden; background-color:#FFF;}

/*---------------------
Content Left
---------------------*/
/* Lev 3 navigation */
ul.nav-left								{width:210px; margin:0 0 20px 0; padding:0; list-style:none; display:block; background:url(../gfx/nav-left-bg-dotted.gif) repeat-y top right;}
ul.nav-left li							{margin:0; padding:0; width:209px;}
ul.nav-left li a						{width:188px; padding:0 0 0 20px; font:normal 10px/29px Verdana, Arial; color:#303030; text-decoration:none; background:url(../gfx/nav-left-bg.gif) no-repeat; display:block;}
ul.nav-left li a:hover					{text-decoration:underline;}
ul.nav-left li.on a						{color:#007d7c; font-weight:bold; background:url(../gfx/nav-left-bg-hover.gif) no-repeat;}
ul.nav-left li.on-childs a				{color:#007d7c; font-weight:bold; background:url(../gfx/nav-left-bg-childs.gif) no-repeat;}
ul.nav-left li.on-childs a:hover		{color:#007d7c; font-weight:bold; background:url(../gfx/nav-left-bg-childs.gif) no-repeat;}

/* Lev 4 navigation */
ul.nav-left li.on-childs ul				{margin:0; padding:0 0 5px 10px; list-style:none; background:#f9f8f4;}
ul.nav-left li.on-childs ul li			{padding:4px 0 4px 0;}
ul.nav-left li.on-childs ul li a		{font:normal 11px arial !important; color:#303030 !important; background:none !important;}
ul.nav-left li.on-childs ul li a:hover	{color:#007d7c !important; background:none !important;}
ul.nav-left li.on-childs ul li.on a		{color:#007d7c !important; font-weight:bold !important; background:none !important;}

/* Puffs below nav-left */
ul.column-puffs							{width:210px; margin:0; padding:0; float:left; list-style:none;}
ul.column-puffs li          			{width:210px; margin:0 0 20px 0; overflow:hidden; display:block; float:left;}
ul.column-puffs li .top					{height:5px; background:url(../gfx/column-puffs-top.gif) no-repeat; margin:0; padding:0; overflow:hidden;}
ul.column-puffs li .bottom				{height:5px; background:url(../gfx/column-puffs-bottom.gif) no-repeat; margin:0; padding:0; overflow:hidden;}
ul.column-puffs li img 					{margin:0; padding:0 0 5px 0; display:block; float:left;}
ul.column-puffs li .block				{padding:5px; border:1px solid #eaeaea; border-bottom:none; border-top:none;}
ul.column-puffs li .block h3       		{font:bold 11px/16px Verdana, Arial; margin:0; padding:0;}
ul.column-puffs li .block p        		{font:normal 10px Verdana, Arial; color:#007d7c; margin:0;}
ul.column-puffs li .block p a			{font:normal 10px Verdana, Arial; color:#444444;}
ul.column-puffs li .block p a:hover		{text-decoration:underline;}

/*---------------------
Footer layout
---------------------*/
/* Footer-block */
div#footer-block			{width:960px; height:45px; margin:10px 0 0 0; padding:10px 0 10px 0; float:left; background:url(../gfx/footer-bg.jpg) no-repeat;}
div#footer-block .left		{float:left; height:45px; overflow:hidden; padding:0 25px 0 0; margin:0 0 0 15px;}
div#footer-block p			{font:normal 10px/15px verdana;}
div#footer-block p a		{color:#666666; font-weight:normal;}

div#footer-block .right			{float:right; height:45px; font-size:10px; overflow:hidden; padding:0 15px 0 15px; background:url(../gfx/footer-bg-line.gif) top left no-repeat;}

div#footer-block .right p.header	{font-weight:bold; color:#026666; margin:6px 0 4px 0;}
div#footer-block .right .blue		{color:#006d99;}
div#footer-block .right .red		{color:#c30028;}
div#footer-block .right .black		{color:#616161;}
div#footer-block .right .margin		{ margin-right:5px;}

div#footer-info				{width:960px; margin:0 0 20px 0; padding:5px 0 0 0; float:left;}
div#footer-info .left		{float:left; padding:0; margin:0;}
div#footer-info .right		{float:right; padding:0; margin:0; text-align:right;}
div#footer-info p			{font:normal 10px verdana; color:#808080; padding-bottom:3px;}
div#footer-info p a			{font-weight:normal; color:#808080;}

/*---------------------
Table sortiment
---------------------*/
.finans 					{margin:0 0 1em 0; width:100%;}
.finans th					{text-align:left; font-size:90%; vertical-align: top; padding:7px 6px 7px 6px; background:#338382; color:#fff;}
.finans td					{text-align:left; font-size:90%; vertical-align: top; padding:5px 6px 5px 6px;}

.sortiment 					{margin:0 0 1em 0; width:100%;}
.sortiment th				{text-align:left; font-size:90%; vertical-align: top; padding:7px 0 7px 6px; border-bottom:1px solid #eee;}
.sortiment td				{text-align:left; font-size:90%; vertical-align: top; padding:5px 0 5px 6px; border-bottom:1px solid #eee;}
.sortiment th.finans 		{background:#338382; color:#fff;}
.sortiment th.scandex 		{background:#018860; color:#fff;}
.sortiment th.thermex 		{background:#937525; color:#fff;}
.sortiment th.firex			{background:#BC6A23; color:#fff;}
.sortiment th.linax			{background:#BF3C36; color:#fff;}
.sortiment th.carex			{background:#4F5C9E; color:#fff;}
.sortiment img 				{padding:1em 0;}
.sortiment .gul 			{background:#D2AB5C; color:#fff;}
.sortiment .brun 			{background:#77610D; color:#fff;}
.sortiment .rod 			{background:#A50837; color:#fff;}
.sortiment .namn 			{font-size:110%;}
.sortiment .plus 			{background:url(../gfx/icon_plus.gif) no-repeat 9px 3px;}
.sortiment .standard 		{background:url(../gfx/icon_standard.gif) no-repeat 9px 3px;}

/*---------------------
Processbeskrivningar
---------------------*/
.process, .processalt {
	position:relative;
	font-size:90%;
	margin-top:-4px;
	margin:1em 0 0 0;
	min-height:6em; 
	height:auto !important; 
	height:6em;
}
.processalt, .tvaalt {
	min-height:13em; 
	height:auto !important; 
	height:13em;
}
.ett, .tva, .tre {
	min-height:6em; height:auto !important; height:6em;
}
.processimg {
	margin:0 0 -16px 0;
}
.ett	{position:absolute; left:0; top:0;}
.tva, .tvaalt {
	position:absolute; left:144px; top:0; 
	border-left:1px solid #eee; border-right:1px solid #eee;  
	width:145px; 
	padding-left:12px;
}
.tre	{position:absolute; left:314px; top:0;}