*,html{margin:0;padding:0;outline:0;border:0}
html{width:100%;height:100%;overflow-y:scroll;scroll-behavior:smooth}
body{font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-size:16px;width:100%;height:100%;margin:0;padding:0;color:#fff;background:#0a1955}
p{font-size:1em;margin:0;padding:0 0 1.5em;line-height:1.6em}
ul,ul ul{list-style-type:disc;margin:.6em 0 .6em 2em;padding:0}
li{font-size:1em;line-height:1.6em}
li li{padding-left:2em}
h1,h2,h3,h4,h5,h6{font-family:'Volkhov',serif;line-height:1.6em;padding:0 0 .6em;color:#def;font-weight:400}
h1{color:#d8d8f2;letter-spacing:-.02em}
h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.01em}
h1{font-size:2.5em}
h2{font-size:1.875em}
h3{font-size:1.688em}
h4{font-size:1.375em}
h5{font-size:1.188em}
h6{font-size:1.125em}
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link{color:#d8d8f2;text-decoration:none}
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active{color:#d8d8f2;text-decoration:underline}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#d8d8f2;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#fff;text-decoration:underline}
a{text-decoration:none}
a:link{color:#d8d8f2}
a:active{color:#dd88b0}
a:visited{color:#d8d8f2}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
img.f-left{display:block;float:left;margin:1em}
img.f-right{display:block;float:right;margin:1em}
	@media only screen and (max-width:960px){
	img.f-left,img.f-right{float:none;margin:1em auto}
	}
hr{
	border:0;height:1px;
	background-image:-webkit-linear-gradient(left,rgba(216,205,237,0),rgba(216,205,237,0.30),rgba(216,205,237,0));
	background-image:-moz-linear-gradient(left,rgba(216,205,237,0),rgba(216,205,237,0.30),rgba(216,205,237,0));
	background-image:-ms-linear-gradient(left,rgba(216,205,237,0),rgba(216,205,237,0.30),rgba(216,205,237,0));
	background-image:-o-linear-gradient(left,rgba(216,205,237,0),rgba(216,205,237,0.30),rgba(216,205,237,0));
	background-image:linear-gradient(to right,rgba(216,205,237,0),rgba(216,205,237,0.30),rgba(216,205,237,0));
	}
hr.blue{
	border:0;height:1px;
	background-image:-webkit-linear-gradient(left,rgba(14,18,73,0),rgba(14,18,73,0.80),rgba(14,18,73,0));
	background-image:-moz-linear-gradient(left,rgba(14,18,73,0),rgba(14,18,73,0.80),rgba(14,18,73,0));
	background-image:-ms-linear-gradient(left,rgba(14,18,73,0),rgba(14,18,73,0.80),rgba(14,18,73,0));
	background-image:-o-linear-gradient(left,rgba(14,18,73,0),rgba(14,18,73,0.80),rgba(14,18,73,0));
	background-image:linear-gradient(to right,rgba(14,18,73,0),rgba(14,18,73,0.80),rgba(14,18,73,0));
	}
	
hr.white-hairline{
	border:0;height:1px;
	background-image:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.80),rgba(255,255,255,0));
	background-image:-moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.80),rgba(255,255,255,0));
	background-image:-ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.80),rgba(255,255,255,0));
	background-image:-o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.80),rgba(255,255,255,0));
	background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.80),rgba(255,255,255,0));
	}
