body {
font-family : Verdana;
background-image: url('images/grad.jpg');
background-repeat: repeat-x;
height: auto;
}

#wrapper {
position: absolute;
top: 0px; left: 0px;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%;
}

#top {
background-image: url('images/grad.jpg');
background-repeat: repeat-x;
}

#top_center {
background-image: url('images/ylabanneri.jpg');
background-repeat: no-repeat;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 270px;
position: relative; }

#in_english {
position: absolute;
left: 750px;
top: 128px;
font-size: 12px;
letter-spacing: 0.2px; }

#in_english a {
font-size: 12px;
color: #9bff02;
letter-spacing: -0.5px;
text-decoration: none; }

#pa_svenska {
position: absolute;
left: 830px;
top: 128px;
font-size: 12px;
letter-spacing: 0.2px; }

#pa_svenska a {
font-size: 12px;
color: #9bff02;
letter-spacing: -0.5px;
text-decoration: none; }

#top_center ul {
position: relative;
top: 125px;
left: 145px;
margin: 0px;
padding: 0px;
}

#top_center li {
display: inline;
margin-right: 12px;
color: #02deba;
}

#top_center a {
color: #02deba;
text-decoration: none;
}

#top_center a:hover {
color: #ffffff;
text-decoration: none;
}

#active {
font-weight: bold;
color: #ffffff;
}

#flash {
position: absolute;
top: 153px;
left: 124px;
background-image: url('images/flash.jpg');
height: 177px; width: 800px;
}

#top_footer {
background-image: url('images/grey1.jpg');
height: 34px;
width: 800px;
position: absolute;
top: 330px;
left: 124px;
}

#top_footer ul {
position: relative;
top: 6px;
left: 8px;
margin: 0px;
padding: 0px;
}

#top_footer li {
display: inline;
margin-right: 4px;
color: #aeaeae;
font-size: 15px;
}

#top_footer a {
color: #aeaeae;
text-decoration: none;
}

#top_footer a:hover {
color: #ffffff;
text-decoration: none;
}

#preloadedImages { width: 0; height: 0;
background-image: url('images/flash.jpg');
}

h1 { margin: 0; padding: 0 }
h2 { margin: 0; padding: 0; font-size: 22px; color: #a2ff00; font-weight: bold; letter-spacing: 0.5px }
h3 { font-size: 28px; color: #99cc01; font-weight: bold; letter-spacing: 0.5px }


#content {
margin-top: 100px;
margin-right: auto;
margin-left: auto;
width: 1000px;
min-height: 500px;
height: auto;
position: relative; }

#bannerit {
position: relative;
float: right;
width: 210px;
margin-right: -140px;
margin-top: -95px;
padding-top: 5px;
}

#bannerit img {
border: 0px;
padding-top: 2px;
}

#bannerit h2 {
text-decoration: none;
position: relative;
width: 210px;
text-align: center;
font-size: 12px;
color: #8e8e8e;
}

#bannerit p {
position: relative;
float: right;
width: 210px;
text-align: center;
font-size: 10px;
color: #8e8e8e;
}

#content_vasen {
position: absolute;
margin: 0px 134px 0px;
width: 780px;
min-height: 500px;
height: auto;
}

#content_vasen h2 { padding: 0; margin: 0 0 10px 0; text-align: center; }
#content_vasen img { border: 0; float: right; }

#index_spacer {
padding-bottom: 166px;
}

#spacer {
padding-bottom: 60px;
}

#tukipuh {
height: 150px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url('images/bannerit/tukipuhelin.jpg'); background-repeat: no-repeat; width: 600px;
}

#video {
height: 460px; width: 660px; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 0; font-size: 15px; color: #575757; letter-spacing: 0.2px; margin-bottom: 0px; }

.uutinen { min-height: 125px; height: auto; padding-top: 6px; }
* html .uutinen { height: 125px; }
.uutinen { background-image: url('images/ikonit/huom.jpg'); background-repeat: no-repeat; padding-left: 138px; margin: 6px 0 20px 0; }
.uutinen h3 { margin: 0 0 5px 0; }
.uutinen h2 { margin: 0 0 5px 0; font-weight: bold; font-size: 16px; width: 430px; color: #575757; }
.uutinen p { padding: 0; margin: 0 0 10px 0; font-size: 15px; color: #575757; letter-spacing: 0.2px; width: 430px; }
.uutinen a { color: #0da3e2; text-decoration: blink; }

.text { padding-bottom: 166px; }
.text h3 { }
.text p { padding: 0; font-size: 16px; color: #8e8e8e; }
.text a { color: #0da3e2; text-decoration: blink; }
.text img { padding-left: 8px; }
.text ul { list-style-type: none; padding: 0px; color: #8e8e8e; }
.text li { padding-top: 3px; }
.text ita { padding: 0; font-size: 16px; color: #8e8e8e; font-style:italic; }

.rukous { padding-bottom: 166px; }
.rukous h3 { }
.rukous p { padding: 0; font-size: 16px; color: #8e8e8e; }
.rukous a { color: #0da3e2; text-decoration: blink; }
.rukous img { padding-left: 8px; }
.rukous ul { list-style-type: square; padding: 0px; margin-left: 50px; color: #8e8e8e; }
.rukous li { padding-top: 3px; }

.mediatext { padding-bottom: 166px; }
.mediatext h3 { }
.mediatext p { padding: 0; font-size: 16px; color: #8e8e8e; }
.mediatext a { color: #0da3e2; text-decoration: none; }
.mediatext img { padding-left: 8px; }
.mediatext ul { list-style-type: none; padding: 0px; color: #8e8e8e; }
.mediatext li { padding-top: 3px; }

#rukous2 { margin-left: 50px; font-style: italic; font-size: 16px; color: #8e8e8e; font-weight: bold; }


#suos { text-align: left; padding: 0px; padding-bottom: 10px; padding-top: 10px; font-size: 16px; color: #8e8e8e; }

#suos2 { padding-left: 165px; padding-right: 160px; padding-bottom: 10px; }

#strong { font-weight: bold; }



#valiotsikko { font-weight: bold; font-size: 19px; color: #6B8E23; }
#etusivuvo { font-weight: bold; font-size: 19px; color: #6B8E23; width: 428px; }

#valiotsikko2 { font-weight: bold; font-size: 19px; color: #6B8E23; padding-bottom: 10px; padding-top: 10px}

#viiva {
margin: 0 auto 10px auto; width: 780px; height: 8px; background-color: #737373; position: relative;
}

#jippii {
width: 516px;
height: 349px;
background-image: url('images/kuvat/jippii.jpg');
}


#footer {
position: absolute;
bottom: 0px;
background-image: url('images/grey2.jpg');
width: 780px;
height: 166px;
padding: 0px;
}

#footer img {
position: absolute;
top: 60px;
left: 60px;
}