@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

body {
margin:0;
padding:0;
font-family:'Raleway',sans-serif;
font-size:15px;
font-weight:400;
color:#001422;
background-color:#74d1da;
}

#pohja {
background-color:#fff;
width:100%;
min-width:1016px;
padding-top:36px;
}

#oline {
background-color:#f19043;
width:100%;
height:78px;
text-align:center;
font-weight:700;
font-size:18px;
color:#fff;
line-height:78px;
}

#oline #logo {
float:left;
width:299px;
height:41px;
margin-top:17px;
margin-left:60px;
background-image:url('../img/hilpe.png');
background-position:0 0;
background-repeat:no-repeat;
}

#oline #hilpe {
float:right;
width:299px;
height:41px;
margin-top:17px;
margin-right:60px;
background-image:url('../img/hilpe.png');
background-position:0 -41px;
background-repeat:no-repeat;
}

#oline h1 { font-size:18px; text-transform: none; font-weight:700; display:inline; line-height: 78px; letter-spacing:0.001em; }
#oline h1.en { white-space:normal !important; line-height:13px !important; margin:0; padding:0; font-size:13px; }
#oline.en { white-space:normal !important; line-height:82px; font-size:13px; }
#oline img, #oline img a { border:none; }
#oline span.hh { display:none; }

span.blk { color:#000; }

div.slid {
width:100%;
height:100%;
min-width:1016px;
min-height:416px;
max-width:1368px;
max-height:560px;
margin:0 auto;
background-size:100% 100%;
background-repeat:no-repeat;
height:auto;
position:relative;
overflow:hidden;
}

#img {
min-width:1016px;
margin:0 auto;
background-size:100% 100%;
background-repeat:no-repeat;
height:auto;
position:relative;
overflow:hidden;
}

#img img {
max-width:100%;
max-height:100%;
}

#botsld, #topsld { font-weight:bold; font-size:20px; letter-spacing:1px; margin-left:0px; overflow:hidden; z-index:1; position:absolute; background-color:#fff; width:100%; min-height:416px; max-height:560px; height:100%; background-size:100% 100%; }
#topsld { margin-left:1368px; z-index:2; }
a#lnk1, a#lnk2 { text-decoration:none !important; }
#sld1, #sld2 { color:#000; z-index:2; }
#bname1, #bname2 { position:absolute; width:100%; text-align:center; bottom:24px; }
#bname1 img, #bname2 img { width:35%; height:auto; }

#cnt {
max-width:1368px;
min-width:1016px;
width:100%;
background-color:#fff;
margin:0 auto;
}

#nav {
max-width:1368px;
min-width:1016px;
width:100%;
background-color:#fff;
height:70px;
z-index:100;
}

#nav ul {
display:inline;
text-align:left;
list-style-type:none;
margin:0;
padding:0;
}

#nav ul li {
display:inline-block;
font-family:'Raleway',sans-serif;
font-size:14px;
font-weight:700;
color:#001722;
line-height:0;
text-transform:uppercase;
position:relative;
background:#fff;
cursor:pointer;
border:none;
margin:0;
padding:35px 0px;
}

#nav ul li:hover {
color:#f19042;
background-color:#fff;
}

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

#nav ul li ul li {
display:block;
font-size:13px;
color:#001722;
background-color:#fff;
padding:15px 11px 15px 0px;
}

#nav ul li ul li:hover {
color:#f19042;
background-color:#eee;
}

#nav ul li:hover ul {
display:block;
opacity:1;
visibility:visible;
border:1px solid #8aced8;
border-top:none;
margin-top:0px;
}

#nav ul li a { margin-left:6px; padding:11px; }
#nav ul li:before { color:#74d1da; content:"\2022"; }
#nav ul li:first-child:before { content:""; }
#nav ul li:first-child:before a { margin-left:0px; padding-left:0px;}
#nav ul li:first-child { padding-left:0px; }
#nav ul li ul li:before { content:""; }

#nav a, #nav a:link, #nav a:active, #nav a:visited { color:#001722; text-decoration:none; }
#nav a:hover, #nav ul li.act a { color:#f19042; }
#nav ul li ul li a { color:#001722 !important; }

#nav > a { display:none; }