a.link_button{font-size:.813em;text-decoration:none;margin:.9em auto 0;padding:.6em .9em;text-align:center;background:#000}
span.johdanto,p.johdanto,.johdanto{font-size:1.25em;margin:0;padding:0 0 1.5em;line-height:1.6em}
span.smaller_font,p.smaller_font,.smaller_font{font-size:.875em;margin:0;padding:0 0 1.5em;line-height:1.4em}
.txt_center{text-align:center}
.huom{float:left;display:block;margin:20px 0;padding:8px 24px;background-color:#b60063}
h1.ajankohtaista,h2.ajankohtaista,h3.ajankohtaista,h4.ajankohtaista,h5.ajankohtaista,h6.ajankohtaista{margin:0 0 8px;padding:9px 24px;font-weight:700;color:#fff;background-color:#7d67bd;border:0 solid #c03}
img.shadow{box-shadow:0 0 10px 0 rgba(0,0,0,0.8);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.8);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.8)}
.video:before{margin-right:.7em;display:inline-block;height:100%;vertical-align:middle;content:url('../images/video-icon.png')}

p.right_slogan_image{padding:25px 0 0;text-align:center}
h4.right_slogan_txt{padding:10px 0 25px;text-align:center;font-style:italic;line-height:1.25em}
h5.right_slogan_txt{max-width:300px;margin-right:auto;margin-left:auto;padding:10px 0 25px;text-align:center;font-style:italic;line-height:1.25em}
	.nowrap{white-space:nowrap}
	.clearfix{width:100%;height:1px;clear:both}
	a.back-to-top,a.back-to-top:link,a.back-to-top:active,a.back-to-top:visited,a.back-to-top:focus{
	position:fixed;width:45px;height:45px;bottom:10px;right:10px;text-decoration:none;
	color:#333;background-color:rgba(0,0,0,0.20);font-size:1.625em;font-weight:400;
	margin:0;padding:0;text-align:center;display:none
	}
	a.back-to-top:hover{
	background-color:rgba(0,0,0,0.30);text-decoration:none
	}
.ir_wrapper{width:70%;height:100%;margin:0 auto;background:#ccc}
.h_iframe{position:relative}
.h_iframe .ratio{display:block;width:100%;height:auto}
.h_iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	@media only screen and (max-width: 860px){.ir_wrapper{width:80%}}
	@media only screen and (max-width: 760px){.ir_wrapper{width:90%}}
	@media only screen and (max-width: 660px){.ir_wrapper{width:100%}}
.videoWrapper{position:relative;padding-bottom:53.25%;padding-top:25px;margin:0 0 60px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.ir_wrapper_video{width:100%;max-width:760px;height:100%;margin:0;background:transparent}
	@media only screen and (max-width: 960px){.ir_wrapper_video{max-width:570px;margin:0 auto}}
.h_iframe_video{position:relative}
.h_iframe_video .ratio{display:block;width:100%;height:auto}
.h_iframe_video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.ir_wrapper_lomake{width:100%;height:100%;margin:0 auto;background:transparent}
.h_iframe_lomake{position:relative}.h_iframe_lomake .ratio{display:block;width:100%;min-width:220px;height:800px}.h_iframe_lomake iframe{position:absolute;top:0;left:0;width:100%;min-width:220px;height:800px}
	@media only screen and (max-width: 460px){
	.h_iframe_lomake .ratio,.h_iframe_lomake iframe{height:900px}
	}
.ir_wrapper_lomake2{width:100%;height:100%;margin:0 auto;background:transparent}.h_iframe_lomake2{position:relative}.h_iframe_lomake2 .ratio{display:block;width:100%;min-width:220px;height:650px}.h_iframe_lomake2 iframe{position:absolute;top:0;left:0;width:100%;min-width:220px;height:650px}
	@media only screen and (max-width: 460px){
	.h_iframe_lomake2 .ratio,.h_iframe_lomake2 iframe{height:750px}
	}
ul.valokuuset{list-style:none;display:table;width:100%;margin:0 auto 26px auto;padding:0;background:#080c3c;border:1px solid #666699;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
ul.valokuuset li{width:auto;float:left;margin:0.3em 0em 0.3em 0.5em;padding:3px 6px;box-sizing:border-box} ul.valokuuset li::before{content:'\2022';padding-right:6px;color:white}
	@media only screen and (max-width: 600px){
	ul.valokuuset{width:auto;width:100%;max-width:360px;padding:0 12%;} ul.valokuuset li{float:none;text-align:left;width:auto}
	}
.snowflake{-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}
@-moz-keyframes spin {100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes spin {100%{-webkit-transform:rotate(360deg)}}
@keyframes spin {100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}

div#wrapper{position:relative;width:100%;height:auto;background:transparent}
div.center{position:relative;width:94%;height:auto;max-width:1400px;margin:0 auto;padding:0 3%;background:transparent}

header#header{
	float:left;position:relative;width:100%;height:auto;margin:0;padding:0;background:transparent
	}
header#header #navi_wrapper{
	float:left;position:relative;width:100%;height:auto;margin:0;padding:0;background:#7d67bd
	}
header#header #top_bar{
	float:left;position:relative;width:100%;height:auto
	}
header#header #top_bar_bg{
	float:left;position:relative;width:100%;height:auto;
	}
	
header#header #top_bar_imagewrapper{
	display:block;position:relative;
	width:100%;height:auto;min-height:auto;
	margin:0 auto;padding-top:26%;
	background-color:#030413;
	background-image:url(../images/jaateltta_01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100%;
	border-top:4px solid #e5e2ef;
	border-bottom:4px solid #e5e2ef;
	box-shadow:0 0 90px 10px rgba(140,170,230,0.3);
	-moz-box-shadow:0 0 90px 10px rgba(140,170,230,0.3);
	-webkit-box-shadow:0 0 90px 10px rgba(140,170,230,0.3);
	overflow:hidden;text-align:center;
	}
		@media only screen and (min-width:1600px){
		header#header #top_bar_imagewrapper{padding-top:410px;}
		}
		@media only screen and (max-width:600px){
		header#header #top_bar_imagewrapper{padding-top:160px;background-position:center center;background-size:cover;}
		}
header#header #top_bar_image{
	display:inline-block;position:absolute;top:46%;left:0;
	width:100%;height:auto;
	margin:-80px 0 0 0;padding:0;
	background-color:rgba(0,0,0,0);
	overflow:hidden;
	}
