/* CSS Document */

body{
	background: #ffffff url('images/bakg.jpg') repeat-x;
	margin: 0;
	font-family: Verdana;
	color: #ffffff;
}
	
h1 { 
font-family: Arial; 
font-size: 24px; 
font-weight: normal; 
letter-spacing: 2px; 
}

h2 { 
font-family: Arial;
	font-size: 13px;
	line-height: 0px;
	font-weight: bold;
	letter-spacing: normal;
}

h3 { 
font-family: Arial;
	font-size: 16px;
	line-height: 8px;
	font-weight: bold;
	letter-spacing: normal;
} 

#box{
	display: block;
	position: relative;
	background: #ffffff;
	margin-right: auto; 
	margin-left: auto;
	top: 0px;
	width: 943px;
	height: 569px;
}

#box2{
	display: block;
	position: relative;
	background: none;
	margin-right: auto; 
	margin-left: auto;
	top: 86px;
	width: 583px;
	height: 326px;
}

#box div.header{
	display: block;
	position: absolute;
	background: url('images/top.jpg') right top no-repeat;
	margin: 0px;
	top: 0px;
	right: 16px;
	width: 911px;
	height: 115px;
	z-index: 3;
}
	
#box div.bakgrund2{
	display: block;
	position: absolute;
	background: url('images/nyheter.jpg') no-repeat;
	margin: 0 auto;
	top: 0px;
	left: 383px;
  width: 294px;
	height: 257px;
	z-index: 2;
}

#box div.bakgrund2_fin{
	display: block;
	position: absolute;
	background: url('images/nyheter_fin.jpg') no-repeat;
	margin: 0 auto;
	top: 0px;
	left: 383px;
  width: 294px;
	height: 257px;
	z-index: 2;
}

#box div.bakgrund1{
	display: block;
	position: absolute;
	background: url('images/shadowbild.gif') no-repeat;
	margin: 0px;
	top: 154px;
	left: 235px;
  width: 367px;
	height: 257px;
	z-index: 2;
}

#box div.bakgrund3{
	display: block;
	position: absolute;
	background: url('images/ghostbox.gif') no-repeat;
	margin: 0px;
	top: 265px;
	right: 0px;
  width: 911px;
	height: 284px;
	z-index: 2;
}

#box2 div.bakgrund4{
	display: block;
	position: absolute;
	background: url('images/mitten.jpg') no-repeat;
	margin-right: auto; 
	margin-left: auto;
	top: 0px;
	width: 583px;
	height: 326px;
	z-index: 2;
}

#box div.bakgrund5{
	display: block;
	background: url('images/meny_line.jpg') no-repeat;
	position: absolute;
	margin: 0px;
	top: -284px;
	right: 0px;
	width: 911px;
	height: 1px;
	z-index: 2;
	color: #800000;
}

/******** meny *********/

#box div.menycontainer ul{
position: relative;
top: 115px;
left: 62px;
float: left; 
margin-top: 10;
margin-left: 0; 
padding-left: 0; 
font-size: 70%;
}

#box div.menycontainer li{
display: inline;
}

#box div.menycontainer ul a{
float: left; 
text-decoration: none; 
background: url('images/ut.jpg');
width: 74px; 
margin-right: 0em; 
padding: 0.7em 1.15em;
}

#box div.menycontainer a:link{
color: #999999;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
letter-spacing: 0;
}

#box div.menycontainer a:visited{
color: #999999;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
letter-spacing: 0;
}

#box div.menycontainer a:hover{
background: url('images/in.jpg');
color: #ffffff;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
letter-spacing: 0;
}

#box div.menycontainer a#current{
background: url('images/in.jpg'); 
color: #ffffff;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
letter-spacing: 0;
}



#meny1 ul{
  position: relative;
  float: left;
  top: 340px;
  left: 239px;
  margin-left: 0px; 
  padding-left: 0px;
  width: 35px;
  height: 33px;
  background: url('images/sweboll.gif') no-repeat; 
}
#meny1 li{
  display: inline;
}
#meny1 ul a{
  position: relative;
  float: left; 
  font-size: 13px;
  text-decoration: none; 
  left: -7px;
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}
#meny1 a:link{
color: #666666;
}
#meny1 a:visited{
  float: left; 
  color: #666666;
  text-decoration: none; 
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}
#meny1 a:hover{
  float: left; 
  color: #CC0000;
  text-decoration: none; 
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}

