/*Ala kirjoita tahan skandeja, tulee vikaa  */
/*Muista jarjestys, myohempana tuleva kumoaa aikaisemman*/
/*Muista: ei pilkkua ennen {:ta*/

/*- - - - - Yleiset - - - - -*/
pre {
  font-family: monospace;
}
h1,h2,h3,h4,h5,p,ul {
  font-family: Arial, sans-serif;
}

/*- - - - - Taustat - - - - -*/
/* normaali sininen*/
BODY {
  background-color: #000080;
/*  background-image: url(tausta01.jpg); */
  background-image: url(pohja3.jpg);
  background-attachment: fixed;
  color: #fff;
  font-family: Arial, sans-serif;
}
BODY.vihr {
  color: #009;
  font-family: Arial, sans-serif;
  background-image: url("00vihreaB.jpg");
}
BODY.oran {
  color: #009;
  font-family: Arial, sans-serif;
  background-image: url("00oranssiB.jpg");
}
BODY.puna {
  color: #009;
  font-family: Arial, sans-serif;
  background-image: url("00punainenB.jpg");
}
BODY.viol {
  color: #009;
  font-family: Arial, sans-serif;
  background-image: url("00vioharB.jpg");
}
BODY.harm {
  color: #009;
  font-family: Arial, sans-serif;
  background-image: url("00vioharB.jpg");
}
BODY.must {
  background-color: #fff;
  background-image: url(00variton.gif);
  color: #000;
  font-family: Arial, sans-serif;
}

/*- - - - - Linkit - - - - -*/
/* valkoinen linkki*/
A:link,
A:visited,
A:active,
A:focus
 {
  text-decoration: none; /*underline none*/
  color: #fff
}
A:hover {
  color: #ddd
}
/* valkoinen linkki*/
.link1 A:link,
.link1 A:visited,
.link1 A:active,
.link1 A:focus
 {
  color: #fff
}
.link1 A:hover
 {
  color: #ddd
}
/* tummansininen linkki */
.link2 A:link,
.link2 A:visited,
.link2 A:active,
.link2 A:focus
 {
  color: #009
}
.link2 A:hover
 {
  color: #000
}
/* musta linkki */
.link3 A:link,
.link3 A:visited,
.link3 A:active,
.link3 A:focus
 {
  color: #000
}
.link3 A:hover
 {
  color: #222
}
/*- - - - - Tumma alue muutoin vaalealla pohjalla - - - - -*/
/*Taman pitaa olla .link2:n jalkeen, muuten ei toimi tuotesivuilla*/
/* normaalin taustan varit*/
.tausta {
  background-color: #000080;
  color: #fff;
}
/* valkoinen linkki*/
.tausta A:link,
.tausta A:visited,
.tausta A:active,
.tausta A:focus
 {
  color: #fff
}
.tausta A:hover
 {
  color: #ddd
}
/*- - - - - Tuoteryhmavarit - - - - -*/
.vihr {
  background-color: #30a050;
}
.oran {
  background-color: #ffa040;
}
.puna {
  background-color: #e00060;
}
.viol {
  background-color: #9900cc;
}
.harm {
  background-color: #808080;
}
/*- - - - - Asemointi - - - - -*/
.oik {
  text-align: right;
}
.vas {
  text-align: left;
}
.kes {
  text-align: center;
}
.x {
  vertical-align: middle;
}
.alh {
  vertical-align: bottom;
}
.ylh {
  vertical-align: top;
}
/*- - - - - koko - - - - -*/
.pien {
  font-size: small;
}
.pienxx {
  font-size: xx-small;
}
.suur {
  font-size: large;
}
.lih {
  font-weight: bold;
}
.linkki {
  font-size: small;
}
/*- - - - - mittoja - - - - -*/
.lev10 {
  width: 100px;
}
.lev30 {
  width: 300px;
}
.lev40 {
  width: 400px;
}
.lev50 {
  width: 500px;
}
.lev60 {
  width: 600px;
}
.lev75 {
  width: 750px;
}
.lev90 {
  width: 900px;
}
.kor6 {
  height: 60px;
}
.mar0 {
  margin: 0px;
}

/*- - - - -  - - - - -*/
.harv {
letter-spacing: 2px
}

/*- - - - - Taulukot - - - - -*/
TABLE {
  border-collapse: collapse; /*collapse separate*/
  padding: 0px;
}

.testiruutu {
  border-collapse: separate; /*collapse separate*/
  border: 20px outset;
  padding: 0px;
}

TR {
}

TD {
  text-align: left;
/*########################### tahan 1px, saa nakyviin taulukoiden rajat*/
  border: 0px solid; /*none hidden dotted dashed solid double groove-inset ridge-outset */
  padding: 0px; /* cellspacing="0" cellpadding="0" */
}

.r {
  text-align: left;
/*########################### tahan 1px, saa nakyviin taulukoiden rajat*/
  border: 0px solid; /*none hidden dotted dashed solid double groove-inset ridge-outset */
  padding-right: 10px; /* cellspacing="0" cellpadding="0" */
}


