body { margin: 0; color: rgb(0,0,0); zzbackground-image: url(kuvat/taustapiste3.png); background: linear-gradient(90deg, rgb(88,99,111) , rgb(164,184,207) 30%, rgb(164,184,207) 70%, rgb(88,99,111) ); letter-spacing: 0.1em; word-spacing: 0.12em; font-family: "Lucida Sans", Tahoma, "Palatino Linotype", "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, "sans-serif"; } td { padding: 0; vertical-align: top; word-spacing: 0.1em; letter-spacing: 0.07em; } table { border-collapse: collapse; empty-cells: show;} img { border: 0; display: block; } * { box-sizing: border-box; } a:link { color: rgb(10,5,152); text-decoration: underline; } a:visited { color: rgb(190,51,225); text-decoration: underline; } a:hover { color: rgb(230,10,20); text-decoration: none; } div { zzborder:red solid; } .tekstimalli1 { border-width: 22px 22px 22px 22px; border-color: rgb(2,2,122); border-style: solid; font-size: 87%; margin: 15px 5% 5px 7%px; padding: 0 0 0 0; line-height: 155%; text-shadow: 2px 1px rgb(11,11,11); border-width: 11px 11px 11px 11px; border-color: rgb(111,111,111); border-style: solid; } .tekstimalli2 { background: linear-gradient(rgb(2,2,122), rgb(122,122,199) ); background: linear-gradient(rgb(0,102,0), rgb(25,255,25) ); background-image: url(kuvat/image.png); background-repeat: no-repeat; background-position: 0 0; } .punainen { background: rgb(238,13,27); } .vaaleaoranssi { background: rgb(233,144,77); } .oranssi { background: rgb(211,77,11); } .kellanvihrea { background: rgb(226,246,16); } .sininen { background: rgb(44,77,133); } .vaaleampiharmaa { background: rgb(122,133,155); } .tummempiharmaa { background: rgb(55,44,44); } /* vakiot 40 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ h1 { padding: 0; margin: 0; font-size:190%; color: rgb(44,77,133); font-weight: normal; } h2 { font-size: 140%; padding: 60px 0% 25px 0%; margin: 0; color: rgb(0,0,0); font-weight: normal; } h3 { font-size: 110%; padding: 45px 0% 15px 0%; margin: 0; color: rgb(0,0,0); } .ingressi{ font-size: 107%; padding: 22px 5% 5px 7%; margin: 0 0 0 0; line-height: 177%; font-style: italic; } .teksti { font-size: 97%; padding: 15px 0% 5px 0%; margin: 0; line-height: 155%; } .pampula { font-size: 93%; padding: 0px 0px 0px 31px; margin: 15px 0% 5px 9%; background-image: url(kuvat/musta-9.png); background-position: 0 0.2em; background-repeat: no-repeat; } .alateksti{ margin: 55px 0 0 0; padding: 19px 17px; color: rgb(44,77,133); font-size: 122%; font-style: italic; text-align: center; border-width: 1px 0 0 0; border-color: rgb(44,77,133); border-style: solid; display: table; width: 100%; } .pampulalause { font-size: 88%; padding: 0px 0px 0px 44px; margin: 15px 0% 0px 1%; background-image: url(kuvat/vaaleaoranssinelio-10.png); background-position: 0 0.23em; background-repeat: no-repeat; } .pampulasisennys { font-size: 88%; padding: 0px 0px 0px 44px; margin: 15px 0% 0px 11%; background-image: url(kuvat/vaaleaoranssinelio-10.png); background-position: 0 0.23em; background-repeat: no-repeat; } .pampulanelio { font-size: 111%; padding: 0px 0px 0px 31px; margin: 15px 0% 5px 10%; background-image: url(kuvat/vaaleaoranssinelio-12.png); background-position: 0 0.3em; background-repeat: no-repeat; } .etuotsikko { padding: 0 5% 0 7%; } .etuotsikonylle { font-size: 107%; padding: 44px 5% 11px 7%; color: rgb(122,122,122); font-style: italic; } .ingressipampula { font-size: 111%; padding: 0px 0px 0px 31px; margin: 15px 5% 0px 10%; background-image: url(kuvat/vaaleaoranssinelio-12.png); background-position: 0 0.3em; background-repeat: no-repeat; } .alateksti2{ margin: 55px 0 0 -22%; } /* sivurakenne 70 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .kielialue { padding-right: 4em; width: 100%; max-width: 1200px; margin: 0px auto 0px auto; background: transparent; display: table; } .sivualue { width: 100%; max-width: 1200px; margin: 0px auto 222px auto; display: table; } .ylinalue { width: 100%; height: 111px; background: url(kuvat/imagetausta.png); background-repeat: no-repeat; display: table; } .sidealue { background: rgba(55,44,44, 0.05); border-width: 0px 0 1px 0; border-style: solid; border-color: rgb(0,51,0); display: table; } .vasenlohkoa { padding: 11px; width: 27%; float: left; display: table; } .runkoalue { padding: 11px 11px 11px 0; background: rgb(255,255,255); width: 73%; float: right; display: table; } .marginaalialue { zzbackground: rgb(20,250,250); width: 100%; padding: 44px 5% 33px 7%; display: table; } .ingressialue { padding-bottom: 33px; width: 100%; background: rgba(55,44,44, 0.15); border-width: 0px 0 0px 0; border-style: solid; border-color: rgb(44,77,133); display: table; } .sivualue2 { background: rgb(250,250,250); } .sidealue { width: 100%; background: rgb(250,250,250); } .runkoalue2 { background: rgb(250,250,250); padding: 0px; } .marginaalialue2 { background: rgb(250,250,250); } .photoalue { margin: 33px 20%; padding: 2em 3em; background: rgb(255,255,255); line-height: 155%; border-radius: 11px; } /* ingressialueen uutiset ja kuvat 100 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .asiakaslohko { zzbackground: rgb(155,244,244); width: 50%; padding: 0 0 2em 3.5%; float: left; } .pikkukuvalohko { background: rgba(55,44,44, 0.15); margin: 22px 5% 6px 0; width: 45%; height: 133px; background-image: url(kuvat/seepra2.gif); border-width: 0px; border-style: dotted; border-color: rgb(44,77,133); display: table; float: left; } .pikkukuvaele { width: 200px; margin: 0 auto; } .pikkulohko1 { background: rgb(255,255,255); width: 90%; margin: 22px 5% 6px 5%; padding: 1em 2em; border-width: 3px 0 0 0; border-style: solid; border-color: rgb(44,77,133); display: table; float: left; } .pikkuotsikko1{ font-size: 122%; color: rgb(58,99,183); margin: 0px 0px 0px 0px; } .pikkuteksti1 { font-size: 88%; margin: 11px 0px 0px 0px; line-height: 130%; } /* logo 120 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .logolohko { zzbackground: rgb(222,23,33); margin: 60px 0px 0px 4%; float: left; display: table; } .logokuva { width: 333px; display: block; } .sanalohko { display: none; text-align: right; margin: 66px 60px 0px 50px; padding: 0px; width: 8em; font-size: 140%; color: rgb(0,0,183); font-weight: normal; float: right; } /* navigointi 130 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .naviele { width: 100%; display: table; } .navinappula { margin-top: 1px; font-size: 99%; } .navilinkki:link { color: rgb(255,255,255); background: linear-gradient(rgb(88,99,111), rgb(164,184,207) ); text-decoration: none; } .navilinkki:visited { color: rgb(222,222,222); background: linear-gradient(rgb(122,133,155), rgb(55,44,44) ); text-decoration: none; } .navilinkki:hover { color: rgb(255,255,255); background: linear-gradient(rgb(244,177,133), rgb(222,88,8) ); text-decoration: none; } .navilinkki { width: 100%; padding: 0.7em 5% 0.5em 10%; display: block; } .navinappula2 { margin: 11px 10%; } .navilinkki2:link { color: rgb(255,255,255); background: linear-gradient(rgb(244,177,133), rgb(222,88,8) ); text-decoration: none; } .navilinkki2:visited { color: rgb(222,222,222); background: linear-gradient(rgb(244,177,133), rgb(222,88,8) ); text-decoration: none; } .navilinkki2:hover { color: rgb(255,255,255); background: linear-gradient(rgb(88,99,111), rgb(164,184,207) ); text-decoration: none; } .navilinkki2 { border-radius:2em; width: 100%; text-align:center; padding: 0.5em; display: block; } .tarjousele { margin:44px 0; padding: 0 0 11px 0; border-radius:16px; border:2px rgb(244,177,133) solid; display:table; } .tarjouseleotsikko { margin:22px 5% 17px 10%; font-size:133%; } .navinappula3 { font-size:90%; margin: 11px 10%; } .navi { margin: 1px; border-width: 0 0 1px 1px; border-color: rgb(234,234,234); border-style: solid; } .navi:link { height: 50px; width: 50px; color: rgb(255,255,255); background: rgb(64,64,64); background-image: url(kuvat/pnv.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .navi:visited { height: 50px; width: 50px; color: rgb(202,202,202); background: rgb(64,64,64); background-image: url(kuvat/pnv.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .navi:hover { height: 50px; width: 50px; color: rgb(255,255,255); background: rgb(133,133,133); background-image: url(kuvat/pnt.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .navipala { display: none; top: 1px; right: 1px; position: fixed; } .ylos { margin: 1px; border-width: 1px 0 0 1px; border-color: rgb(155,155,155); border-style: solid; } .ylos:link { height: 50px; width: 50px; color: rgb(255,255,255); background: rgb(64,64,64); background-image: url(kuvat/pyv.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .ylos:visited { height: 50px; width: 50px; color: rgb(202,202,202); background: rgb(64,64,64); background-image: url(kuvat/pyv.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .ylos:hover { height: 50px; width: 50px; color: rgb(255,255,255); background: rgb(133,133,133); background-image: url(kuvat/pyt.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; text-decoration: none; } .ylospala { position: fixed; bottom: 4px; right: 4px; } .kielilinkki:link { color: rgb(255,255,255); text-decoration: none; } .kielilinkki:visited { color: rgb(222,222,222); text-decoration: none; } .kielilinkki:hover { color: rgb(255,255,255); text-decoration: underline; } .kielinappula { font-size: 77%; margin: 7px 11px; float: right; display: table; } /* vasen ja oikea 180 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .yhteysetu { width: 100%; padding: 3em 1em 3em 30px; display: table; } .yhteysetuotsikko { font-size: 97%; padding: 0px 0% 0px 0%; margin: 0; font-weight: bold; } .yhteysetuteksti { font-size: 88%; padding: 5px 0% 0px 0%; margin: 0; } .yhteyseturako { margin-top: 22px; } .lippuele2 { margin: 33px 0 0 22px; } .lippu2 { width: 8em; border-width: 1px; border-style: dotted; border-color: rgb(44,77,133); } .lipputeksti1 { max-width: 15em; font-size: 88%; padding: 25px 10% 22px 0%; margin: 0; } .lipputeksti2 { font-size: 78%; padding: 5px 0% 0px 0%; margin: 0 0 55px 0; } .yhteysele { margin-bottom: 33px; width: calc(100% - 322px); float: left; } .karttaele { background-image: url(kuvat/betoni.gif); padding: 11px 0; text-align: center; width: 322px; float: left; display: table-cell; } .etuvasenkuva { width: 100%; padding: 11px 0 0 0; display: table; } /* kuvat 210 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .imagekuva { width: 100%; display: block; } .imagekuva2 { width: 40%; margin: 0 0 22px 33px; display: block; float: right; } .kellupilari { margin: 25px 0px 15px 22px; width: 222px; float: right; display: table; } .kellukuva { width: 100%; display: block; } .galleriaele { width: 100%; margin: 0 0 33px 0; display: table; } .galleriakuva { width: 30%; margin: 33px 3% 0 0; float: left; } .kapeatekstikuvaele { margin: 33px 0 0 0; } .kapeatekstikuva { width: 333px; margin: 15px 0; } .leveetekstikuva { margin: 33px 0; width: 100%; display: block; } /* boxi 240 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .boxialue { zzbackground: rgb(55,44,244); margin: 3em 0 0 -44%; } .boxirivi { width: 100%; margin: 44px 0 0 0; height: 1px; display: table; } .boxi { border-radius: 16px; height: 100%; width: 22%; margin: 0px 3% 0 0; padding-bottom: 11px; display: table; float: left; } .boxilohko { height: 100%; } .boxikuva { width: 100%; margin: 0%; border-radius: 16px 16px 0 0; } .boxiotsikko { background: rgb(55,44,44); color: rgba(255,255,255, 0.8); font-size: 100%; font-weight: bold; padding: 7px 4% 6px 5%; margin: 0; } .boxiteksti { background: rgba(55,44,44, 0.2); border-radius: 0 0 16px 16px; font-size: 88%; padding: 11px 4% 12px 5%; margin: 0; } .boxikuvalinkki { text-decoration: none; border-width: 0; } .boxilinkki:link { color: rgb(10,5,152); text-decoration: none; } .boxilinkki:visited{ color: rgb(190,51,225); text-decoration: none; } .boxilinkki:hover { color: rgb(44,77,133); text-decoration: underline; } /* tarjoukset oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .tarjousmarginaalialue { padding: 0px 5% 33px 7%; } .tarjousboxi { width:90%; max-width:777px; margin:33px auto; padding:11px; border:1px rgb(111,111,111) dotted; } .tarjouslevee { width:100%; border:1px rgb(111,111,111) dotted; } .tarjouskapee { width:66%; margin-left:auto; margin-right:auto; border:1px rgb(111,111,111) dotted; } .tarjouspaaotsikko { border-radius:22px; background: linear-gradient(90deg , rgb(222,82,22) , rgb(252,202,152)); color: rgb(255,255,255); font-size: 222%; font-weight:bold; text-shadow: 2px 2px 5px black; padding: 22px 5%; text-align:center; margin: 33px 5% 22px 5%; letter-spacing: 0.1em; } .tarjousotsikko { font-size:144%; color:rgb(0,0,0); background:rgb(55,44,44); color:rgba(255,255,255, 0.8); padding: 17px 4% 16px 5%; margin: 0 0 11px 0; } .tarjousteksti { font-size: 97%; padding: 15px 5% 0 5%; margin: 0; line-height: 155%; } .tarjouspampula { font-size: 93%; padding: 0px 0px 0px 31px; margin: 15px 5% 0 15%; background-image: url(kuvat/musta-9.png); background-position: 0 0.2em; background-repeat: no-repeat; } .tarjoushuomio { font-size: 166%; color:rgb(222,22,22); padding: 22px 5%; margin: 0; line-height: 155%; } /* harvinaiset 270 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .taulu { width: 100%; margin: 33px 0px 0px 0px; border-width: 1px 1px 0 0; border-color: rgb(111,111,111); border-style: solid; } .taulu500 { width: 500px; max-width: 100%; } .taulu700 { width: 800px; max-width: 100%; } .taululevee { width: 100%; } .viivaotsikkosolu { font-weight: bold; padding: 0.4em; text-align: center; border-width: 0 0 1px 1px; border-color: rgb(111,111,111); border-style: solid; background-image: url(kuvat/betoni.gif); } .viivasolu { font-size: 90%; padding: 0.4em; text-align: center; border-width: 0 0 1px 1px; border-color: rgb(111,111,111); border-style: solid; } .taulualue { width: 100%; margin: 33px 0px 0px 0px; display:table; } .tauluotsikko { width:99%; font-weight: bold; padding: 0.4em; text-align: center; border-width: 1px 1px 0 1px; border-color: rgb(111,111,111); border-style: solid; background-image: url(kuvat/betoni.gif); display:table; } .taulupilari { width:33%; border-width:1px 1px 0 1px; border-color: rgb(111,111,111); border-style: solid; display:table; float:left; } .taulupilari2 { border-width:1px 1px 0 0; } .tauluele { width:100%; font-size: 0.9em; padding: 0.4em 0.4em 0.4em 0; height:1.7em; text-align: center; border-width: 0 0 1px 0; border-color: rgb(111,111,111); border-style: solid; display:table; } .tauluele2 { border-width:0; } /* kestotietoa 290 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .erotin { width: 100%; height: 1px; display: block; } .eimarginaalia { margin-right: 0; } .keskitetty { text-align: center; } .keskitettykuva { margin-left: auto; margin-right: auto; } .vasemmalle { text-align: left; } .vahvennettu { font-weight: bold; } .yhdessa { white-space: nowrap; } .rako6000 { margin-top: 60px; } .rako5000 { margin-top: 50px; } .rako4000 { margin-top: 40px; } .rako3000 { margin-top: 30px; } .rako2000 { margin-top: 20px; } .rako1000 { margin-top: 10px; } .rako0020 { margin-bottom: 20px; } .rako0030 { margin-bottom: 30px; } .rako0040 { margin-bottom: 40px; } .sisus4000 { padding-top: 40px; } .sisus3000 { padding-top: 30px; } .sisus2000 { padding-top: 20px; } .sisus0040 { padding-bottom: 40px; } .sisus0030 { padding-bottom: 30px; } .sisus0020 { padding-bottom: 20px; } .marginaali4000 { margin-left: 40px; margin-right: 0; } .marginaali2000 { margin-left: 20px; margin-right: 0; } .sisennys4000 { padding-left: 40px; padding-right: 0; } .sisennys2000 { padding-left: 20px; padding-right: 0; } .nega3000 { margin-top: -30px; } .nega2000 { margin-top: -20px; } .nega1000 { margin-top: -10px; } .nega0500 { margin-top: -5px; } @media screen and (max-width : 900px) { /* ............................................................................................................................... */ /* vakiot 40 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .alateksti2{ margin: 55px 0 0 0; } /* sivurakenne 70 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .sivualue { width: 100%; margin: 0px; } .vasenlohkoa { width: 100%; } .runkoalue { width: 100%; padding-left: 11px; } /* inglessialueen uutiset ja kuvat 100 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* logo 120 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .logokuva { width: 277px; } .sanalohko { margin: 66px 70px 0px 50px; } /* navigointi 130 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .naviele { width: 60%; margin: 3% auto 3% auto; } .navilinkki { text-align: center; width: 100%; padding: 0.9em 0.4em 0.7em 0.4em; } .navipala { display: block; } /* vasen 180 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .yhteysetu { display: none; } .etuvasenkuva { display: none; } /* kuvat 210 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .kellupilari { margin: 25px 0px 15px 22px; zzwidth: 20%; float: right; } /* boxi 240 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .boxialue { zzbackground: rgb(55,44,244); margin: 3em 0 0 0%; } .boxirivi { margin: 0; height: auto; } .boxi { height: auto; width: 70%; margin: 44px 0 0 15%; float: left; } .boxilohko { height: auto; } /* harvinaiset 270 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .taulu500 { width: 500px; max-width: 100%; } .taulu700 { width: 100%; } .taululevee { width: 100%; } } @media screen and (max-width : 700px) { /* ............................................................................................................................... */ /* vakiot 40 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .pampulalause { padding: 0px 0px 0px 31px; margin: 15px 0% 0px 0; background-image: url(kuvat/vaaleaoranssinelio-9.png); background-position: 0 0.28em; background-repeat: no-repeat; } .alateksti2{ margin: 55px 0 0 0; } /* sivurakenne 70 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .sivualue { width: 100%; margin: 0px; } .vasenlohkoa { width: 100%; } .runkoalue { width: 100%; padding-left: 11px; } .ingressialue { padding: 0 0 22px 0; } .photoalue { margin: 33px 10%; background: rgb(255,255,255); line-height: 155%; border-radius: 11px; } /* inglessialueen uutiset ja kuvat 100 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .asiakaslohko { width: 100%; padding: 0 0 2em 15%; } .pikkukuvalohko { margin: 22px auto 6px auto; width: 60%; float: none; } .pikkulohko1 { width: 96%; margin: 22px 2% 6px 2%; float: none; } /* logo 120 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .logokuva { width: 277px; } .sanalohko { margin: 40px 60px 20px 4%; width: 96%; } /* navigointi 130 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .naviele { width: 60%; margin: 3% auto 3% auto; } .navilinkki { text-align: center; padding: 1.6em 0.4em 1.6em 0.4em; width: 100%; } .navipala { display: block; } /* vasen 180 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .yhteysetu { display: none; } .lippuele2 { margin: 55px auto 22px auto; } .yhteysele { margin: 0 0 33px 30%; width: 70%; float: none; } .karttaele { margin: 0 0 33px 0%; padding: 11px 0; text-align: center; width: 100%; float: left; } .etuvasenkuva { display: none; } /* kuvat 210 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .imagekuva2 { width: 100%; max-width: 333px; margin-left: 0px; display: block; float: none; } .kellupilari { margin: 25px 0px 15px 22px; width: 36%; float: right; } .galleriakuva { width: 60%; margin: 33px 0 0 20%; } /* boxi 240 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .boxialue { zzbackground: rgb(55,44,244); margin: 3em 0 0 0%; } .boxirivi { margin: 0; height: auto; } .boxi { height: auto; width: 70%; margin: 44px 0 0 15%; float: left; } .boxilohko { height: auto; } .tarjouskapee { width:100%; } .taulu500 { width: 100%; } .taulu700 { width: 100%; } .taululevee { width: 100%; } } @media screen and (max-width : 500px) { /* ............................................................................................................................... */ /* vakiot 40 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ h1 { font-size: 150%; } .pampulalause { padding: 0px 0px 0px 21px; } .pampulasisennys{ padding: 0px 0px 0px 21px; margin: 15px 0% 0px 0%; } .pampulanelio { font-size: 111%; padding: 0px 0px 0px 31px; margin: 15px 0% 5px 0; } .etuotsikonylle { font-size: 87%; } .alateksti2{ margin: 55px 0 0 0; } /* sivurakenne 70 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .sivualue { width: 100%; margin: 0px; } .vasenlohkoa { width: 100%; } .runkoalue { width: 100%; padding-left: 11px; } .ingressialue { padding: 0 0 22px 0; } .photoalue { margin: 33px 2%; padding: 2em 1em; background: rgb(255,255,255); line-height: 155%; border-radius: 11px; } /* inglessialueen uutiset ja kuvat 100 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .asiakaslohko { width: 100%; padding: 0 0 2em 10%; } .pikkukuvalohko { margin: 22px auto 6px auto; width: 100%; float: none; } .pikkulohko1 { float: none; } /* logo 120 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .logokuva { width: 277px; } .sanalohko { margin: 60px 60px 20px 4%; width: 96%; } /* navigointi 130 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .naviele { width: 90%; margin: 3% auto 3% auto; } .navilinkki { text-align: center; width: 100%; padding: 2em 0.4em 2em 0.4em; } .navipala { display: block; } /* vasen 180 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .yhteysetu { display: none; } .yhteysele { margin: 0 0 33px 10%; width: 90%; float: none; } .karttaele { margin: 0 0 33px 0%; padding: 11px 0; width: 100%; float: left; } .etuvasenkuva { display: none; } /* kuvat 210 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .imagekuva2 { width: 100%; margin-left: 0px; display: block; float: none; } .kellupilari { margin: 25px 0px 15px 0; width: 100%; float: none; } .galleriakuva { width: 100%; margin: 33px 0 0 0; } .kapeatekstikuva { width: 100%; margin-top: 33px; } /* boxi 240 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .boxialue { zzbackground: rgb(55,44,244); margin: 3em 0 0 0%; } .boxirivi { width: 100%; margin: 0; height: auto; display: table; } .boxi { height: auto; width: 100%; margin: 44px 0 0 0; float: left; } .boxilohko { height: auto; } /* harvinaiset 270 oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ .taulu500 { width: 100%; } .taulu700 { width: 100%; } .taululevee { width: 100%; } }