html,body {
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:16px;
background:#fff;
background-image:url(images/puntausta.gif);
background-repeat:repeat-x;
margin:0;
padding:0;
}

p,td p,td {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:10px 0;
padding:0;
}

p.etusivu {
font-family:Arial,Helvetica,sans-serif;
line-height:17px;
}

h1 {
color:#000;
font-size:16px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:700;
line-height:20px;
}

sisennys {
padding-left:15px;
}

#paroc {
width:100%;
height:40px;
text-align:right;
text-valign:bottom;
color: white;
	padding-top: 4px;
}

.rivitys {
display:inline-block;
}

a.url {
	color:#fff;
	text-decoration:none;
}

a.url:hover {
	color:#fff;
	text-decoration:underline;
}

a.paroc {
padding-right:10px;
padding-top:4px;
display:block;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:700;
text-decoration:none;
}

a.paroc:hover {
padding-right:10px;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:700;
text-decoration:underline;
}

p a.leipis {
color:#cc0001;
font-weight:700;
text-decoration:underline;
}

p a.leipis:hover {
font-weight:700;
text-decoration:underline;
}

a.kayttis {
padding-right:40px;
color:#6f6565;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-decoration:none;
}

a.kayttis:hover {
text-decoration:underline;
color:#6f6565;
}

a.kayttis2 {
color:#000;
text-decoration:none;
}

a.kayttis2:hover {
text-decoration:underline;
}

#wrapper h1 {
padding-top:40px;
}

#wrapper h1,#wrapper p,#wrapper table table.taulukko {
padding-left:20px;
}

#pagewidth {
width:870px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header {
position:relative;
height:100px;
width:100%;
background-image:url(images/header.gif);
}

#header .energia {
position:relative;
left:556px;
}

#maincol {
background:url(images/tausta3.gif) no-repeat;
height:414px;
}

#kama {
padding-left:0;
padding-right:0;
height:414px;
}

#leftcol {
float:left;
width:69px;
height:auto;
padding-top:160px;
}

#twocols {
width:870px;
height:414px;
float:right;
position:relative;
}

#rightcol {
width:73px;
float:right;
position:relative;
padding-top:160px;
}

#footer {
height:150px;
width:870px;
clear:both;
background:url(images/footer.gif);
}

#footer #col1,#footer #col2,#footer #col3 {
display:inline;
float:left;
border:0 solid;
padding-top:15px;
}

#footer #col1 {
padding-left:50px;
padding-right:10px;
width:149px;
}

#footer #col2 {
padding-left:20px;
width:370px;
}

#footer #col3 {
padding-left:20px;
width:200px;
background:url(images/paroc-pack.gif) bottom right no-repeat;
height:120px;
}

#footer #col1 p,#footer #col2 p,#footer #col3 p {
font-size:12px;
margin:0 0 10px;
}

#footer #col3 p {
width:200px;
}

#footer h4 {
font-size:13px;
margin:0 0 10px;
}

#footer img.laskin {
float:right;
position:relative;
top:20px;
margin-left:10px;
margin-right:8px;
padding-bottom:20px;
}

#footer img.pakkaus {
float:right;
position:relative;
top:20px;
margin-left:0;
margin-right:0;
padding-bottom:0;
}

#footer img.icon {
float:left;
position:relative;
top:2px;
margin-left:0;
margin-right:4px;
padding-bottom:0;
}

#footer a.radio {
padding-top:7px;
display:block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

.stripNav li {
margin-bottom:5px;
}

div.title {
color:#006;
padding-left:1px;
font-family:monospace;
letter-spacing:2px;
font-size:12px;
line-height:9px;
height:9px;
margin-bottom:1px;
}

div.main {
border:1px solid #006;
}

div.domTT {
border:1px solid #333;
background-color:#333;
}

div.domTT .caption {
font-family:serif;
font-size:12px;
font-weight:700;
color:#FFF;
padding:1px 2px;
}

div.domTT .contents {
font-size:12px;
font-family:sans-serif;
background-color:#F1F1FF;
padding:3px 2px;
}

div.domTTClassic {
border:1px solid #000;
background-color:InfoBackground;
}

div.domTTClassic .caption {
font-family:serif;
font-size:13px;
font-weight:700;
font-style:italic;
padding:1px 2px;
}

div.domTTClassic .contents {
color:InfoText;
font-size:13px;
font-family:Arial, sans-serif;
padding:1px 2px;
}

div.domTTWin {
border:2px outset #BFBFBF;
background-color:gray;
}

div.domTTWin .caption {
border:0 solid #BFBFBF;
background-color:#00007F;
color:#FFF;
border-width:1px 1px 0;
padding:2px;
	font: 700 12px sans-serif;
}

div.domTTWin .contents {
border:1px solid #BFBFBF;
}

div.domTTOverlib {
border:1px solid #336;
background-color:#336;
}

div.domTTOverlib .caption {
font-family:Verdana, Helvetica;
font-size:10px;
font-weight:700;
color:#FFF;
}

div.domTTOverlib .contents {
font-size:10px;
font-family:Verdana, Helvetica;
background-color:#F1F1FF;
padding:2px;
}

div.niceTitle {
background-color: #898e8c;
color:#FFF;
font-size:11px;
font-family:"Trebuchet MS", sans-serif;
width:360px;
left:0;
top:0;
position:absolute;
text-align:left;
z-index:20;
-moz-border-radius:10px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=87);
-moz-opacity:.87;
-khtml-opacity:.87;
opacity:.87;
padding:25px;
}

