body {
background-color: #E7D00E;
background-image: url(../images/_bg.jpg);
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 0.875em;
line-height: 1.225em;
text-align: left;
}

* html .minwidth {
border-left: 940px solid #E7D00E;
position: relative;
float: left;
z-index: 1;
}

* html .container {
margin-left: -940px;
position: relative;
float: left;
z-index: 2;
}

div#test {
width: 100%;
position: relative;
border: none;
}

div#content {
position: absolute;
left: 54px;
top: 32px;
min-width: 940px;
width: 85%;
color: #000;
margin: 0 auto;
}

div#logo {
position: absolute;
top: 7px;
left: 9px;
z-index: 3;
}

div#navi {
position: relative;
background-image: url("../images/_naviback.png");
background-repeat: repeat-x;
background-color: #fff;
width: 100%;
height: 43px;
border: 2px solid #000;
overflow: hidden;
margin: 0px;
padding: 0px;
}

#navi ul {
position: absolute;
width: 55%;
left: 300px;
top: 5px;
margin-top: 0px;
height: 36px;
list-style: none;
overflow: hidden;
}

#navi li {
float: left;
height: 36px;
padding-right: 25px;
text-align: center;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#navi li#n7, #navi li#n7a { padding-right: 0px; }

#navi li a {
float: left;
display: block;
height: 36px;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1a, #n1a a { background:transparent url("../images/_l1.png") 0 -36px no-repeat; width:55px; }
#n2a, #n2a a { background:transparent url("../images/_l2.png") 0 -36px no-repeat; width:57px; }
#n3a, #n3a a { background:transparent url("../images/_l3.png") 0 -36px no-repeat; width:51px; }
#n4a, #n4a a { background:transparent url("../images/_l4.png") 0 -36px no-repeat; width:44px; }
#n5a, #n5a a { background:transparent url("../images/_l5.png") 0 -36px no-repeat; width:42px; }
#n6a, #n6a a { background:transparent url("../images/_l6.png") 0 -36px no-repeat; width:51px; }
#n7a, #n7a a { background:transparent url("../images/_l7.png") 0 -36px no-repeat; width:58px; }

#n1, #n1 a { background:transparent url("../images/_l1.png") 0 0 no-repeat; width:55px; }
#n2, #n2 a { background:transparent url("../images/_l2.png") 0 0 no-repeat; width:57px; }
#n3, #n3 a { background:transparent url("../images/_l3.png") 0 0 no-repeat; width:51px; }
#n4, #n4 a { background:transparent url("../images/_l4.png") 0 0 no-repeat; width:44px; }
#n5, #n5 a { background:transparent url("../images/_l5.png") 0 0 no-repeat; width:42px; }
#n6, #n6 a { background:transparent url("../images/_l6.png") 0 0 no-repeat; width:51px; }
#n7, #n7 a { background:transparent url("../images/_l7.png") 0 0 no-repeat; width:58px; }

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover, #n7 a:hover { background-position: 0 -36px; }

div#navi_bottom {
position: relative;
top: 0px;
height: 6px;
width: 100%;
background-image: url(../images/_navi_bottom.png);
background-repeat: repeat-x;
}

div#navi_bottom img {
position: absolute;
right: 0px;
top: 0px;
margin-right: -1px;
}

div#sisalto {
position: relative;
top: 12px;
background-color: #fff;
width: 100%;
border: 2px solid #000;
}

div.teksti {
padding: 25px;
}

h1 {
font-size: 1.275em;
color: #3E4C60;
padding-bottom: 15px;
}

h2 {
font-size: 1.175em;
color: #3E4C60;
padding-top: 15px;
}

#sisalto li {
padding-top: 5px;
}

div#yhteystiedot {
position: relative;
top: 16px;
left: 325px;
width: 377px;
height: 45px;
}

div#sisalto_bottom {
position: relative;
top: 12px;
height: 16px;
width: 100%;
background-image: url(../images/_bottom_mid.png);
background-repeat: repeat-x;
}

#sisalto_bottom img.bl {
position: absolute;
top: 0px;
left: 0px;
}

#sisalto_bottom img.br {
position: absolute;
top: 0px;
right: 0px;
margin-right: -1px;
}

img.kuvitus_right {
float: right;
padding: 2px;
border: 2px solid #3E4C60;
margin: 6px 0px 10px 20px;
}

a:link, a:active { color: #31517D; text-decoration: none; }

a:visited { color: #41618D; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

div.boksi {
overflow: hidden;
background-color: #F3F2EA;
padding: 15px;
margin-bottom: 15px;
height: 100%;
}

div.boksi span.etusivukuva {
float: right;
text-align: center;
clear: both;
}

span.etusivukuva img {
padding: 2px;
border: 2px solid #3E4C60;
margin: 0px 0px 10px 20px;
}

span.spo { unicode-bidi:bidi-override; direction: rtl; white-space: nowrap; }