/* MUSIIKKIKESKUS */

/* SIVUN TAITTO --------------------------------------------------------------------------*/
html, body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
background: #041f13;
background-image: url("tausta.gif");
background-attachment: fixed;
font-family: arial, helvetica, sans-serif;
}

#ylaPalkki {
position: relative;
height: 178px;
width: 855px;
margin: 0 auto;
padding: 0;
text-align: right;
}

#osoitePalkki {
position: relative;
width: 809px;
height: 28px;
clear: both;
margin: 0 auto;
padding: 0;
padding-left: 46px;
}

#osoitePalkkiSisalto {
position: relative;
height: 25px;
text-align: right;
border: 3px solid #ffffff;
border-top: 0;
background: #022418;
background-image: url("osoitepalkki.gif");
background-repeat: no-repeat;
}

#osoitePalkkiSisalto_en {
position: relative;
height: 25px;
text-align: right;
border: 3px solid #ffffff;
border-top: 0;
background: #022418;
background-image: url("osoitepalkki_en.gif");
background-repeat: no-repeat;
}

#sisaltoPalkki {
position: relative;
width: 809px;
clear: both;
margin: 0 auto;
padding-left: 46px;
text-align: left;
}

.sivuTyyliPerus, .sivuTyyliMvJuurinyt, .sivuTyyliMvTalomme, .sivuTyyliMvTapahtumamme, .sivuTyyliMvVierailusi, .sivuTyyliMvTapahtuma, .sivuTyyliMvRavintola, .sivuTyyliMvLippusi, .sivuTyyliMvMedia, .sivuTyyliMvYhteydet, .sivuTyyliMvLinkit, .sivuTyyliMvSivukartta {
position: relative;
width: 803px;
border: 3px solid #ffffff;
border-bottom: 0;
border-top: 0;
background: #ffffff;
background-repeat: repeat-y;
background-position: top center;
}

/*sisälto-osion taustat*/

.sivuTyyliPerus {
background-image: url("keskipalkkitausta.gif");
}

.sivuTyyliMvJuurinyt {
background-image: url("mvjuurinyt.gif");
}

.sivuTyyliMvTalomme {
background-image: url("mvtalomme.gif");
}

.sivuTyyliMvTapahtumamme {
background-image: url("mvtapahtumamme.gif");
}

.sivuTyyliMvVierailusi {
background-image: url("mvvierailusi.gif");
}

.sivuTyyliMvTapahtuma {
background-image: url("mvtapahtuma.gif");
}

.sivuTyyliMvRavintola {
background-image: url("mvravintola.gif");
}

.sivuTyyliMvLippusi {
background-image: url("mvlippusi.gif");
}

.sivuTyyliMvMedia {
background-image: url("mvmedia.gif");
}

.sivuTyyliMvYhteydet {
background-image: url("mvyhteydet.gif");
}

.sivuTyyliMvLinkit {
background-image: url("mvlinkit.gif");
}

.sivuTyyliMvSivukartta {
background-image: url("mvsivukartta.gif");
}

#naviKehys {
position: relative;
width: 175px;
float: left;
padding-bottom: 10px;
margin: 0;
padding: 0;
border: 0;
background-image: url("navitausta.gif");
background-repeat: no-repeat;
background-position: top left;
}

.sisaltoKehysPerus {
position: relative;
width: 628px;
min-height: 420px;
float: right;
margin: 0;
padding: 0;
padding-top: 10px;
background-image: url("sisaltotausta.gif");
background-repeat: no-repeat;
background-position: top left;
}

.sisaltoKehysEtu {
position: relative;
width: 628px;
min-height: 420px;
float: right;
margin: 0;
padding: 0;
background-image: url("sisaltotausta.gif");
background-repeat: no-repeat;
background-position: top left;
}

.sisaltoKehysTyhja {
position: relative;
width: 628px;
min-height: 420px;
float: right;
margin: 0;
padding: 0;
background-image: url("sisaltomv.gif");
background-repeat: no-repeat;
background-position: top left;
}

/*venyttää naviKehyksen ja sisaltoKehyksen saman kokoisiksi*/
.tyhjaAla {
clear: both;
height: 1px;
font-size: 0;
}

#alaPalkki {
position: relative;
width: 809px;
height: 30px;
clear: both;
margin: 0 auto;
padding-left: 46px;
}

#alaPalkkiSisalto {
position: relative;
height: 25px;
border: 3px solid #ffffff;
text-align: right;
background: #022418;
background-image: url("alapalkki.gif");
background-repeat: no-repeat;
}

#alaPalkkiSisalto_en {
position: relative;
height: 25px;
border: 3px solid #ffffff;
text-align: right;
background: #022418;
background-image: url("alapalkki_en.gif");
background-repeat: no-repeat;
}

/*kehystää tekstiBlokin, kuvaBlokin ja tyhjan*/
.sisaltoBlokki {
position: relative;
width: 100%;
text-align: right;
clear: both;
}

.tekstiBlokki {
text-align: left;
width: 405px;
float: left;
}

.tekstiBlokkiMv {
text-align: left;
width: 405px;
float: left;
padding-top: 10px;
}