header#header #top_bar_image img{
	max-height:180px;
	margin:0;padding:0;
	}
		@media only screen and (max-width:960px){
		header#header #top_bar_image{top:40%;margin-top:-50px;}
		header#header #top_bar_image img{max-height:150px;}
		header#header #top_bar_image img.img-2{max-height:28px;}
		}
		/*---@media only screen and (max-width:520px){
		header#header #top_bar_image{top:auto;bottom:6%;margin-top:-46px;margin-left:6%;margin-right:6%;}
		header#header #top_bar_image img{max-height:120px;}
		header#header #top_bar_image img.img-2{max-height:20px;}
		}---*/
p.r-images img{
	max-height:125px;
	margin:0;padding:0;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	}
	
@-webkit-keyframes fadeIn {from{opacity:0}to{opacity:1}}
@-moz-keyframes fadeIn {from{opacity:0}to{opacity:1}}
@keyframes fadeIn {from{opacity:0}to{opacity:1}}
.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.fade-in.one{-webkit-animation-delay:.5;-moz-animation-delay:.5;animation-delay:.5;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}
.fade-in.two{-webkit-animation-delay:0;-moz-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s}
.fade-in.tree{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}
.fade-in.mhaku{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.1s;-moz-animation-duration:.1s;animation-duration:.1s}
.ie9 .fade-in{opacity:1}
	@media print{.fade-in{opacity:1}}

div#slogan_bar{float:left;width:100%;height:0;margin:0;padding:0;background:transparent}
div#slogan_bar_content{width:96%;margin:0 auto;padding:20px 2% 10px;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{margin:0;padding:.2em 0;color:#999;text-align:center;line-height:1em}
div#slogan_bar_content a{text-decoration:underline}

div#content{float:left;position:relative;width:100%;height:auto;margin:0;padding:0;/*background:url(../images/bg-ice-v03.jpg) no-repeat center top;background-size:100%;*/}
	@media only screen and (max-width: 660px){div#content{background-image:none;}
	}
	@media only screen and (max-width: 660px){
	div.content-bg-layer{position:absolute;top:0;width:100%;height:0;background:rgba(14,18,73,1);}
	}
