/* cmsms stylesheet: 0_2026_jouluvalo_perustyyli modified: 04.07.2026 21.49.25 */
*,html{
margin:0;padding:0;outline:0;border:0;box-sizing:border-box;
}
html{
width:100%;height:100%;overflow-y:scroll;
}
body{
font-family:'Asap',Sans-serif;font-size:16px;width:100%;height:100%;margin:0;padding:0;
color:#fff;background-color:#063f8a /*#0a4ba0 #003c7b*/;
}

body:before{
content:"";position:absolute;width:100%;height:1800px;top:0;bottom:0;left:0;right:0;
background-image:url('https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/bg-logo-tunnus.webp');background-repeat:no-repeat;
background-position:40vw -300px;background-size:1800px auto;opacity:.5;z-index:0;
}

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;
}
h1,h2,h3,h4,h5,h6{
font-family:'BioRhyme',sans-serif;line-height:1.6em;padding:0 0 .625em;color:#def;font-weight:400;
}
h1{color:#d7d7f0;letter-spacing:0}
h2,h3,h4,h5,h6{color:#fff;letter-spacing:0}
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:#d7d7f0;text-decoration:none}
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active{color:#d7d7f0;text-decoration:underline}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#d7d7f0;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}
	@media only screen and (max-width:960px){
	h1{letter-spacing:-.03em}
	h2,h3,h4,h5,h6{letter-spacing:0}
	h1{font-size:2em} h2{font-size:1.625em} h3{font-size:1.375em} h4{font-size:1.25em} h5{font-size:1.125em} h6{font-size:1.0625em} p{font-size:1em}
	}
a{text-decoration:none}
a:link{color:#d7d7f0}
a:active{color:#dd88b0}
a:visited{color:#d7d7f0}
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:linear-gradient(to left,rgba(204,204,237,0),rgba(204,204,237,0.30),rgba(204,204,237,0));}
hr.blue{border:0;height:1px;background-image:linear-gradient(to left,rgba(16,16,73,0),rgba(16,16,73,0.80),rgba(16,16,73,0));}
hr.white{border:0;height:2px;background-image:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.30),rgba(255,255,255,0));}
hr.white-second{border:0;height:2px;background-image:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.30),rgba(255,255,255,0));}
a.link_button{font-size:.8em;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:.9em;margin:0;padding:0 0 1.5em;line-height:1.4em}
.txt_center,text-center{text-align:center}
text-left{text-align:left!important}
text-right{text-align:right!important}
.huom{float:left;display:block;margin:20px 0;padding:8px 24px;background-color:#b60063}
span.miuku:before{content:"@"}
span.att::before{content:"@"}
h1.ajankohtaista,h2.ajankohtaista,h3.ajankohtaista,h4.ajankohtaista,h5.ajankohtaista,h6.ajankohtaista{
margin:0 0 8px;padding:9px 10px;font-weight:700;color:#fff;background-color:#00142d;border:0 solid #c03;
}
p.ajankohtaista_base_content{
margin:0;padding:5px 0 0 0;color:#333;background-color:#fff;border:0;font-family:'Asap Condensed',Sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;
}
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{display:inline-block;content:"\f03d";font-family:FontAwesome;margin-right:.7em;vertical-align:1px}
	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.3em}
.nowrap{white-space:nowrap}
	.back-to-top{position:fixed;display:none;right:15px;bottom:15px;padding:7px 13px 10px 13px;font-size:20px;transition:background .5s;border-radius:2px;color:#fff;background:rgba(0,0,0,.25);}
.back-to-top:focus{outline:none;color:#fff;background:rgba(0,0,0,.25);}
.back-to-top:hover{color:#fff;background:rgba(0,0,0,.5);}
		.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}
.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%}
	@media only screen and (max-width: 960px){.ir_wrapper_video{margin:0 auto;}}
	@media only screen and (max-width: 860px){.ir_wrapper_video{width: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:#060635;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;overflow:hidden;
}

div.center{
position:relative;width:100%;height:auto;max-width:1400px;margin:0 auto;padding:0 2em;background:transparent;
}
	div#top-banner{
background:rgba(14,18,73,1);
}
div#top-banner p{
font-family:'BioRhyme',sans-serif;font-size:1.25em;font-style:italic;line-height:1.25em;color:#f3f3c9;margin:0;padding:0;text-align:center;text-shadow:2px 2px 2px rgb(14,18,73);
}
div#top-banner a,div#top-banner a:link,div#top-banner a:active,div#top-banner a:visited,div#top-banner a:focus{
text-decoration:underline;color:#bccce4;
}
div#top-banner a:hover{
color:white;
}
div#top-banner div.content_wrapper{
margin:0;padding:1em 2em;
}
	
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:#00142d;
}

		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;padding:64px 0 0 0;
}
header#header #top_bar_logo{
display:block;position:relative;width:100%;max-width:1280px;height:auto;margin:0 auto;padding:0 2em;
}
		@media only screen and (max-width:1000px){
		header#header #top_bar_logo{padding-top:16px;}
		}