#meny2 ul{
  position: relative;
  float: left;
  top: 340px;
  left: 279px;
  margin-left: 0px; 
  padding-left: 0px;
  width: 35px;
  height: 34px;
  background: url('images/finboll.gif') no-repeat; 
}
#meny2 li{
  display: inline;
}
#meny2 ul a{
  position: relative;
  float: left; 
  font-size: 13px;
  text-decoration: none; 
  left: -7px;
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}
#meny2 a:link{
color: #666666;
}
#meny2 a:visited{
  float: left; 
  color: #666666;
  text-decoration: none; 
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}
#meny2 a:hover{
  float: left; 
  color: #CC0000;
  text-decoration: none; 
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}
#meny2 a:current{
  float: left; 
  color: #CC0000;
  text-decoration: none; 
  width: 30px;
  height: 30px;
  margin-left: 9px; 
  padding: 2px;
}

/********** TEXT **********/

#box div.bild1{
	display: block;
	position: absolute;
	background: url('images/ruta_1.jpg') no-repeat;
	margin: 0px;
	top: 274px;
	right: 617px;
	width: 294px;
	height: 274px;
}
	
#box div.bild2{
	display: block;
	position: absolute;
	background: url('images/ruta_2.jpg') no-repeat;
	margin: 0px;
	top: 0px;
	left: 310px;
	width: 294px;
	height: 274px;
}
	
#box div.bild3{
	display: block;
	position: absolute;
	background: url('images/ruta_3.jpg') no-repeat;
	margin: 0px;
	top: 0px;
	left: 308px;
	width: 294px;
	height: 274px;
}

#box div.bild1_fin{
	display: block;
	position: absolute;
	background: url('images/ruta_1_fin.jpg') no-repeat;
	margin: 0px;
	top: 274px;
	right: 617px;
	width: 294px;
	height: 274px;
}
	
#box div.bild2_fin{
	display: block;
	position: absolute;
	background: url('images/ruta_2_fin.jpg') no-repeat;
	margin: 0px;
	top: 0px;
	left: 310px;
	width: 294px;
	height: 274px;
}
	
#box div.bild3_fin{
	display: block;
	position: absolute;
	background: url('images/ruta_3_fin.jpg') no-repeat;
	margin: 0px;
	top: 0px;
	left: 308px;
	width: 294px;
	height: 274px;
}

#box div.text {
  display: block;
	position: absolute;
	color: #666666;
	font-family: Arial;
	background: none;
	bottom: 170px;
	right: 440px;
	margin: 1px;
	padding: 2px 0px 0px 0px;
	width: 420px;
	height: 352px;
	overflow: hidden;
  z-index: 9;
}
#box div.text p{
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: normal;
}
#box div.text b{
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: normal;
}
#box div.text a{
  color: #666666;
	font-family: Arial;
	font-size: 13px;
	font-weight: none;
	text-decoration: none;
	letter-spacing: normal;
}

#box div.text2 {
	display: block;
	position: absolute;
	color: #666666;
	font-family: Arial;
	background: none;
	bottom: 150px;
	right: -145px;
	margin: 1px;
	padding: 2px 0px 0px 0px;
	width: 420px;
	height: 352px;
	overflow: hidden;
  z-index: 9;
}
#box div.text2 p{
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: normal;
}
#box div.text2 b{
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: normal;
}
#box div.text2 a{
  color: #666666;
	font-family: Arial;
	font-size: 13px;
	font-weight: none;
	text-decoration: none;
	letter-spacing: normal;
}

#box div.text3 {
  display: block;
	position: absolute;
	color: #666666;
	font-family: Arial;
	font-size: 18px;
	background: none;
	top: 280px;
	right: 350px;
	margin-left: 1px;
	width: 200px;
	height: 30px;
	overflow: hidden;
  z-index: 9;
}
#box div.text3 p{
  color: #666666;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0;
}
#box div.text3 a{
  color: #666666;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
}

#box2 div.text31 {
  display: block;
	position: absolute;
	color: #666666;
	font-family: Arial;
	font-size: 18px;
	background: none;
	top: 500px;
	left: 200px;
	margin-right: auto; 
	margin-left: auto;
	width: 200px;
	height: 30px;
	overflow: hidden;
  z-index: 9;
}
#box2 div.text31 p{
  color: #666666;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0;
}
#box2 div.text31 a{
  color: #666666;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
}