div.niceTitle .contents {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1px;
-khtml-opacity:1px;
opacity:1px;
margin:0;
padding:0 3px;
}

div.niceTitle p {
color:#fff;
font-size:12px;
text-align:left;
-moz-opacity:1px;
font-weight:700;
line-height:20px;
margin:0 0 10px;
padding:3px 0 0;
}

div.niceTitle td {
color:#fff;
font-size:12px;
text-align:left;
-moz-opacity:1px;
font-weight:700;
line-height:20px;
margin:0;
padding:3px 0 0;
}

div.niceTitle table {
border-collapse:collapse;
border-spacing:0;
}

div.niceTitle tr.even {
background-color:#4a7f06;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

div.domTTMenu {
width:150px;
border:2px outset #E6E6E6;
}

div.domTTMenu .caption {
font-size:12px;
font-family:sans-serif;
background-color:#E6E6E6;
}

div.domTTMenu .contents {
background-color:#E6E6E6;
padding:1px 0;
}

* {
margin:0;
padding:0;
}

p {
text-align:left;
}

p,ul {
font-size:13px;
line-height:1.4em;
}

p a,li a {
color:#39c;
text-decoration:none;
}

p.intro {
border-bottom:1px solid #ccc;
margin-bottom:20px;
text-align:center;
width:100%;
padding:20px 0 30px;
}

p#cross-links {
text-align:center;
border-bottom:1px solid #ccc;
margin-bottom:30px;
padding-bottom:30px;
}

noscript p,noscript ol {
color:#a00;
font-size:13px;
line-height:1.4em;
text-align:left;
}

noscript a {
color:#a00;
text-decoration:underline;
}

noscript ol {
margin-left:25px;
}

a:focus {
outline:none;
}

img {
border:0;
}

h3 {
border-bottom:1px solid silver;
margin-bottom:5px;
padding-bottom:3px;
text-align:left;
}

.stripViewer .panelContainer .panel ul {
text-align:left;
margin:0 15px 0 30px;
}

.slider-wrap {
position:relative;
width:100%;
margin:0;
}

.csw {
width:100%;
height:460px;
background:#fff;
overflow:scroll;
}

.csw .loading {
text-align:center;
margin:200px 0 300px;
}

.stripViewer {
position:relative;
overflow:hidden;
border:0 solid #000;
width:800px;
height:389px;
clear:both;
top:-27px;
margin:auto;
}

.stripViewer .panelContainer {
position:relative;
left:0;
top:0;
width:100%;
list-style-type:none;
}

.stripViewer .panelContainer .panel {
float:left;
height:100%;
position:relative;
width:800px;
}

.stripViewer .panelContainer .panel .wrapper {
padding:0;
}

.stripNav {
margin:auto;
}

.stripNav ul {
list-style:none;
position:relative;
top:392px;
}

.stripNav ul li {
float:left;
margin-right:2px;
}

.stripNav a {
font-size:10px;
font-weight:700;
text-align:center;
line-height:22px;
background:#c6e3ff;
color:transparent;
text-decoration:none;
display:block;
padding:0 15px;
}

.stripNav li.tab1 a {
background:url(images/pallukat1.gif) no-repeat;
}

.stripNav li.tab2 a {
background:url(images/pallukat2.gif) no-repeat;
}

.stripNav li.tab3 a {
background:url(images/pallukat3.gif) no-repeat;
}

.stripNav li.tab4 a {
background:url(images/pallukat4.gif) no-repeat;
}

.stripNav li.tab5 a {
background:url(images/pallukat5.gif) no-repeat;
}

.stripNav li.tab6 a {
background:url(images/pallukat6.gif) no-repeat;
}

.stripNavL,.stripNavR {
position:absolute;
top:180px;
text-indent:-9000em;
z-index:300;
}

.stripNavL a,.stripNavR a {
display:block;
height:72px;
width:71px;
cursor:pointer;
}

.stripNavL {
left:0;
}

.stripNavR {
right:0;
}

.stripNavL a {
background:url(images/nuoli_vasen.png) no-repeat center;
}

.stripNavR a {
background:url(images/nuoli_oikea.png) no-repeat center;
}

.stripNavL a:hover {
background:url(images/nuoli_vasen-on.png) no-repeat center;
}

.stripNavR a:hover {
background:url(images/nuoli_oikea-on.png) no-repeat center;
}

table.liukuri {
width:800px;
}

table.liukuri .liukuri1 {
width:293px;
padding:0 0 0 40px;
}

table.liukuri .liukuri2 {
width:8px;
}

table.liukuri .liukuri3 {
width:399px;
padding:0 60px 0 0;
}

td a.leipis,#footer a {
color:#cc0001;
text-decoration:underline;
}

.stripNav li.tab1 a:hover,.stripNav li.tab1 a.current {
background:url(images/pallukat1-on.gif) no-repeat;
}

.stripNav li.tab2 a:hover,.stripNav li.tab2 a.current {
background:url(images/pallukat2-on.gif) no-repeat;
}

.stripNav li.tab3 a:hover,.stripNav li.tab3 a.current {
background:url(images/pallukat3-on.gif) no-repeat;
}

.stripNav li.tab4 a:hover,.stripNav li.tab4 a.current {
background:url(images/pallukat4-on.gif) no-repeat;
}

.stripNav li.tab5 a:hover,.stripNav li.tab5 a.current {
background:url(images/pallukat5-on.gif) no-repeat;
}

.stripNav li.tab6 a:hover,.stripNav li.tab6 a.current {
background:url(images/pallukat6-on.gif) no-repeat;
}