*,html{margin:0;padding:0;outline:0;border:0}
html{overflow-y:scroll}
body{font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-size:16px;width:100%;width:100%;margin:0;padding:0;color:#333;background:#f5f5f5 url(../layout_images/bg.png)}
p{font-size:1em;margin:0;padding:0 0 1em;line-height:1.6em}
ul,ul ul{list-style-type:none;list-style-image:url(../layout_images/beige_bullet.png);margin:0;padding:0 0 1em 2em}
li{font-size:1em;line-height:1.4em;color:#333}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans',Arial,Sans-serif;line-height:1.2em;padding:.3em 0 .6em;color:#a60;font-weight:normal;font-weight:300}
h1{font-size:1.875em}
h2{font-size:1.625em}
h3{font-size:1.5em}
h4{font-size:1.25em}
h5{font-size:1.188em}
h6{font-size:1.125em}
a{text-decoration:none}
a:link{color:#44b}
a:active{color:#b44}
a:visited{color:#88e}
a:hover{text-decoration:underline}
img{width:auto;height:auto;max-width:100%}
.ie8 img{width:auto;height:auto;max-width:none;max-height:none}
hr{margin:0 0 1em;border:0;height:2px;background:#ccc}
a.link_button{font-size:.8em;text-decoration:none;margin:.9em auto 0;padding:.6em .9em;text-align:center;background:#000}
.johdanto{font-size:1.188em;line-height:1.4em}
.smaller_font{font-size:.875em;line-height:1.3em}
.center{text-align:center}
.nowrap{white-space:nowrap}
p.huom{margin:0 0 22px;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80)}
h1.huom,h2.huom,h3.huom,h4.huom,h5.huom,h6.huom{margin:0 0 8px;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80)}
ul.huom,li.huom{margin:10px 0;padding:8px 24px;background-color:#ddd;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-moz-box-shadow:inset 0 0 18px rgba(255,255,255,0.80);-webkit-box-shadow:inset 0 0 18px rgba(255,255,255,0.80)}
div.bc{position:absolute;display:none;margin:-2px 0 0;padding:1em 0 1em 3%;color:#fff;background:transparent;font-family:'Oswald',Arial Narrow,Arial,Helvetica,Sans-serif;font-size:1.2em;text-transform:uppercase;font-weight:400}
div.bc a{color:#fff;background:transparent;text-decoration:underline}
div#wrapper{position:relative;margin:0;padding:0;width:100%;background:transparent}
div.center{position:relative;margin:0 auto;padding:0;max-width:1040px;background:transparent}
.ie7 div.center,.ie8 div.center{width:1040px}
div#header{float:left;position:relative;margin:0;padding:0;width:100%;background:transparent}
div#header #logo_wrapper{float:left;position:relative;margin:0;padding:20px 0;width:100%;background:transparent;border-top:10px solid #66c}
.ie8 div#header #logo_wrapper,.ie7 div#header #logo_wrapper{min-width:1040px}
div#header #logo_wrapper p{margin:0;padding:0;line-height:0;text-align:center}
div#header #logo_wrapper img{margin:0;padding:0;border:0}
div#header #navi_wrapper{float:left;position:relative;margin:0;padding:4px 0;width:100%;background:#66c}
div#header #navi_center{position:relative;max-width:1040px;height:auto;margin:0 auto;padding:0;background:transparent}
.ie7 div#header #navi_center,.ie8 div#header #navi_center{width:1040px}
div#header #top_bar{float:left;position:relative;width:100%;min-height:100px;padding:20px 0;background:#88e url(../layout_images/bg_ylapalkki.jpg) no-repeat center center}
.ie8 div#header #top_bar,.ie7 div#header #top_bar{min-width:1040px}
div#header #top_bar img{position:absolute;top:-12px;left:15%;right:85%;margin-left:-67px;padding:0}
div#slogan_bar{float:left;margin:0;padding:0;width:100%;background:#66c}
div#slogan_bar_center{margin:0 auto;padding:0;max-width:1040px;background:transparent;border:0}
.ie7 div#slogan_bar_center,.ie8 div#slogan_bar_center{width:1040px}
div#slogan_bar_content{margin:0 auto;padding:14px 2%;width:96%;background:transparent}
div#slogan_bar_content h1,div#slogan_bar_content h2,div#slogan_bar_content h3,div#slogan_bar_content h4,div#slogan_bar_content p,div#slogan_bar_content ul,div#slogan_bar_content li,div#slogan_bar_content a{text-align:center;color:#ebebff;margin:0;padding:0 0 .1em;line-height:1em;font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-weight:300}
div#slogan_bar_content a{text-decoration:underline}
div#info_bar{float:left;margin:0 0 15px;padding:0;width:100%;background:#000;border-bottom:10px solid #66c}
div#info_bar_center{margin:0 auto;padding:0;max-width:1040px;background:transparent}
.ie7 div#info_bar_center,.ie8 div#info_bar_center{width:1040px}
div#info_bar_content{margin:0 auto;padding:14px 2%;width:96%;background:transparent}
div#info_bar_content h1,div#info_bar_content h2,div#info_bar_content h3,div#info_bar_content h4,div#info_bar_content p,div#info_bar_content ul,div#info_bar_content li,div#info_bar_content a{text-align:left;color:#FFE;margin:0;padding:0 0 .1em;line-height:1.4em;font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-weight:300}
div#info_bar_content a{color:orange;text-decoration:underline}
p.info_bar_content_img{float:left;text-align:left}
p.info_bar_content_img img{padding:0 20px 0 0}
div#content{float:left;width:100%;margin:0;padding:0;background:transparent}
div#content_center{max-width:1040px;margin:0 auto;padding:0;background:transparent;border:0}
.ie7 div#content_center,.ie8 div#content_center{width:1040px}
div#content_wrapper{display:block;width:98%;margin:0 0 10px;padding:0 1%;background:transparent}
div#bread_wrapper{float:left;margin:0;padding:6px 3%;width:94%;background:transparent}
div#bread_wrapper p{font-size:.75em;margin:0;padding:0;word-wrap:break-word}
p.breadcrumb{font-size:.75em}
div.es_tuote,div.as_tuote{position:relative;display:inline-block;height:auto;min-height:200px;margin:1%;vertical-align:top;background:#fff;word-wrap:break-word;box-shadow:0 5px 5px 0 rgba(4,4,4,0.4);-moz-box-shadow:0 5px 5px 0 rgba(4,4,4,0.4);-webkit-box-shadow:0 5px 5px 0 rgba(4,4,4,0.4)}
div.es_tuote{width:41.7%;padding:3%}
.ie7 div.es_tuote{float:left}
div.as_tuote{position:relative;width:90%;padding:4%}
div.karttaneula{position:absolute;width:60px;height:60px;top:-16px;left:50%;right:50%;margin-left:-30px;background:url(../layout_images/karttaneula.png) no-repeat center center;z-index:100}
div.es_tuote_01{float:left;width:36%;height:auto;padding-right:2%;background:transparent}
div.es_tuote_02{float:left;width:62%;height:auto;background:transparent}
div.as_tuote_01{display:block;vertical-align:top;width:auto;height:auto;background:transparent}
div.as_tuote_02{position:relative;display:table;vertical-align:top;width:72%;height:auto;padding:0 3%;background:#eee;overflow:hidden}
div.spacer p{width:160%;height:10px;background:orange}
div.as_tuote_02 div.tuote_logo{position:absolute;top:220px;left:-192px}
div.es_tuote img{width:100%;max-width:150px;max-height:200px}
div.as_tuote img{float:left;width:100%;height:100%;max-width:150px;max-height:200px;padding:0 5% 0 0}
.ie8 div.es_tuote img,.ie8 div.as_tuote img{width:150px;height:auto;max-width:none;max-height:none}
div.es_tuote h1,div.es_tuote h2,div.as_tuote h1,div.as_tuote h2{font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-weight:700;padding-top:10px}
div.es_tuote h1 a,div.es_tuote h2 a,div.as_tuote h1 a,div.as_tuote h2 a{color:#44b;text-decoration:underline}
div.es_tuote h1 a:after,div.es_tuote h2 a:after{content:"\00bb"}
div.paapalsta_content{float:left;margin:20px 0 10px;padding:0;width:80%;background:transparent;word-wrap:break-word}
div.left_content{float:left;margin:40px 0 10px;padding:0 2% 0 0;width:70%;background:transparent;word-wrap:break-word}
div.right_content{float:left;margin:40px 0 10px;padding:0 0 0 2%;width:26%;min-height:auto;word-wrap:break-word;background:transparent url(../layout_images/bg_jakoviiva.png) repeat-y left top}
.ie7 div.right_content{width:23%}
ul.tuotelinkit{padding-top:10px;border-top:1px dotted #999}
ul.lomakevalinta{list-style-type:none;list-style-image:none;float:left;display:block;width:100%;margin:0 auto;padding:0 0 20px}
ul.lomakevalinta li{display:inline-block;margin:0 40px 0 0;padding:0}
ul.lomakevalinta li a{margin:0;padding:0;text-decoration:none}
ul.lomakevalinta li a:before{content:url('../images/form_icon.png');margin:0 10px 0 0;vertical-align:-12px;}
div#bottom_content_bar{float:left;margin:0;padding:10px 0;width:100%;height:auto;background:#66c}
.ie8 div#bottom_content_bar,.ie7 div#bottom_content_bar{min-width:1040px}
div#bottom_content_bar_center{display:table;margin:0 auto;padding:0;width:auto;height:auto;background:transparent}
div#bottom_content_bar ul li{float:left;margin:0 10px;padding:0 10px;font-family:Georgia,Times,Serif;font-style:normal;font-size:.875em}
div#bottom_content_bar h1,div#bottom_content_bar h2,div#bottom_content_bar h3,div#bottom_content_bar h4,div#bottom_content_bar p,div#bottom_content_bar ul,div#bottom_content_bar li,div#bottom_content_bar a{text-align:center;color:#e6e6ff;margin:0;padding:0 0 .1em;line-height:1em;font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-weight:300}
div#secondary_menu{float:right;margin:30px 1% 0 0;padding:0;width:24%;background:transparent}
div#secondary_menu ul.clearfix,div#secondary_menu ul.clearfix ul{list-style-type:none;list-style-image:none;margin:0 0 12px;padding:0;width:100%;float:left;background:transparent}
div#secondary_menu ul.clearfix li{margin:0;padding:0}
div#secondary_menu ul.clearfix li a{font-family:'Oswald',Arial Narrow,Arial,Helvetica,Sans-serif;font-size:1em;text-transform:none;font-weight:400;color:#5a5a5a;margin:0 0 2px;padding:3px 10px 5px;width:auto;display:block;text-decoration:none;background:#cd4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
div#secondary_menu ul.clearfix li a:before{margin-right:4px;content:url('../layout_images/list_arrow_white.png')}
div#secondary_menu ul.clearfix li ul li a{font-size:1em;padding:2% 10% 2% 20%}
div#secondary_menu ul.clearfix li a:hover{color:#F0E8F5;background:#c059d6 url(../layout_images/news_shining.png) no-repeat left top}
div#secondary_menu ul.clearfix li a.currentpage{color:#fff;background:#892}
div#bottom_content_wrapper{float:left;position:relative;margin:0;padding:20px 2%;width:96%;background:transparent}
div#bottom_content_wrapper_center{position:relative;margin:0 auto;padding:0;width:auto;max-width:1040px;height:auto;background:transparent}
.ie7 div#bottom_content_wrapper_center,.ie8 div#bottom_content_wrapper_center{width:1040px}
div#bottom_content_wrapper p{margin:0 0 1em 0;padding:0;text-align:center;font-size:.875em;letter-spacing:.1em;color:#656565}
div#bottom_content_wrapper p.second-line{margin:0}
div#bottom_content_wrapper a:link,div#bottom_content_wrapper a:visited,div#bottom_content_wrapper a:active{color:#44b;text-decoration:none}
div#bottom_content_wrapper a:hover{text-decoration:underline}
p.scrolltop{width:auto;height:auto;margin:-1em 0 2em 0;padding:0;text-align:center}
.ie8 div.scrolltop,.ie7 div.scrolltop{min-width:1040px}
div.scrolltop p{text-align:center}
div.scrolltop a{margin:0;padding:20px;background:url(../layout_images/nuoli_ylos.png) no-repeat center center}
div.scrolltop a:hover{text-decoration:none}
div#news{margin:0 auto;padding:0;width:100%;background:transparent}
div#news #news_header{float:left;width:100%;margin:0 0 3px;padding:8px 0 7px;background:#444 url(../layout_images/news_shining.png) no-repeat left top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
div#news #news_header h1{font-family:'Oswald',Arial Narrow,Arial,Helvetica,Sans-serif;font-size:1.125em;color:#fff;font-weight:400;text-align:center;margin:0;padding:0}
div#no_news{float:left;width:90%;height:30px;margin:10px 0 0;padding:0 5%;background:transparent}
div#no_news p{margin:0;padding:0;text-align:center}
.NewsCounter{float:left;width:100%;margin:0;padding:2px 0;background:transparent;border:0}
.NewsCounter p{font-size:.75em;margin:0;padding:0;text-align:center}
.NewsSummaryWrapper{float:left;width:100%;background:transparent;margin:0;padding:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.NewsSummary{position:relative;display:inline-block;margin:0;padding:0 5%;width:90%;max-height:180px;background:#eee;border-bottom:0 solid #999;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.NewsSummary .haivytys{position:absolute;width:100%;height:40px;left:0;top:140px;background:url(../layout_images/bg_newssummary.png) repeat-x center top}
.NewsSummary p{margin:0;padding:0}
.NewsSummaryPostdate{float:left;width:100%;font-size:.875em;font-family:Georgia,Times,Serif;font-weight:400;color:#555;background-color:transparent;margin:0;padding:10px 0 0;display:inline}
.NewsSummaryPostdate p{float:left;margin:0;padding:0;border-bottom:1px dotted #ccc}
.NewsSummaryPostdate p:before{margin:0;padding:0;content:url('../layout_images/julkaistu.png')}
.NewsSummaryLink{float:left;margin:10px 0 6px;padding:0;width:100%;background:transparent}
.NewsSummaryLink h4{font-family:'Oswald',Sans-serif;font-size:1.188em;font-weight:400;padding:0;margin:0}
.NewsSummaryLink h4 a{color:#9526ac}
.NewsSummaryCategory{display:none}
.NewsSummaryAuthor{display:none}
.NewsSummarySummary{float:left;margin:0;padding:0;width:100%;background:transparent}
.NewsSummarySummary p{margin:0 0 6px;padding:0;font-size:.875em}
.NewsSummaryContent{display:none;line-height:140%}
.NewsSummaryContent p{display:none;line-height:140%;font-size:.875em}
.NewsSummaryMorelink{display:none;padding-top:.5em}
#NewsPostDetailDate{float:left;width:100%;font-size:.75em;font-family:Georgia,Times,Serif;font-weight:400;color:#555;background-color:transparent;margin:0 0 1em;padding:10px 0 0;display:inline;border-bottom:1px dotted #ccc}
#NewsPostDetailDate:before{margin:0;padding:0;content:url('../layout_images/julkaistu.png')}
#NewsPostDetailSummary{display:none;font-size:1.125em}
#NewsPostDetailSummary p{display:none;font-size:1.125em;line-height:150%;font-weight:700}
#NewsPostDetailCategory{display:none}
#NewsPostDetailContent{margin:15px 0 0;line-height:1.4em}
#NewsPostDetailAuthor{display:none}
#NewsPostDetailHorizRule{display:none;color:#eee;background-color:#eee;height:3px;border:0}
#NewsPostDetailPrintLink{display:none}
#NewsPostDetailReturnLink{display:none;margin:0 0 20px;padding:0 0 20px;font-size:.875em}
div#news ul li{padding:2px 2px 2px 5px;margin-left:20px}
/*mobile-navi*/
#nav-trigger{display:none;text-align:right}
#nav-trigger span{display:inline-block;padding:6px 65px 10px 0;background-color:transparent;color:#e2e2ff;cursor:pointer;font-family:'Oswald',Arial Narrow,Arial,sans-serif;font-weight:400;font-size:1.250em;text-transform:uppercase}
#nav-trigger span:after{display:inline-block;margin-left:10px;margin-top:10px;margin-bottom:10px;width:0;height:10px;content:url('../layout_images/menu_icon_plus.png')}
#nav-trigger span:hover{background-color:transparent;color:#fff}
#nav-trigger span.open:after{content:url('../layout_images/menu_icon_minus.png')}
div#nav{font-family:'Oswald',Arial,sans-serif;font-size:1.250em;margin-bottom:0}
div#nav-main{font-family:'Oswald',Arial,sans-serif;font-size:1.250em;background-color:transparent;margin-bottom:0;padding:0}
div#nav-main ul{list-style-type:none;margin:0;padding:0;text-align:center}
.ie7 div#nav-main ul{display:inline-block}
div#nav-main li{display:inline-block;border-right:solid 1px #88e;margin:0 0 0 -3px;padding:0}
.ie7 div#nav-main li{float:left}
div#nav-main li:last-child{border-right:none}
div#nav-main a{display:block;color:#e2e2ff;margin:0;padding:10px 20px 7px;text-decoration:none;text-transform:uppercase}
div#nav-main a:hover{background-color:transparent;color:#fff}
div#nav-mobile{font-family:'Oswald',Arial,sans-serif;font-size:1.250em;position:relative;display:none}
div#nav-mobile ul{display:none;list-style-type:none;position:absolute;z-index:1000;left:0;right:0;padding:0;margin-left:auto;margin-right:auto;text-align:center;background-color:#2b2ba7}
div#nav-mobile li{display:block;padding:0;margin:0;border-bottom:solid 1px #88e;background:transparent}
div#nav-mobile li:last-child{border-bottom:none}
div#nav-mobile a{display:block;color:#e2e2ff;padding:16px 30px;text-decoration:none;text-transform:uppercase}
div#nav-mobile a:hover{background-color:transparent;color:#fff}
div#navi_wrapper a.current{background-color:transparent;color:#fff;text-decoration:underline}
/*MQ*/
@media only screen and (max-width: 1020px) {div.as_tuote_02{width:71%}}
@media only screen and (max-width: 980px) {div.as_tuote_02{width:70%}}
@media only screen and (max-width: 920px) {div.as_tuote_02{width:auto}}
@media only screen and (max-width: 760px) {
body{font-size:14px}
div#info_bar_content h1,div#info_bar_content h2,div#info_bar_content h3,div#info_bar_content h4,div#info_bar_content p,div#info_bar_content ul,div#info_bar_content li,div#info_bar_content a{text-align:center}
p.info_bar_content_img{float:none}
p.info_bar_content_img img{padding:0}
div.es_tuote{width:96%;height:auto;margin:1%;padding:1%}
div.es_tuote_01{width:26%}
div.es_tuote_02{width:72%}
div.es_tuote h1,div.es_tuote h2{padding-top:40px}
div.as_tuote_01{display:block;vertical-align:top;width:100%;height:auto;background:transparent}
div.as_tuote_02{float:left;display:block;vertical-align:top;width:94%;height:auto;padding:0 3%}
div.as_tuote_02 div.tuote_logo{position:absolute;top:-110px;right:0;left:auto}
div.as_tuote img{float:left;width:100%;height:auto;max-width:120px;max-height:160px;padding:0 5%}
div.as_tuote h1,div.as_tuote h2{padding-top:10px}
div.bc{display:block}
ul.tuotelinkit li{padding:10px 0}
}
@media all and (max-width: 760px) {
#nav-trigger{display:block}
div#nav-main{display:none}
div#nav-mobile{display:block}
}
@media only screen and (max-width: 480px) {
div.es_tuote{height:auto;margin:1%;padding:1%}
div.es_tuote_01{width:38%}
div.es_tuote_02{width:60%}
div.as_tuote_02 div.tuote_logo img{float:right;width:65%;height:auto}
}
/*MQ_end*/