@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,900);
body { margin:0; padding:0; font-family:'Raleway',Arial,sans-serif; font-weight:400; font-size:100%; }
div.logo { width:100%; position:absolute; text-align:center; margin-top:33px; font-size:18px; line-height:1.2em; }
div.logo img { border:none; position:relative; }
div.logo h1 { margin:0; padding:0; }
div.logo h1 a { border:none; }
div.logo a { display:block; height:34px; }
div.conthead { background-color:#000; color:#fff; margin:0 auto; 100%; padding:0 6%; text-align:center; }
div.tun { position:relative; margin-bottom:-4px; border:none; }
div.tun img { width:100%; height:auto; }
div.loo { position:absolute; width:41%; bottom:26px; left:3%; right:3%; padding-left:3%; padding-right:3%; background-color:rgba(0,0,0,0.6); }
div.loo p { color:#fff; font-weight:700; }
div.loo ul { padding-left:0; list-style:none; line-height:1.2em; }
div.loo li { margin-bottom:8px; }
div.loo li a { color:#fff; text-decoration:none; } 
div.loo li a:hover { text-decoration:underline; }
.conthead h1 { font-weight:900; font-size:34px; margin-top:0; padding-top:48px; padding-bottom:10px; margin-bottom:0; letter-spacing:.05em; }
.conthead p { margin:0; padding:0; line-height:1.5em; }
.conthead a { color:#fff; text-decoration:none; font-weight:700; white-space:nowrap; }
.conthead a:hover { text-decoration:underline; }

div.top {
width:100%;
margin:0;
padding:0;
background:#94d6db url('../img/tbg.png') no-repeat top center;
}

nav, #nav {
display:inline-block;
height:202px;
width:100%;
z-index:100;
text-align:center;
}

#nav ul {
display:block;
margin-top:154px;
list-style-type:none;
padding-left:0;
margin-left:-70px;
}

#nav ul li {
display:inline-block;
position:relative;
font-size:17px;
font-weight:700;
color:#000;
cursor:pointer;
padding:0px 3px;
}

#nav ul li ul {
display:none;
position:absolute;
top:15px;
left:0;
width:200px;
visibility:hidden;
opacity:0;
padding:0;
}

#nav ul li ul li {
display:block;
font-size:16px;
color:#000;
background-color:#fff;
padding:10px 0px 10px 10px;
}

#nav ul li:hover ul {
display:block;
text-align:left;
border-top:none;
padding-top:33px;
margin-top:0px;
margin-left:0px;
visibility:visible;
opacity:1;
z-index:200;
}

#nav ul li:hover { color:#fff; }
#nav ul li ul li:hover { color:#fff; background-color:#ddd; }
#nav ul li a { margin-left:0px; padding:0px 5px; }
#nav ul li ul li:before { content:""; }
#nav ul li ul li:first-child:before { margin-left:0px; }
#nav ul li ul li a { color:#000 !important; }
#nav a, #nav a:link, #nav a:active, #nav a:visited { color:#000; text-decoration:none; }
#nav a:hover, #nav ul li.act a { color:#fff; }
#nav > a { display:none; }

ul.rnav {
position:absolute;
top:26px;
right:60px;
right:6%;
float:right;
margin:0;
padding:0;
text-align:right;
}

ul.rnav li {
font-size:15px;
font-weight:700;
list-style-type:none;
margin-bottom:4px;
line-height:1.2em;
}

