/* styles_larger = sama kuin styles.css seuraavilla muutoksilla: body font-size: 62,5% -> 75% #ylatunniste + font-size: 0.85em; #alatunniste + font-size: 0.85em; #paanavigaatio font-size: 1.2em -> 1em #luejaosallistu #luejaosallistu-navi + font-size: 0.85em; #palaute label font-size: 12px -> 14.4px */ /* Yleisia */ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 75%; background: #e9e9e9 url(body_tausta.gif) top left repeat-y; } /* Nollaus kaikille elementeille */ body * { margin: 0; padding: 0; } img { border: 0; } ul, ol { list-style: none; } /* yleisia tyyleja */ .oikealle { float: right; } .vasempaan { float: left; } .oikea-clear { clear: right; } .vasen-clear { clear: left; } /* wrapper taustakuvan sijalla, että skaalaus toimii nätisti */ #wrapper { width: 944px; background: white; } /* Navigaatioapua piiloon */ #sisaltoon { display: none; } .lisainfo { display:none; } /* Ylatunniste */ #ylatunniste { width:940px; height: 166px; font-size: 0.85em; } /* ylatunniste-containerin taustakuva classina, järjestelma vaihtaa divin class-attribuutti */ .suo1 { background: url(img_a_suo.jpg) top no-repeat; } .suo2 { background: url(img_b_suo.jpg) top no-repeat; } .suo3 { background: url(img_c_suo.jpg) top no-repeat; } .suo4 { background: url(img_d_suo.jpg) top no-repeat; } .suo5 { background: url(img_e_suo.jpg) top no-repeat; } .suo6 { background: url(img_f_suo.jpg) top no-repeat; } .sve1 { background: url(img_a_sve.jpg) top no-repeat; } .sve2 { background: url(img_b_sve.jpg) top no-repeat; } .sve3 { background: url(img_c_sve.jpg) top no-repeat; } .sve4 { background: url(img_d_sve.jpg) top no-repeat; } .sve5 { background: url(img_e_sve.jpg) top no-repeat; } .sve6 { background: url(img_f_sve.jpg) top no-repeat; } .eng1 { background: url(img_a_eng.jpg) top no-repeat; } .eng2 { background: url(img_b_eng.jpg) top no-repeat; } .eng3 { background: url(img_c_eng.jpg) top no-repeat; } .eng4 { background: url(img_d_eng.jpg) top no-repeat; } .eng5 { background: url(img_e_eng.jpg) top no-repeat; } .eng6 { background: url(img_f_eng.jpg) top no-repeat; } #ylatunniste h1 { display: none; } #ylatunniste div { float:left; position: absolute; top: 40px; left: 25px; } #ylatunniste div a { display: block; width: 290px; height: 70px; } #ylatunniste div img { display: none; } #ylatunniste h2 { display: none; } #ylatunniste ul { padding: 0 10px; height: 3.2em; background: url(apunavi_tausta.png) bottom left no-repeat; text-align: right; font-size: 1.1em; color: #7f7f7f; float: right; min-width: 548px; /*49.9em*/ } #ylatunniste li { display:block; padding: 0 5px 0 7px; margin: 11px 0 0 0; float: left; background: #fff; height: 1.2em; border-right: 1px solid #7f7f7f; } #ylatunniste li.viimeinen{ border-right: none; padding-right: 3px; } #ylatunniste li#haku { border-right: none; margin: 10px 0 0 0; } #ylatunniste li a { text-decoration: none; color: #0032ff; } #ylatunniste li a:hover { text-decoration: underline; color: #0032ff; } #ylatunniste form { font-size: 1em; float: left; } #ylatunniste input { display: block; float:left; font-size: 1em; } #ylatunniste input#haku-teksti { color: #555555; border: 1px solid black; width: 142px; } #ylatunniste input#haku-nuoli { margin-top: -2px; } #ylatunniste #kirjasin-toiminnot { text-align: right; margin-top: 12px; border-right: none; } #ylatunniste #kirjasin-toiminnot img { margin-left: 4px; } /* Paanavigaatio */ #paanavigaatio { font-size: 1em; line-height:2.9em; background: #40a0d7 url(paanavigaatio_tausta_viiva.gif) left bottom repeat; display: block; width: 940px; height: 3em; } #etusivu #paanavigaatio, #blogi #paanavigaatio, #postikortti #paanavigaatio { background: url(paanavigaatio_tausta.gif) left bottom repeat; height: 2.9em; } #alasivu #paanavigaatio, #nuoret #paanavigaatio { border-bottom: 6px solid #d8e7f2; } /* sininen border-bottom lisätään kun kyse on alasivusta jossa sivunavigaatio */ #paanavigaatio li { border-bottom: white solid 1px; background: url(paanavigaatio_tausta_oikea.gif) left bottom repeat; text-align: center; float: left; display: block; } #etusivu #paanavigaatio li, #blogi #paanavigaatio li, #postikortti #paanavigaatio li { border-bottom: none; } #alasivu #paanavigaatio li, #nuoret #paanavigaatio li { border-bottom: white solid 1px; } #paanavigaatio li a { background: url(paanavigaatio_tausta_jakaja.gif) right top no-repeat; padding: 0 8px 0 7px; font-weight: bold; color: white; text-decoration: none; display: block; } #paanavigaatio li#paanavi-luejaosallistu a, #paanavigaatio li#paanavi-lasochdelta a, #paanavigaatio li#paanavi-readandparticipate a { background: none; padding: 0; font-weight: bold; color: white; text-decoration: none; display: block; } #paanavigaatio li a:hover, #paanavigaatio li#paanavi-luejaosallistu a:hover, #paanavigaatio li#paanavi-lasochdelta a:hover, #paanavigaatio li#paanavi-readandparticipate a:hover { font-weight: bold; color: white; text-decoration: underline; } #paanavigaatio #paanavi-luejaosallistu, #paanavigaatio #paanavi-lasochdelta, #paanavigaatio #paanavi-readandparticipate { padding-left: 24px; text-align: left; background: url(paanavigaatio_tausta_vasen.gif) left top repeat; width: 205px; font-weight: bold; color: white; } #paanavigaatio #paanavi-yhteystiedot a, #paanavigaatio #paanavi-kontaktuppgifter a, #paanavigaatio #paanavi-contact a { background: none; } #paanavigaatio #paanavi-ajankohtaista a, #paanavigaatio #paanavi-aktuellt a, #paanavigaatio #paanavi-currentaffairs a { padding-left: 12px; } #alasivu #paanavigaatio li.valittu, #nuoret #paanavigaatio li.valittu { border-bottom: #d8e7f2 solid 1px; } #alasivu #paanavigaatio li.valittu a, #nuoret #paanavigaatio li.valittu a { background: #d8e7f2; color: black; } /* Sisältöalueen pääwrapperi */ #sisalto-wrapper { width:940px; } #etusivu #sisalto-wrapper, #blogi #sisalto-wrapper, #postikortti #sisalto-wrapper { background: white url(sivupalkki_tausta_etusivu.gif) left top repeat-y; } #alasivu #sisalto-wrapper { background: url(sivupalkki_tausta_alasivu.gif) left top repeat-y; } #nuoret #sisalto-wrapper { background: url(sivupalkki_tausta_nuoret.gif) left top repeat-y; } #palvelusivu #sisalto-wrapper { background: url(sivupalkki_tausta_palvelusivu.gif) left top repeat-y; } /* 2-tason navigaatio eli osionavigaatio - versio 1: "lue ja osallistu"-palstana */ #luejaosallistu { float: left; width: 229px; color: white; } #luejaosallistu #luejaosallistu-navi { display: block; width: 229px; font-size: 0.85em; } #luejaosallistu #luejaosallistu-navi li { width: 229px; margin: 0 0 1px; float: left; display: block; } #luejaosallistu #luejaosallistu-navi li a { background: #88c84b; padding: 3px 0 3px 24px; font-size: 1.2em; line-height: 2em; color: white; text-decoration: none; display: block; } #luejaosallistu #luejaosallistu-navi li a:hover { text-decoration: underline; } #luejaosallistu #luejaosallistu-navi li.valittu a { color: #1d994d; font-weight: bold; } #luejaosallistu #luejaosallistu-navi li.valittu a:hover { text-decoration: none; } #blogi-nosto, #trivia-nosto, #kuvakilpailu-nosto, .gallup { display: block; margin: 0 15px 0 24px;} #blogi-nosto, #trivia-nosto, #kuvakilpailu-nosto { border-bottom: #88c84b solid 1px; } #luejaosallistu h2 { text-transform: uppercase; font-weight: bold; font-size: 1.6em; margin: 10px 0; } #luejaosallistu h3, #luejaosallistu p { font-size: 1.2em; line-height: 1.3em; } #luejaosallistu p { margin-bottom: 10px; } #luejaosallistu h3 a { color: white; text-decoration: underline; font-weight: bold; } #luejaosallistu p a { display: block; margin-bottom: 20px; color: white; text-decoration: underline; } #luejaosallistu h3 a:hover, #luejaosallistu p a:hover { text-decoration: none; } #trivia-nosto div, #kuvakilpailu-nosto div { margin-bottom: 10px; display: block; width: 179px; height: 119px; background: url(kuvakilpailu-tausta.jpg) top left no-repeat; } .gallup { margin-top: 10px; width:190px; } .gallup h4 { margin-bottom: 10px; text-transform: none; font-weight: bold; font-size: 1.2em; } .gallup ul { list-style-type: square; display: block; clear: both; } .gallup li { font-size: 1.2em; line-height: 1.6em; color: white; margin-left: 14px; } .gallup li a { color: white; text-decoration: underline; } .gallup li a:hover { text-decoration: none; } .gallup td { color: white; font-size: 1.2em; text-align:left; } /* 2-tason navigaatio eli osionavigaatio - versio 2: sivunavigaationa*/ #alanavigaatio { float: left; width: 229px; color: white; } #nuoret #alanavigaatio { } #alanavigaatio #osionimi { margin: 40px 0 0 24px; font-size: 1.8em; color: #333; } #alanavigaatio ul { margin: 10px 18px 60px 24px; } #alanavigaatio ul li { padding: 3px 0; border-bottom: 1px solid #8192d5; font-size: 1.2em; } #alanavigaatio ul li ul { margin: 4px 0 0 15px; } #alanavigaatio ul li ul li { border: 0; font-size: 1em; } #alanavigaatio a { color: #0032ff; text-decoration: none; } #alanavigaatio a:hover { text-decoration: underline; } #alanavigaatio a.valittu { color: #333; font-weight: bold; } #alanavigaatio a.valittu:hover { text-decoration: none; } /* Sisalto */ #sisalto { background: white; float: left; width: 666px; padding: 0 0 20px 25px; } #etusivu #sisalto { padding-top: 20px; } /* etusivulla ei murupolkua */ #palvelusivu #sisalto { margin-left: 229px; } /* palvelusivuilla ei ole sivupalkissa mitään */ /* Yleiset tyylit jotka ovat voimassa koko sisältöalueelle */ #sisalto h1, #sisalto h2, #sisalto h3, #sisalto h4, #sisalto h5, #sisalto h6, #sisalto p, #sisalto li { color: #333; } #sisalto p { margin-bottom: 5px; line-height: 1.6em; } #sisalto a { text-decoration: none; color: #0032ff; } #sisalto a:hover { text-decoration: underline; color: #0032ff; } #sisalto img { float: right; background: #fff; margin: 0 0 0 15px; padding: 3px; border: #d0cfb6 solid 1px; } #sisalto img.vasempaan { float: left; margin: 0 15px 0 0; } #nuoret #sisalto img { padding:0; border:none; } /* Dokumenttipolku */ #dokumenttipolku { font-size:1.1em; background: white; float: left; margin-bottom: 20px; padding: 10px 0 8px 0; width: 100%; color: #004074; border-bottom: 1px solid #c0c0c0; } #dokumenttipolku strong { color: black; font-weight: normal; } #dokumenttipolku a { color: #0032ff; text-decoration: none; } #dokumenttipolku a:hover { text-decoration: underline; } /* laatikot joissa harmaa yläpalkki - yksi laatikko jolla 100% leveys */ #laatikko-uutiset, #laatikko-kalenteri { display: block; width: 666px; padding-bottom: 15px; margin-bottom:20px; background: url(listauslaatikko-alaviiva666.gif) bottom left no-repeat; } #laatikko-uutiset h3, #laatikko-kalenteri h3 { text-transform: uppercase; font-weight: bold; font-size: 1.4em; display: block; height: 38px; padding: 13px 8px 0; background: url(listauslaatikko-tausta.gif) top left repeat-x; } #laatikko-uutiset img, #laatikko-kalenteri img { margin: -10px 25px 10px 20px; } #laatikko-uutiset p, #laatikko-kalenteri p { font-size: 1.2em; line-height: 1.8em; width: 100%; margin: 10px 10px 0; } #laatikko-uutiset a.rss-tilaus { padding-right: 25px; background: url(rss-tilaus.gif) bottom right no-repeat; margin: -1.8em 40px 0; float: right; } #laatikko-uutiset ul, #laatikko-kalenteri ul { margin: -10px 0 0; } #laatikko-kalenteri ul { min-height:120px; } #laatikko-uutiset li, #laatikko-kalenteri li { font-size: 1.2em; line-height: 1.6em; margin: 0 10px; } #laatikko-uutiset li { margin-bottom: 0.4em; margin-left: 23px; list-style: square; } #laatikko-kalenteri li span { display: -moz-inline-box; display: inline-block; width:5.5em; } #laatikko-kalenteri li a { display: -moz-inline-box; display: inline-block; margin-left: 3px; font-weight: bold; } /* laatikot joissa harmaa yläpalkki - kaksi vierekkäin */ #ajankohtaista-linkit { width: 666px; margin-top: 15px; } #ajankohtaista-linkit #linkki-wrapper { float: left; } #ajankohtaista-linkit .linkkilaatikko { width: 321px; float: left; padding-bottom: 15px; margin: 0 0 20px 20px; background: url(ajankohtaista-alaviiva666.gif) bottom left no-repeat; } #ajankohtaista-linkit .vasen-clear { margin-left: 0px; } /* lisää- ja rss-linkkien tyylit*/ #ajankohtaista-linkit .linkkilaatikko .lisaa { font-size:1.2em; text-align: right; padding: 4px 0; } #ajankohtaista-linkit .linkkilaatikko .lisaa .vasempaan { margin-top: 2px; } #ajankohtaista-linkit .linkkilaatikko .lisaa img { float:none; border:none; padding: 0; margin: 0 0 -5px 5px; } /* linkkinostojen sisallon marginaali */ #ajankohtaista-linkit .linkkilaatikko div, #ajankohtaista-linkit #linkit div, #ajankohtaista-linkit #linkit-etusivu div { margin: 0 8px; } #ajankohtaista-linkit .linkkilaatikko h1, #ajankohtaista-linkit .linkkilaatikko h2, #ajankohtaista-linkit .linkkilaatikko h3, #ajankohtaista-linkit .linkkilaatikko h4, #ajankohtaista-linkit .linkkilaatikko h5, #ajankohtaista-linkit .linkkilaatikko h6 { text-transform: uppercase; font-weight: bold; font-size: 1.4em; display: block; height: 38px; padding:5px 8px 0; background: url(listauslaatikko-tausta.gif) top left repeat-x; } /* Ryhmitellaan linkkilaatikoiden linkit luettavuuden parantamiseksi */ #ajankohtaista-linkit .linkkilaatikko div ul { list-style: none; margin-top: -10px;} #ajankohtaista-linkit .linkkilaatikko div ul li { margin: 0.5em 0; font-size: 1.2em; line-height: 1.3em; } /* etusivun omat tyylit */ #etusivu-palvelun-kuvaus { width: 100%; margin-bottom:30px; } #etusivu-palvelun-kuvaus h1 { font-size: 1.8em; line-height: 1em; font-weight: bold; margin-bottom: 10px; } #etusivu-palvelun-kuvaus p { font-size: 1.2em; line-height: 1em; } #etusivu-nostot { width:100%; margin-bottom: 20px; } #etusivu-nostot p { font-size: 1.2em; } #etusivu-nosto-vasen, #etusivu-nosto-oikea { display: block; float: left; width: 320px; height:100%; } #etusivu-nosto-vasen { margin-right: 25px; } #etusivu-nosto-levea { display: block; float: left; width: 100%; } #etusivu-nosto-vasen h2, #etusivu-nosto-oikea h2, #etusivu-nosto-levea h2 { font-size: 1.8em; font-weight: normal; margin-bottom: 10px;} #etusivu-nosto-vasen img, #etusivu-nosto-oikea img, #etusivu-nosto-levea img { margin-right: 10px; } #bannerit { width: 666px; margin: 23px 0 0; text-align:center; } #mainospaikka p { display:inline; text-align:center; } #mainospaikka img { display:inline; float:none; margin: 0 0 0 11px; border: 0; padding: 0; } #mainospaikka img.ensimmainen { margin-left: 0; } /* alasivujen palsta-aluen tyylit */ #palsta { float: left; width: 464px; } #palsta-levea { float: left; width: 666px; } #palsta h1, #palsta-levea h1, #alasivu #sisalto h1 { font-size: 3em; margin-bottom: 0.5em; font-weight: bold; color: #1fa0db; } #blogi #palsta h1 { color: #67b420; } #blogi #palsta h1 a { font-size: 0.6em; font-weight: normal; color: #67b420; text-decoration: underline; } #blogi #palsta h1 a:hover { text-decoration:none; } #palsta p, #palsta-levea p { font-size: 1.2em; margin-bottom: 1em; } #palsta p.ingressi, #palsta-levea p.ingressi { font-weight: bold; } #palsta .blogi-info { display: block; width: 100%; padding-bottom: 7px; margin-bottom: 10px; border-bottom: solid 1px #c0c0c0; } #palsta .blogi-info p { display:block; float:left; } #palsta .blogi-info p.kommentit-linkki { float:right; } #palsta img, #palsta-levea img { margin-top: 5px; } #palsta h2, #palsta-levea h2, #osioetusivu-palsta h2 { font-size: 1.6em; font-weight: bold; margin: 1em 0; } #palsta h3, #palsta h4, #palsta h5, #palsta h6, #palsta-levea h3, #palsta-levea h4, #palsta-levea h5, #palsta-levea h6, #osioetusivu-palsta h3, #osioetusivu-palsta h4, #osioetusivu-palsta h5, #osioetusivu-palsta h6 { font-size: 1.2em; margin-bottom: 1em; font-weight:bold; } #palsta .raamiton, #palsta .raamiton table, #palsta .raamiton tbody td, #palsta .raamiton tfoot td, #palsta .raamiton thead td, #palsta-levea .raamiton, #palsta-levea .raamiton table, #palsta-levea .raamiton tbody td, #palsta-levea .raamiton tfoot td, #palsta-levea .raamiton thead td { border: none; } #palsta table, #palsta-levea table { border-right: 1px solid #d8e7f2; border-top: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; border-spacing: 0; border-collapse: collapse; width: 100%; empty-cells: show; margin: 1em 0 1em 0; color: #333; clear: both; } #palsta tr, #palsta-levea tr { margin: 0; padding: 0 } #palsta td, #palsta tbody td, #palsta-levea td, #palsta-levea tbody td { margin: 0; padding: 5px; border-left: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; font-size: 1.2em; vertical-align: top; } #palsta #kalenteri td, #palsta-levea #kalenteri td { border-bottom: none; } #palsta thead td, #palsta tfoot td, #palsta-levea thead td, #palsta-levea tfoot td { margin: 0; padding: 5px; border-bottom: none; background: #d8e7f2; vertical-align: top; text-align:center } #palsta caption, #palsta-levea caption { font-size: 1.2em; margin: 1em 0 0 2em; caption-side: top; width: auto; text-align: left; font-style: italic; } #palsta .sarakeotsikko, #palsta .sarakeotsikkooikeatasaus, #palsta-levea .sarakeotsikko, #palsta-levea .sarakeotsikkooikeatasaus { background-color: #d8e7f2; color: #111; font-weight: bold; vertical-align: bottom; } #palsta #kalenteri .sarakeotsikko, #palsta-levea #kalenteri .sarakeotsikko { border-right-color: #fff; border-left-color: #fff; } #palsta .summasolu, #palsta .summasoluoikeatasaus, #palsta-levea .summasolu, #palsta-levea .summasoluoikeatasaus { border-top: 2px solid #d8e7f2; } #palsta .raamiton .summasolu, #palsta .raamiton .summasoluoikeatasaus, #palsta-levea .raamiton .summasolu, #palsta-levea .raamiton .summasoluoikeatasaus { border-top: 2px solid #8C94AA; } #palsta .oikeatasaus, #palsta .summasoluoikeatasaus, #palsta .sarakeotsikkooikeatasaus, #palsta-levea .oikeatasaus, #palsta-levea .summasoluoikeatasaus, #palsta-levea .sarakeotsikkooikeatasaus { text-align: right } #palsta ul, #palsta-levea ul { margin: 0 0 1em 1em; padding-left: 1em; list-style-type: square; font-size: 1.2em; color: #333; } #palsta ol, #palsta-levea ol { margin-left: 3em; font-size: 1.2em; color: #333; list-style-type: decimal; } #palsta ul ul, #palsta-levea ul ul { margin-left: 0.6em; padding: 0.1em 0 0.3em 0.6em; font-size: 1em; list-style-type: circle; } #palsta ol ul, #palsta-levea ol ul { margin-left: 0.6em; padding: 0 0 0.3em 0.6em; font-size: 1em; list-style-type: circle; } #palsta ol ol, #palsta-levea ol ol { margin-left: 0.6em; padding: 0 0 0.3em 0.6em; font-size: 1em; list-style-type: upper-roman; } #palsta li, #palsta-levea li { margin-top: 0.6em; } #palsta #blogi-sivunumerot ol, #palsta #blogi-sivunumerot p { display:block; float:left; padding:0; margin:0; } #palsta #blogi-sivunumerot ol { list-style-type: none; margin-left: 1.5em; } #palsta #blogi-sivunumerot li { display: block; margin: 0.1em 0.5em 0 0; float:left; } #palsta #blogi-sivunumerot li.valittu a { font-weight: bold; color: #333; } #palsta #nosto-tapahtumat, #palsta #nosto-ajankohtaista { list-style-type: none; margin: 0; padding:0; } #palsta dl, #palsta-levea dl { margin-left: 1em; font-size: 1.2em; color: #333; } #palsta dt, #palsta-levea dt { margin: 1em 0 0.5em 0; } #palsta dd, #palsta-levea dd { border-left: 1px solid #ECEBE4; padding: 0 0 0.5em 0.5em; margin: 0 } #palsta blockquote, #palsta-levea blockquote { margin: 1em 3em 1em 1em; padding: 0 1em; font-style: italic; background: #F7F7F4; border: 1px dotted #ECEBE4; } #palsta blockquote p, #palsta-levea blockquote p { margin: 1em 0; padding: 0; font-style: italic; } #palsta pre, #palsta math, #palsta code, #palsta code sample, #palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample { margin: 1em 0; font: 1em/1.3em "Andale mono", courier, "MS Courier New", "Courier New", monospace } #palsta abbr, #palsta-levea abbr { border-bottom: 1px dotted #8C94AA } #palsta blink, #palsta-levea blink { text-decoration: none } #palsta hr, #palsta-levea hr { margin: 2em 0 2em 0; padding: 0; border: none; border-top: 3px double #999999; background: none; text-align:center }´ /* kauniimmat lomakkeet CSS2-selaimille */ #palsta input[type="text"], #palsta-levea input[type="text"], #postikortti #sisalto input[type="text"] { border: 1px solid #333; width:270px; } #palsta textarea, #palsta-levea textarea, #postikortti #sisalto textarea { width:400px; height: 120px; border: 1px solid #333; } /* Kuvaboksit */ #palsta .kuvitusOikealla, #palsta-levea .kuvitusOikealla { float: right; margin: 5px 0 5px 20px; width: 215px; font-size: 1.1em; color: #555; } #palsta .kuvitusVasemmalla, #palsta-levea .kuvitusVasemmalla { float: left; margin: 5px 20px 5px 0; width: 215px; font-size: 1.1em; color: #555; } #palsta .kuvitusKeskella, #palsta-levea .kuvitusKeskella { float: none; margin: 1.3em auto; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555; text-align: center; } #palsta .kuvitusOikealla img, #palsta-levea .kuvitusOikealla img, #palsta .kuvitusVasemmalla img, #palsta-levea .kuvitusVasemmalla img, #palsta .kuvitusKeskella img, #palsta-levea .kuvitusKeskella img { margin: 0 0 5px 0; display: block; float: none; } /* Lisainfoboksi */ #info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 { background-color: #d8e7f2; float: right; width: 215px; padding: 5px; margin: 1.2em 0 0 0.5em; } #blogi #palsta #info0, #blogi #palsta #info1, #blogi #palsta #info2, #blogi #palsta #info3, #blogi #palsta #info4, #blogi #palsta #info5, #blogi #palsta #info6, #blogi #palsta #info7, #blogi #palsta #info8, #blogi #palsta #info9 { background-color: #d8e7f2; float: right; width: 215px; padding: 5px; margin: 1.2em 0 0 0.5em; } #info0 h1, #info0 h2, #info0 h3, #info0 h4, #info0 h5, #info0 h6, #blogi #palsta #info0 h1, #blogi #palsta #info0 h2, #blogi #palsta #info0 h3, #blogi #palsta #info0 h4, #blogi #palsta #info0 h5, #blogi #palsta #info0 h6, #info1 h1, #info1 h2, #info1 h3, #info1 h4, #info1 h5, #info1 h6, #blogi #palsta #info1 h1, #blogi #palsta #info1 h2, #blogi #palsta #info1 h3, #blogi #palsta #info1 h4, #blogi #palsta #info1 h5, #blogi #palsta #info1 h6, #info2 h1, #info2 h2, #info2 h3, #info2 h4, #info2 h5, #info2 h6, #blogi #palsta #info2 h1, #blogi #palsta #info2 h2, #blogi #palsta #info2 h3, #blogi #palsta #info2 h4, #blogi #palsta #info2 h5, #blogi #palsta #info2 h6, #info3 h1, #info3 h2, #info3 h3, #info3 h4, #info3 h5, #info3 h6, #blogi #palsta #info3 h1, #blogi #palsta #info3 h2, #blogi #palsta #info3 h3, #blogi #palsta #info3 h4, #blogi #palsta #info3 h5, #blogi #palsta #info3 h6, #info4 h1, #info4 h2, #info4 h3, #info4 h4, #info4 h5, #info4 h6, #blogi #palsta #info4 h1, #blogi #palsta #info4 h2, #blogi #palsta #info4 h3, #blogi #palsta #info4 h4, #blogi #palsta #info4 h5, #blogi #palsta #info4 h6, #info5 h1, #info5 h2, #info5 h3, #info5 h4, #info5 h5, #info5 h6, #blogi #palsta #info5 h1, #blogi #palsta #info5 h2, #blogi #palsta #info5 h3, #blogi #palsta #info5 h4, #blogi #palsta #info5 h5, #blogi #palsta #info5 h6, #info6 h1, #info6 h2, #info6 h3, #info6 h4, #info6 h5, #info6 h6, #blogi #palsta #info6 h1, #blogi #palsta #info6 h2, #blogi #palsta #info6 h3, #blogi #palsta #info6 h4, #blogi #palsta #info6 h5, #blogi #palsta #info6 h6, #info7 h1, #info7 h2, #info7 h3, #info7 h4, #info7 h5, #info7 h6, #blogi #palsta #info7 h1, #blogi #palsta #info7 h2, #blogi #palsta #info7 h3, #blogi #palsta #info7 h4, #blogi #palsta #info7 h5, #blogi #palsta #info7 h6, #info8 h1, #info8 h2, #info8 h3, #info8 h4, #info8 h5, #info8 h6, #blogi #palsta #info8 h1, #blogi #palsta #info8 h2, #blogi #palsta #info8 h3, #blogi #palsta #info8 h4, #blogi #palsta #info8 h5, #blogi #palsta #info8 h6, #info9 h1, #info9 h2, #info9 h3, #info9 h4, #info9 h5, #info9 h6 { font-size: 1.35em; font-weight:bold; border-bottom: 1px solid #333; border-top:none; color: #333; margin: 10px 0 0 0; padding: 0; } #blogi #palsta #info9 h1, #blogi #palsta #info9 h2, #blogi #palsta #info9 h3, #blogi #palsta #info9 h4, #blogi #palsta #info9 h5, #blogi #palsta #info9 h6, #info0 p, #info1 p, #info2 p, #info3 p, #info4 p, #info5 p, #info6 p, #info7 p, #info8 p, #info9 p { font-size: 1em; color: #333; margin: 10px 0px; } /* Jutun alun ankkurilinkit */ #ankkurit { border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; font-size: 0.9em; padding: 5px 0; margin-bottom: 1em; } #ankkurit ul { margin: 0; padding: 0; color: #00207C; list-style: square inside; } #ankkurit ul li { margin: 0; padding: 0; } /* kalenteri */ #kalenteri div { display: block; float: left; width: 210px; margin-right: 10px; height: 2.5em; } #kalenteri form a { font-size: 0.8em; } #kalenteri input { margin-right: .5em; } #kalenteri label { font-size: 1em; font-weight: bold; } #kalenteri select { margin-left: -7px; } #kalenteri option { padding-right: 1em; } #kalenteri td.ensimmainen { border-left-color: #d8e7f2 !important; } #kalenteri td.sarakeotsikko a { padding-right: 10px; background: url(jarjesta.gif) center right no-repeat; } #kalenteri td.sarakeotsikko a:hover { background: transparent url(jarjesta.gif) center right no-repeat; } /* tiedotteet */ #palsta ul#tiedotteet { margin: 0 0 2em 0; padding-left: 0; list-style: none; } #palsta p#osio { font-size: 1.1em; } /* kuvagalleria */ #kuvagalleria-index {} #kuvagalleria-index div { display:block; float:left; margin-bottom: 20px;} #kuvagalleria-index img { display: block; float: left; margin-left: 0;} #kuvagalleria-index h2, #kuvagalleria-index p { width: 334px; display: block; float: left; margin-left:20px; font-size: 1.2em; line-height: 1.2em; } #kuvagalleria-index h2 { margin-top: 5px; margin-bottom: 0; } #kuvagalleria-index p a { display: block; font-size: 1em; line-height: 1em; } #kuvagalleria-kategoria { margin: 25px 0 0; } #kuvagalleria-kategoria ul { float:left; display:block; width: 100%; margin:0; padding:0; list-style-type: none; } #kuvagalleria-kategoria li { display:block; float:left; width:110px; margin:0 10px 10px 0; padding:0; } #kuvagalleria-kategoria li img { float:none; margin:0; } #kuvagalleria-kategoria li p { margin: 5px; font-size:1.0em; } #kuvagalleria-selausnakyma {} #kuvagalleria-selausnakyma img { float:left; margin: 0 10px 1em 0;} #kuvagalleria-selausnakyma h2 { font-size:1.2em; font-weight: bold; } #kuvagalleria-selausnakyma a#kuvagalleria-edellinen { border-right: 1px solid #878787; margin-right: 5px; padding-right: 8px; } #kuvagalleria-selausnakyma a#kuvagalleria-seuraava { border-left: 1px solid #878787; margin-left: 5px; padding-left: 8px; } /* blogi */ #blogi #palsta div { display:block; width:100%; margin-bottom: 0.8em; } #blogi #palsta h3, #blogi #palsta h4 { font-size: 1.2em; display: block; width: 100%; margin: 2.5em 0 0; padding: 0.5em 0; margin-bottom: 1em; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; } #blogi #palsta form { } #blogi #palsta form p strong { font-weight:normal; } /* Lähetä sähköpostikortti */ #postikortti #sisalto h1 { font-size: 3em; margin-bottom: 0.5em; font-weight: bold; color: #67b420; } #postikortti #sisalto p { font-size: 1.2em; } #postikortti #sisalto #kuvagalleria-kategoria li { width: 180px; } #postikortti #sisalto form h5 { font-size: 1.2em; font-weight:bold; margin: 0.5em 0; } #postikortti #sisalto .clearfix p span { font-weight: bold; margin:0; } #postikortti #sisalto form table { margin:0; width:auto; border:none; } #postikortti #sisalto form table td { padding: 0 10px 0.5em 0; border:none; vertical-align:top; } /* esikatselusivu */ #postikortti #sisalto img.kuva { float:none; margin-left:0; margin: 10px 0; } #postikortti #sisalto .clearfix h2 { margin:10px 0; } #postikortti #sisalto table { margin:10px 0 20px; font-size: 1.2em; width: 100%; border-top: 1px solid #d8e7f2; border-right: 1px solid #d8e7f2; } #postikortti #sisalto table td { padding: 5px; border-left: 1px solid #d8e7f2; border-bottom: 1px solid #d8e7f2; } /* Sivukartta */ #sivukartta { } #sivukartta img { border: none; float: none; margin-bottom: -0.1em; height: 1em; width: 1em; } #sivukartta ul, #sivukartta ul ul, #sivukartta ul ul ul, #sivukartta ul ul ul ul, #sivukartta ul ul ul ul ul { list-style: none; margin:0; } #sivukartta ul { margin-left: -35px; } /* palaute */ #palaute label { margin-left: 1em; font-size:14.4px; } /* hakutulos */ #hakutulos h2 { margin-top:2em; } #hakutulos .getmore { font-size: 0.8em; font-weight: bold; } #searchCriteria p strong.label { margin-right: 0.5em; } #searchresults { font-size: 1em; } #searchresults a { font-weight: normal; } #searchresults .domain { font-size: 0.8em; font-weight: normal; } #searchresults h3 { margin-bottom:0.7em; } #searchresults h3 p { margin-bottom:0; } /* alasivujen tyokalut-aluen tyylit */ #tyokalut { float: left; width: 165px; margin-left: 37px; } #tyokalut img { float:none; background: none; margin:0 0 15px 0; padding:0; border:none; } #tyokalut #laheta-icon img { margin-left:2px; } #tyokalut h4, #tyokalut #tyokalualatunniste { padding-top: 10px; border-top: 1px solid #c0c0c0; } #tyokalut h4 { font-size: 1.2em; } #blogi #tyokalut h4 { border: none; padding-top: 0; } #tyokalut ul { margin: 5px 0 10px; } #blogi #tyokalut ul { margin-bottom: 20px; } #tyokalut li { color: #0032ff; list-style: square; margin-left: 13px; font-size: 1.1em; margin-bottom: 3px; } #tyokalut p, #tyokalut #tyokalualatunniste p { font-size: 1.1em; line-height: 1.2em; } /* Alatunniste */ #alatunniste { float:left; width: 940px; margin: 5px 0; border-top: #c0c0c0 solid 1px; font-size: 0.85em; } #alatunniste img { width: 229px; float: left; border: 0; } #alatunniste p { line-height: 1.2em; font-size: 1.2em; color: #878787; float: right; margin: 20px 50px 0 0; } #alatunniste p a { color: #0032ff; text-decoration: none; border-left: 1px solid #878787; margin-left: 7px; padding-left: 10px; } #alatunniste p a.ensimmainen { border-left: none; margin-left: 0; padding-left: 0; } #alatunniste p a:hover { color: #0032ff; text-decoration: underline; } /* clear ilman markupin lisaamista, jotta saadaan float-elementit "tayttamaan" isantaelementtinsa */ .clearfix {display: inline-table;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Piilotetaan MAC-IE:lta \*/ * html .clearfix {height: 1%;} .clearfix {display: block; clear: both;} /* Lopetataan piilotus */