/* ***** YLEISET ***** */ body { margin: 0; /*background-color: rgb(51,51,51); *//* #333 */ background-color: #ffffff; color:#555; font:15px/20px Calibri, Helvetica, Arial, Tahoma, sans-serif; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } button, textarea, #container input, div.aanestys, div.aanestys h1.otsikko, div.aanestys h3.otsikko, .aanestys td.jakauma { font-family: Calibri, Helvetica, Arial, Tahoma, sans-serif; } img { border-width: 0; vertical-align: bottom; } ul, ol { list-style-type: none; margin: 0; padding: 0; } a { text-decoration: none; color: #cc5404; } a:visited { color: #b3ba00; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } h1,h2,h3,h4,h5,h6 { color: #105F73; margin: .8em 0 .2em 0; } h1 { font-size: 30px; line-height: 32px; font-weight:normal; } h2 { font-size: 24px; line-height: 25px; } h3 { font-size: 18px; line-height: 20px; } /* ***** //YLEISET ***** */ /* ***** LAYOUT ***** */ #container { width: 990px; margin: 0 auto; position: relative; padding: 193px 0 0 0;/*padding: 196px 0 0 0;*/ /* tilaa globnaville */ } #bg_dynamic, #bg_dynamic .bgimg { height: 800px; } #bg_dynamic { position: fixed; z-index: -1; left: 0; width: 100%; top: auto; margin: -90px 0 0 0; } #bg_dynamic .bgimg { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center top; } #bg_dynamic .bgfader { width: 100%; height: 200px; position: absolute; bottom: 0; background: -moz-linear-gradient(100% 100% 90deg,rgba(51,51,51,1), rgba(51,51,51,0)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(51,51,51,0)), to(rgba(51,51,51,1))); } #bg_dynamic .bgfader2 { width: 100%; height: 100px; position: absolute; top: 0; background: -moz-linear-gradient(100% 100% 90deg,rgba(51,51,51,0), rgba(51,51,51,1)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(51,51,51,1)), to(rgba(51,51,51,0))); } #page { background-color: #ffffff; padding: 0 0 5px 0; margin: 0; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; } div.section { clear: both; } div.sec_left { float: left; width: 512px; margin: 0 0 0 18px; } div.sec_right { float: right; width: 424px; margin: 0 18px 0 0; } div.frontsec_left { float: left; width: 478px; margin: 0 0 0 18px; } div.frontsec_right { float: right; width: 463px; margin: 0 18px 0 0; } div.block { margin: 0 0 40px 0; clear: both; } div.article { position: relative; padding-top: 10px; padding-bottom: 10px; } div.left_sep { border-right: 1px solid #c8c8c8; } .clear, .clearer, .spacer { clear: both; } div.clearer,div.spacer { height: 1px; line-height: 1px; overflow: hidden; } div.spacer { height: 10px; } #breadcrumbs { padding: 10px 18px; } .breadcrumbs { overflow: hidden; } .breadcrumbs { text-transform: uppercase; letter-spacing: .15em; font-size: 13px; margin: 0; padding: 0; } .breadcrumbs li { float: left;/* opacity: .7; filter: alpha(opacity=70);*/ background: url(http://static.mtv3.fi/matkailu/img/16_browseright.png) left 3px no-repeat; padding-left: 16px; padding-right: 5px; } .breadcrumbs a, .breadcrumbs a:visited { color: #444; } /* .breadcrumbs li:hover { opacity: 1; filter: alpha(opacity=100); } */ ul.breadcrumbs li:last-child { font-weight: bolder; } .breadcrumbs li > span { display: none; } /* LAYOUT / välilehdet */ ul.sec_tabs { height: 32px; margin-top: 10px; border-left: 1px solid #ccc; } ul.sec_tabs li { float: left; font-size: 17px; line-height: 30px; } ul.sec_tabs li a { display: block; padding: 0 10px; height: 31px; text-decoration: none; color: #444; border-width: 1px 1px 0 0; border-color: #ccc; border-style: solid; background-color: #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* for firefox 3.6+ */ } ul.sec_tabs li.active a { height: 31px; background: #ffffff none; border-bottom-width: 1px; border-bottom-color: #ffffff; } div.sec_tabs { padding: 5px; background-color:#ffffff; border:1px solid #cccccc; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #searchbox, #searchbox2 { width: 302px; overflow: hidden; /*padding: 20px 0 15px 0;*/ padding: 20px 0 0; margin: 0 0 15px 18px; position: relative; background: #ffffff; background: rgba(255,255,255,0.85); /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.8))); background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0.8)); -moz-border-radius: 5px; border-radius: 5px; } .sec_left #searchbox, .sec_left #searchbox2 { margin: 0; } #taglistviewer { margin: 10px 0 40px 0; } #taglistviewer h2 { display: inline; padding: 0 15px 0 0; margin: 0; } #searchbox div.taglist, #searchbox2 div.taglist { padding: 15px 0 0 0; } button.taglistview { color: #555555; font-size: 15px; line-height: 28px; height: 28px; margin: 0 5px 0 0; padding: 0 15px; display: inline-block; cursor: pointer; background-color: #eeeeee; border: 1px solid #cccccc; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eeeeee'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eeeeee)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fdfdfd, #eeeeee); /* for firefox 3.6+ */ } button.taglistselected { font-weight: bold; color: #ffffff; background: #858585 none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d1d', endColorstr='#858585'); /* IE:lle feidi kun ei tue box-shadowta */ -moz-box-shadow: 2px 4px 10px #000000 inset; -webkit-box-shadow: 2px 4px 10px #000000 inset; box-shadow:inset 2px 4px 10px #000000 inset; cursor: default; /* background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#858585)); background: -moz-linear-gradient(top, #1d1d1d, #858585);*/ } /* lomahaun tulokset */ div#results { margin: 0 18px 10px; } /* ***** //LAYOUT ***** */ /* ***** LAYOUT / mainokset ***** */ div.sismainos { width: 468px; margin: 40px auto; text-align: center; } .frontsec_left div.sismainos { margin: 0 auto; } div.panoraama { text-align: center; } div#jatti { width: 990px; margin: 5px auto; } .sponsor_ad { text-align: center; margin: 0 auto 10px 18px; width: 305px; float: left; overflow: hidden; } /* ***** //LAYOUT / mainokset ***** */ /* ***** ETUSIVU ***** */ .etusivu_taglist { /*width: 230px;*/ } .etusivu_taglist div.taglist { text-align: left; } .etusivu_taglist div.taglist a { font-size: 15px !important; width: 110px; padding: 0 0 1px; } .etusivu_taglist .taglist .taglist_all a { padding-top: 12px; } .etusivu_taglist .tagilistaus li { float: left; width: 110px; padding: 0 0 1px; } .etusivu_taglist .tagilistaus.tagilistaus_kuvalla li { width: 220px; padding: 0 0 1px; } .etusivu_taglist .tagilistaus.tagilistaus_kuvalla img { margin-right: 5px; vertical-align: middle; } .etusivu_taglist div.taglist.tagi_kohteet_ulkomaat a { display: none; } .etusivu_taglist div.taglist.tagi_kohteet_ulkomaat .taglist_all a { display: block; } .etusivu_taglist div.taglist.tagi_teemat a { display: none; } .etusivu_taglist div.taglist.tagi_teemat .taglist_all a { display: block; } .kotimaantarjonta_gofinland { float: right; margin: 30px 110px 0 0; } .gofi_karttahaku { position:relative; width:162px; height: 258px; float:left; } #header-carousel { float: right; width: 625px; height: 375px; border: 1px solid #ccc; margin: 25px 18px 10px 0; position:relative; overflow: hidden; } #header-carousel.header-carousel-wide { width: 988px; height: 380px; margin-right: 0; border-right:none; border-left: none; } #header-carousel a { color:#fff; } #header-carousel h1, #header-carousel h2, #header-carousel p { color:#fff; display: block; } #header-carousel h2 {font-size:30px; line-height: 32px; font-weight: normal; } #header-carousel .nostorumpu { position: relative; overflow: hidden; margin: 0; } #header-carousel .nostorumpu div { position: relative; } #header-carousel.header-carousel-small .nostorumpu { width:625px; height: 375px; } #header-carousel.header-carousel-wide .nostorumpu { width:988px; height: 380px; } #header-carousel .mn_kuvateksti, #header-carousel.header-carousel-small h1 { display: none; } #header-carousel.header-carousel-small h2, #header-carousel.header-carousel-small p { background-color: #000; background: rgba(0, 0, 0, 0.6); } #header-carousel.header-carousel-small h2 { position: absolute; top: 270px; margin:0; height: 35px; overflow: hidden; } #header-carousel.header-carousel-small h2 a, #header-carousel.header-carousel-small p a { display: block; padding: 0 30px; width: 565px; } #header-carousel.header-carousel-small p { position: absolute; top: 315px; margin: 0; height: 60px; } #header-carousel.header-carousel-wide .slide_content { width:535px; height: 380px; background-color: #000; background: rgba(0, 0, 0, 0.6); position:absolute; z-index:999; } #header-carousel.header-carousel-wide h2, #header-carousel.header-carousel-wide p { position: relative; top: auto; } #header-carousel.header-carousel-wide p { margin: 0 30px 12px 70px; } #header-carousel.header-carousel-wide h2 { margin: 50px 30px 12px 70px; } #header-carousel.header-carousel-wide h2 a, #header-carousel.header-carousel-wide p a { display: block; padding: 0px; width: auto; } #header-carousel.header-carousel-wide .prods { margin: 0 0 0 70px; position: absolute; /*top: 225px;*/top: 220px; max-height: 160px; } #header-carousel.header-carousel-wide .prods li { width:130px; margin: 0 20px 0 0; float: left; } #header-carousel.header-carousel-wide .prods li a { display: block; line-height: 15px; } #header-carousel.header-carousel-wide .prods img { max-width:125px; border: 2px solid #fff; margin-bottom: 5px; display: block; } #header-carousel.header-carousel-wide .prods span { display: block; } #header-carousel.header-carousel-wide .nostorumpu .slide_bg img { width:988px; } #header-buttons a { z-index: 1000; background: url('http://static.mtv3.fi/matkailu/img/karuselli_nuolinapit.png') 0 0 no-repeat; display: block; width: 40px; height: 40px; position: absolute; } #header-buttons a#header-prev, #header-carousel a#header-next { top: 150px; } #header-buttons a#header-prev { left: 5px; } #header-buttons a#header-next { background-position: -57px 0; right: 5px; } .header-carousel-wide #header-buttons a#header-prev { left: 10px; } .header-carousel-wide #header-buttons a#header-next { right: 10px; } #header-carousel #indicator { position: absolute; top: 15px; left: 30px; z-index: 1000; } #header-carousel.header-carousel-wide #indicator { left: 70px; } #header-carousel #indicator a { float: left; margin-right: 5px; } #header-carousel #indicator a { background: url('http://static.mtv3.fi/matkailu/img/osoitin.png') 0 0 no-repeat; width: 13px; height: 20px; text-indent: -9999px; } #header-carousel #indicator a.activeSlide { background-position: -20px 0; } #header-carousel #indicator a:hover { background-position: -20px 0; } /* ***** //ETUSIVU ***** */ /* ***** ARTIKKELIT ***** */ .article h1.otsikko { margin-top: 0; } p.ingressi { font-weight: bold; } .article p.ingressi { overflow: hidden; } /*.article p.ingressi:first-letter { font-family: "Trebuchet MS"; color: #fff; font-size: 320%; font-weight: 100; background-color: rgb(34, 136, 170); float: left; line-height: 1.3em; margin: 0px 5px 0 0; padding: 10px 10px; }*/ .article .kuva img { max-width: 512px; height: auto; } .article h3.lomahaku_load { display: none; } .sec_right h3.lomahaku_load { display: none; } .article .fblike { margin-top: 10px; } .kyselynosto, .lyhennelmat .lyhennelma { min-height: 180px; width: 220px; float: left; overflow:hidden; } .kyselynosto { width: 235px; } div.lyhennelmat { float: left; margin-left:18px; } div.lyhennelma { margin: 0 18px 10px 0; padding-bottom: 10px; margin-bottom: 15px; position:relative; } .lyhennelma h1.otsikko { margin: 0 0 5px 0; font-size: 15px; line-height: 20px; } .lyhennelma h1 a { color: #cc5404; } .lyhennelma h1 a:visited, .gofi_suosittelee h2 a:visited, .bloginosto h2 a:visited { color: #b3ba00; } .lyhennelma h1 a:hover { color: #cc5404; } .lyhennelma img.lyhennelmakuva { float: left; margin: 0 10px 10px 0; } .lyhennelma p.ingressi, .lyhennelma p.teksti { font-weight: normal; margin-bottom: 5px; } .lyhennelma .ingressi a { color: #444; } .miniotsikko { font-size: 15px; color: #105F73; font-weight: normal; } p.taglist, p.lyhennelmatagit { margin: 0; } .pvm { font-size: small; color: #888; color: rgba(0,0,0,.4); font-size: 13px; } .lyhennelma div.pvm { float: left; margin: 0 5px 0 0; } .article div.pvm { line-height: 16px; margin: 0 0 14px 0; } ul.lista { margin: 1em 0; } .lista li { padding-bottom: 5px; } .rivikuvake li { background: transparent url(http://static.mtv3.fi/matkailu/img/16_browseright.png) left 2px no-repeat; padding-left: 16px; } li.external { background: transparent url(http://static.mtv3.fi/matkailu/img/16_external-link.png) left 2px no-repeat; } li.video { background: transparent url(http://static.mtv3.fi/matkailu/img/16_video-clip.png) left 2px no-repeat; } .listshowall { background: transparent url(http://static.mtv3.fi/matkailu/img/arrow_down_up.png) left 2px no-repeat; padding-left: 16px; padding-bottom: 3px; margin: 0; } .listshowall a span { display: none; } .listshowall a span:first-child { display: inline; } .listopen { background-position: left -14px; } .listopen a span { display: inline; } .listopen a span:first-child { display: none; } li.arkistolinkki { background-image: none; padding-left: 5px; font-weight: bold; } table.left, .img-container-left { float: left; margin-right: 5px; } table.right, .img-container-right { float: right; margin-left: 5px; } #page p.mn_kuvateksti { margin: 5px 0 0 0; clear: both; } .article form.kty { padding-bottom: 30px; } .article .artikkelitagit { margin-bottom: 5px; min-height: 45px; } .article .artikkelitagit h3 { color: #105F73; margin-top: 0; float: left; clear: both; margin-right: 5px; } .article .artikkelitagit li { float: left; margin-right: 5px; padding-left: 5px; background:url("http://www.gofinland.fi/layouts/Gofinland_11/images/mainmenu_ruler.gif") no-repeat scroll left center transparent; } .article .artikkelitagit li:first-child { padding-left: 0; background-image:none; } .lyhennelmatagit a { margin-right: 5px; padding-left: 5px; background:url("http://www.gofinland.fi/layouts/Gofinland_11/images/mainmenu_ruler.gif") no-repeat scroll left center transparent; } .lyhennelmatagit a:first-child { padding-left: 0; background-image:none; } .lyhennelmatyyli2 .lyhennelma div.pvm { display: none; } #moretoread div.moretoread { width: 245px; float: left; margin-right: 10px; min-height: 155px; } .sec_right #moretoread div.moretoread { width: 205px; } #moretoread div.moretoread.clearleft{ clear: left; } #moretoread div.moretoread:nth-child(2n-1) { margin-right: 0; } #moretoread div.lyhennelma {margin: 0; padding: 0; } #moretoread div.lyhennelma a {display: block; } #moretoread div h1 {font-size: 15px; line-height: 20px; } #moretoread .pvm { display: none; } /* ***** //ARTIKKELIT ***** */ /* ***** BLOGIT ***** */ .blogit h1 { margin-left: 18px; } .blogilyhennelmat h2 { font-size: 18px; line-height: 22px; font-weight: normal; } .blogilyhennelmat .blogname { color: #999; } .blogilyhennelmat .date { color: #999; } .blogilyhennelmat article, .blogilyhennelmat article div.lyhennelma { min-height: 140px; } .blogilistaus h1 { display: none; } .blogilistaus h2 { font-size: 15px; line-height: 16px; font-weight: normal; padding-top: 0; margin-bottom: 5px; } .blogilistaus .blogit_ikoni { display: none; } .blogilistaus table.left { margin-right: 15px; } .blogilistaus p a { color: #555; } .bigblog { min-height: 250px; } .bigblog h3.miniotsikko { color: #555; margin-top: 0; } .bigblog .blog_nimi a { color: #999; margin-right: 5px; } .bigblog .blog_lisaa a { color: #555; } .bigblog .blogilyhennelma { width: 270px; } .bigblog p.ingressi { font-weight: normal; } .smallblog { width: 225px; float: left; } .smallblog img { float: left; margin: 0 10px 5px 0; } .smallblog .miniotsikko { margin-top: 0; color: #555; } .bigblog .blog_uusin_otsikko { margin-top: 10px; margin-bottom: 10px; } .bigblog .blog_nimi { margin: 0; float: left; } .bigblog .blog_uusin_lyhennelma { clear: both; } .bigblog .pvm { margin: 0 0 20px; float: left; font-size: 15px; } .bigblog .pvm a { color: #999; } div.bloginosto { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_anette.png") no-repeat scroll right bottom transparent; }/* bloginosto 1, anette */ div.bloginosto2 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_maija.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 2, maija */ div.bloginosto3 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_ansku.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 3, ansku */ div.bloginosto4 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_helena.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 4, helena */ div.bloginosto5 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_hanne.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 5, hanne */ div.bloginosto6 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_vastapalloon.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 6 */ div.bloginosto7 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_aallonharjalla.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 7 */ div.bloginosto8 { background: url("http://static.mtv3.fi/matkailu/img/bloginosto_thaimaallista.jpg") no-repeat scroll right bottom transparent; }/* bloginosto 8 */ /* ***** //BLOGIT ***** */ /* YKSITYISKOHDAT */ #img_large { background-position: 50% 50%; -moz-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; margin: 0 19px 20px 19px; position: relative; } #img_large h1 { position: absolute; /*bottom: 20px; margin: 0 10px;*/ background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; padding: 10px; width: 890px; margin: 0; bottom: 0; padding: 30px; } #img_large p.taglist { text-align: right; position: absolute; right: 10px; top: 20px; } #img_large p.mn_kuvateksti { position: absolute; left: 0; bottom: -20px; margin: 0; } .clickarea h2, .clickarea li { margin: 0; padding: 0; } .clickarea h2 a { padding: .3em .1em .4em; display: block; border-bottom: 1px solid rgba(200,0,0,.2); background: transparent; } .clickarea li:first-child { border-top: 1px solid rgba(200,0,0,.2); } .clickarea a:hover { color: white; background: red; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#cc0000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#cc0000)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ff0000, #cc0000); /* for firefox 3.6+ */ } #page input[type="submit"] { border: 0 none; padding-left: 20px; padding-right: 20px; height: 30px; display: inline-block; font-size: 15px; color: #ffffff; background-color: #990000; font-weight: bold; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#990000'); background: -webkit-gradient(linear, left top, left bottom, from(#ee0000), to(#990000)); background: -moz-linear-gradient(top, #ee0000, #990000); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5); box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#990000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ee0000), to(#990000)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ee0000, #990000); /* for firefox 3.6+ */ } #searchbox input[type="text"] { float: left; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border:1px solid #7E9DB9; padding-right: 0 !important; height: 15px; margin-right: 0; } #searchbox2 input[type="text"] { float: left; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border:1px solid #7E9DB9; padding: 2px; margin-left: 0; } #searchbox input[type="submit"] { border: 1px solid #ccc; padding: 0 5px; height: 21px; display: inline-block; font-size: 15px; color: #000; font-weight: bold; float:left; cursor: pointer; background: #eee none; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); /* for IE */ } #searchbox2 input[type="submit"] { border: 1px solid #ccc; padding: 0 5px; height: 21px; display: inline-block; font-size: 15px; color: #000; font-weight: bold; float:left; cursor: pointer; background: #eee none; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee'); /* for IE */} #tasmahaut {/*width: 302px;*/ width: 272px; padding: 3px 15px 2px; /*background-color: #f2f2f2;*/ background-color: #f7f3b2; -moz-border-radius: 7px; border-radius: 7px; } #tasmahaut p{padding-left: 10px; margin-bottom:25px; font-style: italic; } #tasmahaut .miniotsikko {margin-bottom:20px; font-size: 18px; } #page div.aanestys_lomake, #page div.aanestys_jakaumat, #page div#aanestys_edelliset { margin-left: 0; margin-right: 0; } div.aanestys { padding-bottom: 0; } .aanestys td.jakauma { font-size: 15px; line-height: 15px; padding: 0 0 5px 0; } div.aanestys h1.otsikko, div.aanestys h3.otsikko { font-size: 15px; line-height: 20px; } div.aanestys h3.otsikko { font-weight: normal; } div.kyselynosto div.aanestys_lomake, div.kyselynosto div.aanestys_jakaumat { margin: 0; } div.aanestys_lomake h3, div.aanestys_jakaumat h3 { font-weight: normal; font: 15px/20px Calibri,Helvetica,Arial,Tahoma,sans-serif; } div.aanestys_lomake, div.aanestys_jakaumat, div#aanestys_edelliset {font-weight: normal; font: 15px/20px Calibri,Helvetica,Arial,Tahoma,sans-serif; } div.kyselynosto ul.jakaumat .jakaumat_v, div.kyselynosto div.aanestys_jakaumat_nosto ul.jakaumat .jakaumat_v { width: 110px !important; } div.kyselynosto ul.jakaumat .jakaumat_o, div.kyselynosto div.aanestys_jakaumat_nosto ul.jakaumat .jakaumat_o { width: 55px !important; } div.kyselynosto ul.jakaumat .jakaumat_k, div.kyselynosto div.aanestys_jakaumat_nosto ul.jakaumat .jakaumat_k { margin: 0 53px 0 115px !important; } div.kyselynosto div.aanestys_jakaumat_nosto .jakaumat_k { display: block; } div.kyselynosto div.aanestys_jakaumat_nosto .jakaumat_v, div.kyselynosto div.aanestys_jakaumat_nosto .jakaumat_o p { float: left; } div.kyselynosto div.aanestys_jakaumat_nosto .jakaumat_o { float: right; } div.kyselynosto ul.jakaumat li, div.kyselynosto div.aanestys_jakaumat_nosto ul.jakaumat li { background-color: #fff !important; padding: 0 !important; } div.kyselynosto ul.jakaumat .palkki { background: -moz-linear-gradient(center top , #105f73, #105f73) repeat scroll 0 0 transparent !important; /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#105f73', endColorstr='#105f73') !important;; /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#105f73), to(#105f73)) !important; /* for webkit browsers */ border: 1px solid #105f73 !important; } form.aanestys .aanestys_item span { font-weight: normal; font-size: 15px; line-height:20px; font-family: Calibri,Helvetica,Arial,Tahoma,sans-serif; } .aanestys td.jakauma input { margin: 0 5px 0 0; vertical-align: middle; } form.aanestys div.aanestys_submit { text-align: left; } #page form.aanestys div.aanestys_submit input[type="submit"] { border: 1px solid #ccc; padding: 5px 20px; height: 30px; display: inline-block; font-size: 15px; color: #000; font-weight: normal; float:left; cursor: pointer; background: #eee none; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: -moz-linear-gradient(100% 100% 90deg, #eee, #fff); /* Firefox 3.6+ */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(#fff, #eee); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#eee, #fff); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */ } #page form.aanestys div.aanestys_submit input[type="submit"]:hover { text-decoration: none; background-color: #fffeef; background: -moz-linear-gradient(100% 100% 90deg, #fffeef, #efeee0); /* Firefox 3.6+ */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efeee0), to(#fffeef)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(#fffeef, #efeee0); /* Safari 4-5, Chrome 1-9 */ background: -o-linear-gradient(#fffeef, #efeee0); /* Opera 11.10+ */ } /* ***** ajax-lomahaku ***** */ #lomahaku_load { margin: 0 0 20px 0; } .article #lomahaku_load h3, .sec_right #lomahaku_load h3 { font-size: 24px; line-height: 25px; font-weight: normal; } #lomahaku_load .lomahaku_item { position: relative; padding: 0 120px 5px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #cccccc; } #lomahaku_load .lomahaku_item h3 { font-size: 24px; line-height: 25px; color: #cc0000; margin: 0; } #lomahaku_load p { margin: 0; } #lomahaku_load img { max-width: 90px; float: right; } #lomahaku_load .lomahaku_stars { display: inline-block; width: 0px; height: 16px; background: transparent url(http://static.mtv3.fi/matkailu/img/lomahaku_stars.png) no-repeat left center; } #lomahaku_load .stars_1 { width: 18px; } #lomahaku_load .stars_2 { width: 36px; } #lomahaku_load .stars_3 { width: 54px; } #lomahaku_load .stars_4 { width: 72px; } #lomahaku_load .stars_5 { width: 90px; } #lomahaku_load .lomahaku_stars span { display: none; } #lomahaku_load div.lomahaku_hinta { font-size: 13px; line-height: 15px; color: #999; position: absolute; top: 0; right: 0; width: 120px; text-align: center; } #lomahaku_load .lomahaku_hinta span { display: block; } #lomahaku_load .lomahaku_hinta .lomahaku_hinta { font-size: 24px; line-height: 25px; font-weight: normal; color: #444; margin: 0 0 3px 0; } #lomahaku_load input[type="submit"] { padding-left: 5px; padding-right: 5px; } .article input[type="submit"] { border: 1px solid #ccc; padding: 0 15px; height: 30px; display: inline-block; font-size: 15px; color: #000; font-weight: normal; float:left; cursor: pointer; background-color: #eee; -moz-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(100% 100% 90deg, #eee, #fff); /* Firefox 3.6+ */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(#fff, #eee); /* Safari 5.1+, Chrome 10+ * background: -o-linear-gradient(#eee, #fff); /* Opera 11.10+ */ } .article input[type="submit"]:hover { text-decoration: none; background-color: #fffeef; background: -moz-linear-gradient(100% 100% 90deg, #fffeef, #efeee0); /* Firefox 3.6+ */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efeee0), to(#fffeef)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(#fffeef, #efeee0); /* Safari 4-5, Chrome 1-9 */ background: -o-linear-gradient(#fffeef, #efeee0); /* Opera 11.10+ */ } .article a input[type="submit"]:hover { text-decoration: none; } /* ***** //ajax-lomahaku ***** */ .googlecontainer .hakubg1, #searchbox .hakubg { position: absolute; width: 134px; height: 136px; background: transparent url(http://static.mtv3.fi/matkailu/img/s-lasi-teksti.png) no-repeat left top; top: 0; left: 0; z-index: 4; } .googlecontainer .hakubg2 { position: absolute; width: 130px; height: 300px; background: transparent url(http://static.mtv3.fi/matkailu/img/hakusprite.png) no-repeat center center; top: -115px; right: -15px; z-index: 3; } #searchbox .hakubg { top: -3px; left: -35px; } #searchbox #googlehaku { margin: 0; padding: 0; width: auto; bottom: 20px; margin-bottom:20px; height:25px; } #searchbox #googlehaku1, #searchbox2 #googlehaku2 { margin: 0; padding: 0; width: auto; bottom: 20px; margin-bottom:20px; height:25px; } #searchbox .cse-branding-bottom { position: relative; } #searchbox .cse-branding-bottom .cse-branding-form { position: absolute; top: 20px; } #cse-search-results iframe { width: 512px; } #lomahaku { padding-top: 1px; position: relative; background-color: #ffffff; margin: 35px 0 20px 0; } #lomahaku h2 { margin: 8px 0 15px 85px; } #lomahaku .hakubg { position: absolute; width: 134px; height: 136px; background: transparent url(http://static.mtv3.fi/matkailu/img/s-lasi-palmut.png) no-repeat right top; top: -50px; left: -20px; z-index: 4; } /* täsmähaut */ #tasmahaut .taglist_all { line-height: 15px; list-style-type: none; background:url("http://static.mtv3.fi/default/nappi_norm_oikea.gif") no-repeat scroll right top transparent; float:left; margin:0 10px 5px 0; position:relative; width:auto; z-index:10; } #tasmahaut .taglist_all a { background:url("http://static.mtv3.fi/default/nappi_norm_vasen.gif") no-repeat scroll left top transparent; display:block; padding:7px 10px 8px 10px; color:#000; } #tasmahaut .taglist_all:hover { background-position:100% -40px; } #tasmahaut .taglist_all:hover a { background-position:0 -40px; text-decoration:none; } #tasmahaut .taglist_all:active { background-position:100% -80px; } #tasmahaut .taglist_all:active a { background-position:0 -80px; } /* täsmähaut */ #karttahaku { background:url("http://static.mtv3.fi/matkailu/img/etusivu_kartta_napit.png") no-repeat scroll -3px -7px transparent; width:145px; height: 35px; position:absolute; top:110px; left:0; } #karttahaku a { display:block; text-indent: -9999px; } #karttahaku:hover { background-position:-3px -47px; } #karttahaku:active { background-position:-3px -87px; } /* lomahaku */ #lomahakubox { max-width: 461px; border: 1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; text-align: center; margin: 24px 0 0; } #lomahakubox .otsikko { background:url("http://static.mtv3.fi/matkailu/img/lomahaku1.png") no-repeat center 15px transparent; width:430px; height: 60px; margin: 0 auto; } #lomahakubox .mtv3lomahaku { background:url("http://static.mtv3.fi/matkailu/img/lomahaku2.jpg") no-repeat 0 0 transparent; width:440px; height: 55px; margin: 5px auto 0 10px; } #lomahakubox .mtv3lomahaku a { width:440px; height: 55px; } #lomahakubox .logot { background:url("http://static.mtv3.fi/matkailu/img/lomahaku_logot_201110.jpg") no-repeat top center transparent; width:430px; height: 96px; margin: 5px auto 10px; } #lomahakubox a { display:block; text-indent: -9999px; } #lomahakubox .otsikko a { width:430px; height: 140px; } #lomahakubox .logot a { width:430px; height: 96px; } #lomahakubox .yksihaku { width:430px; height: 140px; background-color: #fffcc9; -moz-border-radius: 5px; border-radius: 5px; margin: 0 auto; } #lomahakubox .lomahakunappi { margin: 20px auto 15px; } .sec_right #lomahakubox { margin-bottom: 20px; } .sec_right #lomahakubox .yksihaku, .sec_right #lomahakubox .otsikko, .sec_right #lomahakubox .otsikko a, .sec_right #lomahakubox .logot, .sec_right #lomahakubox .logot a, .sec_right #lomahakubox .mtv3lomahaku, .sec_right #lomahakubox .mtv3lomahaku a { width:400px; ; } .lomahakunappi { width:195px; height: 38px; margin: 20px 0 0; } .lomahakunappi a { width:195px; height: 38px; display:block; text-indent: -9999px; } .lomahakunappi.ulkomaanlomahaku { background:url("http://static.mtv3.fi/matkailu/img/ulkomaanlomahaku.png") no-repeat scroll -3px -3px transparent; } .lomahakunappi.kotimaanlomahaku { background:url("http://static.mtv3.fi/matkailu/img/kotimaanlomahaku.png") no-repeat scroll -3px -3px transparent; } .lomahakunappi:hover { background-position:-3px -43px; } .lomahakunappi:active { background-position:-3px -83px; } /* ***** ARTIKKELINAPIT ***** */ .artikkelinapit { font-size: 13px; line-height: 15px; list-style-type: none; } .artikkelinapit li { background:url("http://static.mtv3.fi/default/nappi_norm_oikea.gif") no-repeat scroll right top transparent; float:left; margin:0 10px 10px 0; position:relative; width:auto; z-index:10; } .artikkelinapit li a { background:url("http://static.mtv3.fi/default/nappi_norm_vasen.gif") no-repeat scroll left top transparent; display:block; padding:7px 10px 8px 30px; } .artikkelinapit li.nappi_jaa { display:block; height:30px; width:130px; } .artikkelinapit span { background:url("http://static.mtv3.fi/default/16px_icosprite_ver2.png") no-repeat scroll 0 0 transparent; float:left; height:16px; padding:0; margin:7px 0 0 10px; width:16px; } .artikkelinapit .nappi_jaa span { background-position:-408px -2px; } .artikkelinapit .nappi_jaa span.an_nuoli { background-position:-302px -2px; float:right; padding:0; margin:7px 7px 0 0; } .artikkelinapit .nappi_tulosta span { background-position:0 -2px; } .artikkelinapit .nappi_facebook span { background-position:-44px -2px; } .artikkelinapit .nappi_twitter span { background-position:-63px -2px; } .artikkelinapit .nappi_kerro span { background-position:-22px -2px; } .artikkelinapit .nappi_keskustelu span { background-position:-244px -2px; } .artikkelinapit li:hover { background-position:100% -40px; } .artikkelinapit li:hover a { background-position:0 -40px; } .artikkelinapit li:active { background-position:100% -80px; } .artikkelinapit li:active a { background-position:0 -80px; } .artikkelinapit a, .artikkelinapit a:visited { color:#555555; text-decoration:none; } .artikkelinapit ul#napit_alataso { -moz-border-radius: 5px; border-radius: 5px; background:none repeat scroll 0 0 #ffffff; border:1px solid #cccccc; display:none; left:2px; list-style-type:none; position:absolute; top:29px; width:auto; z-index:100; } .artikkelinapit li.nappi_jaa:hover ul#napit_alataso, .artikkelinapit li.nappi_jaa.over ul#napit_alataso { display:block; z-index:10; } .artikkelinapit ul#napit_alataso li { background:none repeat scroll 0 0 transparent; float:none; margin:0; width:100%; } .artikkelinapit ul#napit_alataso li a { background:none repeat scroll 0 0 transparent; } .artikkelinapit ul#napit_alataso li:hover a { background:none repeat scroll 0 0 #cccccc; } /* ***** //ARTIKKELINAPIT ***** */ /* Nostobokseja */ div.nosto_boksi { clear: both; margin: 0 0 1em 0; padding: 1em; position: relative; border: 1px solid #ddd; -moz-border-radius: 5px; border-radius: 5px; } .nosto_boksi p { margin: 0; } .nosto_boksi img.kulmakuva { float: right; margin: -50px 0 5px 5px; } /* hissin nostoboksi */ div.nostoboksi { margin: 0 0 40px 0; } .nostoboksi h2.valiotsikko { padding: 0; margin: 0 0 10px 0; } /* leveä infoboksi lomahaku nosto */ div.leveaboksi { /* background: #73C9E6; *//* old browsers *//* background: -moz-linear-gradient(top, #73C9E6 0%, #3693B2 100%); *//* firefox *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73C9E6), color-stop(100%,#3693B2)); *//* webkit *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73C9E6', endColorstr='#3693B2',GradientType=0 ); *//* ie */ /*color: #ffffff;*/ } .lomahakulevea img.ylakulmakuva { float: right; margin: -15px 15px 5px 5px; } .leveaboksi img.ylakulmakuva { float: right; margin: -15px 15px 5px 5px; } .leveaboksi a, .leveaboksi h1, .leveaboksi h2 {/* color: #ffcc00;*/ } .leveaboksi h1 { margin-top: 0; } .leveaboksi p.teksti { margin: 0 0 0.5em 0; } div.katsomonosto { background: #ccc; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ccc, #eee); /* for firefox 3.6+ */ } div.aurinkomatkat { background: #fc3; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33', endColorstr='#ff6600'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#fc3), to(#f60)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fc3, #f60); /* for firefox 3.6+ */ border-color: #f60; } /* gofinland nostot */ #gofi_nostot > h2 { margin-top: 0; } div.gofi_nosto { position: relative; float: left; width: 202px; margin: 0 0 20px 0; border-bottom: 1px solid #aac1eb; padding-bottom: 24px; } div.gofi_nosto_1 { width: 100%; float: none; padding-bottom: 35px; } div.gofi_nosto_3 { float: right; } div.gofi_nosto a { color: #ffffff; } div.gofi_hinta { padding: 0; background: #2f65d1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70b6f2', endColorstr='#2f65d1'); background: -webkit-gradient(linear, left top, left bottom, from(#70b6f2), to(#2f65d1)); background: -moz-linear-gradient(top, #70b6f2, #2f65d1); position: absolute; bottom: 0; width: 100%; } .gofi_hinta h4 { margin: 0; font-size: 13px; font-weight: normal; line-height: 14px; padding: 5px; } .gofi_nosto img { max-width: 202px; } .gofi_nosto_1 .gofi_hinta h4 { padding: 5px 10px; font-size: 24px; line-height: 25px; font-weight: bold; } .gofi_nosto_1 img { max-width: 424px; } .gofi_ots { display: none; } div.gofi_suosittelee { margin: 0 0 40px 0; padding: 0; min-height: 190px; } .gofi_suosittelee h2 { margin-top: 0; } .gofi_suosittelee img { width: 200px; position: relative; float: left; border: 6px solid white; -moz-transform: translate(-5px, 5px) rotate(-3deg); -webkit-transform: translate(-5px, 5px) rotate(-3deg); transform: translate(-5px, 5px) rotate(-3deg); -moz-box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } /* commenting & rating -paikkauksia */ #page .cr_header h3 { margin-left: 0; } #page .cr_header h4 { margin-right: 0; } #page #cr_newComment .cr_newComment { padding-left: 0; padding-right: 0; } /* leiki */ #leiki_feed { color: #999999; /*font-style: italic; */ font-size: 13px; } #leiki_feed .leikiwidget { margin: 0 0 20px 0; line-height: 25px; } #leiki_feed h6 { font-size: 18px; line-height: 20px; font-style: normal; } #leiki_feed a { font-style: normal; font-size: 15px; background: url("http://static.mtv3.fi/matkailu/img/16_browseright.png") no-repeat scroll left 2px transparent; padding-left: 16px; } /* TAGEIHIN LIITTYVÄ TÄNNE */ .taglist a, .taglist span, .lyhennelmatagit a, .lyhennelmatagit span { /* yksittäisen tagin tyylit */ /* white-space: nowrap; vertical-align: middle; color: #cc0000; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; padding: .2em .4em; line-height: 1.2em;*/ } .taglist a, .taglist span { line-height: 1.8em; } .lyhennelmatagit a, .lyhennelmatagit span { display: inline-block; } #img_large .taglist a { background-color: #ffffff; background-color: rgba(255,255,255,0.85); -moz-border-radius: 5px; border-radius: 5px; color: #cc0000; } .lyhennelmatagit a:hover, .taglist a:hover, #img_large .taglist a:hover { /* color: #ffffff; position: relative; z-index: 50; background: #990000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#990000'); background: -webkit-gradient(linear, left top, left bottom, from(#ee0000), to(#990000)); background: -moz-linear-gradient(top, #ee0000, #990000); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5); box-shadow: 1px 2px 3px rgba(0,0,0,0.5);*/ } /* tagipilvi */ div.taglist { padding: 10px 0; text-align: center; } div.taglistfull { font-size: 140%; } /*div.taglist a { line-height: 0.95em; margin: 0.1em 0.05em; padding: 0.1em 0.2em; }*/ div.taglist a { line-height: 0.95em; margin: 0.1em 0.05em; padding: 0.1em 0.2em; display: block; float: left; width: 145px; text-align: left; font-size: 15px; } .etusivu_taglist div.taglist.tagi_kohteet_kotimaa_kuvalla a { float: none; width: 235px; } .etusivu_taglist div.taglist.tagi_kohteet_kotimaa_kuvalla a img { vertical-align: middle; margin-right: 5px; } /* tagit lyhennelmissä */ .looppi .lyhennelmatagit { position: absolute; top: 10px; right: 10px; } /* tagien koot */ /* a.tag_a { font-size: 1.8em; z-index: 10; } a.tag_b { font-size: 1.6em; z-index: 9; } a.tag_c { font-size: 1.4em; z-index: 8; } a.tag_d { font-size: 1.2em; z-index: 7; } a.tag_e { font-size: 1em; z-index: 6; } a.tag_f { font-size: 0.8em; z-index: 5; } a.tag_g { font-size: 0.8em; z-index: 4; } a.tag_h { font-size: 0.8em; z-index: 3; } a.tag_i { font-size: 0.8em; z-index: 2; }*/ #taglistboxwrap { position: relative; /*width: 740px;*/ width: 954px; height: 1px; margin: 0 auto; } #taglistbox { position: absolute; position: fixed; top: 15%; /*width: 740px;*/ width: 954px; background: #ffffff; z-index: 1800; margin: 0; padding: 20px 0 40px 0; overflow: hidden; border: 1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px rgba(0,0,0,0.3); } #taglistbox .tagboxtop { padding: 1px 0 1px 20px; overflow: hidden; } #taglistbox .tagboxtop h2 { margin: 0; float: left; font-size: 30px; line-height: 40px; font-weight: normal; } #taglistbox .tagboxclose { float: right; display: block; padding: 0 40px; line-height: 40px; color: #999; } #taglistbox .taglist { padding: 10px 10px 10px 18px; font-size: 120%; } div.taglist_all { margin: 10px 0 0 0; text-align: left; clear: both; } .taglist .taglist_all a { margin: 0; color:#CC5404; /* color: #cc0000; padding: 0 0 0 16px;*/ font-weight: normal; font-size: 15px; line-height: 20px; text-decoration: none; /* background: url(http://static.mtv3.fi/matkailu/img/16_browseright.png) left 2px no-repeat;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .taglist .taglist_all a:hover { text-decoration: underline; } /* Matkailuhaut */ #searchbox.matkailuhaut #googlehaku {height: 45px; margin-left:4px;} #searchbox.matkailuhaut h1 {font-size:36px; margin-top: 18px; } #searchbox.matkailuhaut input[type="text"] { height: 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; } #searchbox.matkailuhaut .googlesubmit { height: 42px; width:42px; float: left; background: #0066FF url(http://static.mtv3.fi/matkailu/img/btn-bg.png) repeat-x center center; color: white; padding:0; margin: 0 .3em; border: 1px solid transparent; font-size: 22px;line-height: 22px; -webkit-transition-property : all; -webkit-transition-duration : .15s; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.5); /*-moz-transition-property : all; -moz-transition-duration : .15s;*/ box-shadow: 0px 2px 2px rgba(0,0,0,.5); } #searchbox.matkailuhaut input[type="submit"] {/color: white; border: 0 none; height: 42px; width:42px; text-indent:-9999px; padding: 0.3em 0.5em 0.5em; background: transparent url(http://static.mtv3.fi/matkailu/img/btn-search.png) no-repeat center center; filter: none; } #searchbox.matkailuhaut .googlesubmit:hover { background-color: #08f; -webkit-transform : scale(1.01); -moz-transform : scale(1.01); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.7); box-shadow: 0px 3px 3px rgba(0,0,0,.7); } #searchbox.matkailuhaut #tasmahaut { background: transparent none; border-radius: 0; padding: 20px 0 2px; width: 302px; } #searchbox.matkailuhaut #tasmahaut p{ float:right; padding: 0 10px 0 0; font-style:normal; color: #999; font-size:13px; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi { height:auto; margin: auto; width:100%; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi img { vertical-align:middle; margin-left: 8px; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi a { text-indent:0; height:auto; width:265px; float: left; display: block; padding: 10px; margin: 0 .3em; text-decoration: none; border: 1px solid transparent; color: white; font-size: 22px; line-height: 22px; background: #ccc url(http://static.mtv3.fi/matkailu/img/btn-bg.png) repeat-x center; -webkit-transition-property : all; -webkit-transition-duration : .15s; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.5); /*-moz-transition-property : all; -moz-transition-duration : .15s;*/ box-shadow: 0px 2px 2px rgba(0,0,0,.5); } #searchbox.matkailuhaut #tasmahaut .lomahakunappi a:hover { -webkit-transform : scale(1.01); -moz-transform : scale(1.01); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.7); box-shadow: 0px 3px 3px rgba(0,0,0,.7); } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.ulkomaanlomahaku, #searchbox.matkailuhaut #tasmahaut .lomahakunappi.kotimaanlomahaku { background-image: none; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.ulkomaanlomahaku a { background-color: #CC5404; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.ulkomaanlomahaku a:hover { background-color: #dd5404; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.kotimaanlomahaku a { background-color: #67A2c3; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.kotimaanlomahaku a:hover { background-color: #67B2e4; } #searchbox.matkailuhaut #tasmahaut .lomahakunappi.kotimaanlomahaku img { margin-left: 25px; } /* ***** LYHENNELMATYYLI ***** */ div.lyhennelmatyyli { margin-bottom: 20px; } .lyhennelmatyyli .lyhennelma { position: relative; min-height: 180px; margin-right: 0; clear: both; } .lyhennelmatyyli .lyhennelma h1, .lyhennelmatyyli .lyhennelma .pvm, .lyhennelmatyyli .lyhennelma p { /*padding-left: 255px;*/padding-left: 270px; } .lyhennelmatyyli .lyhennelma .pvm { display: none; } .lyhennelmatyyli img.lyhennelmakuva { position: absolute; top: 0; left: 0; margin: 0; left: 0px; /* left: -30px; border: 10px solid white; -moz-transform: translate(-5px, 5px) rotate(3deg); -webkit-transform: translate(-5px, 5px) rotate(3deg); transform: translate(-5px, 5px) rotate(3deg); -moz-box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); box-shadow: 0.2em 0.2em 0.8em rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;*/ } .lyhennelmatyyli .lyhennelma:nth-child(2n) img.lyhennelmakuva { /*-moz-transform: translate(-5px, 5px) rotate(-3deg); -webkit-transform: translate(-5px, 5px) rotate(-3deg); transform: translate(-5px, 5px) rotate(-3deg);*/} .lyhennelmatyyli img.lyhennelmakuva:hover { /*-moz-transform: translate(-10px, 5px) rotate(5deg) scale(1.05); -webkit-transform: translate(-10px, 5px) rotate(5deg) scale(1.05); transform: translate(-10px, 5px) rotate(5deg) scale(1.05);*/} .lyhennelmatyyli .lyhennelma:nth-child(2n) img.lyhennelmakuva:hover {/* -moz-transform: translate(-10px, 5px) rotate(-5deg) scale(1.05); -webkit-transform: translate(-10px, 5px) rotate(-5deg) scale(1.05); transform: translate(-10px, 5px) rotate(-5deg) scale(1.05);*/} .lyhennelmatyyli .artikkelitagit { margin-bottom: 5px; min-height: 45px; padding-left: 270px; } .lyhennelmatyyli2 .artikkelitagit { margin-bottom: 5px; min-height: 45px; } .lyhennelmatyyli .artikkelitagit h3, .lyhennelmatyyli2 .artikkelitagit h3 { display: none; /*color: #105F73; margin-top: 0; float: left; clear: both; margin-right: 5px; */} .lyhennelmatyyli .artikkelitagit li, .lyhennelmatyyli2 .artikkelitagit li { float: left; margin-right: 5px; padding-right: 5px; background:url("http://www.gofinland.fi/layouts/Gofinland_11/images/mainmenu_ruler.gif") no-repeat scroll right center transparent; } .lyhennelmatyyli .artikkelitagit ul:last-child li:last-child, .lyhennelmatyyli2 .artikkelitagit ul:last-child li:last-child { padding-right: 0; background-image:none; } /* ***** //LYHENNELMATYYLI ***** */ /* ***** FOOTER ***** */ #footer { width: auto; margin: 0; padding: 0; float: none; background: #66636a none; text-align: left; } #footer ul { margin: 0 0 15px; } #footerwrap, #footertop, #footer .footerwrap { margin: 0 auto; width: 990px; } #footertop, #footerwrap { padding: 25px 0 0 0; position: relative; } #footerleft { display: inline; float: left; position: absolute; width: 180px; margin: 0; padding: 0; left: 19px; } #footer .footerrow { overflow: hidden; margin: 0 0 20px 218px; padding: 0 0 20px 0; border-bottom: 1px solid #999; } #footer .footercol { float: left; width: 180px; margin: 0 0 0 10px; } #footer .firstcol { clear: both; margin-left: 0; } #footerbottom { clear: both; margin: 0; padding: 30px 0; overflow: hidden; background-color: #333; } /* footerin värit */ #footer, #footer a, #footer a:link, #footer a:visited, #footerleft h2, #footerleft h3, #footerleft h4, #footerleft dt { color: #ccc; } #footer .footercol h1, #footer .footercol h2, #footer .footercol h3, #footer .footercol h4, #footerleft dd, #footer a:hover, #footer a:active, #footer div.footer_rss, #footer .footer_rss a, #footer p.laajenna:hover {color: #fff; } #footer .sprite { background-image: url(http://static.mtv3.fi/matkailu/img/footer_sprite.png); background-repeat: no-repeat; } #footer #footertop { padding: 0 0 25px 0; } #footer #footertop h2 { margin: 0 19px; background-position: 3px 3px; } #footertop h2 a { display: block; width: 160px; height: 40px; text-indent: -1000px; } #footer #footer_ulkomaat h2 { background-position: 1px -49px; } #footer_ulkomaat h2 a { display: block; width: 110px; height: 30px; text-indent: -1000px; } #footer #footer_kotimaa h2 { background-position: 1px -99px; } #footer_kotimaa h2 a { display: block; width: 178px; height: 26px; text-indent: -1000px; } #footerleft h3, #footerleft h4 { font-size: 15px; font-weight: normal; } #footerleft dl { margin: 0 0 15px 0; padding: 0; } #footerleft dt { margin: 15px 0 0 0; padding: 0; } #footerleft dd { margin: 0; padding: 0; } #footer_kotimaa li { display: inline; border-left: 1px solid #ccc; margin: 0 7px 0 0; padding: 0 0 0 10px; } #footer_kotimaa li:first-child { border-left-width: 0; padding-left: 0; } #footer_kotimaa li a { line-height: 16px; } #footer div.footer_rss { border-bottom: 0 none; } #footer p.footer_rss { float: right; margin: 0 19px; } #footer .footer_rss img { width: 19px; height: 19px; background-position: -150px -150px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer p { padding: 0; margin: 0 0 5px 0; } #footer a:hover, #footer a:active { text-decoration: underline; } #footer .footercol h1, #footer .footercol h2, #footer .footercol h3, #footer .footercol h4 { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 15px; } #footer .footercol h4 { font-weight: normal; margin-bottom: 0; } #footer .footercol li { display: list-item; margin: 0; padding: 0; border-width: 0; } #footerbottom p { float: right; margin: 0 19px; color: #666; } #footerbottom a.sprite { float: left; display: block; margin: 0 218px; text-indent: -1000px; background-position: 0 -199px; width: 70px; height: 20px; } #footer div.laajenna { height: 25px; overflow: hidden; } #footer p.laajenna { float: right; cursor: pointer; } #footer p.laajenna span:hover { text-decoration: underline; } #footer .footer_rss .novisited h2.valiotsikko { color: #fff; } /* laajennettu */ #footer .laajenna span { display: none; } #footer .laajenna span.supista { display: inline; } #footer .laajenna img.sprite { background-position: -100px -200px; width: 16px; height: 16px; } #footer p.laajenna:hover img.sprite { background-position: -100px -216px; } #footer p.laajenna:active img.sprite { background-position: -100px -232px; } /* supistettu */ #footer .supistettu .supista { display: none; } #footer .supistettu .laajenna span { display: inline; } #footer .supistettu .laajenna span.supista { display: none; } #footer .supistettu .laajenna img.sprite { background-position: -150px -200px; width: 16px; height: 16px; } #footer .supistettu p.laajenna:hover img.sprite { background-position: -150px -216px; } #footer .supistettu p.laajenna:active img.sprite { background-position: -150px -232px; } /* ***** //FOOTER ***** */ /* ***** Globnavi ***** */ .globnavholder { position: absolute; top: 0; } #globalnav { background: url("http://static.mtv3.fi/default/navbg_990.gif") no-repeat scroll 0 0 transparent; width: 990px; height: 91px; margin: 0; overflow: hidden; font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 15px; line-height: 20px; word-spacing: 0.05em; } #globlogo { margin-bottom: 3px; } #globalnav #portalnav { margin: 0 0 0 14px; } #portalnav li { float: left; height: 25px; margin: 0 6px 0 5px; padding: 7px 5px 0 5px; } #portalnav .Matkailu { background-color: #fff; border: 1px solid #ccc; border-bottom-color: #fff; } #portalnav .Matkailu a { color: #306b8d; } #portalsubnav, #portalsubnav li, #portalsubnav li a { font-size: 18px; margin: 0; padding: 0; word-spacing: 0.05em; color: #555555; } #portalsubnav { margin: 0; padding: 0 18px; background-color: #ffffff; border: 1px solid #ccc; border-top-width: 0; height: auto; position: relative; } #portalsubnav { border-bottom: none; } /* #portalsubnav ul { overflow: hidden; } */ #portalsubnav li { display: block; float: left; } #portalsubnav li a { display: block; padding: 3px 10px; text-decoration: none; } #portalsubnav .portalsubnav_col1 { float: left; overflow: hidden; width: 250px; /*padding: 50px 0 15px 0;*/ padding: 25px 0 15px 0; } #portalsubnav .portalsubnav_col1 h5 { color: #999; font-weight:normal; font:15px/20px Calibri,Helvetica,Arial,Tahoma,sans-serif; margin:0; position:absolute; top: 65px; left:18px; } #portalsubnav .nav_gofinland { position: absolute; top: 12px; left: 18px; } #portalsubnav .nav_matkailu { clear: left; float: left; margin: 0; } #portalsubnav .portalsubnav_col2 { padding: 20px 0 10px 0; } #portalsubnav .portalsubnav_col2 ul { height: 33px; } #portalsubnav .portalsubnav_col2 li { border: 3px solid transparent; background: transparent url(http://static.mtv3.fi/matkailu/img/mainmenu_ruler.gif) no-repeat scroll left center; } #portalsubnav li.portalfirst, #portalsubnav li.portalsecond { background-image: none; } #portalsubnav .portalfirst { margin: 0 10px 0 0; width: 100px; } #portalsubnav .portalfirst a { font-size: 20px; } #portalsubnav .portalsubnav_col2 a { color: #555; } #portalsubnav .portalsubnav_col2 .portalsubnavulkomaat a { color: #cc5404; } #portalsubnav .portalsubnav_col2 .portalsubnavkotimaa a { color: #67a2c3; } #portalsubnav .portalsubnav_col2 .globcurrent, #portalsubnav .portalsubnav_col3 .globcurrent { background-color: #67a2c3; color: #ffffff; border-color: #fff; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) } #portalsubnav .portalsubnav_col2 .portalsubnavulkomaat .globcurrent { background-color: #cc5404; } #portalsubnav .portalsubnav_col2 li.globcurrent { background-image: none; } #portalsubnav .portalsubnav_col2 .globcurrent a, #portalsubnav .portalsubnav_col3 .globcurrent a { color: #ffffff; } #portalsubnav div.nav_ruler { clear: both; margin: 0; padding: 0; width: 100%; height: 5px; line-height: 5px; border-bottom: 1px solid #ccc; overflow: hidden; } /* #portalsubnav .portalsubnav_col3 { padding: 25px 0 0 0; } */ /* ***** //Globnavi ***** */