span.lng { font-size:12px; font-weight:700; color:#fff; position:absolute; margin:28px 0px 0px 16px; right:23%; }
span.lng span.nlfi, span.lng span.nlen { background-color:#74d1d9; margin:0; }
span.lng span.nlfi { padding:4px 0px 4px 0px; }
span.lng span.nlen { padding:4px 0px 4px 0px; margin-left:5px; }
span.lact { background-color:#f19042 !important; }
span.lng a, span.lng a:link, span.lng a:active, span.lng a:visited { color:#fff !important; padding:4px 6px; }
span.nlfi:hover, span.nlen:hover { background-color:#f19042 !important; }
span.lact { padding:4px 8px !important; }
span.nlfi a { padding:4px 8px !important; }
span.nlen.lact { padding:4px 6px !important; }

#cwide, #cwide2 {
width:1016px;
margin:0 auto;
background-color:#fff;
}

#cmid {
float:left;
/*width:34%;*/
width:472px;
margin-top:11px;
/*margin-left:33%;*/
margin-left:272px;
}

#cmidwide {
float:left;
/*width:34%;*/
width:720px;
margin-top:11px;
/*margin-left:33%;*/
margin-left:272px;
}

#cleftwide {
float:left;
/*width:33%;*/
width:224px;
margin-top:0;
/*margin-left:-67%;*/
margin-left:-968px;
}

#cleft {
float:left;
/*width:33%;*/
width:224px;
margin-top:0;
/*margin-left:-67%;*/
margin-left:-720px;
}

#cright {
float:right;
/*width:33%;*/
width:226px;
margin-top:11px;
margin-right:22px;
}

#cmid.mainp { margin-top:36px; }
#cleft.mainp { margin-top:10px; }
#cright.mainp { margin-top:36px; }

h1, h2, h2.singlepost, h2.newsitem, h3, h4 { font-family:'Raleway',sans-serif; }

h1, h2.frnt, h2.singlepost {
font-size:32px;
font-weight:400;
letter-spacing:0.2em;
text-transform:uppercase;
margin-top:0;
}

h2, h2.newsitem {
font-size:18px;
letter-spacing:0.1em;
margin:22px 0px 6px 0px;
color:#f19042;
}

