ul.pvat { display:inline;
text-align:left;
list-style-type:none;
margin:0;
padding:0;
letter-spacing:0.15em;
}

ul.pvat a, ul.pvat a:link, ul.pvat a:active, ul.pvat a:visited, ul.pvat a:hover { color:#fff; text-decoration:none; padding:18px 16px 18px 16px; }

ul.pvat li {
display:inline-block;
font-family:'Raleway', sans-serif;
font-size:14px;
font-weight:700;
color:#fff;
line-height:0;
text-transform:uppercase;
position:relative;
background:#fff;
cursor:pointer;
border:none;
margin:0;
background-color:#74d1d9;
padding:18px 0px 18px 0px;
margin-right:14px;
letter-spacing:0.06em;
margin-bottom:14px;
}

ul.pvat li.act, ul.pvat li:hover { background-color:#f19043; }
ul.pvat li.act { cursor:inherit; padding:18px 16px 18px 16px; }

div#artists {
width:968px;
margin:0 auto;
margin-top:6px;
overflow:hidden;
float:left;
margin-left:2.3%;
}

div.aimg {
text-align:right;
font-size:13px;
text-transform:uppercase;
font-weight:700;
color:#001722;
letter-spacing:0.06em;
line-height:1em;
border:none;
float:left;
margin-bottom:16px;
margin-right:18px;
}

div.aimgmed, div.aimgsma { margin-right:24px; }

div.aimg img { border:none; }
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; color:#001722; text-decoration:none; }
div.aimg a:hover { outline:none; color:#f19042; text-decoration:none; }

div.aimg span.cou { color:#f19042; }

/*prgtbl*/

span.klo { background-color:#fff; border:1px solid #fff; border-radius:4px; font-size:90%; }
div.ablock { width:100%; height:70px; }
div.ablock p { margin:0;padding:0; margin:3px 3px 0px 3px; text-decoration:none; line-height:1.2; font-size:80%;}
div.empty { width:100%; height:70px; padding-top:3px; }
span.aname { display:block; color:#000; padding-top:5px; }
div.stage { width:114px; float:left; border:1px solid #ddd; margin-left:-1px; }
div.stage a:hover { text-decoration:none !important; }
.paala { background-color:#fde7dd; }
.tahti { background-color:#f4e9d4; }
.metel { background-color:#d4effc; }
.rento { background-color:#ebf4de; }
.rekka { background-color:#dce5ea; }
.loung { background-color:#fbf5eb; }
div.paala div.ablock:hover { background-color:#ffebdf; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }
div.tahti div.ablock:hover { background-color:#f8edd8; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }
div.metel div.ablock:hover { background-color:#dcefff; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }
div.rento div.ablock:hover { background-color:#eff8df; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }
div.rekka div.ablock:hover { background-color:#dfe9ee; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }
div.loung div.ablock:hover { background-color:#fdf7ed; background-image:url('../ohjelma/img/_flip.png'); background-position:bottom right; background-repeat:no-repeat; }

div.rentodi { background-color:#fff; }
div.rentodi span.aname { color:#7db630; }

div.main:hover { background-image:url('../404.html'); background-position:bottom right; background-repeat:no-repeat; background-color:#ffebdf !important; }

div.stage div.empty { width:100%; background-color:#fff; height:70px; }

div.stagehead { text-align:center; font-weight:bold; font-size:90%; height:30px; line-height:30px; background-color:#fff; border-bottom:1px solid #ddd; }
.paalahead { color:#ed1d25; }
.tahtihead { color:#bc8e1b; }
.metelhead { white-space:nowrap; letter-spacing:-1px; color:#02aeef; }
.rentohead { white-space:nowrap; letter-spacing:-1px; color:#8dc640; }
.rekkahead { white-space:nowrap; letter-spacing:-1px; color:#507383; }
.lounghead { color:#F19042; }

div.symb { float:right; margin-right:6px; background-repeat:no-repeat; width:34px; height:22px; margin-top:2px; }
div.paalahead div.symb { background-image:url('../ohjelma/img/_ssymb.png'); background-position: 0px 0px; }
div.tahtihead div.symb { background-image:url('../ohjelma/img/_ssymb.png'); background-position: -34px 0px; }
div.metelhead div.symb { width:28px; background-image:url('../ohjelma/img/_ssymb.png'); background-position: -68px 0px; }
div.rentohead div.symb { background-image:url('../ohjelma/img/_ssymb.png'); background-position: -102px 0px; }
div.rekkahead div.symb { background-image:url('../ohjelma/img/_ssymb.png'); background-position: -136px 0px; }
div.lounghead div.symb { background-image:url('../ohjelma/img/_ssymb.png'); background-position: -170px 0px; }

span.countr { font-size:80%; color:#444; }
img.juusto { margin-top:4px; }

@media (max-width:768px) {

#artists { min-width:1%; width:96% !important; float:none !important; margin:0 !important; clear:both; padding:10px 1% 10px 3%; }
#cwide, #cwide2 { min-width:1%; width:100% !important; float:none !important; margin:0 !important; clear:both; margin:0; padding:0; }

div.aimg { margin-right:14px; margin-bottom:10px; display:block; }
div.aimg { width:100%; height:auto; max-width:304px; min-width:1%; }
div.aimg img { width:100%; height:auto; max-width:304px; min-width:1%; }
}

@media print {
h1 { margin:0; font-size:16pt; }
h2 { margin:0; font-size:14pt; }
h2.vots { page-break-before:always; }
div#top, div#nav, div#cleftwide, div#fsossut, div#footer, div#ftext { display:none; }
div#cmidwide { margin:0; padding:0; }
div.stage, div.stagehead { color:#000 !important; background-color:transparent !important; }
div.stage { width:16%; }
div.stagehead {text-align:center; height:26px; background-color:transparent !important; border-bottom:2px solid #444 !important; }
div.stage { margin-left:0; background-color:transparent !important; border-bottom:1px solid #fff; }
div.stage a { text-decoration:none !important; }
div.ablock { background-color:transparent !important; outline:1px solid #888; }
div.ablock p { font-size:9pt; margin:0; padding:0; }
div.empty { outline:1px solid #666; padding-top:0;}
div.symb { display:none; }
div.rentodi span.aname { color:#000; }
a, a:link, a:active, a:visited { color:#000 !important; }
sup { color:#000; }
a div.ablock span.klo { color:#000 !important; background-color:transparent !important; }
span.klo { margin:0; padding:0; border:none; background-color:transparent !important; }
table.rvk tr { border:none; background-color:transparent !important; }
table.rvk td { border-bottom:1px solid #444; }
p { margin-bottom:0; }
.noprint { display:none; }

ul.pvat li { display:none; }
ul.pvat li.act, ul.pvat li:hover { display:none; }
}