.kuvaBlokki {
float: right;
width: 220px;
text-align: right;
}

/*venyttää kuva- ja tekstiBlokin korkeuden samaksi ja määrittää sisältöjen välissä olevan tilan*/
.tyhja {
height: 30px;
clear: both;
}

/*venyttää kuva- ja tekstiBlokin korkeuden samaksi ja määrittää sisältöjen välissä olevan tilan*/
.tyhja2 {
height: 10px;
clear: both;
}

/*käytetään, kun otsikko ei ole sisaltoBlokin sisallä. estää tekstin pääsyn kuva-alueen puolelle */
.otsikko {
width: 400px;
}

/*tilat, kuukaudet*/
.naviPalkki2 {
padding-top: 0;
margin-top: 0;
width: 398px;
}

/* TEKSTIKAPPALEIDEN TYYLIT -------------------------------------------------------------------------*/

/*sisaltoBlokin tekstit*/
p {
margin: 0;
margin-bottom: 9px;
padding: 0;
padding-left: 10px;
padding-right: 7px;
font-size: 11px;
line-height: 1.4em;
}

.ylaPalkki {
color: #ffffff;
padding: 0;
padding-top: 8px;
padding-right: 5px;
line-height: 1em;
}

.alaPalkki {
color: #ffffff;
padding: 0;
padding-top: 6px;
padding-right: 5px;
line-height: 1em;
}

.kuvaTeksti {
color: #ffffff;
font-size: 10px;
line-height: 1.2em;
padding: 0;
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 7px;
}

.lihavoitu {
font-weight: 900;
color: #333333;
}

/* LINKIT ------------------------------------------------------------------*/

a {
color: #000000;
text-decoration: underline;
}

a:hover {
color: #003f20;
text-decoration: underline;
}

a:visited {
color: #333333;
text-decoration: underline;
}

a:visited:hover {
color: #003f20;
text-decoration: underline;
}

.naviPalkki2 a {
font-weight: 900;
color: #003f20;
text-decoration: none;
}

.naviPalkki2 a:hover {
color: #022418;
text-decoration: underline;
}

.naviPalkki2 a:visited {
color: #003f20;
text-decoration: none;
}

.naviPalkki2 a:visited:hover {
color: #022418;
text-decoration: underline;
}

.kuvaBlokki a {
text-decoration: none;
background: none;
}

.kuvaBlokki a:hover {
background: none;
text-decoration: none;
}

#osoitePalkki a, #alaPalkki a {
font-size: 9px;
color: #ffffff;
padding: 0;
line-height: 1em;
text-decoration: none;
}

#osoitePalkki a:hover, #alaPalkki a:hover {
text-decoration: underline;
background: none;
}

.naviExtra a {
text-decoration: none;
color: #dddddd;
font-size: 9px;
}

.naviExtra a:hover {
text-decoration: none;
color: #ffffff;
background: none;
}

.naviExtra a:visited {
text-decoration: none;
color: #dddddd;
font-size: 9px;
}

.naviExtra a:visited:hover {
text-decoration: none;
color: #ffffff;
background: none;
}

.pieni {
font-size: 9px;
color: #555555;
}

/* OTSIKOT ------------------------------------------------------------------------*/

h1, h2, h3, h4 {
margin: 0;
padding: 5px;
padding-left: 10px;
position: relative;
font-weight: 900;
}

h1 {
font-size: 22px;
line-height: 1.1em;
color: #003f20;
font-weight: 900;
padding-top: 0;
padding-bottom: 12px;
}

h2 {
font-size: 17px;
line-height: 1.1em;
color: #003f20;
font-weight: 900;
}

h3 {
font-size: 12px;
line-height: 1.1em;
color: #222222;
padding-top: 3px;
font-weight: 900;
}

.h3Vihrea {
font-size: 12px;
line-height: 1.1em;
color: #003f20;
padding-top: 3px;
font-weight: 900;
}

h4 {
font-size: 11px;
line-height: 1em;
color: #333333;
padding-top: 3px;
padding-bottom: 2px;
font-weight: 900;
}

.lomakeOtsikko {
padding-left: 0;
font-size: 11px;
line-height: 1em;
color: #003f20;
padding-top: 3px;
padding-left: 0;
padding-bottom: 2px;
font-weight: 900;
}

/* NAVIGAATIO ---------------------------------------------------------------------------*/

#naviKehys ul {
margin: 0;
margin-left: 10px;
margin-bottom: 10px;
padding: 0;
padding-top: 5px;
list-style: none;
line-height: 12px;
}

#naviKehys ul li {
position: relative;
padding-bottom: 5px;
padding-top: 3px;
}

#naviKehys ul li ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 12px;
}

#naviKehys ul li ul li {
position: relative;
padding: 0;
margin: 0;
padding-top: 2px;
padding-left: 6px;
padding-right: 4px;
line-height: 12px;
}

#naviKehys ul li a {
font-family: arial, helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 11px;
padding: 0;
margin: 0;
background: none;
}

#naviKehys ul li ul li a {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: 100;
padding: 0;
margin: 0;
background: none;
}

