/* CSS Document */
body{
background: #F4E87C url('bilder/bakgrund.jpg') repeat-x;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
height: 902px;
}
#box{
display: block;
position: relative;
margin: 0px auto;
top: 0px;
width: 884px;
height: 883px;
z-index: 1;
}
#box div.top{
display: block;
position: absolute;
background: none;
margin: 0px;
top: 0px;
left: 0px;
width: 884px;
height: 202px;
z-index: 2;
}
/******* Svenska menyn *******/
#box div.menybalk{
display: block;
position: absolute;
background: url('bilder/menybalk_blank.jpg') no-repeat;
margin: 0px;
top: 202px;
left: 0px;
width: 884px;
height: 48px;
z-index: 2;
}
#box div.menybalk div.meny {
display: block;
position: absolute;
background: none;
top: 0px;
left: 42px;
margin: 0px;
width: 500px;
height: 48px;
}
#box div.menybalk div.meny li{
display:inline;
height: 48px;
float:left;
border:0px;
}
#box div.menybalk div.meny li a#one{
display:block;
background-image: url('bilder/historia_knapp.jpg');
background-repeat:no-repeat;
width: 106px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk div.meny li a#onecurrent{
display:block;
background-image: url('bilder/historia_knapp_gul.jpg');
background-repeat:no-repeat;
width: 106px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk div.meny li a:hover#one{
background-image: url('bilder/historia_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 46px;
}
#box div.menybalk div.meny li a#two{
display:block;
background-image: url('bilder/service_knapp.jpg');
background-repeat:no-repeat;
width: 92px;
height:48px;
float:left;
border:0px;
margin-right: 50px;
}
#box div.menybalk div.meny li a#twocurrent{
display:block;
background-image: url('bilder/service_knapp_gul.jpg');
background-repeat:no-repeat;
width: 92px;
height:48px;
float:left;
border:0px;
margin-right: 50px;
}
#box div.menybalk div.meny li a:hover#two {
display:block;
background-image: url('bilder/service_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 50px;
}
#box div.menybalk div.meny li a#three{
display:block;
background-image: url('bilder/lage_knapp.jpg');
background-repeat:no-repeat;
width: 54px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk div.meny li a#threecurrent{
display:block;
background-image: url('bilder/lage_knapp_gul.jpg');
background-repeat:no-repeat;
width: 54px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk div.meny li a:hover#three {
display:block;
background-image: url('bilder/lage_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 46px;
}
#box div.menybalk div.meny li a#four{
display:block;
background-image: url('bilder/galleri_knapp.jpg');
background-repeat:no-repeat;
width: 95px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk div.meny li a#fourcurrent{
display:block;
background-image: url('bilder/galleri_knapp_gul.jpg');
background-repeat:no-repeat;
width: 95px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk div.meny li a:hover#four {
display:block;
background-image: url('bilder/galleri_knapp_gul.jpg');
background-repeat:no-repeat;
}
/******* Slut på svenska menyn *******/
/******* Finska menyn *******/
#box div.menybalk_fi{
display: block;
position: absolute;
background: url('bilder/menybalk_blank_fi.jpg') no-repeat;
margin: 0px;
top: 202px;
left: 0px;
width: 884px;
height: 48px;
z-index: 2;
}
#box div.menybalk_fi div.meny_fi {
display: block;
position: absolute;
background: none;
top: 0px;
left: 42px;
margin: 0px;
width: 550px;
height: 48px;
}
#box div.menybalk_fi div.meny_fi li{
display:inline;
height: 48px;
float:left;
border:0px;
}
#box div.menybalk_fi div.meny_fi li a#one{
display:block;
background-image: url('bilder/historia_knapp.jpg');
background-repeat:no-repeat;
width: 106px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk_fi div.meny_fi li a#onecurrent{
display:block;
background-image: url('bilder/historia_knapp_gul.jpg');
background-repeat:no-repeat;
width: 106px;
height:48px;
float:left;
border:0px;
margin-right: 46px;
}
#box div.menybalk_fi div.meny_fi li a:hover#one{
background-image: url('bilder/historia_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 46px;
}
#box div.menybalk_fi div.meny_fi li a#two{
display:block;
background-image: url('bilder/palvelu_knapp.jpg');
background-repeat:no-repeat;
width: 95px;
height:48px;
float:left;
border:0px;
margin-right: 43px;
}
#box div.menybalk_fi div.meny_fi li a#twocurrent{
display:block;
background-image: url('bilder/palvelu_knapp_gul.jpg');
background-repeat:no-repeat;
width: 95px;
height:48px;
float:left;
border:0px;
margin-right: 43px;
}
#box div.menybalk_fi div.meny_fi li a:hover#two {
display:block;
background-image: url('bilder/palvelu_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 43px;
}
#box div.menybalk_fi div.meny_fi li a#three{
display:block;
background-image: url('bilder/sijainti_knapp.jpg');
background-repeat:no-repeat;
width: 96px;
height:48px;
float:left;
border:0px;
margin-right: 42px;
}
#box div.menybalk_fi div.meny_fi li a#threecurrent{
display:block;
background-image: url('bilder/sijainti_knapp_gul.jpg');
background-repeat:no-repeat;
width: 96px;
height:48px;
float:left;
border:0px;
margin-right: 42px;
}
#box div.menybalk_fi div.meny_fi li a:hover#three {
display:block;
background-image: url('bilder/sijainti_knapp_gul.jpg');
background-repeat:no-repeat;
margin-right: 42px;
}
#box div.menybalk_fi div.meny_fi li a#four{
display:block;
background-image: url('bilder/galleria_knapp.jpg');
background-repeat:no-repeat;
width: 110px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk_fi div.meny_fi li a#fourcurrent{
display:block;
background-image: url('bilder/galleria_knapp_gul.jpg');
background-repeat:no-repeat;
width: 110px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk_fi div.meny_fi li a:hover#four {
display:block;
background-image: url('bilder/galleria_knapp_gul.jpg');
background-repeat:no-repeat;
}
/******* Slut på finska menyn *******/
/******* Språk menyn *******/
#box div.menybalk div.lang {
display: block;
position: absolute;
background: none;
top: 0px;
left: 650px;
margin: 0px;
width: 241px;
height: 48px;
}
#box div.menybalk div.lang li{
display:inline;
height:48px;
float:left;
border:0px;
margin-right: 41px;
}
#box div.menybalk div.lang li a#fi{
display:block;
background-image: url('bilder/suomeksi_knapp.jpg');
background-repeat:no-repeat;
width: 73px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk div.lang li a:hover#fi {
display:block;
background-image: url('bilder/suomeksi_knapp_gul.jpg');
background-repeat:no-repeat;
}
#box div.menybalk div.lang li a#se{
display:block;
background-image: url('bilder/pasvenska_knapp.jpg');
background-repeat:no-repeat;
width: 86px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk div.lang li a:hover#se{
background-image: url('bilder/pasvenska_knapp_gul.jpg');
background-repeat:no-repeat;
}
/******* Slut på språk menyn *******/
/******* Finskaspråk menyn *******/
#box div.menybalk_fi div.lang {
display: block;
position: absolute;
background: none;
top: 0px;
left: 650px;
margin: 0px;
width: 241px;
height: 48px;
}
#box div.menybalk_fi div.lang li{
display:inline;
height:48px;
float:left;
border:0px;
margin-right: 41px;
}
#box div.menybalk_fi div.lang li a#fi{
display:block;
background-image: url('bilder/suomeksi_knapp.jpg');
background-repeat:no-repeat;
width: 73px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk_fi div.lang li a:hover#fi {
display:block;
background-image: url('bilder/suomeksi_knapp_gul.jpg');
background-repeat:no-repeat;
}
#box div.menybalk_fi div.lang li a#se{
display:block;
background-image: url('bilder/pasvenska_knapp.jpg');
background-repeat:no-repeat;
width: 86px;
height:48px;
float:left;
border:0px;
}
#box div.menybalk_fi div.lang li a:hover#se{
background-image: url('bilder/pasvenska_knapp_gul.jpg');
background-repeat:no-repeat;
}
/******* Slut på finskaspråk menyn *******/
/******* Textrutan *******/
#box div.left{
display: block;
position: absolute;
background: url('bilder/juss_left.jpg') no-repeat;
margin: 0px;
left: 0px;
top: 250px;
width: 327px;
height: 603px;
z-index: 2;
}
#box div.left div.text {
display: block;
position: absolute;
background: none;
top: 32px;
left: 32px;
margin: 0px;
padding: 0px 5px 0px 5px;
width: 269px;
height: 355px;
overflow-x: auto;
overflow-y: scroll;
z-index: 3;
}
#box div.left div.text p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight: normal;
letter-spacing: normal;
}
#box div.left div.text h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 19px;
font-weight: bold;
letter-spacing: normal;
}
#box div.left div.text a, #box div.left div.text a:visited,
#box div.left div.text a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight: normal;
letter-spacing: normal;
text-decoration:none;
color: blue;
}
/******* Slut på textrutan *******/
/******* Finska textrutan *******/
#box div.left_fi{
display: block;
position: absolute;
background: url('bilder/juss_left_fi.jpg') no-repeat;
margin: 0px;
left: 0px;
top: 250px;
width: 327px;
height: 603px;
z-index: 7;
}
#box div.left_fi div.text {
display: block;
position: absolute;
background: none;
top: 32px;
left: 32px;
margin: 0px;
padding: 0px 5px 0px 5px;
width: 269px;
height: 355px;
overflow-x: auto;
overflow-y: scroll;
z-index: 8;
}
#box div.left_fi div.text p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight: normal;
letter-spacing: normal;
}
#box div.left_fi div.text h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 19px;
font-weight: bold;
letter-spacing: normal;
}
#box div.left_fi div.text a, #box div.left_fi div.text a:visited,
#box div.left_fi div.text a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight: normal;
letter-spacing: normal;
text-decoration:none;
color: blue;
}
/******* Slut på finska textrutan *******/
#box dl.mail dd {
position:absolute;
padding:0;
margin:0;
}
#box dl.mail #mail1 {
left:190px;
top:570px;
z-index:4;
}
#box dl.mail a#mail1{
display:block;
width:112px;
height:20px;
text-decoration:none;
z-index:4;
}
#box div.rightup{
display: block;
position: absolute;
background: url('bilder/loader.jpg') no-repeat;
background-position: center center;
margin: 0px;
left: 327px;
top: 250px;
width: 557px;
height: 305px;
z-index: 2;
}
#box div.rightup_sve{
display: block;
position: absolute;
background: url('bilder/juss_rightup.jpg') no-repeat;
background-position: center center;
margin: 0px;
left: 327px;
top: 250px;
width: 557px;
height: 305px;
z-index: 2;
}
#box dl.link2 dd {
position:absolute;
padding:0;
margin:0;
}
#box dl.link2 #link2 {
left: 75px;
top: 127px;
z-index: 15;
}
#box dl.link2 a#link2{
display:block;
width: 118px;
height: 22px;
text-decoration:none;
z-index:15;
}
#box div.rightup_fi{
display: block;
position: absolute;
background: url('bilder/juss_rightup.jpg') no-repeat;
background-position: center center;
margin: 0px;
left: 327px;
top: 250px;
width: 557px;
height: 305px;
z-index: 2;
}
#box dl.link3 dd {
position:absolute;
padding:0;
margin:0;
}
#box dl.link3 #link3 {
left: 53px;
top: 127px;
z-index: 15;
}
#box dl.link3 a#link3{
display:block;
width: 160px;
height: 22px;
text-decoration:none;
z-index:15;
}
#box div.rightdown{
display: block;
position: absolute;
background: url('bilder/loader.jpg') no-repeat;
background-position: center center;
margin: 0px;
left: 327px;
top: 555px;
width: 557px;
height: 298px;
z-index: 2;
}
#box div.bottom{
display: block;
position: absolute;
background: url('bilder/juss_bottom.jpg') no-repeat;
margin: 0px;
left: 0px;
top: 853px;
width: 884px;
height: 28px;
z-index: 2;
}
#box div.bottom_fi{
display: block;
position: absolute;
background: url('bilder/juss_bottom_fi.jpg') no-repeat;
margin: 0px;
left: 0px;
top: 853px;
width: 884px;
height: 28px;
z-index: 2;
}
#box dl.link dd {
position:absolute;
padding:0;
margin:0;
}
#box dl.link #link1 {
left: 510px;
top: 4px;
z-index: 15;
}
#box dl.link a#link1{
display:block;
width: 68px;
height: 20px;
text-decoration:none;
z-index:15;
}