ul.rnav li a { color:#fff; text-decoration:none; }
ul.rnav li a:hover { text-decoration:underline; }
ul.rnav li.lang a { font-weight:400; background-color:#000; }
ul.rnav li.lang a:hover { background-color:#85bac1; text-decoration:none; }
ul.rnav li.lang a.act { background-color:#85bac1; }
ul.rnav li a.fin { padding:3px 18px; }
ul.rnav li a.eng { padding:3px 14px; }
ul.rnav li.part { margin-top:12px; }
ul.rnav li.lip { margin-top:38px; }
ul.rnav li.lip a { color:#fff; background-color:#000; font-weight:bold; padding:8px 14px; }
a.lir { display:none; }

#nav ul li.lisa { display:none; }

.vembed { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.vembed iframe, .vembed object, .vembed embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.rota {
color:#fff;
display:block;
float:right;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.fili { background-color:#000; width:100%; height:auto; }
.flip { width:50%; float:right; margin-bottom:-4px; }
.flip .flipt { position:absolute; display:inline-block; margin-top:22%; margin-right:32px; margin-left:4%; }
.flip .flipt h2 { color:#fff; font-weight:900; font-size:42px; margin:0; }
.flip .flipt p { color:#fff; }
.flip img { width:100%; height:auto; }
.fiilis { width:50%; float:left; margin-bottom:-4px; }
.fiilis img { width:100%; height:auto; }

.aetu, .aetu img { display:block; width:100%; height:auto; border:none; }
.aetu img:hover { opacity: 0.95; }

.news { width:100%; background-color:#fff; margin:0 auto; line-height:1.6em; margin-bottom:64px; }
.news h2 { font-weight:900; line-height:1.2em; font-size:28px; margin-top:4px; }
.news a { font-weight:700; text-decoration:underline; color:#000; }
.neleft, .neright { width:35%; float:left; padding:68px 5% 0px 10%; }

a.napis, a.napiw { color:#000; font-weight:700; background-color:#94d6db; text-decoration:none !important; padding:10px 36px; }
a.napiw { color:#000; background-color:#fff; }
a.napis:hover, a.napiw:hover { text-decoration:underline !important; }

h1, h2, h3 { hyphens:auto; }

div.frntartists {
width:100%;
clear:both;
background-color:#000;
margin-top:-2px;
}

div.frntartists a {
border:none;
text-decoration:none;
}

div.frntartist {
width:33.33%;
position:relative;
display:inline-block;
}

div.frntartist img {
border:none;
width:100%;
}

span.frntartist {
width:100%;
position:absolute;
color:#fff;
font-size:32px;
font-weight:700;
line-height:74px;
bottom:4px;
text-align:center;
background-color:rgba(50,50,50,0.4);
}

p.frntlist { margin:0; padding:4% 3% 1% 3%; font-weight:700; text-align:center; line-height:1.5em; }
p.frntlink { margin:0; padding:0 3%; font-weight:900; font-size:42px; color:#fff; text-align:center; }
p.frntlink a { color:#fff; text-decoration:none; }
p.frntlink a:hover { text-decoration:underline; }

p.bandcol { margin-top:32px; line-height:1.7em !important; }
p.bandcol b { font-weight:900 !important; font-size:20px; }

span.whi { color:#fff; }
span.blu { color:#94d6db; }
span.iarr { color:#000; }
span.uus { color:#e18032; }

div.textcontent { margin-top:60px; margin-bottom:50px; width:100%; background-color:#fff; display:inline-block; }
div.textcontent b { font-weight:700; }
div.textcontent a, div.textcontent a:link, div.textcontent a:active { font-weight:700; color:#e18032; text-decoration:none; }
div.textcontent a:visited { color:#f19042; }
div.textcontent a:hover { text-decoration:underline; }

div.etuleft { float:left; width:49%; }
div.eturight { float:right; width:50%; border-left:1px solid #000; }
div.etuleft h2, div.eturight h2 { font-weight:700; font-size:32px; margin-top:0; margin-bottom:0.5em; margin-left:10%; margin-right:10%; }
div.etuleft p, div.eturight p { margin-left:10%; margin-right:10%; line-height:1.6em; }

span.country { font-size:70%; vertical-align:super; }
span.newsots { font-weight:700; text-transform:uppercase; font-size:15px; margin-left:10%; }
span.newsdate { font-weight:400; font-size:14px; }

a.readmore { color:#fff !important; font-weight:700; font-size:19px; background-color:#f19042; text-decoration:none; padding:8px 20px 8px 20px; display:inline-block; margin-top:10px; margin-left:10%; }
a.readmore:hover { color:#000; background-color:#e18032; }

.newsletter { color:#000; background-color:#94d6db; clear:both; text-align:center; padding:0 6% 60px 6%; }
.newsletter h2 { color:#fff; font-size:28px; font-weight:900; margin-top:0; }

.partn { text-align:center; background-color:#fff; width:100%; margin:60px 0; }
.partn h2 { color:#000; font-size:28px; font-weight:900; }
.partn img a { border:none; }

.sossut { width:280px; height:44px; margin:32px auto 0 auto; padding:0; }
.sossut ol.slist { list-style-type:none; display:inline; padding-left:0; }
.sossut ol.slist li { float:left; margin:0 12px 0 0; padding:0; }
.sossut ol.slist li a { width:44px; height:44px; display:block; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAsCAMAAAA5FiaqAAAAMFBMVEUAAAD///8RERH5+fnX19dGRka3t7eKioopKSl3d3dVVVXq6urGxsZqamrz8/OmpqY761e5AAAD2UlEQVR4Xt2a646jOhCEXd2+X+D93/ZogEkbt5052qxGm9SvRPpUuLBpX8AMIhe8LczF+uDIKL0x63ZGJ97dx7DZAvApRzKGYk4egM0fwUYP1ESmE6UK+Pj+bN5gk1FKFlt+dzYAO5mJaAfC27PNLNSEflf2WU1ihPdls7BzGsjvysYNzTxVwxbfkzUeu+mVfWEAbEQ7/MhS8mVjBgDmrfhEa1brt9gMS8MDCAzhyCLf2VwwqOQJu9TvsMYiDQNWhzMJ9sZmoITs4iWXQwGyZi9RqN5dP1tlrln7rvXnrEM1vcI0nKlwHUsFngY/j0KKPdUKcN1v8qe5M1M2eFsKMy4xl2J90L5arrXDs2fNPtwIf16b1K3YOzah3IFssylIiu3vVz7Hy6kw9bWYytLUN8Zu7t4A9tHtsfMlBg1dBMCaUQQmYT3C/QoW1gT4GUt7l2fHJT/zTVgoKPbA7ZlEfBkhiq9x8GYWTsnDCVuQT4tQgG2PR89llAlLfR6yhXFon/l6LOQVeyR6FLGMS8U28TUB6f+FSwjCbucsGstlefxz2CZsw1b5e3BRpCZ9oViLSyYV9LIDK8M9xHuhCCS+R8BOPAwFkYMXlo9fVFAyUbbgeBA8YSnE7yISr1r0JTfzfST6am8fr4ys9Ne25yjhfN9eYxHn4cYejbDC8vErXGWFLPxB8MBKKyRQ3KREjCx34Qx18XjqS57P6PVB7n17TQEtwrWxohRhcVyifDMOTF92mLHSW0FGUBp8VbgznoSb+QbPGBR6X8MwvfjCmdmZu8AHK+EI956MgGb7YlYfj2mhqS/6cDIpApj6Bii13lfC6YLyF8M1HJGiMV7a8GM4CtvTcFQwaIu3cAW0DPfzsMxPh6VqRrtS+oUvls/c3NdZ3FVvvlJQ1uHWBeW7LtSnBUVmMBtY7u+E5VW15IVvG9K1m69MBctw66kgFthM5OpqKhA1iLitfMtqnitzX9rVMq33fW0Sd1cTOM8ncVHcdEXTrMVCduFLtqc2d/d9cfkVr/Xq8Ucvv0RUVbbXll9yVMl6UF7sX1k4X9IL505BTbOvLJxF0ctoH33VlkeFW295Bqktz3RcBjKi17Y80eXktwfjtK9xqMtw683qps8xdmykWFHSd1ezNNus1jD3pa5WlkDKV23bVbjFFr8BNrn4kEsWaIrt1QpX98rRgWbJpb3W6oMjzaoDomU4dTjTGIO4TdilfoPVR2WVmdn+fKwWQ+2P9mqI/9bR3kcfyn7ycfpHvwj5/FdYQu9zdn9b9vNfG3/+C3/59MGdnz44+fThDdnP/8jmoz+P+g92sjpqp5vB7AAAAABJRU5ErkJggg==); }
.sossut .fb a { background-position:0 0; }
.sossut .in a { background-position:-44px 0; }
.sossut .vi a { background-position:-88px 0; }
.sossut .yt a { background-position:-132px 0; }
.sossut .tw a { background-position:-176px 0; }

div.aalsincont { width:100%; background-color:#94d6db; margin-top:-4px; }
div.aalsin { background-color:#94d6db; width:100%; height:16px; padding-bottom:38px; margin:0; background-position:top; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAQCAMAAACSokV2AAAAMFBMVEWU1tum3eHk9fbK6+2b2d3z+vve8vSv4OTW8PL4/f3r9/jQ7e+24+bD6Ou85un////kOdHnAAAAtUlEQVR4Xs3WSQ6DMBBE0Z67PcH9bxspm4hsArEN/id4q1LBPq5ExuzuInBIxN2ZjdI+rjFwCq4IJ8LKQUvAE/GGcDHcmNKD8FwO5sv6krvh/eZ+/Xw4scPQnGk6PJcqMCGpJU+Da3zQc/Chw+HJGsINYbM0Dp4Lwo1hyf1wteYCtyfeTP+Ga2wID4Zb6GW4RkNYIGyhp+HUMXmTppJ+wNW4IiwZVjb9hiciYnaH5XNnJnoftBdab08PmOPVRAAAAABJRU5ErkJggg==); }
div.aalmus { background-color:#000; width:100%; height:16px; padding-top:38px; background-position:bottom; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAQCAMAAACSokV2AAAAYFBMVEWMjIy/v79AQECAgID///+goKAwMDBQUFCQkJDe3t4gICDy8vKvr69wcHAaGhqZmZkQEBBmZmbPz89ZWVlgYGCzs7Pv7+/MzMyysrImJiYAAADCwsLm5uZNTU0zMzP19fXX+x7+AAAAy0lEQVR4Xs3VR46DQBSE4X6pc5PBeeb+txzE2pI95hn4T/AtSipzVa5BRwYAJl4CAE8Om6t2mnBsZfE+DYTwgHBbpOPXdVLwOHCkM/+nM+H+cCTgTwLC3eCX3sAvr+hm+svW8GqQiTWa8hA3g6PvWLPgnQJcYdMKm9eFx0ESf6+Ui1WHV47GO3+/BKaPWnBbJPCWhVzsSniDBLxP4B/NR/DoKAfet5DJxffhFslD4qOUQAjtc3j1M9e2bV2Pp8DHLJ3Gup6NOFOXv/0DKSOy5nHPAo8AAAAASUVORK5CYII=); }
div.aalora { background-color:#f19042; width:100%; height:16px; padding-top:38px; background-position:bottom; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAQCAMAAACSokV2AAAALVBMVEX0qGv5z632tYH3wZbymlT////628L97eH98eb85dPxkUXxk0j+9e/++vbxkEIxhel1AAAA0UlEQVR4Xs3Ut43EQBBE0Wo9gmT+4Z5ZxhnE7g7Fj+ChUWhEbK16iinG8fIG1CR7tS0CwaJSFPON5AmVrGCEsxJ7k37CpHbyCGds7/IG/IR0mk/grIv6c2hX6cFO4P8q4u9FV7DP4Kxunc0E0d/DuXm741sOGDe9AE78hZefRK+DE5+GK9SwJHotnG25dDYDlluwK+BsX/MqXfmnL4ez9tNuYNmC3Qbn6Q0f3t5hPPQzcPLT9NzvUJPOQT8Np7/1FDNVwN3ncQx3B6Bmkr32WNgfg99tUd7RIEYAAAAASUVORK5CYII=); }

footer { color:#fff; background-color:#000; padding:20px 0 150px 0; }
footer p { text-align:center; margin-top:32px; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { text-decoration:underline; }

div.textcopa { background-color:#fff; padding:32px 6% 64px 6%; margin:0 auto; max-width:930px; }
div.textcopa span.newsdate { font-weight:400; font-size:16px; margin:0; padding:0; }
div.textcopa h2 { font-weight:900; font-size:34px; margin-bottom:10px; }
div.textcopa h3 { font-weight:700; font-size:28px; margin-bottom:16px; }
div.textcopa h4 { font-weight:700; font-size:26px; margin-bottom:14px; }
div.textcopa p { line-height:1.5em; }
div.textcopa b { font-weight:700; }
div.textcopa a, div.textcopa a:link, div.textcopa a:active { font-weight:700; color:#000; text-decoration:underline; }
div.textcopa a:visited { color:#222; }
div.textcopa a:hover { text-decoration:underline; }
div.textcopa ul, div.textcopa ol { line-height:1.5em; }

h2.newsitem { margin-top:10px; }
h2.newsitem a { font-weight:900 !important; text-decoration:none !important; }

img.contentimg { width:100%; max-width:928px; height:auto; }
span.bsla { font-weight:700; color:#94d6db; margin:0 4px; }

div.ibox { position:relative; width:100%; background-color:#94d6db; padding-top:38px; padding-bottom:32px; margin-bottom:12px; }
.ibox a { font-weight:900 !important; color:#fff !important; font-size:40px; margin-left:192px; white-space:nowrap; text-decoration:none !important; }
.ibox a:hover { text-decoration:underline !important; }
.ibox p { margin-left:192px; margin-right:120px; }

div.iicon { position:absolute; width:82px; height:70px; left:58px; top:52px; background-image:url('../info/img/icons.png'); background-repeat:no-repeat; }
div.finfo { background-position:0px 0px; }
div.vapaa { background-position:-82px 0px; }
div.saapu { background-position:-164px 0px; }
div.karta { background-position:-246px 0px; }
div.mobii { background-position:-328px 0px; }
div.turva { background-position:-410px 0px; }
div.ympar { background-position:-492px 0px; }
div.ukk { background-position:-574px 0px; }

div.aimg {
text-align:right;
font-weight:700;
border:none;
float:left;
font-size:14px;
margin-bottom:14px;
margin-right:1%;
width:32.2%; height:auto;
}

div.aimg img { border:none; width:100%; height:auto; max-width:304px; max-height:192px; }
div.aimg img:hover { opacity:0.9; filter:alpha(opacity=90); }
div.aimg a,
div.aimg a:link,
div.aimg a:active,
div.aimg a:visited { outline:none; text-decoration:none; }
div.aimg a:hover { outline:none; color:#000; text-decoration:underline; }

div.veekoo iframe { border:none; width:100%; }

div.vidco {
position:relative;
padding-bottom:53%;
padding-top:0;
height:0;
overflow:hidden;
background-color:#fff;
}

div.vidco iframe, div.vidco object, div.vidco embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:none;
background-color:#fff;
}

@media (max-width:950px) {
div.top { height:202px; }
div.logo { margin-top:33px; }
div.valikko { margin-left:20px; font-weight:700; color:#000; }
div.valikko:hover { background-position:39px 0px; }
span.val3 { margin-right:26px; font-weight:bold; color:#fff; font-size:150%; vertical-align:top; }

nav, #nav {
text-align:left;
min-width:100%;
line-height:0;
padding-left:0;
height:auto;
position:absolute;
top:70px;
}

ul.rnav { display:none; }

a.lir {
color:#fff;
position:absolute;
background-color:#000;
display:block;
right:20px;
top:78px;
padding:8px 18px;
text-decoration:none;
font-size:15px;
font-weight:700;
line-height:18px;
margin-right:5%;
clear:both;
z-index:200;
}

#nav > ul {
width:100%;
height:auto;
display:none;
position:absolute;
overflow:hidden;
margin-left:0;
}

#nav > a { margin-left:16px; color:#fff; }
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { line-height:54px; padding:0; display:block; }
#nav:target > ul { width:100%; display:block; }
#nav > ul > li { width:100%; float:none; background-color:#000; }
#nav ul { list-style-type:none; padding-bottom:0; margin-top:0; background-color:#000; }
#nav ul li { line-height:56px; padding:0; padding-left:84px; border-bottom:1px solid #1e1e1e; }
#nav a, #nav a:link, #nav a:active, #nav a:visited { color:#fff; }
#nav ul li a:hover { color:#94d6db; }
#nav ul li.act a { color:#94d6db; }
#nav ul li:first-child:before a { line-height:16px; padding:0; margin:0; }
#nav ul li:hover ul { display:none; }
#nav ul li:before { content:""; }
#nav li:before { content:""; }
#nav ul li.lisa { display:list-item; }

div.ibox { position:relative; width:100%; background-color:#94d6db; padding-top:38px; padding-bottom:32px; margin-bottom:12px; }
.ibox a { font-weight:900 !important; color:#fff !important; font-size:32px; margin-left:162px; }
.ibox p { margin-left:162px; margin-right:120px; }
}

@media (max-width:930px) {
.neleft, .neright { width:80%; display:block; padding:68px 5% 0px 5%; }
.fiilis { width:100%; display:block }
.flip { width:100%; display:block; }
.flip .flipt { margin-top:45%; }
}

@media (max-width:900px) { div.aimg { font-size:12px; letter-spacing:0.01em; } }

@media (max-width:660px) {
div.aimg { width:100%; height:auto; font-size:14px; }
div.aimg img { border:none; width:100%; height:auto; max-width:100%; max-height:100%; }
div.etuleft, div.eturight { display:block; float:none; width:100%; }
div.etuleft p, div.eturight p { font-size:15px; }
div.eturight { border:none; margin-top:36px; }
div.iicon { position:relative; left:0px; top:0px; margin:0 auto; }
div.vidover { padding-top:50px; }
div.loo { display:none; }
.vidover .line2 { font-size:44px; line-height:1.2em; }
.sossut { width:236px; height:35px; }
.sossut ol.slist li a { background-size:175px; width:35px; height:35px; }
.sossut .in a { background-position:-35px 0; }
.sossut .vi a { background-position:-70px 0; }
.sossut .yt a { background-position:-105px 0; }
.sossut .tw a { background-position:-140px 0; margin-right:0; }
.ibox a { margin:0; text-align:center; width:100%; display:block; white-space:normal; }
.ibox p { text-align:center; margin-left:20px; margin-right:20px; }
}

@media (max-width:420px) {
div.logo img { width:90%; height:auto; }
.flip .flipt { margin-top:6%; }
.flip .flipt h2 { font-size:30px; }
.flip { height:400px; background-color:#000; }
a.lir { display:none; }
}

@media print {
.conthead h1 { text-align:left; color:#000; font-size:20pt; padding-top:0; }
.conthead p { text-align:left; color:#000; }
.conthead { background-color:#fff !important; margin:0; }
.conthead br { display:none; }
div.textcopa h2 { font-size:16pt; }
div.textcopa h3 { font-size:14pt; }
div.textcopa a, div.textcopa a:link, div.textcopa a:active, div.textcopa a:visited { font-weight:400; color:#000; text-decoration:underline; }
div.textcopa, div.conthead { padding:0; }
div.top, div.aalsin, div.aalmus, div.fili, div.vidco, div.newsletter, div.partn, div.textcopa img, div.aimg img, p.submenu, p.bandcol, footer, .nprt { display:none; }
div.textcopa .printok { display:block; }
}