header#header #top_bar_logo img{
display:inline-block;float:left;width:100%;max-width:320px;height:auto;margin:0;padding:12px 0;
}

	@media only screen and (max-width:1000px){
	header#header #top_bar_logo img{display:block;float:none;height:auto;margin:0 auto;padding:0;}
	}
	@media only screen and (max-width:600px){
	header#header #top_bar_logo img{max-width:280px;}
	}


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:40px 0;padding:0;color:#fff;font-style:italic;letter-spacing:-.025em;line-height:1em;text-align:right;
}

header#header #top_bar_logo h2{
font-size:1.688em;
}

header#header #top_bar_logo p#top-slogan{
font-family:'Satisfy',cursive;font-size:1.75em;font-weight:400;letter-spacing:0;line-height:1em;text-align:right;margin:0px 0px 0;padding:40px 0 0 0;color:#fff;
}
header#header #top_bar_imagewrapper{
display:block;position:relative;width:100%;height:auto;margin:0 auto;padding:0;background-color:#000010;overflow:hidden;
}
header#header #top_bar_imagewrapper #bg-bar{
position:absolute;bottom:0;width:100%;height:100px;margin:0 auto;padding:0;z-index:10;
}
header#header #top_bar_image{
display:block;position:relative;width:100%;max-width:1360px;height:auto;margin:0 auto;padding:0;background:transparent;overflow:hidden;
}
header#header #top_bar_image img{
width:100%;height:auto;margin:0 0 -6px;padding:0;outline:0;border:0;
}

	@keyframes fadeIn {from{opacity:0}to{opacity:1}}
.fade-in{opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards}
.fade-in.one{animation-delay:0.5;animation-duration:1s}
.fade-in.two{animation-delay:0;animation-duration:.5s}
.fade-in.mhaku{animation-delay:.5s;animation-duration:.1s}
	@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:100%;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;width:100%;height:auto;margin:0;padding:0;
background:url('https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/bg-stars-v02-new.png');
background-repeat:repeat-x;background-position:center -20px;
background-size:440px auto;box-sizing:border-box;
}

div.content_bg{
float:left;width:100%;height:auto;margin:0;padding:0 0 20px;box-sizing:border-box;
}
	div#content_wrapper{
display:inline-block;width:100%;max-width:1400px;margin:0 auto;padding:0;background:transparent;box-sizing:border-box;
}
	
div#bread_wrapper{
float:left;display:block;width:70%;height:auto;margin:2.5em auto 1.25em auto;padding:0;box-sizing:border-box;
}

div#bread_wrapper img{
display:none;float:left;margin:3px 0 0 0;
}

nav#breadcrumb{
width:100%;height:auto;margin-bottom:0;
}

nav#breadcrumb ul{
list-style:none;width:100%;height:auto;margin:0;padding:0;
}
nav#breadcrumb ul li{
display:inline;width:auto;margin:0;padding:0 0.25em;
}
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{
font-family:FontAwesome;content:"\f015";color:#fff;
}

		@media only screen and (max-width: 1200px){
		div#bread_wrapper{width:100%;margin:2em auto 2em auto;}
		div#bread_wrapper img{margin-top:0;}
		}
	