div.content_bg{	float:left;width:100%;height:auto;margin:0;padding:0 0 20px}
div#content_wrapper{display:inline-block;width:94%;max-width:1400px;margin:0 auto;padding:40px 3% 0;background:transparent}
	@media only screen and (max-width:960px){
	div#content_wrapper{display:block;max-width:560px;padding-top:0;}
	}
div#bread_wrapper{float:left;display:block;width:100%;height:auto;margin:0 auto 14px;padding:0}
div#bread_wrapper img{float:left;margin:3px 0 0}
nav#breadcrumb{width:100%;height:auto;margin-bottom:2em}
nav#breadcrumb ul{list-style:none;width:100%;height:auto;margin:0;padding:0}
nav#breadcrumb ul li{display:inline;width:auto;padding:0 0.25em;margin:0}
nav#breadcrumb ul li:before{content:"/";margin:0 0.35em 0 0;color:rgba(255,255,255,1.0)}
nav#breadcrumb ul li:first-child:before{content:""}
	@media only screen and (max-width:960px){
	div#bread_wrapper img{margin-top:0}
	nav#breadcrumb{margin-bottom:1em}
	}
div.paapalsta_content{float:left;width:80%;margin:20px 0 10px;padding:0;background:transparent;word-wrap:break-word}
div.left_content{float:left;width:70%;margin:20px 0 10px;padding:0 2% 0 0;background:transparent;word-wrap:break-word}
div.paapalsta_content,div.left_content img,div.right_content img{max-width:100%;height:auto}
div.right_content{float:left;width:26%;margin:32px 0 10px;padding:0 0 0 2%;background:transparent;word-wrap:break-word;overflow:hidden}
div#bottom_content_bar{display:table;width:100%;max-width:1400px;margin:0 auto 1%;padding:0 0 1%;background:#ccc /*url(../images/bg_bottom_content.png)*/;outline:1px solid #ccc}
div#bottom_content_bar ul li{float:left;margin:0 10px;padding:0 10px;font-family:'Volkhov',serif;font-size:.875em}
	@media only screen and (max-width:1260px){
	div.left_content{width:68%}
	div.right_content{width:28%}
	}
	@media only screen and (max-width:1160px){
	div.left_content{width:66%}
	div.right_content{width:30%}
	}
	@media only screen and (max-width:1060px){
	div.left_content{width:64%}
	div.right_content{width:32%}
	}
	@media only screen and (max-width:960px){
	div.left_content{width:100%;margin:20px 0 10px;padding:0}
	div.right_content{width:100%;margin:6px 0 10px;padding:0}
	}
div#secondary_menu{float:right;width:26%;margin:20px 0 0 0;padding:0;background:transparent}
div#secondary_menu ul,div#secondary_menu ul ul{float:left;width:100%;margin:0;padding:0;background:transparent;list-style-type:none;list-style-image:none}
div#secondary_menu ul li{width:100%;margin:0;padding:0}
	div#secondary_menu ul li.info-link{display:none}
div#secondary_menu ul li a{display:block;width:auto;margin:6px 0;padding:12px 9px 15px 9px;color:#fff;background:#6d71b1;border:0;font-family:'Oswald',Arial Narrow,Sans-serif;font-size:1.25em;text-transform:none;font-weight:400;text-align:center;text-decoration:none}
div#secondary_menu ul li a:active,div#secondary_menu ul li a:focus{background:#99c}
div#secondary_menu ul li ul li a{padding:2% 10% 2% 20%;font-size:1.125em}
div#secondary_menu ul li a:hover{color:#fff;background:#b2a8d0}
div#secondary_menu ul li a.menuactive{color:#6d71b1;background:#e2e3ef;text-decoration:underline}
	@media only screen and (max-width:1260px){
	div#secondary_menu{width:28%}
	}
	@media only screen and (max-width:1160px){
	div#secondary_menu{width:30%}
	}
	@media only screen and (max-width:1060px){
	div#secondary_menu{width:32%}
	}
	@media only screen and (max-width: 960px){
	div#secondary_menu{float:left;width:100%;margin:6px 0 0 0;text-align:center}
	div#secondary_menu ul{display:inline-block;float:none;width:auto;margin:0 auto;padding:0}
	div#secondary_menu ul li{display:inline-block;float:none;width:auto;margin:0;padding:0;text-align:center}
		div#secondary_menu ul li.info-link{display:inline-block}
	div#secondary_menu ul li a{display:inline-block;font-size:1.286em;letter-spacing:-0.25px;margin:3px 1px;padding:12px 16px 12px 12px}
	}
	@media only screen and (max-width: 420px){
	div#secondary_menu ul li a{padding:8px 12px 8px 8px;font-size:1.143em;letter-spacing:-0.35px}
	div#secondary_menu ul li ul li a{padding:5px 9px;font-size:1em}
	}
