body { text-align:center; background: url(images/taustaGradient.gif) repeat-x #F6F4EF; margin:0; padding:0; padding-bottom:30px; height:100%; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} #alasivu { width:850px; margin:auto; background-color: transparent; text-align:left; } #header { background:url(images/header.gif); height:181px; position:relative; } #header #pvm { position:absolute; padding:0; margin:0; left:620px; top:100px; font: bold 12px Arial, Helvetica, sans-serif; text-align:right; width:100px } #etusivu #header .etusivuLinkki {display:none} #header .etusivuLinkki {position:absolute; top:40px; left:20px;} #header .etusivuLinkki a { width:300px; height:125px; display:block; text-decoration:none;} #header .etusivuLinkki span {visibility:hidden} #palstat { height:100%; background:url(images/tausta.gif) repeat-y; clear:both;} #vasenReuna { width:299px; float:left; } #oikeaReuna { float:right; } #content { width:475px; float:left; position:relative;} .clear { clear:both } #navi { background:url(images/naviKeski.gif); padding:10px 75px; margin:0px; font: bold 1.15em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #navi ul { padding:0; margin:0; margin-bottom:10px; list-style: url(images/navi1.gif); } #navi ul ul { margin:10px 0 0 0; list-style:none; list-style-image: url(); font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #navi .valittu1 { list-style: url(images/navi2.gif) } #navi .valittu2 { list-style: url(images/navi3.gif) } #navi li { margin-bottom:10px; } #navi a:link { text-decoration:none; color:#FFFFFF } #navi a:visited { text-decoration: none; color:#FFFFFF } #navi a:active { text-decoration: none } #navi a:hover { color: #a6de51; } .palsta1 { width:270px; float:left; color: #393d61; } .palsta1 h1 { font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; } .palsta1 h2 { font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; } .palsta1 h3 { font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; } .palsta1 h4 { font: bold 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif; } .palsta1 h5 { font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; } .palsta1 p { font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} .palsta1 p .ingressi { font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;} .palsta1 li { margin-bottom:1px; } .palsta1 a:link { color:#00931c } .palsta1 a:visited { text-decoration: underline; color:#2cac26 } .palsta1 a:active { text-decoration: none; } .palsta1 a:hover { text-decoration: none; } .levea { width: 470px; } #palsta2 { float:right; width:170px; font: bold 1.15em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #palsta2 ul { padding:0; margin:0; list-style:none } #palsta2 li { margin-top:10px; padding-left:20px; background: url(images/sivuNavi1.gif) no-repeat 0px 2px; } #palsta2 .valittu { background-image: url(images/sivuNavi2.gif)} #palsta2 li { margin-bottom:10px; font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #palsta2 a:link { text-decoration:none; color:#393d61 } #palsta2 a:visited { text-decoration: none; color:#393d61 } #palsta2 a:active { text-decoration: none } #palsta2 a:hover { color: #6a6c88; } .lueLisaa { text-align:right; font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-right:20px;} .lueLisaa img { margin-left:4px; vertical-align: middle } .lueLisaa a:link { text-decoration: none; color:#00931c } .lueLisaa a:visited { text-decoration: none; color:#00931c} .lueLisaa a:active { text-decoration: none; } .lueLisaa a:hover { text-decoration: underline; } .uutinen {background: url(images/sivuNavi1.gif) no-repeat 0px 2px; margin:0;padding:0;padding-left:20px;margin-top:14px; font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} .newsList p {margin:0;padding:0} .newsList a:link { text-decoration:none; color:#393d61 } .newsList a:visited { text-decoration: none; color:#393d61 } .newsList a:active { text-decoration: none } .newsList a:hover { color: #6a6c88; } .newsDate {margin:0;padding:0;} .newsTitle {margin-bottom:2px;} /*******************/ /* Bannerilaatikko */ /*******************/ #bannerLaatikko { width: 210px; margin:0px 0px 0px 40px; color:black; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;} #bannerLaatikko p { padding:0; margin:0;} #etusivu #bannerLaatikko { margin:30px 0px 0px 55px;} /***********/ /* Etusivu */ /***********/ #etusivu { width:850px; margin:auto; background-color: transparent; text-align:left; } #etusivu #header { background:url(images/etusivu/header.gif) ; height:202px; } #etusivu #palstat { background:url(images/etusivu/tausta.gif) repeat-y ; } #etusivu #palstatAlaFix { background:url(images/etusivu/alaFix.gif) no-repeat bottom left; padding-bottom:1px; } #vasenPalsta {width:425px; float:left; height:100%;} #oikeaPalsta {width:425px; float:right; height:100%;} #linkkiPalstaTausta { background:url(images/etusivu/linkkiPalstaTausta.gif) no-repeat; height:253px; margin:83px 0 0 0; background-color: transparent;} #linkkiPalsta { background:url(images/etusivu/linkkiPalsta.gif) no-repeat; margin:0; padding:20px 30px 0px 30px; color:white; font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #linkkiPalsta ul { margin:0; padding-top:10px; padding:10px; list-style:none } #linkkiPalsta li { background:url(images/etusivu/nappiPunainen.gif) no-repeat center left; padding-left:20px; margin-left:30px; margin-bottom:5px; } #linkkiPalsta a:link { text-decoration:none; color:white } #linkkiPalsta a:visited { text-decoration: none; color:white } #linkkiPalsta a:active { text-decoration: none } #linkkiPalsta a:hover { text-decoration: none } #txtPalstaTausta { margin:0 } #txtPalsta { background:url(images/etusivu/txtPalsta.gif) no-repeat; margin: 0; padding:10px 30px 0px 100px;} #txtPalsta p { margin:0; padding-top:10px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; } #txtPalsta h1, #txtPalsta h2 { margin:0; padding-top:10px; font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; } img { border: 0; padding:0; margin:0; } /**********/ /* Footer */ /**********/ #footer { background:url(images/footer.gif) no-repeat; height:74px; width:850px; position:relative; z-index:0 } #etusivu #footer { background:url(images/etusivu/footer.gif) no-repeat; height:44px; width:850px; position:relative;} #footer .center { position:relative; bottom:-70px; } #etusivu #footer .center { position:relative; bottom:-40px; } #footer ul { margin:0; padding:0;} #footer .noLine { border-right:none; } #footer li { float:left; padding:0 10px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; list-style:none; border-right: 2px solid; height:22px; } #footer .hcenter { padding-top:6px; } #footer a:link { text-decoration:none; color:black } #footer a:visited { text-decoration: none } #footer a:active { text-decoration: none } #footer a:hover { text-decoration:underline } #yhteystiedot { position:absolute; padding:0; margin:0; right:40px; top:30px; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; color:#060; } #yhteystiedot p { margin:0; padding:0 } #etusivu #yhteystiedot {top:0} .alanavi { margin-left: auto; margin-right: auto; float:none} .alanavi td { font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; list-style:none; border-right: 2px solid black; height:22px; padding-left:10px; padding-right:10px;} /**************/ /* puhekuplat */ /**************/ #kupla1 { background:url(images/etusivu/hanke.gif) no-repeat; height:97px ; width: 158px; float:left; overflow:hidden } #kupla2 { background:url(images/etusivu/ajankohtaista.gif) no-repeat; height:102px ; width: 161px; float:left; overflow:hidden } #kupla3 { background:url(images/etusivu/pelastaja.gif) no-repeat; height:83px ; width: 147px; float:left; overflow:hidden } #pala1 { float:left; background:url(images/etusivu/palstat_04.gif); width:57px; height:97px; } #pala2 { float:left; background:url(images/etusivu/palstat_06.gif); width:210px; height:97px; } #pala3 { float:left; background:url(images/etusivu/palstat_11.gif); width:42px; height:102px; } #pala4 { float:left; background:url(images/etusivu/palstat_13.gif); width:222px; height:102px; } #pala5 { float:left; background:url(images/etusivu/palstat_15.gif); width:425px; height:75px; } #pala6 { float:left; background:url(images/etusivu/palstat_08.gif); width:87px; height:83px; } #pala7 { float:left; background:url(images/etusivu/palstat_10.gif); width:191px; height:83px; } /*************************/ /* common for all tables */ /*************************/ table {border-collapse: collapse; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; clear:both;} table tr {} table td {vertical-align: top; padding: 0.3em;} .u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0} .u4-table-visible-borders td, .u4-table-complete td {border:1px solid #393d61; background:#fff } .u4-table-default-header p {margin:0;padding:0} .u4-table-visible-borders-header p {margin:0;padding:0} .u4-table-complete-header p {margin:0;padding:0} .u4-table-stripe-header p {margin:0;padding:0} .u4-table-stripe-header, .u4-table-complete-header2, .u4-table-complete-even {background:#FCDF38} .u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff} .u4-table-stripe-odd { background:#FFEFA8; } .u4-table-complete-header td {background:#5AB72D; color: #fff; font-weight: bold; } /* Red */ .u4-table-red p {margin:0;padding:0} .u4-table-red {margin:0 0 10px 0; border: 4px solid #E62F55} .u4-table-red td {border:1px solid #fbb; background:#fff } .u4-table-red-header td {background: #fdd;} /* yellow */ .u4-table-yellow p {margin:0;padding:0} .u4-table-yellow {margin:0 0 10px 0; border: 4px solid #FCDF38;} .u4-table-yellow td {border:1px solid #ee2; background:#fff } .u4-table-yellow-header td {background: #ffd;} /* green */ .u4-table-green p {margin:0;padding:0} .u4-table-green {margin:0 0 10px 0; border: 4px solid #5AB72D} .u4-table-green td {border:1px solid #9c9; background:#fff } .u4-table-green-header td {background: #dfd;} /*********/ /* Forms */ /*********/ .emailForm { font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} .formRow label { float:left; width:80px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; margin-right:5px;} .selectInputTd { width:80px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; } .textInputField { } .selectInputField { } /**********/ /* Search */ /**********/ #searchForm { font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; width:200px;} #search { border:2px solid black; margin: 0px 0; padding:0 5px;float:left; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} /*#submit { color: white; border: none; margin:0; padding:0px 5px;float:right; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#5AB72D}*/ #submit {width: 1.3em; height: 100%; margin: 0 5px; padding: 0px; border: 0; background: transparent url(images/sivuNavi1.gif) no-repeat 50% 70%; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ } /*****************/ /* Content-napit */ /*****************/ #contentNapit{ position:absolute; padding:0; margin:0; right:60px; top:0px; text-align:right;} #pdfNappi { background: url(images/icon_pdf.gif) no-repeat; padding-left:15px;float:left;} #sendNappi { background: url(images/icon_send.gif) no-repeat 0% 90%; padding-left:17px; float:left; padding-right: 5px;} #etusivu #contentNapit { visibility:hidden; display: none; } .floatLeft ul { margin:0; padding:0; float:right;margin-right:50px;} .floatLeft li{ float:right; list-style:none; padding:1px 3px;} .floatLeft a { color:#555; text-decoration:none;} .floatLeft a:hover {text-decoration:underline; } .ylaNapit { margin:0; padding:0; padding-right:30px; padding-top: 1px;} #etusivu .hidden {visibility:hidden; display:none; } /*************/ /* Send Form */ /*************/ .emailForm {clear:both;} #send_form br {clear:both; } #send-email { float:left; border:1px solid; margin-bottom:10px;} #send-message { float:left; border:1px solid; margin-bottom:5px;} #send-submit { float:left; } /* following styles apply to navigo top tools */ table.u4-em-ie { border-collapse:collapse ; } table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; } table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; } /* paragraph & cell styles */ .ingressi { font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;} .leftAlign { text-align:left ; } .rightAlign { text-align:right ; } .center { text-align:center ; } .justified { text-align:justify ; } .h { display:none ; } .spacer { clear:both ; height:1px ; overflow:hidden ; margin-bottom:-1px ;} p { line-height:1.6 ; margin-bottom:0.5em ; } strong { color:#111 ; } .u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; } /* sitemap */ .siteMap { width:300px ; padding-bottom:2em ; } .siteMap a { text-decoration:none ; display:block ;} .siteMap a:hover { text-decoration: underline; } .siteMap ul li { list-style:disc ; } .siteMapDocumentLevel0 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; } .siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; } .depth0 { padding-left:25px ; background-position:5px center ; width:275px ; } .depth1 { padding-left:40px ; background-position:20px center ; width:260px ; } .depth2 { padding-left:55px ; background-position:35px center ; width:245px ; } .depth3 { padding-left:70px ; background-position:50px center ; width:230px ; } .depth4 { padding-left:85px ; background-position:65px center ; width:215px ; } .depth5 { padding-left:100px ; background-position:80px center ; width:200px ; } .siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; } .siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 20px center no-repeat ; padding-left:40px ; } .siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 35px center no-repeat ; padding-left:55px ; } .siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 50px center no-repeat ; padding-left:70px ; } .siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat ; padding-left:85px ; } .stripe { } /***************/ /* Tuotekortti */ /***************/ .tuotekortti { padding:5px; background-color: #FFE84F; display:block; height:auto!important; margin: 5px 0 15px 0; height: 0; /* IE6 fix */ } .tuotekortti .raamit { background-color: white; padding: 2px; border: 1px solid #bbb;} .tuotekortti h3 {margin:0; padding:0; } .tuotekortti .image { width:140px; float:left; text-align:left; border: 1px solid #bbb; overflow:hidden;} .tuotekortti .imageSmall { width:80px; float:left; text-align:center; border: 1px solid #bbb; overflow:hidden;} .tuotekortti .content { width:290px; float:right; } .tuotekortti .contentWide { width:360px; float:right; } .tuotekortti .title { border: 1px solid #bbb; background-color: #5AB72D; padding: 0 5px;} .tuotekortti .text { padding: 0 6px;} .tuotekortti .lueLisaa { text-align:right; margin-right:5px;} .columnContainer .tuotekortti { padding:3px; background-color: #FFE84F; } .columnContainer .tuotekortti .image { width:80px; float:left; text-align:left; overflow:hidden; border: 1px solid #bbb;} .columnContainer .tuotekortti .content { width:130px; float:right; } .tuotekortti a:link { color:#00931c } .tuotekortti a:visited { text-decoration: underline; color:#2cac26 } .tuotekortti a:active { text-decoration: none; } .tuotekortti a:hover { text-decoration: none; } /* 2col */ /*.columnContainer { width:100% ; } .columnContainer .columns { width:49%; margin-right:3px; float:left;} .columnContent { width:auto ; }*/ /* 2col */ .columnContainer { width:100% ; } .columnContainer .columns { width:48%; } .columnContainer .columns .inner { width:auto; } .columnContainer .left { float:left; } .columnContainer .right { float:right; } /* highlight element */ .highLight { background-color: #E62F55 ; border:2px solid black; padding:5px ; margin-bottom:0.5em ; color:white } .highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; margin-bottom:5px;} .highLight a:link { text-decoration:underline; color:#FCE139 } .highLight a:visited { text-decoration: underline; color:#FCE139 } .highLight a:active { text-decoration: none; } .highLight a:hover { text-decoration: none; } /**************/ /* Lisainfo */ /**************/ .lisainfo { position:relative;} .lisainfo .tausta {z-index:9; position:absolute; border:2px solid black; background-color:yellow; width:300px; padding:0px; top:-50px;left:-100px;} .lisainfo .floatRight {float:right; border:none 0px;} .linkki {color:#00931c;} .linkki a:link {text-decoration: none} .linkki a:active {text-decoration: none} .linkki a:visited {text-decoration: none} .linkki a:hover {text-decoration: none} .lisainfo .sisalto {padding:0px 5px 5px 5px;} /************************************************************/ /* Idea */ /************************************************************/ .idea {margin:0;padding:0;padding-left:0px;margin-top:15px; font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} .idea p {margin:0;padding:0; text-decoration: none;} .idea li {margin-left:25px; color:#00931c} .idea label {float:left; width:110px; text-align:right; margin-right:10px;} .idea input, .idea textarea {margin-bottom:10px;} .idea .hidden {visibility:hidden} .idea a:link { text-decoration: none; color:#00931c; } .idea a:visited { text-decoration: none; color:#2cac26; } .idea a:active { text-decoration: none; } .idea a:hover { text-decoration: underline; } .editModeOnly { border: 2px solid green; padding:0 5px; background-color: #0b0;} .editModeOnly p { margin:0; padding:0;} .noPadding {margin:0;padding:0;} .small {width:25%;height:25%} /************************************************************/ /* Peruslista */ /************************************************************/ /*.peruslista {border:1px solid #eee; background:#FAFAfA;margin-bottom:1px; padding:1px 5px;}*/ .peruslista a:link {text-decoration: none; color:#000; font-weight: bold; letter-spacing: 0.1em;} .peruslista a:visited {text-decoration: none; color:#000; font-weight: bold; letter-spacing: 0.1em;} .peruslista a:active {text-decoration: none; color:#000; font-weight: bold; letter-spacing: 0.1em;} .peruslista a:hover {text-decoration: underline; color:#000; font-weight: bold; letter-spacing: 0.1em;} /***************************************/ /* Feed reader */ /***************************************/ .feedItemList { margin:0; padding:0; list-style-type: none;} /* Gallery */ #gallery {font:0.8em verdana, sans-serif; font-weight:bold;} #gallery a:link { text-decoration: none; color:#00931c; } #gallery a:visited { text-decoration: none; color:#2cac26; } #gallery a:hover {text-decoration: none; color:#000; } #galleryListButtons {clear: both;padding-top:10px; font:0.8em verdana, sans-serif; font-weight:bold;} #galleryListButtons a:link { text-decoration: none; color:#00931c; } #galleryListButtons a:visited { text-decoration: none; color:#2cac26; } #galleryListButtons a:hover {text-decoration: none; color:#000;} #galleryImage {width: 456px; height: 517px; background: url(/stc/images/gallery/book.gif) no-repeat; padding: 6px 0 0 31px; margin-left: 10px;} #photoListPosition {float:left;width: 45px; height: 45px; background: url(/stc/images/gallery/countButton.gif) no-repeat; margin-left: 10px; padding-top:16px; color:white; text-align:center;margin-right:10px;} #photoNext {float:left; width:110px; text-align:center;padding:16px 5px;} #photoPrev {float:left; width:110px; text-align:center;padding:16px 5px;} #photoToGallery {float:left; width:120px;text-align:center;padding:16px 5px;} #listNext {float:left; width:165px; padding-top:16px; text-align:center;} #listPrev {float:left; width:165px; padding-top:16px; text-align:center;} .line {background: url(/stc/images/gallery/line.gif) no-repeat right 13px; height:16px;} .imageBorders {float:left;width:136px; height:174px; padding: 2px 0 0 3px; background: url(/stc/images/gallery/thumbnail_bg.gif) no-repeat; margin:7px;} .disabledLink {color:#aaa} /*Tests*/ /*Multiple test*/ .navigo-tests-multi {width:100%; float: left; margin-bottom: 20px; } .navigo-tests-multi .result {} .navigo-tests-multi .result .allVotes {margin:5px 0} .navigo-tests-multi .result p.answerText {margin:0;margin-bottom:15px; padding-bottom:15px;border-bottom: 1px solid black;} .navigo-tests-multi .result div.bars { background: #e2f3d9; padding-bottom:10px;} .navigo-tests-multi .result div.bars div.q { background: #5AB72D; padding:2px; font-weight:bold;} .navigo-tests-multi .result div.bars span.a { padding:2px;} .navigo-tests-multi .result div.bars span.bar { display:block; background: #E62F55 top left no-repeat;} /* Use image to make bar prettier*/ .navigo-tests-multi .form dl { margin:0; padding:0;} .navigo-tests-multi .form dl dt { font-weight:bold; background: #5AB72D; padding:2px;} .navigo-tests-multi .form dl dd { margin:0; background: #e2f3d9; padding:2px;} .navigo-tests-multi .form input {margin-top: 10px;} .navigo-tests-multi .form dd input {margin-top: 0px;} div#pointRange {padding:10px 0;} div#pointRange p.answerText {padding-bottom:10px;} /*End Multiple test*/ /*Friend test*/ .navigo-tests-friend .form .friend_names{font-weight:bold;} /*End Friend test*/ /*Poll*/ .navigo-tests-poll {float:left; border: 1px solid #B7B7B7; background: #F5F5F5; padding:10px; margin-bottom: 20px; } .navigo-tests-poll .result {} .navigo-tests-poll .result .allVotes {margin:5px 0} .navigo-tests-poll .result div.bars { width:140px;} .navigo-tests-poll .result div.bars div.q { padding:5px 0 0 0; font-weight:bold;} .navigo-tests-poll .result div.bars span.a {} .navigo-tests-poll .result div.bars span.bar { display:block;} /* Use these if you want to show similar bars with mtk.fi */ .navigo-tests-poll .result div.bars span.bar {display:block; background: #5AB72D;} .navigo-tests-poll .result div.bars span.bar_rest {display:block; background: #EAF0E2;} /*End Poll*/ /*End Tests*/