a { color: #e60271; text-decoration: none; } a:hover { text-decoration: underline; } body { margin: 20px 0px 20px 0px; padding: 0px; background-color: #ffffff; font-family: garamond, times new roman, serif; font-size: 0.9em; color: #000000; line-height: 1.3em; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 4px 0px 4px 0px; font-family: arial, sans-serif; color: #eb008a; font-size: 1.5em; font-weight: normal; } h2 { } img, table { border: none; } div.Clear { clear: both; } div#Container { margin: 0px auto 0px auto; padding: 0px 0px 26px 0px; width: 1001px; background: transparent url(../images/pageBg.png) no-repeat left bottom; } div#Container div#Border { padding: 19px 0px 0px 0px; background: transparent url(../images/pageBg.png) no-repeat left top; } div#Content { float: left; padding: 15px 15px 0px 35px; width: 736px; } div#Banner { clear: both; } div#Banner a { display: block; width: 736px; height: 89px; background: transparent url(../../images/joulukatuBanneri.gif) no-repeat; } div#Banner a span { display: none; } div#Language { float: right; padding: 0px 0px 2px 0px; color: #d1d1d1; } div#Language span { display: block; float: left; padding: 4px 0px 0px 0px; } div#Language span.Join { display: block; float: left; width: 10px; height: 22px; background: transparent url(../images/pageJoin.png) no-repeat 0px 9px; } div#Language a span { display: none; } div#Language span a { display: block; float: left; height: 24px; background: transparent url(../images/pageLanguage.png) no-repeat; } div#Language span a.fi { width: 15px; background-position: 3px 5px; } div#Language span a.fi:hover { background-position: 3px -35px; } div#Language span.Active a.fi { background-position: 3px -15px; } div#Language span a.en { width: 25px; background-position: -52px 5px; } div#Language span a.en:hover { background-position: -52px -35px; } div#Language span.Active a.en { background-position: -52px -15px; } div#Language span a.sv { width: 26px; background-position: -19px 5px; } div#Language span a.sv:hover { background-position: -19px -35px; } div#Language span.Active a.sv { background-position: -19px -15px; } ul#Menu { margin: 0px; padding: 0px; list-style: none; } ul#Menu li { float: left; padding: 7px 0px 8px 0px; background: transparent url(../images/pageMenuBg.gif) repeat-x bottom; } ul#Menu li a { display: block; height: 17px; padding: 10px 0px 10px 0px; border-bottom: 2px solid #d3d2d2; background: transparent url(../images/pageMenu.png) no-repeat; } ul#Menu li a span { display: none; } ul#Menu li a.etusivu { width: 76px; margin-right: 35px; background-position: 0px 10px; } ul#Menu li a.etusivu:hover { background-position: 0px -50px; } ul#Menu li.Active a.etusivu { background-position: 0px -20px; } ul#Menu li a.hcm { width: 56px; margin-right: 35px; background-position: -77px 10px; } ul#Menu li a.hcm:hover { background-position: -77px -50px; } ul#Menu li.Active a.hcm { background-position: -77px -20px; } ul#Menu li a.ajankohtaista { width: 148px; margin-right: 35px; background-position: -134px 10px; } ul#Menu li a.ajankohtaista:hover { background-position: -134px -50px; } ul#Menu li.Active a.ajankohtaista { background-position: -134px -20px; } ul#Menu li a.tapahtumat { width: 125px; margin-right: 35px; background-position: -281px 10px; } ul#Menu li a.tapahtumat:hover { background-position: -281px -50px; } ul#Menu li.Active a.tapahtumat { background-position: -281px -20px; } ul#Menu li a.linkit { width: 75px; margin-right: 35px; background-position: -583px 10px; } ul#Menu li a.linkit:hover { background-position: -583px -50px; } ul#Menu li.Active a.linkit { background-position: -583px -20px; } ul#Menu li a.jasenet { width: 80px; margin-right: 0px; background-position: -654px 10px; } ul#Menu li a.jasenet:hover { background-position: -654px -50px; } ul#Menu li.Active a.jasenet { background-position: -654px -20px; } ul#Shops { margin: 0px; padding: 2px 6px 0px 6px; float: left; width: 190px; list-style: none; font-family: arial, sans-serif; line-height: normal; } ul#Shops li a { display: block; padding: 0px 0px 6px 0px; font-size: 0.7em; text-transform: uppercase; background: transparent url(../images/shopBg.png) no-repeat left bottom; color: #ffffff; } ul#Shops li a span { display: block; padding: 5px 6px 0px 6px; background: transparent url(../images/shopBg.png) no-repeat left top; line-height: 0.9em; } ul#Shops li a:hover, ul#Shops li a:hover span { background-image: url(../images/shopBgHover.png); text-decoration: none; } ul#Shops li ul { margin: 0px; padding: 0px 1px 0px 1px; list-style: none; } ul#Shops li a.Active, ul#Shops li a.Active span { background-image: url(../images/shopBgOpen.png); } ul#Shops li ul li a { padding: 2px 0px 2px 3px; background: #d8e683; border-bottom: 1px solid #ffffff; color: #6e8f44; text-transform: none; } ul#Shops li ul li a:hover, ul#Shops li ul li.Active a { background: #80ab42; color: #ffffff; } ul#Shops li.hotelli a { background-position: -1710px bottom; } ul#Shops li.hotelli a span { background-position: -1710px top; } ul#Shops li.hotelli ul li a { background-color: #c5c6c6; color: #585b5b; } ul#Shops li.hotelli ul li a:hover { background-color: #585b5b; color: #ffffff; } ul#Shops li.hotelli ul li.Active a { background-color: #585b5b; color: #ffffff; } ul#Shops li.kauneuspalvelut a { background-position: -1520px bottom; } ul#Shops li.kauneuspalvelut a span { background-position: -1520px top; } ul#Shops li.kauneuspalvelut ul li a { background-color: #dfadd3; color: #a41680; } ul#Shops li.kauneuspalvelut ul li a:hover { background-color: #a41680; color: #ffffff; } ul#Shops li.kauneuspalvelut ul li.Active a { background-color: #a41680; color: #ffffff; } ul#Shops li.kauppakeskus a { background-position: -1330px bottom; } ul#Shops li.kauppakeskus a span { background-position: -1330px top; } ul#Shops li.kauppakeskus ul li a { background-color: #caeee6; color: #4e9a9f; } ul#Shops li.kauppakeskus ul li a:hover { background-color: #68cfb8; color: #ffffff; } ul#Shops li.kauppakeskus ul li.Active a { background-color: #68cfb8; color: #ffffff; } ul#Shops li.korut-kellot a { background-position: -1140px bottom; } ul#Shops li.korut-kellot a span { background-position: -1140px top; } ul#Shops li.korut-kellot ul li a { background-color: #fee6ac; color: #e18d17; } ul#Shops li.korut-kellot ul li a:hover { background-color: #fcb813; color: #ffffff; } ul#Shops li.korut-kellot ul li.Active a { background-color: #fcb813; color: #ffffff; } ul#Shops li.muut-palvelut a { background-position: -950px bottom; } ul#Shops li.muut-palvelut a span { background-position: -950px top; } ul#Shops li.muut-palvelut ul li a { background-color: #e2ccf5; color: #9063ca; } ul#Shops li.muut-palvelut ul li a:hover { background-color: #ac6de1; color: #ffffff; } ul#Shops li.muut-palvelut ul li.Active a { background-color: #ac6de1; color: #ffffff; } ul#Shops li.pysakointi a { background-position: -760px bottom; } ul#Shops li.pysakointi a span { background-position: -760px top; } ul#Shops li.pysakointi ul li a { background-color: #a9c6f8; color: #405dd4; } ul#Shops li.pysakointi ul li a:hover { background-color: #0a5deb; color: #ffffff; } ul#Shops li.pysakointi ul li.Active a { background-color: #0a5deb; color: #ffffff; } ul#Shops li.ravintola-kahvila a { background-position: -570px bottom; } ul#Shops li.ravintola-kahvila a span { background-position: -570px top; } ul#Shops li.ravintola-kahvila ul li a { background-color: #f8b0b2; color: #a34a47; } ul#Shops li.ravintola-kahvila ul li a:hover { background-color: #ec1c24; color: #ffffff; } ul#Shops li.ravintola-kahvila ul li.Active a { background-color: #ec1c24; color: #ffffff; } ul#Shops li.sisustus-koti a { background-position: -380px bottom; } ul#Shops li.sisustus-koti a span { background-position: -380px top; } ul#Shops li.sisustus-koti ul li a { background-color: #dfc0bf; color: #a34a47; } ul#Shops li.sisustus-koti ul li a:hover { background-color: #a34a47; color: #ffffff; } ul#Shops li.sisustus-koti ul li.Active a { background-color: #a34a47; color: #ffffff; } ul#Shops li.tavaratalo a { background-position: -190px bottom; } ul#Shops li.tavaratalo a span { background-position: -190px top; } ul#Shops li.tavaratalo ul li a { background-color: #f8a6d6; color: #bb007e; } ul#Shops li.tavaratalo ul li a:hover { background-color: #eb008b; color: #ffffff; } ul#Shops li.tavaratalo ul li.Active a { background-color: #eb008b; color: #ffffff; } div#Map { position: relative; clear: both; padding: 20px 0px 0px 0px; min-height: 525px; height: auto !important; height: 525px; background: transparent url(../images/mapBg.png) no-repeat center top; } div#Map a { position: absolute; display: block; margin: -8px 0px 0px -10px; width: 19px; height: 17px; background: transparent url(../images/mapPointBg.png) no-repeat 0px -174px; } div#Map a.hotelli { background-position: 0px -1px; } div#Map a.hotelli:hover { background-position: -19px -1px; } div#Map a.kauneuspalvelut { background-position: 0px -20px; } div#Map a.kauneuspalvelut:hover { background-position: -19px -20px; } div#Map a.kauppakeskus { background-position: 0px -39px; } div#Map a.kauppakeskus:hover { background-position: -19px -39px; } div#Map a.korut-kellot { background-position: 0px -59px; } div#Map a.korut-kellot:hover { background-position: -19px -59px; } div#Map a.muut-palvelut { background-position: 0px -78px; } div#Map a.muut-palvelut:hover { background-position: -19px -78px; } div#Map a.pysakointi { background-position: 0px -97px; } div#Map a.pysakointi:hover { background-position: -19px -97px; } div#Map a.ravintola-kahvila { background-position: 0px -116px; } div#Map a.ravintola-kahvila:hover { background-position: -19px -116px; } div#Map a.sisustus-koti { background-position: 0px -136px; } div#Map a.sisustus-koti:hover { background-position: -19px -136px; } div#Map a.tavaratalo { background-position: 0px -155px; } div#Map a.tavaratalo:hover { background-position: -19px -155px; } div#Map a.vaatetus { background-position: 0px -174px; } div#Map a.vaatetus:hover { background-position: -19px -174px; } div#Map div.Box { position: absolute; width: 180px; background-color: #ffffff; font-family: arial, sans-serif; font-size: 0.75em; text-align: center; line-height: normal; } div#Map div.Box a { position: static; display: inline; margin: 0px; width: auto; height: auto; background: transparent; color: #b3d242; } div#Map div.Box div { padding: 3px; border: 3px solid #b3d242; } div#Map div.Box span.Border { display: block; padding: 6px 3px 10px 3px; border: 1px solid #dce992; } div#Map div.Box h3 { display: block; margin: 0px auto 0px auto; padding: 0px 0px 4px 0px; width: 156px; background: transparent url(../images/mapNameBg.png) no-repeat -468px bottom; color: #ffffff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; line-height: 1.0em; } div#Map div.Box h3 span { display: block; padding: 6px 0px 0px 0px; background: transparent url(../images/mapNameBg.png) no-repeat -468px top; } div#Map div.Box span.Logo { display: block; padding: 10px 0px 0px 0px; } div#Map div.Box span.Text { display: block; padding: 5px 0px 5px 0px; } div#Map div.Box span.Open { display: block; padding: 15px 0px 0px 0px; background: transparent url(../images/mapBarBg.png) no-repeat center 5px; } div#Map div.Box div.hotelli { border-color: #808184; } div#Map div.Box div.hotelli a { color: #808184; } div#Map div.Box div.hotelli h3 { background-position: 0px bottom; } div#Map div.Box div.hotelli h3 span { background-position: 0px top; } div#Map div.Box div.hotelli span.Border { border-color: #a6a7a9; } div#Map div.Box div.hotelli span.Open { background-position: center -125px; } div#Map div.Box div.muut-palvelut { border-color: #ac6de1; } div#Map div.Box div.muut-palvelut a { color: #ac6de1; } div#Map div.Box div.muut-palvelut h3 { background-position: -156px bottom; } div#Map div.Box div.muut-palvelut h3 span { background-position: -156px top; } div#Map div.Box div.muut-palvelut span.Border { border-color: #d3b2ef; } div#Map div.Box div.muut-palvelut span.Open { background-position: center -255px; } div#Map div.Box div.tavaratalo { border-color: #eb008b; } div#Map div.Box div.tavaratalo a { color: #eb008b; } div#Map div.Box div.tavaratalo h3 { background-position: -312px bottom; } div#Map div.Box div.tavaratalo h3 span { background-position: -312px top; } div#Map div.Box div.tavaratalo span.Border { border-color: #f03fa8; } div#Map div.Box div.tavaratalo span.Open { background-position: center -395px; } div#Map div.Box div.kauneuspalvelut { border-color: #a41680; } div#Map div.Box div.kauneuspalvelut a { color: #a41680; } div#Map div.Box div.kauneuspalvelut h3 { background-position: -624px bottom; } div#Map div.Box div.kauneuspalvelut h3 span { background-position: -624px top; } div#Map div.Box div.kauneuspalvelut span.Border { border-color: #ba509f; } div#Map div.Box div.kauneuspalvelut span.Open { background-position: center -545px; } div#Map div.Box div.pysakointi { border-color: #0a88ff; } div#Map div.Box div.pysakointi a { color: #0a88ff; } div#Map div.Box div.pysakointi h3 { background-position: -780px bottom; } div#Map div.Box div.pysakointi h3 span { background-position: -780px top; } div#Map div.Box div.pysakointi span.Border { border-color: #47a5ff; } div#Map div.Box div.pysakointi span.Open { background-position: center -695px; } div#Map div.Box div.sisustus-koti { border-color: #a34a47; } div#Map div.Box div.sisustus-koti a { color: #a34a47; } div#Map div.Box div.sisustus-koti h3 { background-position: -936px bottom; } div#Map div.Box div.sisustus-koti h3 span { background-position: -936px top; } div#Map div.Box div.sisustus-koti span.Border { border-color: #ba7775; } div#Map div.Box div.sisustus-koti span.Open { background-position: center -835px; } div#Map div.Box div.ravintola-kahvila { border-color: #ec1c24; } div#Map div.Box div.ravintola-kahvila a { color: #ec1c24; } div#Map div.Box div.ravintola-kahvila h3 { background-position: -1092px bottom; } div#Map div.Box div.ravintola-kahvila h3 span { background-position: -1092px top; } div#Map div.Box div.ravintola-kahvila span.Border { border-color: #f0545a; } div#Map div.Box div.ravintola-kahvila span.Open { background-position: center -985px; } div#Map div.Box div.kauppakeskus { border-color: #68cfb8; } div#Map div.Box div.kauppakeskus a { color: #68cfb8; } div#Map div.Box div.kauppakeskus h3 { background-position: -1248px bottom; } div#Map div.Box div.kauppakeskus h3 span { background-position: -1248px top; } div#Map div.Box div.kauppakeskus span.Border { border-color: #8ddbc9; } div#Map div.Box div.kauppakeskus span.Open { background-position: center -1145px; } div#Map div.Box div.korut-kellot { border-color: #fcb813; } div#Map div.Box div.korut-kellot a { color: #fcb813; } div#Map div.Box div.korut-kellot h3 { background-position: -1404px bottom; } div#Map div.Box div.korut-kellot h3 span { background-position: -1404px top; } div#Map div.Box div.korut-kellot span.Border { border-color: #fcc94e; } div#Map div.Box div.korut-kellot span.Open { background-position: center -1305px; } body.ContentPage div#Container { padding: 26px 0px 0px 0px; background: transparent url(../images/pageBgWide.png) no-repeat top; } body.ContentPage div#Container div#Border { padding-bottom: 250px; background: transparent url(../images/pageBgWide.png) no-repeat bottom; } body.ContentPage div#Content { float: none; padding: 0px 132px 0px 132px; min-height: 650px; background: transparent url(../images/mapBgFaded.png) no-repeat center 150px; } body.ContentPage div#Text { padding: 25px 0px 0px 0px; min-height: 445px; height: auto !important; height: 445px; } body.ContentPage div#Text div.Columns { padding: 0px 0px 10px 0px; float: left; clear: both; background: transparent url(../images/pageContentBg.png) repeat-y; } body.ContentPage div#Text div.Columns div.Column-1 { float: left; padding: 0px 15px 0px 0px; width: 350px; } body.ContentPage div#Text div.Columns div.Column-2 { float: left; padding: 0px 0px 0px 25px; width: 345px; } body.ContentPage div#Content.kiinteistojasenet div.Columns div.Column-1, body.ContentPage div#Content.linkit div.Columns div.Column-1, body.ContentPage div#Content.jasenet div.Columns div.Column-1 { padding-left: 70px; width: 280px; } body.ContentPage div#Content.kiinteistojasenet div.Columns div.Column-2, body.ContentPage div#Content.linkit div.Columns div.Column-2, body.ContentPage div#Content.jasenet div.Columns div.Column-2 { padding-right: 70px; width: 270px; } body.ContentPage div#TopText { padding: 25px 0px 0px 0px; } body.ContentPage div#Text.Listing { padding: 15px 0px 0px 0px; min-height: 455px; height: auto !important; height: 455px; } body.ContentPage div#Text.Listing ul { margin: 0px; padding: 0px; list-style: none; } body.ContentPage div#Text.Listing ul li { padding: 10px 0px 15px 0px; border-bottom: 2px solid #ec008b; } body.ContentPage div#Text.Listing ul li img { padding: 0px 15px 0px 0px; } body.ContentPage div#Text.Listing ul.imagebank-thumbs li a { border-bottom:solid 2px #ffffff; margin: 0px 5px; } body.ContentPage div#Text.Listing ul.imagebank-thumbs li a:hover { border-bottom:solid 2px #d3d2d2; } body.ContentPage div#Text.Listing ul.imagebank-thumbs li a.current-image { border-bottom:solid 2px #ec008b; } body.ContentPage div#Text.Listing ul.imagebank-thumbs li img { padding: 0px 5px; } body.ContentPage div#Text.Listing div.imagebank-preview { padding:20px 0px; } form { padding-left:45px; } form label { margin: 0px; display: block; padding: 13px 0px 2px 0px; font-size: 0.9em; color: #221e1f; font-weight: normal; } form label span { color:#e90080; font-weight:bold; } form input { width: 240px; border: 1px soli #d3d2d2; } form button { margin: 25px 0px 0px; padding: 5px 16px; background: #e90080; border: none; color: #ffffff; font-weight: bold; } div#onEventMessage { margin: 10px 0px 5px 45px; padding:3px; width:234px; border: 1px solid #e90080; text-align:center; }