h2.newsitem { margin-top:6px; margin-bottom:3px; }
h2.newsitem a { color:#f19042 !important; }
h2.frnt { color:#001722 !important; }

h3 {
font-size:15px;
font-weight:700;
margin:18px 0px 2px 0px;
color:#f69547;
}

h4 {
font-size:15px;
font-weight:700;
margin:18px 0px 0px 0px;
color:#001422;
}

span.date {
font-size:13px;
margin-bottom:0;
}

span.uus {
font-weight:700;
color:#f19043;
}

p {
font-size:15px;
line-height:1.45;
}

b {
font-weight:700;
}

a {
outline:0;
}

br.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px; }

p.blnk { padding-top:36px; margin-left:2px; font-weight:700; }

a,
a:link,
a:active,
a:visited { font-weight:700; color:#6dc1ca; text-decoration:none; }
a:hover { color:#5db1ba; text-decoration:underline; }

.nbrk { white-space:nowrap; }

ul.collist { padding-left:2px; margin-top:0; }
ul.collist li { list-style:none; color:#405462 !important; font-size:14px; margin-bottom:4px; }
ul.collist li a, ul.collist li a:link, ul.collist li a:active, ul.collist li a:visited { list-style:none; color:#001422 !important; font-size:14px; }

#cmid ul { padding-left:0px;margin:18px 0px 25px; font-size:14px; }
#cmid ul li { padding-left:0; list-style:none; }
#cmid ul li:before { content:'\2022 '; color:#001422; margin-right:4px; }

#cmid ul.clist { padding-left:18px; font-size:15px; }
#cmid ul.clist li { list-style:disc; margin-bottom:1em; line-height: 1.45; }
#cmid ul.clist li:before { content:''; color:#001422; margin-right:0px; }

#cmid h1 { margin-top:0; }
#cright h1 { margin-top:0; }
#cright h2 { margin-top:0; margin-bottom:3px; }

div.planssi {
width:194px;
background-color:#74d1da;
font-size:14px;
text-align:right;
padding:23px 30px 28px 0px;
letter-spacing:0.1em;
line-height:1.8em;
margin-bottom:30px;
clear:both;
}

div.planssi a,
div.planssi a:link,
div.planssi a:active,
div.planssi a:visited { color:#fff; }
div.planssi a:hover { text-decoration:underline; }

#ftext {
clear:both;
text-align:center;
font-size:13px;
padding-top:28px;
padding-bottom:20px;
}

#footer {
height:140px;
padding-top:6px;
background-color: #74d1da;
}

#sossut, #fsossut { width:186px; height:26px; float:right; margin-top:22px; margin-right:12px; padding:0; }
#sossut ol.slist, #fsossut ol.slist { list-style-type:none; display:inline; padding-left:0; }
#sossut ol.slist li, #fsossut ol.slist li { float:left; margin:0; padding:0; margin-right:5px; }
#sossut ol.slist li a, #fsossut ol.slist li a { background-image:url('../img/sossut.png'); background-repeat:no-repeat; width:26px; height:26px; display:block; }
#sossut .fb a, #fsossut .fb a { background-position:0 0; }
#sossut .fb a:hover, #fsossut .fb a:hover { background-position:-26px 0; }
#sossut .tw a, #fsossut .tw a { background-position:0 -26px; }
#sossut .tw a:hover, #fsossut .tw a:hover { background-position:-26px -26px; }
#sossut .yt a, #fsossut .yt a { background-position:0 -52px; }
#sossut .yt a:hover, #fsossut .yt a:hover { background-position:-26px -52px; }
#sossut .vi a, #fsossut .vi a { background-position:0 -78px; }
#sossut .vi a:hover, #fsossut .vi a:hover { background-position:-26px -78px; }
#sossut .in a, #fsossut .in a { background-position:0 -104px; }
#sossut .in a:hover, #fsossut .in a:hover { background-position:-26px -104px; }
#sossut .rb a, #fsossut .rb a { background-position:0 -130px; margin-right:0; }
#sossut .rb a:hover, #fsossut .rb a:hover { background-position:-26px -130px; }

#fsossut { display:none; }

#flist { margin:45px auto; width:640px; list-style-type:none; }
#flist li { float:left; }
#flist li a { background-image:url('../img/flogot.png'); background-position:0 0; background-repeat:no-repeat; height:43px; display:block; margin-right:60px; }
#flist .ilosaarirock a { background-position:0 0; width:149px; }
#flist .kerubi a { background-position:-149px 0; width:81px; }
#flist .rokumentti a { background-position:-230px 0; width:149px; }
#flist .popmuusikot a { background-position:-379px 0; margin-right:0px; width:70px; }

img.plogo { float:right; margin-bottom:8px; }

#instafeed img { border:1px solid #fff; margin:0; padding:0; width:68px; height:68px; margin:0px 4px 0px 0px; }
#instafeed a:hover img { border:1px solid #aaa; }

div.pdd { margin-top:16px; text-align:center; }
div.pdd select { width:200px; }
div.pdd select option { font-family:'Raleway',sans-serif; }

div.ibox {
text-align:right;
font-size:13px;
font-weight:700;
color:#001722;
letter-spacing:0.06em;
border:none;
float:left;
margin-bottom:14px;
margin-right:16px;
}

div.ibox div.cbox {
width:220px;
height:138px;
background-color:#f19043;
margin-bottom:6px;
overflow:hidden;
}

div.ibox div.cbox:hover { opacity:0.9; filter:alpha(opacity=90); }

div.ibox div.cbox div.icon {
background-image:url('../info/img/icons.png');
background-repeat:no-repeat;
width:90px;
height:70px;
border:34px solid #f19043;
border-width:34px 65px 34px 65px;
}

div.ibox div.cbox div.icon.phknk { background-image:url('../info/img/igif.gif'); background-position:0 0; }
div.ibox div.cbox div.icon.vapaa { background-position:-0px 0; }
div.ibox div.cbox div.icon.hiili { background-position:-90px 0; }
div.ibox div.cbox div.icon.majoi { background-position:-270px 0; }
div.ibox div.cbox div.icon.ruoka { background-position:-360px 0; }
div.ibox div.cbox div.icon.karta { background-position:-450px 0; }
div.ibox div.cbox div.icon.mobii { background-position:-540px 0; }
div.ibox div.cbox div.icon.turva { background-position:-630px 0; }
div.ibox div.cbox div.icon.ukk { background-position:-720px 0; }
div.ibox div.cbox div.icon.kesku { background-position:-810px 0; }
div.ibox div.cbox div.icon.ympar { background-position:-900px 0; }
div.ibox div.cbox div.icon.yhtey { background-position:-990px 0; }
div.ibox div.cbox div.icon.saapu { background-position:-1080px 0; }
div.ibox div.cbox div.icon.bussi { background-position:-1170px 0; }
div.ibox div.cbox div.icon.finfo { background-position:-1260px 0; }

div.ibox a,
div.ibox a:link,
div.ibox a:active,
div.ibox a:visited { outline:none; border:none; color:#001722; text-decoration:none; }
div.ibox a:hover { color:#f19042; text-decoration:none; }

img.imgscale { width:100%; height:auto; }
img.contentimg { width:100%; height:auto; max-width:472px; }
img.newsimg { float:right; margin:17px 0px 5px 15px; }

span.acou { color:#f19242; vertical-align:super; font-size:15px; font-weight:700; }

div.vidco {
position:relative;
padding-bottom:50.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

div.vidco iframe, div.vidco object, div.vidco embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

h2.newsitem:before, h2:before, h3:before {
display: block;
content: " ";
margin-top: -150px;
height: 150px;
visibility: hidden;
}

div.tickets { margin-bottom:40px; width:100%;}
div.tiketti { float:left; text-align:center; margin-right:26px; }
div.lippupi { float:right; text-align:center; }
div.tiketti img:hover, div.lippupi img:hover { opacity:0.9; filter:alpha(opacity=90); }

img.partneri { padding:4px; margin:18px 10px 8px 0px; border:4px solid #fff; }
a:hover img.partneri { border:4px solid #bbb; }

@media (min-width:1000px) {
#cnt { width:100%; }
}

@media (min-width:1092px), (min-width:1001px) {
#cnt { width:1000px; }
}

@media (min-width:1093px) {
#cnt { width:93%; }
}


@media (max-width:768px) {
#pohja { width:100%; min-width:1px; }
#cnt, #oline { width:100%;min-width:100%; }
#hilpe { display:none; }

#nav {
width:100%;
height:54px;
min-width:100%;
line-height:0;
padding-left:0;
z-index:100;
background-color:#fff;
border-bottom:1px solid #8aced8 !important;
}

#nav > ul {
width:100%;
height:auto;
display:none;
position:absolute;
overflow:hidden;
border-bottom:1px solid #8aced8;
}

#nav > a { margin-left:3%; }
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display:block; line-height:54px; padding:0; }
#nav:target > ul { display:block; width:100%; }
#nav > ul > li { width:100%; float:none; background-color:#fff; }
#nav ul { list-style-type:none; padding-bottom:16px; background-color:#fff; }
#nav ul li:first-child { padding:0; padding-left:5px !important; }
#nav ul li:first-child:before a { line-height:16px; padding:0; margin:0; padding-left:16px !important; }
#nav ul li { line-height:24px; padding:0; padding-left:5px; }
#nav ul li:hover ul { display:none; }
#nav ul li:before { content:""; }
#nav li:before { content:""; }

#oline { font-size:16px; white-space:nowrap; }

#oline #logo {
float:left;
width:33%;
height:50%;
margin:19px 0px 0px 20px;
background-size:100% auto;
background-image:url('../img/logol.png');
background-position:0 50%;
background-repeat:no-repeat;
}

span.lng { position:absolute; top:0; right:16px; }

#cmid, #cleft, #cright, #cmidwide, #cleftwide { width:94% !important; float:none !important; margin:0 !important; clear:both; padding:10px 1% 10px 3%; }
#cmid, #cleft, #cright, #cmidwide, #cleftwide { margin-top:0; }
#cwide, #cwide2 { width:99%; max-width:99%; min-width:1%; }
#cleft { padding-top:0; }
#cleftwide { display:none; }
#container { width:100%; }
#container p { font-size:16px; }
#cmidwide { padding-bottom:0; }

#cmid.mainp { margin-top:0; }
#cleft.mainp { margin-top:0; }
#cright.mainp { margin-top:0; }

div.planssi { width:100%; text-align:left; margin:0; padding:14px 0px 14px 0px; }
div.planssi a { margin-left:3%; }
#widec { width:100%; min-width:200px; }
#top { width:100%; margin:0; padding:0; height:196px; }
#logo { display:block; float:none; margin:0; padding:0; margin:0 auto; }

#fsossut {
display:block;
float:none;
width:190px;
height:26px;
clear:both;
margin:0 auto;
padding-bottom:22px;
overflow:hidden;
background-color:#fff;
}

#fsossut ol.slist li { margin-right:12px; }
#fsossut .in { margin-right:0; }
#fsossut .rb { display:none; }

#ftext { padding:32px 0px 16px 6px; font-size:14px; line-height:1.45; }
img.plogo, div.slid, #footer, #img, #line, #sossut { display:none; }
img.contentimg { width:100%; max-width:100%; height:auto; }
span.nbrk { white-space:normal; }
h1, h2.singlepost, h3.frnt { font-size:28px;letter-spacing:0.15em; }
}

@media print {
body { margin:0; padding:0; width:99%; background-color:#fff; }
div.slid, #oline, #nav, #cleftwide, #fsossut, #footer, #ftext, #cleft, #cright, .noprint, div.vidco { display:none; }
#cmid { border-top:none; }
#cleft, #cright { margin:0; padding:0; }
#cmid, #cmidwide, #cwide, #cwide2, #pohja, #cnt{ margin:0; padding:0; display:block; float:none; }
#cmid { width:70%; }
#pohja { background-color:#fff; }
#cnt { width:100%; }
p, h1, h2, h3, h4, ul li, ol li { color:#000; }
h2 { letter-spacing:0.05em; }
p, ul li, ol li { font-size:12pt; }
h1 { font-size:15pt; letter-spacing:0.1em; }
h2.newsitem, h2.newsitem a { color:#000; text-decoration:none; }
a, a:link, a:active, a:visited { color:#000; font-weight:normal; text-decoration:underline; }
p.blnk { display:none; }
ul.pvat, ul.pvat li.act { display:none; }
.pnbrk { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
}