div.paapalsta_content{
float:left;width:100%;margin:20px 0 10px 0;padding:0;word-wrap:break-word;box-sizing:border-box;background:transparent;
}
div.left_content{
float:left;width:75%;margin:20px 0 20px 0;padding:0 12% 0 0;word-wrap:break-word;box-sizing:border-box;background:transparent;
}
		@media only screen and (max-width:1200px){
		div.left_content{float:none;width:100%;max-width:600px;margin:0 auto 20px auto;padding:0;}
		}
		
div.right_content{
float:left;width:25%;margin:10px 0;padding:0;word-wrap:break-word;overflow:hidden;box-sizing:border-box;background:transparent;
}
		@media only screen and (max-width:1200px){
		div.right_content{float:none;width:100%;max-width:600px;margin:10px auto;padding:0}
		}
div.paapalsta_content,div.left_content img,div.right_content img{
max-width:100%;height:auto;
}

div#bottom_content_bar{
display:table;width:100%;max-width:1400px;margin:0 auto 1%;padding:0 0 1%;background:#ccc;outline:1px solid #ccc;box-sizing:border-box;
}

div#bottom_content_bar ul li{
float:left;margin:0 10px;padding:0 10px;font-family:'BioRhyme',Georgia,Times,Serif;font-size:.9em;
}

		@media only screen and (max-width:500px){
		div#bottom_content_bar ul li{float:none;margin:0 10px;padding:0 10px;font-style:italic}
		}
	


div#secondary_menu{
float:right;display:inline-block;width:25%;margin:3em 0 1em 0;padding:0;background:transparent;box-sizing:border-box;
}

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;box-sizing:border-box;
}

div#secondary_menu ul li{
width:100%;margin:0;padding:0;
}

div#secondary_menu ul li a{
display:block;width:auto;margin:4px 0;padding:9px;color:#fff;background:#6d71b1;border:0;font-family:'Oswald',Sans-serif;font-size:1.25em;text-transform:none;font-weight:400;text-align:center;text-decoration:none;border-radius:2px;
}

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:none;
}

div#secondary_menu ul li a:before{
font-family:FontAwesome; content:"\f105";padding-right:.25em;
}
		@media only screen and (max-width:1200px){
		div#secondary_menu{
		float:none;display:inline-block;width:114%;margin:0 -7% .5em -7%;padding:0 6px;text-align:center;background:#00081e;box-sizing:border-box;
		}
		div#secondary_menu ul{
		display:block;float:none;width:auto;margin:0 auto 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 a{
		display:inline-block;font-size:1.125em;letter-spacing:0;margin:1px 0;padding:3px 6px;text-align:center;
		}
		div#secondary_menu ul li a:before{
		padding-right:.35em;
		}
		}
		
		
		@media only screen and (max-width:500px){
		div#secondary_menu ul li a{
		padding:2px 5px;font-size:1.125em;letter-spacing:0px;
		}
		div#secondary_menu ul li ul li a{
		padding:2px 4px;font-size:1em;
		}
		}



		ul.osoite{float:left;width:96%;margin-bottom:30px;background:transparent}
ul.osoite li{float:left;font-size:1.15em;margin:0 .7em;padding:0}
div.henkilokunta,div.henkilokunta h1,div.henkilokunta h2{text-align:center}
div.henkilokunta h2{font-size:1.188em}
div.henkilokunta h2 span:before{content:"@"}

