body
{
background: #121412 url("img/bodybg.gif");
background-repeat: no-repeat;
background-position: top left;
margin : 0px;
font-family: Arial, Helvetica, Sans-serif;
color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: left;
line-height: 1.4em;
font-size: 14px;
}

.magenta {
color: #e63d97;
}

.grey {
color: #333333;
}

.lgrey {
color: #CCCCCC;
}

.rubrik
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.8em;
font-size: 21px;
}

.liten
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.3em;
font-size: 11px;
}

.menu_ettan {
position : absolute; 
top : 10px; 
left : 120px; 
width : 215px;
height : 204px;
}

.textettan_bg {
position : absolute; 
top : 124px; 
left : 0px; 
width : 518px;
height : 131px;
background-color : #000000;
}

.textettan {
position : absolute; 
top : 137px; 
left : 49px; 
width : 450px;
height : 130px;
}

.varumarke_ettan {
position : absolute; 
top : 270px; 
left : 47px; 
width : 202px;
height : 312px;
background-image: url(img/varumarken_ettan.jpg);
}

.adlogo {
position : absolute; 
top : 125px; 
left : 538px; 
width : 367px;
height : 99px;
background-image: url(img/adgruppen.gif);
}

.erbj_bg {
position : absolute; 
top : 236px; 
left : 538px; 
width : 366px;
height : 34px;
background-image: url(img/bg_erbj2.gif);
}

.erbj_text {
position : absolute; 
top : 284px; 
left : 557px; 
width : 330px;
height : 40px;
}

.storkarta {
position : absolute; 
top : 270px; 
left : 264px; 
width : 640px;
height : 408px;
}

.div_map1 {
float : left; 
width : 640px; 
height : 86px; 
text-align : left; 
}

.div_map2 {
float : left; 
width : 640px; 
height : 74px; 
text-align : left; 
}

.div_map3 {
float : left; 
width : 640px; 
height : 28px; 
text-align : left; 
}

.div_map4 {
float : left; 
width : 640px; 
height : 76px; 
text-align : left; 
}

.div_map5 {
float : left; 
width : 640px; 
height : 53px; 
text-align : left; 
}

.div_map6 {
float : left; 
width : 640px; 
height : 73px; 
text-align : left; 
}

.div_map7 {
float : left; 
width : 640px; 
height : 18 px; 
text-align : left; 
}

#mapsolvalla{ height: 86px; width: 211px; text-decoration: none; text-indent: 10000px; overflow: hidden; background: url(img/mapsolvalla.jpg) top left no-repeat; display: block; } 
#mapsolvalla:hover{ background-position: bottom left; }

#maparsta{ height: 74px; width: 188px; text-decoration: none; text-indent: 10000px; overflow: hidden; background: url(img/maparsta.jpg) top left no-repeat; display: block; } 
#maparsta:hover{ background-position: bottom left; }

#maptroll{ height: 76px; width: 194px; text-decoration: none; text-indent: 10000px; overflow: hidden; background: url(img/maptroll.jpg) top left no-repeat; display: block; } 
#maptroll:hover{ background-position: bottom left; }

#mapvega{ height: 73px; width: 179px; text-decoration: none; text-indent: 10000px; overflow: hidden; background: url(img/mapvega.jpg) top left no-repeat; display: block; } 
#mapvega:hover{ background-position: bottom left; }

/*  
Meny för förstasidan
Measurements for the nav image replacement:

	The distance from the left to the...

	initial state = 0
	rollover state = 215px

	The distance from the far-top to the...

	sol1 button = 0
	ars1 button = 51px
	tro1 button = 102px
	veg1 button = 153px
	
	The width of the...

	sol1 button = 215px
	ars1 button = 215px
	tro1 button = 215px
	veg1 button = 215px

*/

/* Menystuff */
ul#navettan { background:url(img/navbgettan.gif) }
ul#navettan li { float:left; list-style-type:none }
ul#navettan li a { height:51px; display:block; position:absolute; left:0; vertical-align: left; text-indent:-9999px; outline:none }

li#navsol1 a, li#navars1 a, li#navtro1 a, li#navveg1 a { background:url(img/navbgettan.gif) }

li#navsol1 a 						{ background-position:0 0; width:215px; top:0 }
li#navsol1 a:hover				{ background-position:-215px 0  }

li#navars1 a 					{ background-position:0 -51px; width:215px; top: 51px; }
li#navars1 a:hover				{ background-position:-215px -51px }

li#navtro1 a 					{ background-position:0 -102px; width:215px; top: 102px }
li#navtro1 a:hover				{ background-position:-215px -102px }

li#navveg1 a 					{ background-position:0 -153px; width:215px; top: 153px }
li#navveg1 a:hover				{ background-position:-215px -153px }

ul#navettan { position:relative; top:0px; left:0px }


