body {
background-color:#fff;
color:#000;
margin-top:26px;
margin-bottom:26px;
}

img.map, map area { outline:none; }

div.main-content {
width:100%;
}

span.otsikko {
display:none;
}

span.ruututeksti {
display:none;
}

h2 {
margin:0;
width:80px;
float:left;
background-color:#fff;
background-image:url('../img/sivut/otsikot.png');
background-repeat:no-repeat;
}

h2.otsikko-uutiset {
height:100%;
background-position:0px 0px;
}

h2.otsikko-julkaisut {
height:100%;
background-position:-81px 0px;
}

h2.otsikko-bandi {
height:231px;
margin-bottom:12px;
background-position:-162px 0px;
}

h2.otsikko-videot {
height:100%;
background-position:-243px 0px;
}

h2.otsikko-loppu {
height:661px;
background-position:-324px 0px;
}

h2.otsikko-tekijat {
height:14px;
background-image:none;
}

div.rivi-1 {
width:1126px;
height:344px;
margin:0 auto;
margin-bottom:18px;
}

h1.logo {
display:inline;
float:left;
margin:38px 10px 0px 0px;
font-size:0px;
color:#fff;
}

div.linkkiruutu {
width:217px;
height:100%;
margin-right:14px;
float:left;
}

div.kuvausruutu {
width:595px;
height:100%;
overflow:visible;
float:right;
}

div.rivi-7 {
width:1130px;
height:500px;
margin:0 auto;
margin-bottom:18px;
}

div.julkaisut-7a {
width:522px;
Height:100%;
float:left;
margin-right:12px;
border:3px solid #000;
}

div.julkaisut-7b {
width:500px;
Height:100%;
float:left;
border:3px solid #000;
}

div.rivi-3 {
width:1130px;
height:626px;
margin:0 auto;
margin-bottom:18px;
}


div.bandiruutu {
width:598px;
height:100%;
float:left;
margin-right:11px;
border:3px solid #000;
}

div.kunkutruutu {
width:425px;
height:626px;
float:left;
border:3px solid #000;
background-color:#8cb3ba;
}

div.rivi-4 {
width:1130px;
height:400px;
margin:0 auto;
margin-bottom:18px;
}

div.rivi-5 {
width:1130px;
height:527px;
margin:0 auto;
margin-bottom:18px;
}

div.julkaisut-0, div.julkaisut-1 {
width:1040px;
height:100%;
float:left;
border:3px solid #000;
background-color:#111;
}

div.julkaisut-2 {
width:1040px;
height:527px;
float:left;
border:3px solid #000;
background-color:#111;
}

div.rivi-6 {
width:1130px;
height:350px;
margin:0 auto;
margin-bottom:18px;
}

div.julkaisut-3a {
width:180px;
height:100%;
float:left;
margin-right:12px;
border:3px solid #000;
}

div.julkaisut-3b {
width:842px;
height:100%;
float:left;
border:3px solid #000;
}

div.lopetusruutu {
width:1040px;
Height:655px;
float:left;
border:3px solid #000;
background-color:#666;
}

div.rivi-11 {
width:1126px;
height:14px;
margin:0 auto;
margin-bottom:18px;
}

ul.linkit {
list-style-type:none;
position:relative;
width:217px;
margin:0; padding:0;
margin-top:43px;
}

ul.linkit li {
margin-left:0px;
width:217px;
background-image:url('../img/sivut/linkit-2.png');
z-index:22;
}

ul.linkit a { font-size:0px; text-decoration:none; color:#fff; }

li.gigs { height:61px; width:217px; background-position:0px 0px; }
li.shop { height:61px; width:217px; background-position:0px -61px; }
li.fabo { height:60px; width:217px; background-position:0px -121px; }
li.spot { height:60px; width:217px; background-position:0px -181px; }
li.mail { height:61px; width:217px; background-position:0px -241px; }

li.gigs:hover { height:61px; width:217px; background-position:218px 0px; }
li.shop:hover { height:61px; width:217px; background-position:218px -61px; }
li.fabo:hover { height:60px; width:217px; background-position:218px -121px; }
li.spot:hover { height:60px; width:217px; background-position:218px -181px; }
li.mail:hover { height:61px; width:217px; background-position:218px -241px; }

/* player */

.kannet-biisit {
display:none;
}

img.kansi {
width:100%;
max-width:700px;
height:auto;
margin-bottom:-4px !important;
}

*,
*:after,
*:before {
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

.mediPlayer {
position:absolute;
bottom:2%;
left:2%;
}

.mediPlayer .control {
opacity:0;
pointer-events:none;
cursor:pointer;
}

.mediPlayer .not-started .play, .mediPlayer .paused .play {
opacity:1;
}

.mediPlayer .playing .pause {
opacity:1;
}

.mediPlayer .playing .play {
opacity:0;
}

.mediPlayer .ended .stop {
opacity:1;
pointer-events:none;
}

.mediPlayer .precache-bar .done {
opacity:0;
}

.mediPlayer .not-started .progress-bar, .mediPlayer .ended .progress-bar {
display:none;
}

.mediPlayer .ended .progress-track {
stroke-opacity:1;
}

.mediPlayer .progress-bar, .mediPlayer .precache-bar {
transition:stroke-dashoffset 500ms;
stroke-dasharray:298.1371428256714;
stroke-dashoffset:298.1371428256714;
}