#naviKehys ul a:hover {
color: #dddddd;
}

#naviKehys ul li ul a:hover {
color: #dddddd;
}

.navi2 {
font-size: 12px;
font-weight: 900;
}

/* KUVAT ------------------------------------------------------------------------------------------*/

img {
border: 0px;
margin: 0px;
padding: 0px;
font-size: 11px;
}

/*aloitussivujen kuvat*/
.etuKuva {
margin-left: 3px;
}

.mvPalkki {
border: 0;
}

/*tekstiBlokissa olevat kuvat*/
.tekstiBlokkiKuva {
border: 0px;
margin: 0px;
margin-left: 3px;
padding: 0px;
}

/*käytetään, kun kuvassa ei ole kuvatekstiä. lisää kuvan alle tyhjää tilaa*/
.kuvaBlokkiKuva {
border: 3px solid #ffffff;
border-left: 0;
border-right: 0;
margin-top: 3px;
margin-bottom: 22px;
}

/*käytetään, kun kuvassa on kuvateksti. ei lisää kuvan alle tyhjää tilaa*/
.kuvaBlokkiKuvaTekstilla {
border: 3px solid #ffffff;
border-left: 0;
border-right: 0;
margin-top: 3px;
margin-bottom: 0;
}

/*käytetään, kun kuva on samalla rivillä tekstin kanssa*/
.postiOsoite {
vertical-align: middle;
}

/*käytetään, kun kuva on eri rivillä kuin teksti*/
.postiOsoiteOmaRivi {
margin-top: 3px;
vertical-align: bottom;
}

/* LISTAT ---------------------------------------------------------------------------*/

/*perus lista mustalla kolmiolla*/
.lista {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
margin-left: 10px;
margin-bottom: 10px;
padding-right: 7px;
list-style: none;
}

.lista li {
background-image: url("listanuoli.gif");
background-repeat: no-repeat;
background-position: top left; 
padding-left: 10px;
}

.lista2 {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.lista2 li {
background-image: url("listanuolivih.gif");
background-repeat: no-repeat;
background-position: top left; 
padding-left: 10px;
}

.lista3 {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.lista3 li {
background-image: url("listanuolihar.gif");
background-repeat: no-repeat;
background-position: top left; 
padding-left: 10px;
}

/*pohjapiirrosten värikkäät listat*/
.pohjapiirros {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height: 1.5em;
margin: 0;
padding: 0;
margin-left: 10px;
margin-bottom: 10px;
list-style: none;
}

.palloKeltainen, .palloOranssi1, .palloOranssi2, .palloOranssi3, .palloSininen1, .palloSininen2, .palloVihrea, .palloRuskea, .palloPunainen1, .palloPunainen2, .palloVioletti1, .palloVioletti2 {
background-repeat: no-repeat;
background-position: center left;
padding-left: 12px;
}

.palloKeltainen {
background-image: url("pallo_kel.gif");
}

.palloOranssi1 {
background-image: url("pallo_or1.gif");
}

.palloOranssi2 {
background-image: url("pallo_or2.gif");
}

.palloOranssi3 {
background-image: url("pallo_or3.gif");
}

.palloSininen1 {
background-image: url("pallo_si1.gif");
}

.palloSininen2 {
background-image: url("pallo_si2.gif");
}

.palloVihrea {
background-image: url("pallo_vih.gif");
}

.palloRuskea {
background-image: url("pallo_rus.gif");
}

.palloPunainen1 {
background-image: url("pallo_pu1.gif");
}

.palloPunainen2 {
background-image: url("pallo_pu2.gif");
}

.palloVioletti1 {
background-image: url("pallo_vi1.gif");
}

.palloVioletti2 {
background-image: url("pallo_vi2.gif");
}

/* LOMAKKEET -----------------------------------------------------------------------*/

form {
margin: 0;
padding: 0;
}

input, textarea {
width: 240px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}

.nappi {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: 900;
color: #003f20;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
width: 90px;
}

.checkbox {
width: 16px;
margin: 0;
}

/* TAULUKOT --------------------------------------------------------------------*/

table {
margin-left: 10px;
margin-bottom: 10px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height: 1em;
}

.tLomake {
width: 395px;
}

td {
vertical-align: top;
padding-bottom: 5px;
}

.tS2, .tS3, .tS4, .tS5, .tS6 {
padding-left: 12px;
}

.tTuotteet .tS1 {
width: 110px;
}

.tLaitteet1 .tS1, .tLaitteet2 .tS1 {
width: 75px;
}

.tLaitteet1 .tS2, .tLaitteet2 .tS2 {
width: 35px;
}

.tLaitteet1 .tS3 {
width: 123px;
}

.tLaitteet1 .tS4 {
width: 50px;
}

.tLaitteet2 .tS3 {
width: 188px;
}

.tLaitteet3 .tS1 {
width: 150px;
}

.tLaitteet4 .tS1 {
width: 150px;
}

.tLaitteet4 .tS2 {
width: 100px;
}

.tLaitteet4 .tS3 {
width: 50px;
}

.tLomake .tS2 {
width: 270px;
text-align: left;
padding-left: 0px;
}