/* yhteystietojen nimirivi*/
TR.nimi {
  text-align: left;
  font-size: small;
  vertical-align: top;
}
/* yhteyssivun osasto-otsikko*/
TR.ots1 {
  text-align: left;
  font-size: medium;
  font-weight: bold;
  vertical-align: top;
}
/* yhteyssivun alue-otsikko*/
TR.ots2 {
  text-align: left;
  font-size: small;
  font-weight: bold;
  vertical-align: top;
}
/*yhteys- ja palautesivun otsikko*/
.ots0 {
  text-align: left;
  font-weight: bold;
  font-style: italic;
  font-size: 24pt;
  vertical-align: middle; 
}
/* alkusivun MJ osaa ja MJ logon kanssa*/
.ots6 {
  text-align: left;
  font-size: 28pt;
  font-weight: bold;
  vertical-align: middle;
}
/* alkusivun monirivisissa (venaja, saksa)*/
.ots9 {
  text-align: left;
  font-size: 28pt;
  font-weight: bold;
  vertical-align: top;
}

/*- - - - -  - - - - -*/
P {
  font-size: small;
}
.c
  {font-size: xx-small;
}
.d
  {font-size: x-small;
}
LI {
  list-style-type: none;
}

IMG {
  padding: 0px;
  border:  0px;
  margin:  0px;
}
/* pieni nappi taulukossa*/
.a {
  width:   30px;
  height:  15px;
  padding: 0px;
  border:  0px;
  margin:  0px;
}
/* pieni nappi */
.b {
  width:   30px;
  height:  18px;
  padding: 0px;
  border:  0px;
  margin:  0px;
}
/* iso nappi vasemmassa framessa*/
.e {
  width:   30px;
  height:  90px;
  padding: 0px;
  border:  0px;
  margin:  0px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - -*/
/*Tuoteryhmavalikko sivun asetukset*/
/*Rivinkorkeus*/
.tr0 {
  height: 60px;
}
/*Tuoteryhmaotsikko*/
.tr1 {
  text-align: left;
  vertical-align: top;
  font-size: large;
}
/*Tuoteryhma*/
.tr2 {
  text-align: center;
}
.lev6 {
  width: 120px;
}
.lev7 {
  width: 130px;
}
.lev8 {
  width: 90px;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - -*/
/*Tuoteryhmasivun asetukset*/
/*rivi 1*/
.ts1 {
  text-align: left;
  vertical-align: top;
  font-size: large;
}
/*rivi 2*/
.ts2 {
  text-align: right;
  vertical-align: top;
  font-size: large;
  font-weight: bold;
}
/*rivi 3*/
.ts3 {
  text-align: center;
  vertical-align: middle;
  font-size: large;
  height: 35px;
}
/* rivi 4*/
.ts4 {
  font-size: 4pt;
}
/* otsikko */
.ts5 {
  text-align: center;
}

/*kaksi palstaa kokonaisleveys*/
.lev4 {
  width: 720px;
}

/*kaksi palstaa vaalealla taustalla musta teksti*/
.ts6 {
  text-align: left;
  vertical-align: top;
  width: 49%;
  color: #000;
  font-size: large;
}
/*tekstipalstojen vali*/
.ts7 {
  width: 2%;
}
/*kaksi palstaa tummalla taustalla valkoinen teksti MJ tanaan*/
.ts8 {
  text-align: left;
  vertical-align: top;
  width: 49%;
  color: #fff;
  font-size: 110%;
}
/*yksi palsta vaalealla taustalla musta teksti*/
.ts9 {
  text-align: left;
  vertical-align: top;
  width: 100%;
  color: #000;
  font-size: large;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - -*/

.test1 {
  text-align: left;
  vertical-align: top;
  width: 49%;
  color: #fff;
  font-size: large;
}
.test2 {
  text-align: left;
  vertical-align: top;
  width: 49%;
  color: #fff;
  font-size: large;
}
.test3 {
  text-align: center;
  vertical-align: middle;
  width: 100px;
  color: #fff;
  font-size: large;
  height: 60px;
  outline-width: thick;
}

.test4 {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: large;
  padding: 20px;
  line-height: 120px;
  outline-width: thick;
  border: 1px;
}

/*- - - - - yksipalstainen teksti - - - - -*/
/*mm. MJ tanaan, historia ym. lev myos yhteys- ja palautesivuilla*/

/*yksi palsta kokonaisleveys*/
.lev5 {
  width: 600px;
}

/*tumma tausta, valkoinen teksti*/
.text1 {
  text-align: justify;
  vertical-align: top;
  color: #fff;
  font-size: 110%;
}

.text2 {
/*  text-align: justify;
  vertical-align: top;*/
  color: #fff;
  font-size: 110%;
}

/*- - - - - sivu 1 - - - - -*/
/* kelmu */
.kuva1 {
  width: 300px;
  height: 135px;
}
/* logo */
.logo {
  width: 55px;
  height: 55px;
}

.kor1 {
  height: 220px;
}

.kor2 {
  height: 30px;
}

.kor3 {
  height: 55px;
}

.lev1 {
  width: 90px;
}

.lev2 {
  width: 60px;
}

.lev3 {
  width: 450px;
}
.pactec {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  background: white;
}