/* Start of CMSMS style sheet 'tasku-yleinen' */ /* CSS Document */ /*Common Elements*/ body{margin:0; padding:0; font-family:Helvetica, Arial, Verdana,s sans-serif; font-size:12px; line-height:14px;} img{border:0;} table{border-collapse:collapse;} form{margin:0;} p {font-size:12px; line-height: 18px; color: #4A4A4A; margin-bottom: 10px;} a:link {color:#e08828; text-decoration:underline; font-family:Helvetica, Arial, Verdana,s sans-serif;} a:hover { color:#F60;} a:visited { color:#a07049;} /*Headlines */ h1{font-size: 16px; color:#e08828; line-height:22px;} h2, h3{font-size: 13px; color:#4A4A4A; line-height:20px;} h4, h5, h6 {font-size: 12px; color: #666; line-height:18px;} /* Lists */ ul {color:#4a4a4a; list-style-image: url(../gui/listArrow.gif); list-style-position: outside; margin-left:-10px;} ul li {margin-bottom: 10px; line-height: 16px;} /*Container Elements*/ div#htmlContainer{margin-left:3px; width:1015px;} div#bodyContainer{ float:left; height:770px; width:925px;} /* 1. tason navigaato*/ div#headerContainer{background:url(../gui/headerBg.jpg) no-repeat 0 0; width:925px; height:219px;} div#headerContainer div#linkEtusivu a{display:block; width:800px; height:150px; text-indent:-999em; position:absolute;} div#headerContainer div#linkEtusivu h1{text-indent:-999em; display:none;} div#headerContainer ul#mainMenu{padding-top:177px; margin:0; list-style:none; padding-left:0;} div#headerContainer ul#mainMenu li{float:left; text-indent:-999em; padding-right:1px;} div#headerContainer ul#mainMenu li a{height:22px; display:block;} div#headerContainer ul#mainMenu li a.mainos{width:189px; background:url(../gui/topNavi/mainostoimisto.gif) no-repeat 0 0;} div#headerContainer ul#mainMenu li a.viestinta{width:234px; background:url(../gui/topNavi/viestintatoimisto.gif) no-repeat 0 0;} div#headerContainer ul#mainMenu li a.digi{width:98px; background:url(../gui/topNavi/digi.gif) no-repeat 0 0;} div#headerContainer ul#mainMenu li a.studio{width:117px; background:url(../gui/topNavi/studio.gif) no-repeat 0 0;} div#headerContainer ul#mainMenu li a:hover, div#headerContainer ul#mainMenu li a.selected {background-position: 0 -22px;} /*SISÄLTÖSIVUT*/ div#pageContentContainer{background:url(../gui/contentBg.png) repeat-y 811px 0; width:821px; min-height:383px; margin-top:-9px; display:block; position:relative;} /* 2. tason navigaato*/ div#pageContentContainer div#pageMenuContainer{height:26px;} div#pageContentContainer ul#pageMenu{ list-style:none; margin:0; padding:0; margin-left:10px;} div#pageContentContainer ul#pageMenu li{float:left; border-right:1px solid #b8b8b8;} div#pageContentContainer ul#pageMenu li.first{border-left:1px solid #b8b8b8;} div#pageContentContainer ul#pageMenu li a{display:block; padding:0 10px; color:#999; text-decoration:none; text-transform:uppercase; font-size:11px; letter-spacing:1px;} div#pageContentContainer ul#pageMenu li a:hover, div#pageContentContainer ul#pageMenu li a.currentPage{color:#d67e4b;} /*Sisältö*/ div#pageContentContainer div#contentContainer{min-height:377px; width:821px; clear:both; background:url(../gui/textBg.gif) repeat-y 0 0;} /*3. tason navigaatio*/ div#pageContentContainer div#contentContainer div#subMenuContainer{width:128px; margin-left:20px; float:left; display:inline; padding-top:34px;} div#newsMenuContainer{width:208px; margin-left:20px; float:left; display:inline; padding-top:30px;} div#pageContentContainer div#contentContainer div#subMenuContainer ul#subMenu{ margin:0; padding:0; list-style:none;} div#pageContentContainer div#contentContainer div#subMenuContainer ul#subMenu li{padding-bottom:14px; padding-top:0;} div#pageContentContainer div#contentContainer div#subMenuContainer a{ color:#d67e4b; text-decoration:none; text-transform:uppercase; font-size:11px;} div#pageContentContainer div#contentContainer div#subMenuContainer a:hover{ color:#b8b8b8;} /*Etusivu*/ div#pageContentContainer div#contentContainer div#contentFp{min-height:411px; width:810px; float:left; margin:0; margin-top:-8px;} /* Etusivu ilman navigaatiota */ div#pageContentContainer div#contentContainer div#contentFp div#textContainer{ width:210px; height: 137px; padding-left:30px; padding-top:267px;} /*sisältö ilman navigaatiota*/ div#pageContentContainer div#contentContainer div#contentWide{min-height:377px; width:810px; float:left; margin:0;} /* SIsältöalue ilman navigaatiota */ /*Osion etusivu*/ div#pageContentContainer div#contentContainer div#contentWideSection{min-height:377px; width:810px; float:left; margin:0;} div#pageContentContainer div#contentContainer div#contentWideSection div#textContainer{ width:310px; height: 337px; padding-left:30px; padding-top:20px; padding-bottom:20px;} div#pageContentContainer div#contentContainer div#contentWideSection h2{ width:310px; height: 337px; padding-left:30px; padding-top:20px;} /*Työnäytesivu*/ div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer{ background:url(../gui/tyoBg.gif) repeat-y #fff; height:278px; padding-top:97px;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#arrowLeft{margin-left:70px; float:left; visibility:hidden; display:inline;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#arrowLeft a{width:24px; height:164px; background:url(../gui/tyo_vasen.gif) no-repeat; text-indent:-999em; display:block;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples{width:620px; white-space:nowrap; overflow:hidden; height:254px; float:left; position:relative;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples{width:1040px; height:200px; position:absolute; left:-3px;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples div.sampleContainer{ float:left; } div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples div.sampleContainer div.sampleImage{padding-left:3px; background-color:#FFF;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples div.sampleContainer div.sampleText{text-align:center; width:205px; white-space:normal;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples div.sampleContainer div.sampleText h3{margin-bottom:3px; margin-top:8px;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#workSamples div#allWorkSamples div.sampleContainer div.sampleText p{margin-top:0px; line-height: 14px;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#arrowRight{ float:left;} div#pageContentContainer div#contentContainer div#contentWide div#workSampleContainer div#arrowRight a{width:24px; height:164px; background:url(../gui/tyo_oikea.gif) no-repeat; text-indent:-999em; display:block;} /*sisältö 3. tason navigaation kanssa*/ div#pageContentContainer div#contentContainer div#content{min-height:313px; width:661px; float:left; margin:0; padding-top:30px;} #contentNews{min-height:313px; width:500px; float:left; margin:0; padding-top:30px;} /* SIsältöalue ilman navigaatiota */ div#pageContentContainer div#contentContainer div#content div#imageContainer{height:323px; width:291px; overflow:hidden; float:left; width:270px;} /* Kuvalle tarkoitettu alue (henkilöstö) */ div#pageContentContainer div#contentContainer div#content div#textContainerScrollHolder{float:left;} /* Teksti, jossa on JavaScript scroll - elementti */ div#pageContentContainer div#contentContainer div#content div#textContainerHolder{min-height:261px; width:380px; overflow:visible;} /* Tekstin näkyvä alue */ div#pageContentContainer div#contentContainer div#content div#textContainerHolder div#textContainer{width:355px; margin-left:10px; margin-right:10px;} /* Tekstille tarkoitettu div*/ div#pageContentContainer div#contentContainer div#content div#textContainer p{margin-top:0; margin-left:0px; margin-right:10px;} div#pageContentContainer div#contentContainer div#content div#navigation{height:60px; width:190px; float:left; display:none; background:url(../gui/scroll/bg.gif) no-repeat -10px 0; padding-left:185px; padding-top:2px} /* scrollin alaosan napit */ div#pageContentContainer div#contentContainer div#content div#navigation a{padding-bottom:6px;} div#pageContentContainer div#contentContainer div#content div#textContainerLong{min-height:323px; width:605px; padding-right:11px; margin-left:10px; overflow:hidden; float:left; padding-bottom:10px;} div#pageContentContainer div#contentContainer div#content div#textContainerLong p{margin-top:0; margin-left:0px; margin-right:10px;} div#pageContentContainer div#contentContainer div#content div#textContainerLong h1{margin-top:0; margin-left:0px; margin-right:10px;} div#pageContentContainer div#contentContainer div#content div#textContainerLong div.person{float:left; width:65px; height:65px;} div#pageContentContainer div#contentContainer div#content div#textContainerLong div.person img{padding:5px;} div#pageContentContainer div#contentContainer div#content div#textContainerPersonnel{height:323px; width:561px; overflow:hidden; float:left;} div#pageContentContainer div#contentContainer div#content div#textContainerPersonnel p{margin-top:0; margin-left:10px; margin-right:10px;} div#pageContentContainer div#contentContainer div#content div#textContainerPersonnel div.person{float:left; width:72px; height:72px; background-color:#000; margin:2px;} div#pageContentContainer div#contentContainer div#content div#textContainerPersonnel div.person img{} div#pageContentContainer div#contentContainer div#content div#scrollBase{float:right; height:261px; width:8px; background:url(../gui/scroll/palkkitausta.gif) no-repeat; position:relative;} div#pageContentContainer div#contentContainer div#content div#scrollBase div#scrollBar{position:absolute;} div#pageContentContainer div#contentContainer div#content div#scrollBase div#scrollBar img#middlePalkki{width:8px; height:50px;} div#pageContentContainer div#topBlock{position:absolute; background:url(../gui/contentTopBg.png) no-repeat #ffffff; width:10px; height:162px; top:0; right:0;} div#pageContentContainer div#bottomBlock{position:absolute; background:url(../gui/contentBottomBg.png) no-repeat #ffffff; width:10px; height:217px; bottom:0; right:0;} /* Alaosa */ div#footerContainer{background:url(../gui/footerBg.jpg) no-repeat -3px 0; width:925px; height:150px;} /* Ala navigaatio */ div#footerContainer ul#footerMenu{margin:0; list-style:none; padding:0;} div#footerContainer ul#footerMenu li{float:left; text-indent:-999em;} div#footerContainer ul#footerMenu li a{height:22px; display:block; padding-right:1px;} div#footerContainer ul#footerMenu li a.ajankohtaista{width:115px; background:url(../gui/topNavi/taskulappa.gif) no-repeat 0 0 #ffffff;} div#footerContainer ul#footerMenu li a.uutiskirje{width:113px; background:url(../gui/topNavi/uutiskirje.gif) no-repeat 0 0 #ffffff;} div#footerContainer ul#footerMenu li a.taskut{width:84px; background:url(../gui/topNavi/taskut.gif) no-repeat 0 0 #ffffff;} div#footerContainer ul#footerMenu li a.yhteystiedot{width:134px; background:url(../gui/topNavi/yhteystiedot.gif) no-repeat 0 0 #ffffff;} div#footerContainer ul#footerMenu li a.kieli{width:112px; background:url(../gui/topNavi/english.gif) no-repeat 0 0 #ffffff;} div#footerContainer ul#footerMenu li a:hover, div#footerContainer ul#footerMenu li a.selected{background-position:0 -22px;} div#footerContainer div#contactInfo{height:75px; width:804px; clear:both; padding-top:53px; padding-left:17px; color:#999999; font-size:11px; font-weight:bold; text-align: center;} #contactInfo a{color:#666; text-decoration: none;} /* Banneri */ div#bannerContainer{float:left; background:url(../gui/mantraBg.gif) no-repeat 0 0; width:184px; height:549px; margin-top:132px; margin-left:-94px;} a.taan{display:block; width:176px; height:100px; text-decoration:none; text-indent:-999em; font-size:1px; line-height:1px; magin-top:20px;} div#henkiloTiedot{position:absolute; border:1px solid #c7c7c8; width:139px; height:50px; top:312px; left:268px; background-color:#e2e2e2; color:#999999; font-size:10px; padding-left:8px; padding-top:20px; display:none;} div#henkiloTiedot h3{font-size:12px; margin:0; padding:0; } /*uutisen tyylit siirretään uutiset- tyylitiedostoon */ /*lomakkeen tyylit siirretään forms- tyylitiedostoon */ /*Tyonaytteet Lightbox*/ div#outerBox {background-color:#000000; display:none; left:0; opacity:0.55; position:absolute; top:0;} div#innerBox {background:#FFFFFF none repeat scroll 0 0; border:1px solid #56779B; color:#666666; display:none; font-size:16px; left:0; padding:15px; position:absolute; text-align:center; top:0; vertical-align:middle;} /* Albumin poikkeukset */ /* End of 'tasku-yleinen' */