ul.osoite{float:left;width:96%;margin-bottom:30px;background:transparent}
ul.osoite li{float:left;font-size:1.125em;margin:0 .7em;padding:0}
div.henkilokunta h1,div.henkilokunta h2{text-align:center}
div.henkilokunta h2{font-size:1.188em}
div.henkilokunta ul{float:left;list-style-type:none;width:95%;width:-moz-calc(96% - 2px);width:-webkit-calc(96% - 2px);width:-o-calc(96% - 2px);width:calc(96% - 2px);margin:0 0 1%;padding:2%;background:#080c3c;border:1px solid #669;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
div.henkilokunta ul li{float:left;width:50%;height:auto;font-size:1em;margin:0;padding:0;background:transparent}
div.henkilokunta ul li:nth-child(1){width:100%;font-size:1.125em;font-weight:700}
div.henkilokunta ul li:nth-child(1) h3{font-family:'Open Sans',Arial,Helvetica,Sans-serif;font-size:1.063em;margin:0;padding:0;line-height:1.6em;font-weight:700;text-align:left!important}
div.henkilokunta ul li:nth-child(5) img{margin-bottom:-3px}
	@media only screen and (max-width: 660px){
	div.henkilokunta ul li{width:100%}
	}
	/*AddToAny BEGIN*/
div.addtoany-wrapper{text-align:center;padding:10px 0}
div.addtoany-container{display:inline-block;zoom:1;max-width:210px;display*:inline;/* ie hack */}
img.share-it-btn{float:left;background:rgba(115,115,115,1.0);margin-right:4px;padding:12.5px 13.5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
div.laskutus_wrapper{float:left;width:97%;height:auto;margin:1em 0;padding:0 1.5%}
ul.laskutus{display:inline-block;list-style-type:none;width:48%;margin:0;padding:0 0.5%;vertical-align:top}
ul.laskutus li{float:left;width:100%;height:auto;margin:0;padding:0;text-align:left}
	@media only screen and (max-width:760px){
	ul.laskutus{width:96%}
	}
div#haku_content{display:inline-block;width:100%;height:auto;margin:20px 0;padding:0;background:transparent}
.box_select{float:left;display:block;margin:6px 0;padding:0;border:0;color:#000;background:transparent;width:100%;height:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box{float:left;display:block;margin:0;padding:0;border:0;color:#000;background:#fff;width:100%;height:auto;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box ul,.box ul li{text-align:left}
.box ul{float:left;list-style-type:none;width:96%;margin:0;padding:8px 6px}
.box ul li{float:left;font-size:1em;margin:0;padding:0;background:transparent}
.box ul li:nth-child(1){width:100%;font-size:1.125em;font-weight:700}
.box ul li img{margin-bottom:-1px}
#selectField{width:100%;margin:0;padding:10px 6px;border:0;font-family:'Open Sans',Arial,Helvetica,Sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
div.box_select select,div.box_select option{font-size:1em}

div#news{display:inline-block;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(../images/news_shining.png) no-repeat left top;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
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:94%;height:30px;margin:10px 0 0;padding:0 3%;background:transparent}
div#no_news p{margin:0;padding:0;text-align:center}

div#content_bottom{float:left;display:block;width:100%;height:auto;margin:0;padding:10px 0 0;background:#3d427f;border-top:1px solid #584c7e}
div#content_bottom_center{display:block;width:94%;max-width:1350px;height:auto;margin:0 auto;padding:1.5% 3% 2.5%;line-height:1em;text-align:center;word-wrap:break-word}
div#content_bottom p,div#content_bottom h1,div#content_bottom h2,div#content_bottom h3,div#content_bottom h4,div#content_bottom h5{margin:0;padding:0 0 .15em}
div#content_bottom a,div#content_bottom a:link,div#content_bottom a:visited{text-decoration:none}
div.content_bottom_block{float:left;width:31.33333%;height:auto;margin:0;padding:0 1% 1.75em 1%;background:transparent}
div.content_bottom_img{position:relative;width:99%;height:auto;width:calc(100% - 10px);margin:0;padding:0 0 50%;background-color:#000;/*background-image:url(../images/jouluvalo_ref01_etusivu.jpg); background-repeat:no-repeat;background-position:center;background-size:cover;*/border:5px solid #fff}
div.content_bottom_img img{position:relative;width:100%;height:auto;margin:0;padding:0}
div.content_bottom_txt{width:94%;margin:1em 0 0;padding:0 3%;font-family:'Open Sans Condensed',Arial Narrow,Sans-serif;clear:both}

footer#footer{float:left;position:relative;width:100%;margin:0;padding:0 0 30px 0;background:#090b12}
footer#footer div.center{max-width:1340px}
footer#footer div.center.first{display:table;padding:36px 0}
footer#footer div.center.second{display:none;height:40px;background:url(../images/bg-footer.png) no-repeat center top}
div#footer_center{position:relative;width:80%;height:auto;margin:0 auto;padding:0 10%;background:transparent}
footer#footer p{margin:0;padding:0;color:#fff;text-align:center;letter-spacing:.1em}
footer#footer a:link,footer#footer a:visited,footer#footer a:active{color:#fff;text-decoration:none}
footer#footer a:hover{color:#99c}
div#footer_left{float:left;display:inline-block;padding:0 0 0 6%;font-size:1em}
div#footer_left img.footer-logo{max-width:30px;height:auto;margin-bottom:-6px}
div#footer_right{float:right;display:inline-block;padding:0 6% 0 0;font-size:.938em}

footer#es_footer{float:left;position:relative;width:100%;margin:0;padding:0 0 30px;background:#090b12}
footer#es_footer div.es_footer_center{display:block;width:92%;height:auto;max-width:1400px;margin:0 auto;padding:40px 4% 100px;overflow:hidden}
div.es_footer_left{float:left;display:block;width:50%;margin:0;padding:0;height:auto;overflow:hidden}
div.es_footer_right{float:left;display:block;width:48%;min-width:auto;max-width:auto;margin:0;padding:0 0 0 2%;height:auto;overflow:hidden}
div.es_footer_right p.f-logo{text-align:left;padding-top:26px}
div.es_footer_right p.f-logo img{width:100%;max-width:320px}
div.es_footer_right p.f-text{text-align:left;padding-top:0}
div.face-app-wrapper{display:table;width:100%;max-width:500px;height:auto;margin:0 auto!important;padding:0;overflow:hidden}
div.face-block-test{width:500px;height:400px;background:#fff}
hr.white{display:none;margin-top:20px}
	@media only screen and (max-width: 1140px){
	div.es_footer_left{width:100%;margin:0;padding:0}
	div.es_footer_right{display:table;width:100%;margin:0;padding:20px 0 0}
	div.es_footer_right p.f-logo,div.es_footer_right p.f-text{text-align:center}
	hr.white{display:block}
	}
	@media only screen and (max-width: 540px) {
	div.es_footer_right p{color:transparent;margin:0;padding:0}
	div.es_footer_right p.f-text span{color:#fff;display:block;width:100%}
	div.es_footer_right p span{display:block;width:100%}
	}
div.scrolltop{float:left;width:100%;height:auto;margin:0;padding:30px 0 0;background:transparent}
div.scrolltop p{text-align:center}
div.scrolltop a{margin:0;padding:20px;background:url(../images/nuoli_ylos2.png) no-repeat center center}
div.scrolltop a:hover{text-decoration:none}
.a2a_svg{width:42px!important;height:42px!important;line-height:42px!important;margin:0 2px!important;background-size:42px!important}

	@media only screen and (max-width: 960px){
	html{overflow-y:auto}
	body{font-size:14px}
	#snow_wrapper{display:none}
	div.snowing-page,div#navi_wrapper{font-size:125%}
	h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}
	h1{font-size:1.643em} h2{font-size:1.429em} h3{font-size:1.357em} h4{font-size:1.286em} h5{font-size:1.143em} h6{font-size:1.071em}
	p{font-size:0.929em}
	p.johdanto{font-size:1.071em}
	#content p,#content p.johdanto,#content h1,#content h2,#content h3,#content h4,#content h5{text-align:center}
	header#header #top_bar_logo h1,header#header #top_bar_logo h2,header#header #top_bar_logo h3,header#header #top_bar_logo h4{margin:10px 0;padding:0;text-align:center;clear:both}
	header#header #top_bar_logo p#top-slogan{margin:10px 0;padding:0;text-align:center;clear:both}
	div#haku_content{display:table;width:100%;height:auto;max-width:400px;margin:20px auto;clear:both}
	div.content_bottom_txt p{font-size:120%}
	div#footer_left{float:left;display:block;width:100%;padding:0 0 20px}
	div#footer_right{float:left;display:block;width:100%;padding:0}
	}
	@media only screen and (max-width: 720px){
	div.content_bottom_block{width:98%}
	}
	@media only screen and (max-width: 480px){
	html{overflow-y:auto}
	div#bottom_content_bar ul li{float:none;margin:0 10px;padding:0 10px;font-style:italic}
	}
	@media only screen and (max-width: 420px){
	div#footer_right p{color:transparent}
	div#footer_right p span{display:block;width:100%}
	}
	@media only screen and (max-width: 380px){
	ul.osoite li{float:none}
	ul.henkilokunta li{float:none;width:auto}
	ul.henkilokunta img{margin-right:1em}
	}
#nav-trigger{position:relative;display:none;text-align:right;margin-top:2px}
#nav-trigger span{display:inline-block;top:0;margin:0;padding:16px 20px 16px 20px;
color:#fff;background:#7d67bd;cursor:pointer;font-family:Arial,Helvetica,Sans-Serif}
#nav-trigger span:after{position:absolute;top:14px;right:2px;margin:0;padding:0;width:auto;height:auto;font-size:1.125em;content:"+";}
#nav-trigger span.open:after{top:12px;content:"-"}
div#nav{font-family:'Oswald',Arial Narrow,Sans-Serif;text-transform:uppercase}
div#nav-main{font-family:'Oswald',Arial Narrow,Sans-Serif;text-transform:uppercase;background-color:transparent;width:94%;margin:0;padding:0 3%}
div#nav-main ul{float:right;list-style-type:none;margin:0;padding:0;text-align:center}
div#nav-main li{display:inline-block;margin:0;padding:0}
div#nav-main a{display:block;color:#fff;background:#7d67bd;margin:0;padding:16px 5px;font-size:1.125em;text-decoration:none;letter-spacing:-.01em}
div#nav-main a:active,div#nav-main a:focus{background:#99c}
div#nav-main a:hover{color:#fff;background:#ada7d0;background:rgba(255,255,255,0.4)}
div#navi_wrapper a.menuactive{color:#7d67bd;background:#e1e2f0;background:rgba(255,255,255,0.8)}
div#nav-mobile{position:relative;padding:0;margin:0;font-family:'Oswald',Arial Narrow,Sans-Serif;text-transform:uppercase;font-size:1em;display:none}
div#nav-mobile ul{display:none;list-style-type:none;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0;padding-top:0;padding-bottom:30px;text-align:center;background-color:transparent}
div#nav-mobile li{display:block;padding:0;margin:0;border-top:1px solid #fff}
div#nav-mobile li:last-child{border-bottom:1px solid #fff}
div#nav-mobile a{display:block;margin:0;padding:12px 30px;color:#fff;background:#7d67bd;text-decoration:none}
div#nav-mobile a:active,div#nav-mobile a:focus{color:#7d67bd;background:#fff}
div#nav-mobile a:hover{color:#fff;background:#ccc2e9;background:rgba(255,255,255,0.4)}
div#nav-mobile a.menuactive{color:#7d67bd;background:#ccc2e9;background:rgba(255,255,255,0.8)}
	@media all and (max-width: 960px){
	#nav-trigger{display:block} div#nav-main{display:none} div#nav-mobile{display:block}
	}
.NewsCounter{float:left;width:100%;margin:0;padding:2px 0;background:transparent;border:0;}
.NewsCounter p{font-size:.813em;margin:0;padding:0;text-align:center;}
.NewsSummaryWrapper{max-width:560px;margin:0 auto 20px auto;background:#7d67bd;border:5px solid #fff;}
.NewsSummary{position:relative;display:block;width:97%;margin:0 auto 5px;padding:.75em 1.5%;overflow:hidden;}
.NewsSummary .haivytys{position:absolute;width:100%;height:40px;left:0;top:170px;background:url(../images/bg_newssummary.png) repeat-x center top}
.NewsSummary p{font-family:'Open Sans Condensed',Arial Narrow,Sans-serif;font-size:1.188em;margin:0;padding:0 1em;color:#fff;}
.NewsSummary ul{list-style:none;text-indent:-15px;margin-left:15px;}
.NewsSummary ul li{font-family:'Open Sans Condensed',Arial Narrow,Sans-serif;font-size:1.188em;margin:0 0 0 1em;padding:0;color:#fff;}
/*.NewsSummary ul ul li{font-family:'Open Sans Condensed',Arial Narrow,Sans-serif;font-size:1.125em;margin:0 0 0 1em;padding:0 0 0 0em;color:#fff;}*/
.NewsSummary ul li:before{font-family:FontAwesome;font-size:0.75em;content:"\f054";color:#fff;margin:0 5px 0 0;vertical-align:1px;}
.NewsSummary ul li a,.NewsSummary ul li a:link,.NewsSummary ul li a:active,.NewsSummary ul li a:visited,.NewsSummary ul li a:focus{color:#fff;text-decoration:underline;}
.NewsSummary ul li a:hover{color:#ddd;}
	@media only screen and (max-width: 960px){
	div.NewsSummary p,.NewsSummary ul li{font-size:130%}
	.NewsSummary ul ul li{font-size:110%}
	}
div.NewsSummary a{color:#0a1955}
.NewsSummaryPostdate{float:left;width:100%;font-size:.938em;font-family:'Volkhov',serif;font-weight:400;color:#eee;background-color:transparent;margin:0;padding:10px 0 0;display:inline}
.NewsSummaryPostdate p{font-size:.938em;float:left;margin:0;padding:0;border:0}
.NewsSummaryPostdate p:before{margin:0;padding:0 .5em 0 0;content:url('../images/julkaistu.png')}
.NewsSummaryLink{float:left;margin:10px 0 6px;padding:0;width:100%;background:transparent}
.NewsSummaryLink h4{font-family:'Volkhov',serif;font-size:1.25em;font-weight:400;padding:0;margin:0}
.NewsSummaryLink h4 a,.NewsSummaryLink h4 a:link,.NewsSummaryLink h4 a:visited{text-decoration:none}
.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:.938em;color:#eee}
.NewsSummaryContent{display:none;line-height:140%}
.NewsSummaryContent p{display:none;line-height:140%;font-size:.938em}
.NewsSummaryMorelink{display:none;padding-top:.5em}
#NewsPostDetailDate{float:left;width:100%;font-size:.813em;font-family:'Volkhov',serif;font-weight:400;color:#eee;background-color:transparent;margin:0 0 1em;padding:10px 0 0;display:inline;border-bottom:0 dotted #ccc}
#NewsPostDetailDate p{font-size:.813em}
#NewsPostDetailDate:before{margin:0;padding:0;content:url('../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:#ddd;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}