div.henkilokunta ul{float:left;list-style-type:none;width:95%;
width:calc(96% - 2px);margin:0 0 2%;padding:2%;background:transparent;border:1px solid #669;border-radius:3px}
div.henkilokunta ul li{float:left;width:50%;height:auto;font-size:1em;margin:0;padding:0;text-align:left}
div.henkilokunta ul li span:before{content:"@"}
div.henkilokunta ul li:nth-child(1){width:100%;font-size:1.15em;font-weight:700}
div.henkilokunta ul li:nth-child(1) h3{font-family:'Asap',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:1000px){
		div.henkilokunta ul{display:inline-block;float:none;max-width:560px;margin:0 auto 1% auto}
		}
		
		@media only screen and (max-width:700px){
		div.henkilokunta ul{width:calc(90% - 2px);padding:2% 5%}
		div.henkilokunta ul li{width:100%}
		}
		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{width:100%;height:auto;margin:1em 0;padding:0;text-align:left;}
div.laskutus_wrapper hr{display:none;}
div.laskutus_wrapper ul.laskutus{display:inline-block;list-style-type:none;width:48%;margin:0;padding:0 .5%;vertical-align:top;}
div.laskutus_wrapper ul.laskutus li{float:left;width:100%;height:auto;margin:0;padding:0;text-align:left;}
div.laskutus_wrapper p{text-align:left!important;margin:0;padding:0;}
	@media only screen and (max-width:1200px){
	div.laskutus_wrapper{float:none;width:100%;max-width:600px;margin:10px auto;}
	div.laskutus_wrapper hr{display:block;margin-bottom:1em;}
	}
	@media only screen and (max-width:700px){
	div.laskutus_wrapper{float:left;width:98%;margin:1em auto;}
	div.laskutus_wrapper hr{display:block;margin-bottom:30px;}
	div.laskutus_wrapper ul.laskutus{width:96%;margin:0 auto;padding:0 2% 1.25em 2%;}
	div.laskutus_wrapper ul.laskutus li{text-align:left;}
	}
		div#haku_content{display:inline-block;width:100%;height:auto;margin:0;padding:0;background:transparent;}
	@media only screen and (max-width:1200px){
	div#haku_content{display:block;width:100%;height:auto;max-width:500px;margin:0px auto;clear:both;}
	}
	
.box ul li span:before{content:"@"}
.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:.875em;margin:0;padding:0;background:transparent}
.box ul li:nth-child(1){width:100%;font-size:1.15em;font-weight:700}
.box ul li img{margin-bottom:-1px}
#selectField{width:100%;margin:0;padding:10px 6px;border:0;font-family:'Asap',Sans-serif;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(https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/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.1em;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{
position:relative;float:left;display:block;
width:100%;height:auto;margin:0;padding:30px 0 10px 0;
background-color:#a00a64/*#7b0048 #0a5064*/;
/*box-shadow:inset 0 200px 200px -120px rgba(0,0,0,.25);*/
border-top:4px solid #bb026f;
}

div#content_bottom:before{
content:"";
position:absolute;
top:0;bottom:0;left:0;right:0;
background-image:url('https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/bg-logo-tunnus.webp');
background-repeat:no-repeat;
background-position:center -40px;
background-size:1200px auto;
opacity:.5;
z-index:1;
}

div#content_bottom_center{
position:relative;z-index:2;display:block;width:100%;max-width:1400px;height:auto;margin:0 auto;
padding:1.5% 1em 2.5% 1em;line-height:1em;text-align:center;word-wrap:break-word;
}
		@media only screen and (max-width:1200px){
		div#content_bottom_center{max-width:660px;padding:1.5% 2em 2.5% 2em;}
		}
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:1em 0 0 0;
}
div#content_bottom a,div#content_bottom a:link,div#content_bottom a:visited{
text-decoration:none
}

div.content_bottom_block{
float:left;width:33.33333%;height:auto;margin:0;padding:0 1em 1.75em 1em;
}
		@media only screen and (max-width:1200px){
		div.content_bottom_block{width:100%;padding:0 0 1.75em 0;}
		}

div.content_bottom_img{
position:relative;width:100%;margin:0;padding:0 0 50% 0;
background-color:#000;background-image:none;background-repeat:no-repeat;background-position:center;
background-size:cover;
}

div.content_bottom_img img{
position:relative;width:100%;height:auto;margin:0;padding:0;
}
		
	footer#footer{
float:left;position:relative;width:100%;margin:0;padding:0 0 30px;background:#00142d;
}
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(https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/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:#ccccff;text-decoration:none}
footer#footer a:hover{color:#fff;text-decoration:underline}
footer#es_footer a:link,footer#es_footer a:visited,footer#es_footer a:active{color:#ccccff;text-decoration:none}
footer#es_footer a:hover{color:#fff;text-decoration:underline}
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:.95em}
	div.footer-icons{width:78%;max-width:1200px;margin:0 auto;padding:0}
