/* CSS Document */

body,html {
padding:0;
margin:0;
width:100%;
height:100%;
}

body {
background:transparent url(/files/gif/12/body-bg.gif) no-repeat;
background-position:961px 20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
}

html {
background:#EEE url(/files/gif/13/html-bg.gif) repeat-y;
}

img {
border:0;
}

#wrap {
width:100%;
height:auto !important;
min-height:100%;
height:100%;
position:relative;
}

#header {
width:960px;
margin:0;
}

#logo {
background:#DD1100 url(/files/jpeg/14/logo-bg.jpg);
width:300px;
height:60px;
float:left;
}

#logo h1 {
width:300px;
margin:0;
padding:0;
color:#FFF;
line-height:86px;
font-size:3em;
font-weight:bold;
position:absolute;
letter-spacing:-3px;
text-align:center;
z-index:2;
}

#nav {
background:#DDD url(/files/gif/16/nav-bg.gif);
width:660px;
float:right;
margin:0;
padding:0;
position:relative;
}

#nav ul {
list-style-type:none;
margin:0;
padding:0 0 0 20px;
float:left;
}

#nav ul li {
display:inline;
text-decoration:none;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
height:60px;
line-height:60px;
}

#nav ul li a {
color:#666;
text-decoration:none;
text-transform:uppercase;
font-size:.7em;
text-align:center;
letter-spacing:1px;
height:60px;
line-height:60px;
padding:10px;
}

#nav ul li a:hover {
background:#AAA;
color:#FFF;
}

#nav ul li a.selected, #nav ul li a.selected:hover {
background:#DD0000;
color:#FFF;
}

#lang {
position:absolute;
right:20px;
top:14px;
text-align:right;
}

#lang img {
position:relative;
top:3px;
}

#lang a {
text-decoration:none;
font-size:.6em;
color:#666666;
}

#fi {
background:transparent url(/files/gif/271/flag_fi.gif) right no-repeat;
padding:0 20px 0 0;
}

#en {
background:transparent url(/files/gif/272/flag_en.gif) right no-repeat;
padding:0 20px 0 0;
}

#container
{
width:960px;
height:100%;
_height:560px;
}

#sidebar
{
background:transparent;
width:339px;
height:560px;
float:left;
position:absolute;
top:60px;
z-index:1;
}

#content {
background:#FFF url(/files/gif/17/content-bg.gif) repeat-x;
width:540px;
min-height:560px;
height:100%;
margin:0;
padding:20px 60px;
position:relative;
float:right;
}

#content p {
font-size:.9em;
line-height:22px;
text-align:justify;
}

#content h2 {
background-position:right 7px;
padding:0 25px 0 0;
font-size:24px;
font-weight:normal;
color:#D00;
letter-spacing:-1px;
border-bottom:1px dashed #D00;
}

#content h2 a {
text-decoration:none;
color:#D00;
}

#content small {
font-size:10px;
}

#content a {
text-decoration:underline;
color:#777;
}

#content a:hover {
text-decoration:none;
color:#D00;
}

#content img {
border:0;
}

#content ul {
list-style-type:none;
font-size:.9em;
line-height:22px;
margin:0;
padding:0;
}

#content li a {
background: transparent url(/files/gif/202/li-image.gif) no-repeat 0 7px;
padding-left:12px;
}

#footer {
background:transparent url(/files/jpeg/18/footer-bg.jpg);
width:960px;
height:200px;
position:absolute;
bottom:0;
}

#icons {
display:none;
}

table {
width:540px;
padding:0;
font-size:.9em;
line-height:24px;
}

table strong {
color:#C0000E;
}

tr {
vertical-align:top;
}

.grey {
color:#E4E4E4;
}

.em {
background:transparent url(/files/gif/19/em-bg.gif) no-repeat;
background-position:right bottom;
font-style:italic;
_width:99%;
}

.footer_grey {
display:block;
width:300px;
height:50px;
line-height:84px;
color:#FFF;
text-align:center;
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
float:left;
position:relative;
top:50px;
}

.footer_toteutus {
color:#999;
font-size:10px;
letter-spacing:1px;
float:right;
position:relative;
top:180px;
padding:0 10px 0 0;
}

.footer_toteutus a {
color:#999;
text-decoration:none;
}

.footer_toteutus a:hover {
text-decoration:underline;
color:#666;
}

.tahti {
background:transparent url(/files/gif/20/h2_tahti.gif) no-repeat;
}

.uutinen {
background:transparent url(/files/gif/21/h2_uutinen.gif) no-repeat;
}

.ura {
background:transparent url(/files/gif/22/h2_ura.gif) no-repeat;
}

.galleria {
background:transparent url(/files/gif/23/h2_galleria.gif) no-repeat;
}

.tuloksia {
background:transparent url(/files/gif/24/h2_tuloksia.gif) no-repeat;
}

.yhteys {
background:transparent url(/files/gif/25/h2_yhteys.gif) no-repeat;
}

#gallery_sivu a.selected, #gallery_sivu a.selected:hover {
background:#D00;
padding:2px 5px;
color:#FFF;
text-decoration:none;
}

.row {
background:#DDD url(/files/jpeg/26/form-bg.jpg) repeat-x;
border-bottom:1px solid #CCC;
margin:0 0 5px 0;
padding:4px 4px 4px 10px;
width:526px;
}

.row input:focus, .row2 textarea:focus {
background:#AAA;
color:#FFF;
}

.row2 {
background:#DDD url(/files/jpeg/27/form2-bg.jpg) repeat-x;
border-bottom:1px solid #CCC;
margin:0 0 5px 0;
padding:4px 4px 4px 10px;
}

.contact_title {
width:120px;
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
line-height:18px;
color:#666;
text-align:right;
padding:0 5px 0 0;
font-family:Arial, Helvetica, sans-serif;
}

.required {
color:#D00;
font-weight:bold;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
}

.form_fld {
background:transparent;
color:#999;
border:0;
font-size:12px;
width:380px;
margin:0 5px 0 0;
font-family:Arial, Helvetica, sans-serif;
}

.form_btn {
background:#DDD url(/files/jpeg/28/form-btn-bg.jpg) repeat-x;
width:90px;
height:30px;
border:0;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
color:#FFF;
float:right;
}