/* body {margin: 1em 0 0 1em; padding: 0; background-color: #666666; } */

body {margin: 1em 0 0 1em; padding: 0; background:url(../bilder/bakgrund.jpg)}



.startheader{

font-size: 16px;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



h1

{

font-size: 13px;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

margin: 0 0 2 0px;

}



h2

{

font-size: 11px;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

P {line-height: 11px; }



.text6 {

font-size: 9px;

font-family: Verdana, Arial, Helvetica, sans-serif;

background: #ffffff;

color: #808080;

}



.text5 {

font-size: 9px;

font-family: Verdana, Arial, Helvetica, sans-serif;

background: #ffffff;

}



.text5 a {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 9px; 

		color: #8080ff; 

		text-decoration: none; 

		font-weight:bold;}

		

.text5 a:hover	{

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 9px; 

		color: #808080; 

		border-bottom-style: dotted;

		border-bottom-width: thin;

		border-bottom-color: #808080;

		font-weight:bold;}



.text4 {

font-size: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.text4 a {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 10px; 

		color: #8080ff; 

		text-decoration: none; 

		font-weight: bold;}

		

.text4 a:hover	{

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 10px; 

		color: #808080; 

		border-bottom-style: dotted;

		border-bottom-width: thin;

		border-bottom-color: #808080;

		font-weight: bold;}

		

.text3 {

font-size: 11px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.text3 a {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #8080ff; 

		text-decoration: none; 

		font-weight:bold;}

		

.text3 a:hover	{

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #808080; 

		border-bottom-style: dotted;

		border-bottom-width: thin;

		border-bottom-color: #808080;

		font-weight:bold;}

		

.text3nodot {

font-size: 11px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.text3nodot a {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #8080ff; 

		text-decoration: none; 

		font-weight:bold;}

		

.text3nodot a:hover	{

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #808080; 

		border-bottom-width: thin;

		border-bottom-color: #808080;

		font-weight:bold;}

		

.text3Bold {

font-size: 11px;

font-weight:bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.text3Inv {

font-size: 11px;

color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.text3log {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #ffffff;

		font-weight:bold;

		text-decoration: none;

		border-bottom-style: none;

		line-height: 20px; 

		background-color:#8080ff;

		padding: 5px 5px 3px 5px;

  }

  

.text3log a {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #ffffff;

		font-weight:bold;

		text-decoration: none; 

		border-bottom-style: none;

		line-height: 20px;

		background-color:#8080ff;

		padding: 5px 5px 3px 5px;

  }

  

.text3log a:hover {

		font-family: verdana,arial,helvetica,sans-serif; 

		font-size: 11px; 

		color: #000000;

		font-weight:bold;

		text-decoration: none;

		border-bottom-style: none;

		line-height: 20px;

		background-color:#8080ff;

		padding: 5px 5px 3px 5px;

  }

.Text2obs {

font-size: 12px;

color: #cc0000;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.Text1 {

font-size: 14px;

color: #000000;

font-weight:bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



/* sidlayout */



#centrering {width: 950px; margin-right: auto; margin-left: auto;}



#kolumncontainer /*borderram runt innehållet*/

{

	float: left; 

	padding:10px; 

	width: 920px;

	border: 1px solid #808080;

	background: #ffffff;

	

}

/*ramar in flashanimationen och ner till menystart ffffff*/

#sidhuvud {height: 7.5em; padding: 2px; background: #ffffff; text-align: left;}



/*liten sidruta till vänster ffffff*/

#kolumn1 {float: left; width: 240px; background: #ffffff;}



/*dubbel sidruta till vänster ffffff*/

#kolumn2 {float: left; width: 450px; height: 305px; padding: 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}



/*över och under bilden till höger ffffff*/

#kolumn3 {float: right; width: 240px; padding: 6px 0px 6px 0px; background: #ffffff;}



/*diven som lagren med visning av hyrmaskiner ligger i ffffff*/

.kolumn4 {float: right; width: 540px; padding: 6px 0px 6px 0px; background: #ffffff; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}



/*diven som visar fasta texten och bilden till höger på hyrsidan ffffff*/

.kolumn5 {float: right; width: 540px; padding: 6px 0px 6px 0px; background: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}



/*ruta tll vänster med sidinnehåll produkter.asp*/

#dubbelkolumn {float: left; width: 600px; padding: 10px; background: #ffffff;}



#dubbelkolumn2 {float: left; width: 600px; background: #ffffff; padding: 10px 0px 0px 0px;}



/*diven till höger runt fasta text och bild på hyrsidan innan mouseover ffffff*/

#dubbelkolumn3 {float: left; width: 300px; height: 350px; padding: 10px; background: #ffffff;}



/*diven som tar upp alla tre kolumnerna, tex till startsidan ffffff*/

#trippelkolumn {float: left; width: 920px; padding: 0px; background: #ffffff;}



/*diven som tar upp alla tre kolumnerna på visidan ffffff*/

#trippelkolumn2 {float: left; width: 920px; height: 300px; background: #ffffff; padding: 0px 0px 50px 0px;}





#rad	

{

margin-left: 0; 

padding: 0px 0px 0px 0px;

padding-top: 3px;

padding-bottom: 3px; 

float: left; 

width: 100%;

height: 25px; 

background: #999999;

color: #ffffff; 

font: 70% Verdana, Helvetica, sans-serif;

text-align: center;

}



#rad1	

{

margin-left: 0; 

padding: 0px 0px 0px 0px;

padding-top: 5px; 

float: left; 

width: 100%;

height: 30px; 

background: #c0c0c0; 

font: 70% Verdana, Helvetica, sans-serif;

text-align: left;

}



#rad2	

{	

	margin: 0; 

	padding: 0; 

	float: left; 

	width: 100%; 

	background: #000000; 

	font: 70% Verdana, Helvetica, sans-serif;

	text-align: center;

}

#rad3	

{

margin-left: 0; 

padding: 0px 0px 0px 0px;

padding-top: 3px;

padding-bottom: 3px; 

float: left; 

width: 100%;

height: 25px; 

background: #999999;

color: #ffffff; 

font: 70% Verdana, Helvetica, sans-serif;

text-align: left;

}



#sidfot {

margin: 0; 

padding: 5px 0px 0px 0px;

float: left; 

width: 100%;

font: 70% Verdana, Helvetica, sans-serif;

text-align: center;

background: #ffffff;

}



#rutan

{	

margin: 0px 5px 10px 0px;

padding: 5px 5px 0px 5px; 

	float: left; 

	width: 400px; 

	background: #c0c0c0; 

	font: 70% Verdana, Helvetica, sans-serif;

	text-align: center;

}



#rutan2

{	

margin: 0px 5px 10px 0px;

padding: 5px 5px 5px 5px; 

	float: left; 

	width: 400px; 

	background: #ffffff; 

	font: 70% Verdana, Helvetica, sans-serif;

	text-align: center;

}









/*från menu_style.css*/



div#container

  { width:912px; 

	position:absolute; 

	left:50%; 

	margin:0 -454px; 

	background:#ffffff; 

	height:30px; }

	

p	

  { margin:0; 

	padding:1.2em; }

p a:link,

p a:visited,

p a:hover,

p a:active

  { font-weight:bold; 

	color:#999999; }

	

/* meny */

#menycontainer ul{margin: 0; padding: 0; float: left; width: 100%; background: #8080ff;}

#menycontainer li{display: inline;}

#menycontainer ul a{float: left; text-decoration: none; padding: 0.3em 1.5em;}

#menycontainer a:link{color: #ffffff;}

#menycontainer a:visited{color: #ffffff;}

#menycontainer a:hover{background: #c0c0c0;}

#menycontainer a#current{background: #c0c0c0; color: #000000;}



/* översta menyraden */

ul#navigation-1

  { margin:0; 

	padding:0px 0; 

	list-style:none; 

	width:919px; 

	height:21px;

	background:#8080ff; 

	font:normal 8pt verdana, arial, helvetica;

	text-align:left;}

ul#navigation-1 li

  { margin:0; 

	padding:0; 

	display:block;

	float:left; 

	position:relative; 

	width:152px; 

	text-align:left;}

ul#navigation-1 li a:link,

ul#navigation-1 li a:visited

  { padding:4px 0; 

	display:block; 

	text-decoration:none; 

	background:#8080ff; 

	color:#ffffff; 

	width:152px; 

	height:13px; 

	text-align:left;}

ul#navigation-1 li:hover a,

ul#navigation-1 li a:hover,

ul#navigation-1 li a:active,

ul#navigation-1 li.over ul

  { padding:4px 0; 

	display:block; 

	text-align:left; 

	text-decoration:none; 

	background:#999999; 

	color:#ffffff; 

	width:152px; 

	height:13px; 

	}





/* drop downen */

	

ul#navigation-1 li ul.navigation-2

   { margin:0; 

	 padding:1px 1px 0; 

	 list-style:none; 

	 display:none; 

	 background:#ffffff; 

	 width:150px; 

	 position:absolute; 

	 top:21px; left:-1px; 

	 border:none; 

	 border-top:none; }

ul#navigation-1 li:hover ul.navigation-2,

ul#navigation-1 li.over ul

	{ display:block; }

ul#navigation-1 li ul.navigation-2 li

	{ width:150px; clear:left; }



ul#navigation-1 li ul.navigation-2 li a:link

	{ clear:left; 

	background:#8080ff; 

	padding:4px 0; 

	width:150px; 

	border:none; 

	position:relative; 

	z-index:1000; }

ul#navigation-1 li ul.navigation-2 li a:visited

	{ clear:left; 

	background:#cccccc;

	color:#000000;

	padding:4px 0; 

	width:150px; 

	border:none;  

	position:relative; 

	z-index:1000; }

ul#navigation-1 li ul.navigation-2 li:hover a,

ul#navigation-1 li ul.navigation-2 li a:active,

ul#navigation-1 li ul.navigation-2 li a:hover

	{ clear:left; 

	background:#999999;

	color:#ffffff;

	padding:4px 0; 

	width:150px; 

	border:none; 

	position:relative; 

	z-index:1000; }