div.footer-icons p{float:right}
	@media all and (max-width:1000px){div.footer-icons p{float:none;text-align:center}}
	div.footer_second{width:80%;max-width:1180px;display:block;margin:0 auto;padding:20px 2%;border-top:1px dotted #757575;box-sizing:border-box;text-align:left;}
div.footer_second p{display:inline-block;vertical-align:top;text-align:center;}
	@media all and (max-width:1000px){
	div.footer_second{width:80%;text-align:center;} div.footer_second p{display:inline-block;vertical-align:top;text-align:center;}}
	@media all and (max-width:600px){div.footer_second p{display:block;text-align:center;}}
	footer#es_footer{float:left;position:relative;width:100%;margin:0;padding:0 0 30px;background:#00142d}
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_wide{width:100%;max-width:1240px;margin-right:auto;margin-left:auto}
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:280px}
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:1200px){
		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}
		}
	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(https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/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}
	div.my-video-list{max-width:800px;}
	@media only screen and (max-width:1200px){div.my-video-list{max-width:500px;margin:0 auto;}}
div.my-video-list ul{list-style-type:none;margin:0;padding:0 1em;text-indent:-2em;margin-left:2em;}
div.my-video-list ul li{font-family:'BioRhyme',sans-serif;font-size:1.125em;font-weight:700;line-height:2em;}
div.my-video-list ul li:before{font-family:FontAwesome;content:"\f03d";margin-right:.7em;}
div.my-video-list ul li a{}
			@media only screen and (max-width:1200px){
		html{overflow-y:auto}
		body{font-size:15px}
		#content p,#content p.johdanto,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{text-align:center}
		#content .left_content p,#content .left_content p.johdanto,#content .left_content h1,#content .left_content h2,#content .left_content h3,
		#content .left_content h4,#content .left_content h5,#content .left_content h6{text-align:left}
		}
	
		@media only screen and (max-width: 1000px){
		body{font-size:14px}
		#snow_wrapper{display:none}
		div.snowing-page,div#navi_wrapper{font-size:125%}
		div#navi_wrapper .center{padding:0 1.25em;}
		p.johdanto{font-size:1.125em}
		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;font-size:1.875em;text-align:center;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: 400px){
		div#footer_right p{color:transparent} div#footer_right p span{display:block;width:100%}
		}
		
		@media only screen and (max-width: 400px){
		ul.osoite li{float:none} ul.henkilokunta li{float:none;width:auto} ul.henkilokunta img{margin-right:1em}
		}