.menu_station {
position : absolute; 
top : 20px; 
left : 30px; 
width : 889px;
}

/*  
Huvudmeny på undersidor
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 75px
	selected state = 150px

	The distance from the far-left to the...

	hem button = 0
	Solvalla button = 85px
	Arsta button = 322px
	Troll button = 517px
	Vega button = 707px
	
	The width of the...

	hem button = 85px
	Solvalla button = 237px
	Arsta button = 195px
	Troll button = 190px
	Vega button = 182px

*/

/* Menystuff */
ul#nav { background:url(img/NavBg.gif) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:75px; display:block; position:absolute; top:0; vertical-align: bottom; text-indent:-9999px; outline:none }

li#navhem a, li#navsolvalla a, li#navarsta a, li#navtroll a, li#navvega a { background:url(img/NavBg.gif) }

li#navhem a 						{ background-position:0 0; width:85px; left:0 }
li#navhem a:hover				{ background-position:0 -75px }
body#pagehem li#navhem a 			{ background-position:0 -150px }

li#navsolvalla a 					{ background-position:-85px 0; width:237px; left:85px }
li#navsolvalla a:hover				{ background-position:-85px -75px }
body#pagesolvalla li#navsolvalla a 	{ background-position:-85px -150px }

li#navarsta a 					{ background-position:-322px 0; width:195px; left:322px }
li#navarsta a:hover				{ background-position:-322px -75px }
body#pagearsta li#navarsta a 	{ background-position:-322px -150px }

li#navtroll a 					{ background-position:-517px 0; width:190px; left:517px }
li#navtroll a:hover			{ background-position:-517px -75px }
body#pagetroll li#navtroll a 	{ background-position:-517px -150px }

li#navvega a 					{ background-position:-707px 0; width:182px; left:707px }
li#navvega a:hover				{ background-position:-707px -75px }
body#pagevega li#navvega a 	{ background-position:-707px -150px }


ul#nav { position:relative; top:0px; left:0px }

.menu_under {
position : absolute; 
top : 108px; 
left : 0px; 
width : 216px;
height : 78px;
}

/*  
Measurements for the nav image replacement:

	The distance from the left to the...

	initial state = 0
	rollover state = 216px
	selected state = 432px

	The distance from the far-top to the...

	U1 button = 0
	U2 button = 26px
	U3 button = 52px
	
	The width of the...

	U1 button = 216 px
	U2 button = 216 px
	U3 button = 216 px

*/

/* Menystuff */
ul#navunder { background:url(img/NavBg_under.gif) }
ul#navunder li { float:left; list-style-type:none }
ul#navunder li a { height:26px; display:block; position:absolute; left:0; vertical-align: left; text-indent:-9999px; outline:none }

li#navU1 a, li#navU2 a, li#navU3 a { background:url(img/NavBg_under.gif) }

li#navU1 a 						{ background-position:0 0; width:216px; top:0 }
li#navU1 a:hover				{ background-position:-216px 0  }
body#pageU1 li#navU1 a 			{ background-position:-432px 0  }

li#navU2 a 					{ background-position:0 -26px; width:216px; top: 26px; }
li#navU2 a:hover				{ background-position:-216px -26px }
body#pageU2 li#navU2 a 	{ background-position:-432px -26px }

li#navU3 a 					{ background-position:0 -52px; width:216px; top: 52px; }
li#navU3 a:hover				{ background-position:-216px -52px }
body#pageU3 li#navU3 a 	{ background-position:-432px -52px }

ul#navunder { position:relative; top:0px; left:0px }

.logo_arsta {
position : absolute; 
top : 234px;
left : 49px; 
width : 401px;
height : 81px;
background-image: url(img/logo_arsta.gif);
}

.logo_troll {
position : absolute; 
top : 234px;
left : 49px; 
width : 401px;
height : 81px;
background-image: url(img/logo_troll.gif);
}

.logo_solvalla {
position : absolute; 
top : 234px;
left : 49px; 
width : 401px;
height : 81px;
background-image: url(img/logo_solvalla.gif);
}

.logo_vega {
position : absolute; 
top : 234px;
left : 49px; 
width : 401px;
height : 81px;
background-image: url(img/logo_vega.gif);
}

.bg_info_arsta {
position : absolute; 
top : 154px;
left : 495px; 
width : 414px;
height : 392px;
background-image: url(img/bg_info.gif);
}

.bildbyline {
position : absolute; 
top : 272px;
left : 680px; 
width : 100px;
height : 40px;
font-family: Arial, Helvetica, Sans-serif;
color: #cccccc;
text-decoration: none;
word-spacing: normal;
text-align: left;
line-height: 1.3em;
font-size: 11px;
}

.infotext1 {
position : absolute; 
top : 365px;
left : 520px; 
width : 357px;
height : 70px;
}

