body {
background: url(../images/bg1.png) left top repeat;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: black;
}

td, tr, table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: black;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 145%;
color: #5E3021;
}

h2 {
font-family: Helvetica, sans-serif;
font-size: 130%;
color: #5E3021;
margin-top: 20px;
}

h3 {
font-family: Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #5E3021;
margin-bottom: 10px;
}

#leftnav h1 {
font-family: Helvetica, sans-serif;
font-size: 145%;
color: #EDD066;
}

#leftnav h2 {
font-family: Helvetica, sans-serif;
font-size: 130%;
color: #CEB65C;
}

#leftnav h3 {
font-family: Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #CEB65C;
letter-spacing: 1px;
margin-bottom: 10px;
}

img { border: 0; }

img.kuva {
padding: 2px;
border: 2px solid #582B19;
}

#container {
width: 880px;
background: url(../images/bg_content.png) left top repeat;
margin-left: auto;
margin-right: auto;
color: #333;
line-height: 130%;
padding: 0;
overflow: hidden;
}

#wrap { margin: 8px 0 0 0; }

#top {
background: url(../images/bg_top.png) left top repeat;
height: 188px;
padding: 0;
margin: 0;
}

#navi {
position: relative;
float: left;
top: 157px;
padding-left: 100px;
}

#navi ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0px;
}

#navi li {
float: left;
height: 22px;
margin: 0px;
padding: 0px 10px 0px 0px;
white-space: nowrap;
display: inline;
}

#navi li a {
float: left;
display: block;
height: 22px;
margin: 0;
padding: 0;
text-indent: -9999px;
text-decoration: none;
}

#nav1, #nav1 a { background: transparent url('../images/_link1.png') 0 0 no-repeat; width: 72px; }
#nav2, #nav2 a { background: transparent url('../images/_link2.png') 0 0 no-repeat; width: 73px; }
#nav3, #nav3 a { background: transparent url('../images/_link3.png') 0 0 no-repeat; width: 90px; }
#nav4, #nav4 a { background: transparent url('../images/_link4.png') 0 0 no-repeat; width: 53px; }
#nav5, #nav5 a { background: transparent url('../images/_link5.png') 0 0 no-repeat; width: 41px; }
#nav6, #nav6 a { background: transparent url('../images/_link6.png') 0 0 no-repeat; width: 57px; }
#nav7, #nav7 a { background: transparent url('../images/_link7.png') 0 0 no-repeat; width: 107px; }
#nav8, #nav8 a { background: transparent url('../images/_link8.png') 0 0 no-repeat; width: 86px; }

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover, #nav8 a:hover { background-position: 0 -22px; }

#active1 #nav1 a, #active1 #nav1 a:hover,
#active2 #nav2 a, #active2 #nav2 a:hover,
#active3 #nav3 a, #active3 #nav3 a:hover,
#active4 #nav4 a, #active4 #nav4 a:hover,
#active5 #nav5 a, #active5 #nav5 a:hover,
#active6 #nav6 a, #active6 #nav6 a:hover,
#active7 #nav7 a, #active7 #nav7 a:hover,
#active8 #nav8 a, #active8 #nav8 a:hover { background-position: 0 -22px; }

.yla {
border: 0px;
padding: 0px;
margin: 0px;
}

#rightnav {
float: left;
width: 424px;
height: 310px;
padding: 0;
margin: 0 0 0 10px;
text-align: left;
}

#rightnav_content {
background: url(../images/bg_valokuva_keski.png) left top;
padding: 0 0 0 20px;
color: #FFFFFF;
}

#rightnav_content2 {
background: url(../images/bg_esittely_keski.png) left top;
padding: 10px 28px 16px 36px;
color: #000000;
}

.rightnav_content2 {
background: url(../images/bg_esittely_keski.png) left top;
padding: 10px 28px 16px 36px;
color: #000000;
}

#leftnav {
float: left;
width: 401px;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
color: #FFFFFF;
}

#leftnav_content {
background: url(../images/bg_uutiset_keski.png) left top;
padding: 10px 25px 20px 30px;
color: #FFFFFF;
}

#content {
width: 835px;
text-align: left;
background: url(../images/bg_alasivu_keski.png) left top;
padding: 10px 0 10px 0;
}

#alasivu_yla {
width: 835px;
text-align: left;
background: url(../images/bg_alasivu_yla.png) left top;
padding: 0px 0 0px 0;
height: 33px;
}

#alasivu_vasen_palsta {
float: left;
width: 310px;
padding: 10px 0 0 40px;
margin: 0 0 0 0;
text-align: center;
}

#alasivu_oikea_palsta {
width: 400px;
padding: 0;
margin: 10px 0 0 380px;
text-align: left;
}

#footer {
clear: both;
margin: auto;
width: 880px;
height: 132px;
}

a { color: #97000E; text-decoration: underline; }
a:hover, a:active { color: black; }

#leftnav_content a { color: #fee; text-decoration: underline; }
#leftnav_content a:hover, #leftnav_content a:active { color: #fff; }


div.hr {
border-bottom: 7px double #9CC922;
height: 2px;
width: 100%;
margin: 0 0 25px 0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: bullet;
}

span.red {
color: #E72242;
}

.traileri {
margin: 0 auto;
width: 352px;
height: 220px;
border: 4px solid #582B19;
text-align: center;
}