/* cmsms stylesheet: 0_2026_jouluvalot_uutiset modified: 04.07.2026 21.49.25 */
.NewsCounter{float:left;width:100%;margin:0;padding:2px 0;background:transparent;border:0}
.NewsCounter p{font-size:.8em;margin:0;padding:0;text-align:center}
.NewsSummaryWrapper{
border:5px solid #fff;background:#fff;margin-bottom:20px;
/*box-shadow:inset 0 0 60px 30px rgba(183,183,199,0.8);*/
}
.NewsSummary{position:relative;display:block;margin:0 auto 5px;padding:0 2%;width:96%;overflow:hidden;padding:1em 0}
.NewsSummary .haivytys{position:absolute;width:100%;height:40px;left:0;top:170px;background:url(https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/bg_newssummary.png) repeat-x center top}
.NewsSummary p{font-family:'Asap Condensed',Sans-serif;font-size:1.125em;margin:0;padding:0;color:#333;}
.NewsSummary a,.NewsSummary a:link{color:#303080!important}
@media only screen and (max-width: 960px) {div.NewsSummary p{font-size:125%}}
div.NewsSummary a{color:#0e1249}
.NewsSummaryPostdate{float:left;width:100%;font-size:.9em;font-family:'Libre Baskerville',Georgia,Times,Serif;font-weight:400;color:#eee;background-color:transparent;margin:0;padding:10px 0 0;display:inline}
.NewsSummaryPostdate p{font-size:.9em;float:left;margin:0;padding:0;border:0}
.NewsSummaryPostdate p:before{margin:0;padding:0 .5em 0 0;content:url('https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/julkaistu.png')}
.NewsSummaryLink{float:left;margin:10px 0 6px;padding:0;width:100%;background:transparent}
.NewsSummaryLink h4{font-family:'Libre Baskerville',Serif;font-size:1.2em;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:.9em;color:#eee}
.NewsSummaryContent{display:none;line-height:140%}
.NewsSummaryContent p{display:none;line-height:140%;font-size:.9em}
.NewsSummaryMorelink{display:none;padding-top:.5em}
#NewsPostDetailDate{float:left;width:100%;font-size:.8em;font-family:'Libre Baskerville',Georgia,Times,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:.8em}
#NewsPostDetailDate:before{margin:0;padding:0;content:url('https://cmsms-2-2-xx-kehitys.jouluvalo.fi/uploads/jouluvalo/julkaistu.png')}
#NewsPostDetailSummary{display:none;font-size:1.15em}
#NewsPostDetailSummary p{display:none;font-size:1.15em;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:.9em}
div#news ul li{padding:2px 2px 2px 5px;margin-left:20px}
/* cmsms stylesheet: 0_2026_jouluvalo_mobilenavi modified: 04.07.2026 21.49.25 */
#nav-trigger{
position:relative;display:none;text-align:right;margin-top:2px
}
		@media all and (max-width:1000px){
		#nav-trigger{display:block}
		}
#nav-trigger span{
display:inline-block;top:0;margin:0;padding:16px 0px 12px 20px;
color:#fff;background:transparent;
cursor:pointer;font-family:Arial,Helvetica,Sans-Serif
}
#nav-trigger span:after{
position:absolute;font-family:FontAwesome;font-size:1.125em;
content:"\f078";color:#fff;top:15px;right:40px;margin:0;padding:0;
}
#nav-trigger span.open:after{
content:"\f077";
}
div#nav{
text-transform:uppercase;
}
div#nav-main{
text-transform:uppercase;background-color:transparent;width:100%;margin:0;padding:0;
}
		@media all and (max-width:1000px){
		div#nav-main{display:none}
		}
div#nav-main ul{
float:none;list-style-type:none;margin:10px auto;padding:0;text-align:center;
}
div#nav-main li{
display:inline-block;margin:0;padding:0;
}
div#nav-main a{
font-family:'Asap Condensed',Sans-serif;font-weight:400;
display:block;color:#fff;background:transparent;margin:0 8px;padding:4px 0;font-size:18px;text-decoration:none;letter-spacing:0em;
}
		@media all and (max-width:1200px){
		div#nav-main a{margin:0 4px;letter-spacing:0em;}
		}
div#nav-main a:active,div#nav-main a:focus{
color:rgba(255,255,255,.8);
}
div#nav-main a:hover{
color:#fff;border-top:4px solid transparent;border-bottom:4px solid rgba(255,255,255,.6);
}
div#navi_wrapper a.menuactive{
color:#fff;border-top:4px solid transparent;border-bottom:4px solid rgba(255,255,255,1);
}
div#nav-mobile{
position:relative;padding:0;margin:0;
text-transform:uppercase;font-size:1em;display:none;
}
		@media all and (max-width:1000px){
		div#nav-mobile{display:block;}
		}
div#nav-mobile ul{
display:none;list-style-type:none;width:100%;
margin:0 auto;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{
font-family:'Asap Condensed',Sans-serif ;font-weight:500;
display:block;margin:0;padding:12px 30px;color:#fff;
background:transparent;text-decoration:none;
}
div#nav-mobile a:active,div#nav-mobile a:focus{
color:rgba(255,255,255,.8);
}
div#nav-mobile a:hover{
color:#fff;background-color:rgba(255,255,255,.6);
}
div#nav-mobile a.menuactive{
color:#fff;background-color:rgba(255,255,255,.6);border:0;
}