.infotext2 {
position : absolute; 
top : 445px;
left : 520px; 
width : 357px;
height : 30px;
}

.infotext3 {
position : absolute; 
top : 495px;
left : 520px; 
width : 357px;
height : 30px;
}

.karta {
position : absolute; 
top : 343px;
left : 49px; 
width : 401px;
height : 295px;
}

.gps1 {
position : absolute; 
top : 660px;
left : 49px; 
width : 170px;
height : 80px;
}

.gps2 {
position : absolute; 
top : 660px;
left : 230px; 
width : 170px;
height : 80px;
}

.oppet_bg {
position : absolute; 
top : 560px;
left : 495px; 
width : 414px;
height : 175px;
background-image: url(img/bg_info2.gif);
}

.oppet_text {
position : absolute; 
top : 580px;
left : 520px; 
width : 357px;
height : 155px;
}

.infotext4 {
position : absolute; 
top : 760px;
left : 520px; 
width : 357px;
height : 120px;
}

.dackbytar_bg {
position : absolute; 
top : 757px;
left : 49px; 
width : 401px;
height : 164px;
/*background-image: url(img/bg_dackbyte.gif); */ /*Ajmal stop this because of winter*/
background-image: url(img/bg_dackbyte_new_11a.gif);

}
.dackbytar_bg1 {
position : absolute; 
top : 757px;
left : 49px; 
width : 401px;
height : 164px;
/*background-image: url(img/bg_dackbyte.gif); */ /*Ajmal stop this because of winter*/
background-image: url(img/bg_dackbyte.gif);

}

.dackbytartext {
position : absolute; 
top : 797px;
left : 175px; 
width : 2750px;
height : 60px;
}

.im {
position : absolute; 
top : 890px;
left : 827px; 
width : 85px;
height : 40px;
}

.im2 {
position : absolute; 
top : 712px;
left : 827px; 
width : 85px;
height : 40px;
}

.im3 {
position : absolute; 
top : 1182px;
left : 827px; 
width : 85px;
height : 40px;
}

.im4 {
position : absolute; 
top : 611px;
left : 827px; 
width : 85px;
height : 40px;
}

.stortext {
position : absolute; 
top : 241px;
left : 49px; 
width : 495px;
}

.ref {
position : absolute; 
top : 241px;
left : 49px; 
width : 346px;
height : 20px;
background-image: url(img/referenser.gif);
}

.ref1 {
position : absolute; 
top : 271px;
left : 49px; 
width : 900px;
height : 140px;
}

.ref2 {
position : absolute; 
top : 431px;
left : 49px; 
width : 900px;
height : 140px;
}

.falgar {
position : absolute; 
top : 241px;
left : 49px; 
width : 170px;
height : 18px;
background-image: url(img/falgar.gif);
}

.falg1 {
position : absolute; 
top : 271px;
left : 49px; 
width : 900px;
height : 140px;
}

.dack {
position : absolute; 
top : 429px;
left : 49px; 
width : 170px;
height : 18px;
background-image: url(img/dacko.gif);
}

.dack1 {
position : absolute; 
top : 465px;
left : 49px; 
width : 900px;
height : 140px;
}

.dack2 {
position : absolute; 
top : 619px;
left : 49px; 
width : 900px;
height : 140px;
}

.dack3 {
position : absolute; 
top : 779px;
left : 49px; 
width : 900px;
height : 140px;
}

div.floaterf {
	float: left;
	margin-right: 20px;
  }

div.floaterm {
	float: left;
	margin-right: 90px;
  }

div.floater {
	float: left;
	margin-right: 0px;
  }

div.float {
	float: left;
  }

div.floatleft {
	float: left;
	margin-left: 20px;
	margin-bottom: 25px;
  }
  
div.floatleftleft {
	float: left;
	margin-left: 0px;
	margin-bottom: 25px;

  }
  
div.floatbottom {
	float: bottom;
  }
  
img.right{float: right; margin: 2px;}

img.left{float: left; margin: 5px;}

.formo {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px;
  font-weight: normal; 
  color: #000000; 
  border: 1px solid #666666;
  margin-top: 2px;
  }
  
a:link,a:visited,a:active  {
	border: 0px;
} 

a:hover {
	border: 0px;
}
  

a.lanko:link,a.lanko:visited,a.lanko:active  {
	background-color: #4b0f2f;
	font-style: normal;
	color: #FFFFFF;
	padding-right: 4px;
	padding-top: 1px;
	padding-left: 4px;
	padding-bottom: 1px;
	text-decoration: none;
} 

a.lanko:hover {
	background-color: #FFFFFF;
	font-style: normal;
	color: #000000;
	padding-right: 4px;
	padding-top: 1px;
	padding-left: 4px;
	padding-bottom: 1px;
	text-decoration:none;
}
