/* 
    Document   : site.css
    Created on : 30.1.2014
    Author     : juruoh / ch5 finland oy
    Description:
    Parainen Navigo CMS styles.
    
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400&subset=latin,latin-ext);

/* 1. Defaults  */
	html, body { margin:0; padding:0; height:100%; }
	body {/*letter-spacing:0.02em;*/background:#fff url(/stc/images/tausta_2016_kesa.jpg) center top no-repeat;background-size:cover;background-attachment: fixed; font-size:80% ; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; color:#000; }
	a { color:#10a8b6; text-decoration:none; outline:none; } 
	a:hover { text-decoration:underline; }
	a.external { padding-right:12px; background:url(../images/arrow-external.png) right 0.45em no-repeat; }
	a img { border:none; }
	iframe{max-width: 100%;}
	.h { display:none; }
	.spacer { clear:both ; height:1px ; overflow:hidden ; }
	#accesskeys { position:absolute; left:-9999px; }
	
	#top ul, #top-navi ul, #left-navi, .news-list, #footer ul, .link-list ul,
	#top li, #top-navi li, #left-navi li, .news-list li, #footer li, .link-list li { margin:0; padding:0; list-style:none; }

/* 2. Site structure / Grid */
	.container { width:1170px; margin:0 auto; padding:0px; position:relative;clear:both; }
	.fullwidth.container{background: #fff;}
	.col { float:left; display:inline; max-width:100%;}
	.col-1 { width:100%; margin-right:0; }
	.col-1of3 { width:33%;/*300px;*/ }
	.col-2of3 { width:620px; }
	.col-1of4 { width:220px; }
	.col-2of4 { width:45%; /*460px*/ }
	.col-3of4 {/* width:700px;*/ }
	.col-1of8 { width:100px; }
	.col-3of8 { width:340px; }
	.col-1of6 { width:16%;margin-right:0.5%; }
	.col-1of5 { width:188px; }
	.col-3of16 { width:180px; }
	.col-13of16 { /*width:760px;*/ }

	/*kunta-alue special column stuff*/
	.col-2of4.kommunpt{width:66%;margin-right: 2%;}
	.col-1of4.kommunpt{width:30%;}

	.last { margin-right:0; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* exceptions */
	#top-navi .col-3of16 { width:340px;float:right; }
	#top-navi .col-13of16 { margin-right:10px; }
	
	#wrapper { width:1170px; height:100%; margin:0 auto;  }
	#site { padding-top:10px;}
	#site.editMode{width:1170px !important;}
	#site .container { min-height:400px; font-size:1.2em;margin-top:40px; }
	.container img{max-width: 100%;height:auto;}

	.frontpage #site .container{margin-top:140px;position: relative; }
	#kriisinauha_slot{position: absolute;top:-45px;left:0px;width: 100%;z-index:2999;}
	#left {/*min-height:60px;*/background: #fff;width:23%;}
	#topCarousel_slot{width:74.5%;float:left;margin-left:1.5%;}
	#topCarousel_slot .flexslider{margin-bottom: 20px;}
	#topCarousel_slot > br:first-child{display: none;}
	#middle{background: #fff;margin-left:1.5%;width:50%;position: relative;}
	.twoCols #middle{width:75%;}
	#right{width:23%;background: #fff;margin-left:1.5%;}
	.innerCont{min-height:300px;padding:40px 20px;margin-bottom: 40px;}
	#middle .innerCont{padding:40px 40px;overflow:auto;}
	/* frontpage 2014 structure */
	#front_left{float:left;width:33%;margin-right: 2%;}
	#front_left_links{float:left;width:100%;margin-bottom:20px;}
	#front_left_kuulutukset{height:400px;float:left;width:100%;margin-bottom:20px;background:#fff;}
	#front_left_tapahtumat{height:650px;float:left;width:100%;margin-bottom:20px;background:#fff;}
	#front_right{float:left;width:65%;margin-bottom: 20px;overflow:hidden;}
	#front_right_mainbox{background: #fff;float:left;width:100%;margin-bottom:20px;height:640px;} /* Used to be height: 610px */
	#front_right_welcome{float:left;width:49%;background: #fff;margin-right: 2%;}
	#front_right_uutiset{float:left;width:49%;}
	#front_right_carousel{max-width:100%;overflow:hidden;max-height:240px;}
	#front_right_blogit{height:500px;float:left;width:49%;margin-right: 2%;background: #e3f4f6; /* Old browsers | used to be height 520 */
background: -moz-linear-gradient(top, #e3f4f6 0%, #ceecef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f4f6), color-stop(100%,#ceecef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3f4f6 0%,#ceecef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f4f6', endColorstr='#ceecef',GradientType=0 ); /* IE6-9 */}
	#front_right_pikalinkit{height:500px;float:left;width:49%;background: #e3f4f6; /* Old browsers. Used to be height: 520px */
background: -moz-linear-gradient(top, #e3f4f6 0%, #ceecef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f4f6), color-stop(100%,#ceecef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3f4f6 0%,#ceecef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f4f6', endColorstr='#ceecef',GradientType=0 ); /* IE6-9 */}
	.front_full_column{float:left;width:100%;clear:both;margin-bottom:20px;}
	#front_asuminen{float:left;width: 100%;background:#fff;}
	.inner{padding:15px;}
	#langlinks{float:left;margin-right:10px;line-height: 45px;}
	#fontsizelinks{float:left;margin-right:10px;line-height: 48px;font-size:1.2em;}

.front_logocontainer{width:100%;clear:both;float:left;}
#link_matkailu, #link_palvelut{position: relative;
width: 49%;
background:#fff;
height: 30px;
margin-top: 10px;
background: #fff;
float: left;
display: inline-block;
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
z-index: 997;
}
#link_matkailu_s, #link_palvelut_s{position: relative;
width: 49%;
background:#fff;
height: 30px;
margin-top: 0px;
background: #fff;
float: left;
display: inline-block;
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
z-index: 997;
}
#link_matkailu a, #link_palvelut a, #link_matkailu_s a, #link_palvelut_s a{
text-transform: uppercase;
text-indent: 10px;
display:inline-block;
line-height: 30px;
float:left;
height:30px;
width:158px;
max-width: 80%;
}
#link_matkailu, #link_matkailu_s{margin-right: 2%;}
#link_matkailu:hover, #link_palvelut:hover, #link_matkailu_s:hover, #link_palvelut_s:hover  { 
z-index: 999;
transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
/* 3. TOP */
	#top { height:106px;margin-top:65px; }
	#top a { line-height:22px; text-transform:uppercase; color:#000; }
	.lang-links { /*padding-top:22px;*/}
	.support-links { text-align:left; padding-top:0px;width:380px;float:right; }
	.support-links li{float:right;display: inline-block;margin-right: 10px !important;}
	#logo {transition: all 0.3s;-ms-transition: all 0.5s;-webkit-transition: all 0.5s; display:block; width:400px;max-width:100%; height:100px; margin:10px auto 0 auto; background:url(../images/logo_uus.png) 0 0 no-repeat; }
	.frontpage #logo { margin-top:16px; }
	#logo:hover{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
	#logo.commun { width:371px; height:32px; margin:17px auto 0 auto; background:url(../images/logo-small.png) 0 0 no-repeat; }
	#logo span { display:none; }
	#print-logo { display:none; }
	
	/* 3.2 Search */
	/* Top search */
	#searchForm { height:40px; padding:10px 10px 0 10px; line-height:18px;}
	.txt {margin-top:0px;font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; border: 1px solid #c4c4c4;float:left; display:inline; width:140px;max-width:40%; padding:2px 2px 3px 8px; background:url(../images/bg-search.png) right bottom no-repeat; }
	.adv-search, .txt {line-height:18px; }
	.adv-search { display:none; margin-left:8px; float:right;}
	.sbm { float:left; display:inline; width:32px; height:26px; padding:0; background:url(../images/search_btn.gif) 0 0 no-repeat; border:0; text-indent:-9999px; }
	
	form,legend,label,fieldset { margin:0; padding:0; border:0; }

	#go, #searchfield, .s-button, .s-field { float:left; display:block; margin:3px 5px 1px 5px; padding:0px; 
		font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
	#go { padding:0px; border:0px; background:#dceefd; color:#555; text-transform:uppercase; }
	* html #go { margin:3px 0px 1px 2px; }
	#searchfield { width:120px; margin-top:3px; border:0; font-weight:normal; color:#585858; }
	* html #searchfield { display:inline; }

	.s-button { width:auto; height:2em; border:1px solid #c0c1c2; background:#dceefd; }
	.s-field { padding-left:2px; width:auto; height:2em; background:#fff; border:1px solid #c0c1c2; }

	/* 3.3 Header image */

	
	/* 3.4 Breadcrumb */
	#breadcrumb {float:left; margin:0px 0 12px 20px; font-size:0.9em; color:#999;width:700px;max-width: 60%;}
	#breadcrumb a { text-decoration:none;color:#fff; }
	#breadcrumb a:hover { text-decoration:underline; }
	#breadcrumb a.active { font-weight:bold;color:#eee; }

/* 4. Navigation */
	/* 4.1 Top navigation */
	#top-navi { width:1170px; padding:0; min-height:50px;background:#fff;position: fixed;top:0px; z-index: 3999;box-shadow: 2px 2px 8px rgba(0,0,0,0.2);}
	#top-navi li { display:inline;float:left; }
	#top-navi li a { position:relative; display:inline-block; padding:0 6px; font-size:1.4em; color:#000; min-height: 50px;line-height: 50px;}
	#top-navi li a:hover { text-decoration:none; }
	#top-navi .selected a, #top-navi .selected a:hover { color:#fff;position:relative; background:#1cacba; /*url(../images/bg-topnavi-act.png) center top repeat-x*/}
	
	/* 4.2 Left navigation */
	.left-navi-container {padding:40px 20px;min-height: 260px;}
	#left-navi { min-height:104px; padding:0 0 20px 0px; }
	#left-navi li a { position:relative; display:block; padding:7px 20px 7px 0px; color:#000; }
	#left-navi li.selected { background:#e3f4f6;}
	#left-navi li a.selected {color:#000; }
	#left-navi li a.open { font-weight:bold; margin:0 20px 0 10px; padding:7px 0 3px 0; background:none; /*border-bottom:2px solid #9ccbd0;*/ }
	#left-navi li.open a.selected {  }
	#left-navi .open > a{color:#000 !important;padding:4px 20px 4px 0px !important;}
	#left-navi ul { margin:0 0 0 20px; padding:5px 0; }
	.left-navi-bottom { }

	/* For Commun pages */
	.communes { width:100%; margin-top:21px !important; display:block; text-align:center; }
	.communes li { display:inline;  }
	.communes li a { margin:0 8px; }
	.communes li.selected { font-size:1.4em; }
	.frontpage .communes { margin-top:10px !important; }
	
	#left-navi .title { margin:0 20px 5px 0; padding:0; border-bottom:2px solid #9ccbd0; text-transform:uppercase; }

/* 5. Typography */

	h1, h2,h3,h4,h5 {margin:0 0 0.5em 0; padding:0; color:#000; }
	h1 { font-size:2.0em ; font-weight:normal ; color:#000; }
	h2 { font-size:1.8em ; font-weight:normal ; color:#000; }
	h3 { font-size:1.6em ; font-weight:normal;}
	h4 { font-size:1.1em ; font-weight:normal ;}
	h5 { font-size:1em ; font-weight:normal ;}
	.flexslider p, .flexslider h1, .flexslider h2,.flexslider h3,.flexslider h4,.flexslider h5{
		color:inherit;
	}

	.rightImg {float:right; padding: 0 0 10px 10px;}
	.leftAlign { text-align:left ; }
	.rightAlign { text-align:right ; }
	.center { text-align:center ; }
	.justified { text-align:justify ; }

	p { margin:0 0 1em 0; line-height:1.6em; }
	
	#middle li { line-height:1.6em; }
	#site li p { margin:0; }
	
	.h4-wrapper { margin:0 0 0.5em 0; text-align:center; background:url(../images/bg-line.png) 0 0.5em repeat-x; }
	.quick-links .h4-wrapper { margin-top:20px; }
	.h4-wrapper h4 { display:inline; padding:0 5px; background:#fff; color:#4fadb7; text-transform:uppercase; }
	
	.newsSummary { font-weight:bold; }

	/* It might reduce some issues if we would not use uppercase in editmode. */
	.editMode h1, .editMode h3, .editMode .h4-wrapper h4, .link-list h3, .link-list a { text-transform:none; }


/* 7. Navigo CMS */
	/*do not change ; always the same (unless logo/type is NOT on white bg) */
	div#navigoCMS { float:left; width:100%; padding-bottom:1em;margin-top:10px; text-align:center; font:10px Verdana, sans-serif ; color:#c7c9c8 ; }
	div#navigoCMS strong { color:#c7c9c8 ; }
	div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(../images/logo_navigo.png) no-repeat center left ; }
	div#navigoCMS acronym { text-decoration:none ;border:none ; }
	
/* 8. Content elements */
	/* Image animation - styles in /stc/nivo-slider.css  */
	.slider-wrapper {}
	.loading { background:url(../images/ajax-loader.gif) 50% 50% no-repeat; }


/*  9. Sections */
	/* Frontpage news */
	.section-news { clear:both;padding:10px 10px 0 10px; background:#fff; }
	p.more { margin:0; }
	.more a { float:right; padding-right:11px; background:url(../images/arrow-links.png) right -0.7em no-repeat; }
	.date { float:right; color:#10a8b6; }
	.title { display:block;width: 250px;max-width: 100%; }
	.title a { color:#000; }
	
	.news-list { margin-bottom:1.2em; }
	.news-list li { margin-bottom:0.4em; }
	
	/* Blogs */
	.blog-lift img { float:left;  }
	.section-blogs { padding-bottom:1em; margin-bottom:20px; background:#fff; }
	.blog-lift .date { float:none; display:block; width:auto; margin-left:100px;margin-top:5px;margin-bottom:5px; font-size:0.9em;color:#899; }
	.blog-lift .title,
	.blog-lift .ingress { display:block; width:auto; margin-left:100px; }
	.blog-lift h3 a, .blog-lift .ingress a { color:#000;font-size:0.9em; }
	.blog-lift { margin-bottom:1em; }
	.section-blogs .blog-lift { margin-bottom:0; }
	
	/* Link list */
	.link-list { padding:10px;}
	.en .link-list, .de .link-list { margin-top:18px; }
	.link-list h3,.link-list a { text-transform:uppercase; }
	.link-list li { margin-bottom:0.5em; padding-top:0.5em; background:url(../images/line-hor.png) 0 0 repeat-x; }
	.link-list li:first-child { background:none; }
	.link-list li a { display:inline; padding-right:20px; background:url(../images/arrows.png) right 0 no-repeat; }
	
	/* Services */
	.pagination { margin-bottom:1em; }
	.chars a { padding:0 2px; font-size:0.9em; }
	.chars a.selected { padding:0 2px; background:#3b8189; color:#fff; border-radius:2px; }
	
	.service-list { margin:1em 0; padding:1em 0 0 0; border-top:1px solid #cfe0e2; list-style:none; }
	.service-list li { margin-bottom:0.2em; }
	.category-search label, .free-search label { display:inline-block; width:120px; }
	.category-search select{ width:280px; padding:2px; }
	.free-search input[type="text"] { width:274px; padding:2px; }
	
	/* Frontpage selects */
	.frontpage-select { width:99%; margin-bottom:1em; }
	
	/* Banners */
	.section-banners { clear:both; padding-top:40px; background:url(../images/separator.png) center top no-repeat; }
	.section-banners .inner { padding-bottom:40px; background:url(../images/separator.png) center bottom no-repeat; }
	
	/* BIG 2 columns element */
	.big-highlight { clear:both; margin:0 -10px 20px -10px; padding:10px 10px 10px 10px; border-top:4px solid #c7e1e4; background:url(../images/bg-noise-2.jpg); overflow:hidden; }
	
	/* Highlight element */
	.frontItem{background:url(../images/bg-noise-1.jpg); position: relative; width: 100%; margin-bottom: 26px; }
	.frontItem .ingress{font-style: italic; }
	.frontItem .frontItem{margin-bottom: 0; }
	#site .frontItem h2{  padding:0; margin:0; font-size: 1.4em; }
	#site .frontItem .highlightTitle{background:url(../images/bg-noise-2.jpg); display: block; color: #000000; zoom:1; font-style: normal; text-decoration: none !important;}
	#site .frontItem .highlightTitle a, #site .frontItem .highlightTitle span{display:block; padding: 8px 20px 8px 20px; color: #000000; font-style: normal; text-decoration: none !important;}
	#site .frontItem .highlightTitle a:hover{ background: #787e7c; }
	.frontItem .img{ float: left; width: 217px; margin-right:10px; }
	/*.frontItem .imgEditMode{float: left; width: 205px; height: 145px; overflow: hidden; margin-top:37px;}*/
	/*.frontItem .text{float: left; width: 358px;}*/
	#middle .frontItem .text .inner{padding:10px 0 0 0; margin:0; background: none; font-size: 0.95em;}
	#middle .frontItem a {font-style:normal;}
	
	
	/* Misc */
	#back-to-top { position:relative; left:48%; top:20px; display:block; clear:both;width:62px; height:57px; margin-bottom:10px; background:url(../images/back-to-top.png) 0 0 no-repeat; text-indent:-9999px; }
	#back-to-top:hover { background-position:-62px 0; }
	.sv #back-to-top {  background-position:0 -57px; }
	.sv #back-to-top:hover { background-position:-62px -57px; }
	.en #back-to-top {  background-position:0 -114px; }
	.en #back-to-top:hover { background-position:-62px -114px; }
	.de #back-to-top {  background-position:0 -171px; }
	.de #back-to-top:hover { background-position:-62px -171px; }
	
	.arrow { display:inline-block; /*height:10px;*/ width:7px; background:url(../images/arrow-links.png) 0 0.4em no-repeat; }
	#breadcrumb .arrow { margin:0 2px; }
	
	.functions { clear:both; padding:10px; margin-top:1em; padding-top:1em; border-top:1px solid #cfe0e2;width:95%;position: absolute;bottom:0px; } /* Width for IE7 and less */
	.print { float:left; width:100px; margin-right:20px; margin-top:3px; padding:2px 0; text-align:center; background:url(../images/bg-print.jpg) 0 0 no-repeat; color:#fff; font-size:10px; text-transform:uppercase; text-shadow:-1px -1px rgba(0, 0, 0, 0.1); }
	.print:hover { background:url(../images/bg-print.jpg) 0 -18px no-repeat; text-decoration:none; }
	
	.quick-links { margin-top:18px; }
	a.services, a.personsearch { display:block; width:220px; height:47px; line-height:47px; text-indent:66px; margin-bottom:10px; background:url(../images/buttons.jpg) 0 0 no-repeat; color:#fff; font-size:1.1em; text-transform:uppercase; text-shadow: rgba(0,0,0,0.15) -1px -1px; }
	a.personsearch { background-position:0 -47px; }
	.services:hover { background-position:-220px 0; text-decoration:none; }
	.personsearch:hover { background-position:-220px -47px; text-decoration:none; }
	.services span, .personsearch span { padding-right:20px; background:url(../images/arrows.png) right 0 no-repeat; }
	
	/* Interactive image element */
	.image-container { position:relative; }
	.image-info { opacity:0; position:absolute; right:4px; top:4px; padding:10px; background:rgba(37,80,85,0.6); color:#fff; font-weight:bold; cursor:pointer; }
	a.map-holder:hover, a:hover .image-info { text-decoration:none; }
	
	/* COMMUNS */
	.commun-image { margin-bottom:1em; }

/* 10. Footer */
	#footer {min-height:300px;font-size:1.3em;background: #fff;float:left;margin-top:20px;padding-bottom:40px;}
	#footer .holder { float:left; clear:both; margin-bottom:0.5em; padding-top:1em; background:url(../images/line-hor.png) 0 0 repeat-x; }
	#footer .holder:first-child { background:none; padding-top:0; }
	#footer li { margin-bottom:0.5em; }
	#footer .holder p { margin-bottom:2px; }
	#footer > div{padding: 0px;}
	#footer .innerCont{padding:40px;}
	#footer .col-2of4{width:62%;}
	#footer .col-2of4.last{width: 38%;}
	#footer .col-1of2{width:50%;}


/* 11. Default Navigo styles*/

	/* 11.1 common for all tables */
	#siteBody table {border-collapse: collapse;}
	#siteBody table td {vertical-align: top; padding: 0.7em;}
		
	/*Default table*/
	table.u4-table-default
	{margin:0 0 10px 0;border:none;}
	
	/*Table with borders*/
	.u4-table-visible-borders {border:1px solid #000;}
	.u4-table-visible-borders td {border:1px solid #888888;}
	
	/*Table with horisontal stripes*/
	.u4-table-stripe-header {background:#ecf4f5 url(../images/bg-noise-2.jpg); font-weight:bold; /*border-bottom:1px dashed #9ccbd0;*/}
	.u4-table-stripe-header2 {border:none;}
	.u4-table-stripe {margin:0 0 10px 0; /*border:1px dashed #9ccbd0;*/}
	.u4-table-stripe-odd {background:background:#ecf4f5 url(../images/bg-noise-2.jpg);}
	.u4-table-stripe-even {background:#fff;}
	
	/*Table with everything*/
	.u4-table-complete
	{margin:0 0 10px 0}
	
	.u4-table-complete td {border:1px solid #9ccbd0;}
	.u4-table-complete-header td {background:#ecf4f5 url(../images/bg-noise-2.jpg); color: #333;}
	
	.u4-table-complete-odd
	{background:#eee;}
	.u4-table-complete-even
	{background:#fff;}
	
	/*Table headers*/

	.u4-table-default-header,
	.u4-table-visible-borders-header,
	.u4-table-complete-header
	{font-weight:bold;} 
	
	.u4-table-default-header2,
	.u4-table-visible-borders-header2,
	.u4-table-complete-header2
	{font-weight:normal;border:none;}
	
/*Image Caption*/
	.u4-image-caption {font:italic bold 12px/30px arial,sans-serif;color:#80a7ab;}

	.emailForm td.textInputTd {width:150px;}
	.emailForm input.emailForm {margin-top:10px; margin-left:160px;}


	/* 11.2 Following styles apply to navigo top tools */
	table.u4-em-ie { border-collapse:collapse; height:auto !important; }
	table.u4-em-ie tr {  }
	table.u4-em-ie td { font-size:11px; padding:2px; border:1px solid black !important; /*border:none ;*/ }	/* table menu cells */
	table.u4-em-ie td.styleSelector { border:none !important; }	/* normal text style selector */
	table.u4-em-ie td.styleSelector-active { background:#efefef; border:none !important; /*cursor:hand ; */}	/* hover text style selector */
	
	/* Cell and hover cell */
	/*table.u4-em-ie td.u4-em-option-ie, table.u4-em-ie td.u4-em-option-sel-ie {padding-top:4px; padding-bottom:4px;}*/
	/* Uncomment this if plus menu image leaks */
	/*table.u4-em-ie td.u4-em-option-ie img, table.u4-em-ie td.u4-em-option-sel-ie img {display:none !important;}*/
	
	/* 11.3 Sitemap */
	.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
	.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
	.siteMap a:hover { color:#2d7dbd; }
	.siteMap ul li { list-style:disc ; }

	.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) top center no-repeat ; padding-left:2em ; }
	.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) top center no-repeat ; font-size:0.9em ; }


	.depth0 { padding-left:25px ; background-position:5px 50% ; width:275px ; }
	.depth1 { padding-left:40px ; background-position:20px 50% ; width:260px ; }
	.depth2 { padding-left:55px ; background-position:35px 50% ; width:245px ; } 
	.depth3 { padding-left:70px ; background-position:50px 50% ; width:230px ; }
	.depth4 { padding-left:85px ; background-position:65px 50% ; width:215px ; }
	.depth5 { padding-left:85px ; background-position:0px 50% ; width:215px ; }
		
	.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px 50% no-repeat ; padding-left:20px ; font-weight:bold ; }
	.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px 50% no-repeat ; padding-left:33px ; }
	.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px 50% no-repeat ; padding-left:45px ; }
	.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px 50% no-repeat ; padding-left:60px ; }
	.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px 50% no-repeat ; padding-left:75px ; }

	.stripe { background-color:#f9f9f9 ; }
 
 
 /* Button */
.button {height:23px; background: url(/stc/img/button.gif) right top no-repeat; padding:4px 0 0 30px; margin-bottom:5px; font-weight:bold; }
.button a {color:#5E7D5D;}


/* 12. Calendar and Events */

	/* Calendar */
	.weekInfo {color:white !important; font-size:5px;}	/* change this if you want to show the week info */
	
	#right .calendar {font-family: Arial, sans-serif; font-weight: bold; /*background: url(/stc/img/bg_calendar.jpg) 0 0 no-repeat;*/}
	
	 /* calendar head (month and arrows) */
	#right .u4-calendar td.u4-calendar-header, #right .u4-calendar td.u4-calendar-header-vko {color: #99b6c5; padding: 6px 0 9px 0;}
	.calendar_head { margin-bottom:1em; }
	#right .calendar_head {padding: 3px 0 4px 0; width: 100%;}
		#right .ch-left {float:left; width:10%; text-align: right;}
		#right .ch-center {float:left; width: 75%; text-align:center;}
		#right .ch-right {float: left; width: 10%; text-align: left;}
		#right .ch-left a, #right .ch-right a, #right .ch-center {color: #99b6c5;}
		#right .ch-left a, #right .ch-right a {font-weight:normal;}
		#right .ch-left a:hover, #right .ch-right a:hover {color:#2D2D2D;}
		
	 /* calendar content */
	#right .u4-calendar-container {clear: both;}
	#right .u4-calendar {width: 100%; margin-bottom: 13px;}
	#right .u4-calendar td {text-align: center; margin: 0; padding:0; border: 0; width: 25px; color: #939da1;}
	#right .u4-calendar a {display: block; width: 20px; height: 20px; margin: 2px 2px 2px 2px;}
	
	#right .calendar a, #right .calendar a:visited {color:#93AFC0; text-decoration:none;}
	#right .u4-calendar-day a,  #right .u4-calendar-day a:visited {color: #939da1;}
	#right .u4-calendar-day-events a, #right .u4-calendar-day-events a:visited {color:#2D2D2D;}
	#right .calendar a:hover { color:#2D2D2D !important; }
	#right td.today a { color: #5391CA !important; }

	
	 /* calendar bottom */
	#right .calendar_bottom {padding-top: 0px;}
	
	/* Event*/
	.eventTopic {float:left; width: 60px; font-weight:bold; padding: 2px 0 2px 0;}
	.eventContent {float:left; margin-bottom:5px; padding: 2px 0 2px 0;clear:both;}
	.error { border: 2px solid red; }
	.eventForm .infoText {display:block; float:left; width:150px; height:35px;}
	.eventForm p {clear:both; line-height:1.2em; }
	.eventForm textarea {width:400px; display:block; margin-bottom:15px; background-color:#FaFaFf;}
	.eventForm select {float:left; display:block; margin-bottom:15px; width:250px; background-color:#FaFaFf;}
	.eventForm input[type="text"] {margin-bottom:5px; background-color:#FaFaFf;}
	.eventForm .dayField {width:5em}
	.eventForm .timeField {width:3em}
	.eventForm .place_address {width:245px;}
	.eventsearch input {margin:2px;}
	.eventDisplayImage {max-width:150px !important; width:auto !important; /*width:150px;*/}
	.imageContent {float:right;}
	.textContent {float:left;width:100%;}
	#site .eventList {list-style: none; padding:0; margin:0; width:200px;}
	.eventListMonth {margin-top:15px;}
	.eventListPlace {display:block;}
	.helpText { display:block; margin-top:2em; padding:1em; background: url("../images/bg-noise-2.jpg"); line-height: 1.3em; }
	
	/* Search results */
	.resultList { margin-bottom:1em; width:100%; }

/* Landing page */
.landing-container {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.landingpage #site .container {
    margin-top:80px;
}

.flex-row {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: stretch;
        align-items: stretch;
}

.flex-row-bullets {
    -ms-flex-pack: center;
        justify-content: center;
}

.flex-row-item {
    box-sizing: border-box;
}

/*
    First row
*/
.flex-row-first {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.flex-row-first .box-left {
    /*width: 43%;*/
    -ms-flex: 9;
        flex: 9;
    background: #fff;
    padding:30px 40px 0 40px;
}
.up_left_title {
    text-align: center;
    font-size: 2em;
    line-height: 1.0em;
    font-weight: bold;
    color: #000;
    margin-bottom: 1em;
}
.up_left_image {
    position: relative;
    margin: 30px 20px 0 20px;
}

.up_left_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;

    font-size: 1em;
    line-height: 1.1em;
    font-weight: normal;
    color: #000;
    background-color: rgba(255,255,255,0.85);
    padding: 10px;
}

.flex-row-first .box-right {
    /*width: 57%;*/
	position: relative;
	-ms-flex: 13;
        flex: 13;
    background: #fff;
}

.flex-row-first .box-broad {
    position: relative;
	-ms-flex: 13;
        flex: 13;
    background: #fff  url(/stc/images/top_2018.jpg) center top no-repeat;background-size:cover;
    text-align: center;
    font-size: 42px;
    font-family: Montserrat,'Source Sans Pro',Arial,Verdana,sans-serif;
    color: #fff;
    padding: 200px 0 20px 0;
    height: 420px;
}

/* Flexslider */

.landing-container .flexslider {
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	width: 100%;
}

.landing-container .flex-row-first .slides > li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.landing-container .flexslider .flex-control-nav {
    height: 30px;
    right: 0;
    top: auto !important;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.landing-container .flexslider .flex-control-paging li a {
    height: 15px;
    width: 15px;
    box-shadow: none;
}

.landing-container .flexslider .flex-control-nav li {
    margin: 6px;
}

.landing-container .flexslider .pictureText {
    width: 100%;
    left: 0;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px 30px;
    background-color: rgba(11, 180, 193, 0.85);
    text-align: center;
}

.landing-container .flexslider .pictureText a {
    color: #fff;
}

.landing-container .flexslider .pictureLink {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    bottom: 0;
    transform: translateY(100%);
}

.landing-container .flexslider .pictureLink p {
    margin: 0;
    line-height: inherit;
}

.landing-container .flexslider .pictureLink a {
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 6px 10px;
    box-sizing: border-box;
    font-size: 1.1em;
}

.landing-container .flexslider h2 {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media screen and (max-width: 850px) {
    .flex-row-first {
		display: block;
    }
    .flex-row-first .flex-row-item {
        width: 100%;
    }
	.landing-container .flexslider {
		position: static;
	}
	.landing-container .flex-row-first .slides > li {
		height: auto !important;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

}


/*
    Second row
*/
.flex-row-second {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

/*.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}*/

.flex-row-second .box-left {
    /*width: 34%;*/
    -ms-flex: 3;
        flex: 3;
    background: #d2f6f8;
    padding: 30px 40px 10px 40px;
}
.flex-row-second .box-left p,
.flex-row-second .box-left li {
    font-size: 1.0em;
    line-height: 1.3;
}
.flex-row-second .box-left-narrow {
    width: 34%;
    background: #d2f6f8;
    padding: 60px 40px 20px 60px;
}
.flex-row-second .box-left-narrow p,
.flex-row-second .box-left li {
    font-size: 1.0em;
    line-height: 1.6em;


}

.flex-row-second .box-middle {
    /*width: 35%;*/
    -ms-flex: 3;
        flex: 3;
    background: #cce8ed;
    text-align: center;
    padding: 30px 40px 10px 40px;
}
.flex-row-second .box-middle h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: #62c3d1;
}
.flex-row-second .box-right {
    /*width: 31%;*/
    -ms-flex: 2;
        flex: 2;
    background: #fff;
    padding: 30px 40px 10px 40px;
    text-align: center;
}
.flex-row-second .box-right-broad {
    width: 66%;
    height: 430px;
    background:#fff url(/stc/images/middle_2018.jpg) center top no-repeat;background-size:cover;
    padding: 60px 40px 20px 60px;
    text-align: left;
}
.flex-row-second .box-right-broad ul { margin:0 0 0 20px; padding:5px 0; }
.box-right-broad-text {
    width: 42%;
    text-align: left;
    line-height: 1.6em;
orphans: 2;
}

@media screen and (max-width: 900px) {
    .flex-row-second {
		display: block;
    }
    .flex-row-second .flex-row-item {
        width: 100%;
        padding: 30px 40px;
    }
    .vertical-center {
        position: static;
        top: auto;
		-webkit-transform: none;
        transform: none;
    }

}



/*
    Third row
*/
.flex-row-third {
    background: #fff;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
}

.land_reason_text {
    width: 50%;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    padding: 45px 0 0 80px;
    text-align: left;
    line-height: 1.6em;
}
.land_reason_text ul { margin:0 0 0 20px; padding:5px 0; }



.land_reason_title {
    width: 100%;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #62c3d1;
    padding: 25px 0;
}

#land_reason {
    margin-bottom: 25px;
}

#land_reason p {
    margin-bottom: 0;
}

#land_competition {
    background: #d2f6f8;
    padding: 30px 40px;
    box-sizing: border-box;
}


.flex-row-bullets {
	flex-wrap: wrap;
}

.land_reason_bullet {
    padding: 0 15px;
}
#land_competition_2018 {
    background: #d2f6f8 url(/stc/images/bottom_2018.jpg) center top no-repeat;background-size:cover;
    padding: 30px 40px;
    box-sizing: border-box;
    height: 402px;
}


.land_competition_form {
    width: 100%;
}

.land_competition_form .formRow:nth-of-type(2) label span,
.land_competition_form .formRow:nth-of-type(3) label span,
.land_competition_form .formRow:nth-of-type(4) label span,
.land_competition_form .formRow:nth-of-type(5) label span,
.land_competition_form .formRow:nth-of-type(6) label span {
	width: 260px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.land_competition_form .form-container {
    background: none;
    box-sizing: border-box;
}

@media screen and (max-width: 700px) {

	.land_competition_form .formRow:nth-of-type(2) label span,
	.land_competition_form .formRow:nth-of-type(3) label span,
	.land_competition_form .formRow:nth-of-type(4) label span,
	.land_competition_form .formRow:nth-of-type(5) label span {
		width: auto;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin-right: 0;
	}

	.flex-row-third {
		display: block;
	}

    .flex-row-bullets .flex-row-item {
        padding: 15px;
    }

	.land_competition_form input[type="text"] {
	    width: 100% !important;
	}
	.land_competition_form input[type="checkbox"] {
		margin: 10px 0;
	}

}

/* jQuery selectbox*/
.sbHolder {
position:relative; width:49%; height:30px; background:#fff;float:left;display: inline-block; 
transition: all 0.3s;
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
z-index: 997;
}
.sbOptions{
	background:#fff;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 10;
	overflow-y: auto;
}
.sbOptions{max-height: 600px !important;z-index:9999;}
.sbHolder:first-of-type a.sbSelector{color:#fff;}
.sbHolderOpen{z-index:9990 !important;}
.sbHolder:hover { 
z-index: 999;
/*background-position:0 -30px;*/ 
/*transform:rotate(-10deg) scale(1.3,1.3);*/
transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.sbHolder a {text-transform:uppercase; }
.sbHolder a:hover { text-decoration:none; }
.sbHolder:first-of-type{
margin-right: 2%;background: #2ab1bd; /* Old browsers */
background: -moz-linear-gradient(top, #7fcfd6 0%, #17aab7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fcfd6), color-stop(100%,#17aab7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fcfd6 0%,#17aab7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fcfd6 0%,#17aab7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fcfd6 0%,#17aab7 100%); /* IE10+ */
background: linear-gradient(to bottom, #7fcfd6 0%,#17aab7 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcfd6', endColorstr='#17aab7',GradientType=0 );*/ /* IE6-9 */
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 196px;
	max-width: 100%;
}

.sbToggle{
	background:url(../images/bg-select.png) -220px -30px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
}
.sbToggleOpen{ background-position:-220px 0; }

.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}

.sbOptions a{
	border-top: dotted 1px #d5e5e7;
	display: block;
	outline: none;
	padding: 7px 5px 7px 10px;
	color:#000;
	text-transform:none;
	text-shadow:0 1px 1px #fff;
}
.sbOptions li:first-child a { border:0; }
.sbOptions a:hover { background:rgba(103,159,165,0.3); }

.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}


/* Forms common */
.form-container { overflow:hidden;padding:10px 21px;background: #e3f4f6; /* Old browsers */
background: -moz-linear-gradient(top, #e3f4f6 0%, #ceecef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f4f6), color-stop(100%,#ceecef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3f4f6 0%,#ceecef 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3f4f6 0%,#ceecef 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f4f6', endColorstr='#ceecef',GradientType=0 );*/ /* IE6-9 */
 }
.form-container textarea { width: 418px; margin:0.5em 0 1em 0; padding: 0; height: 150px; }
.form-container h4 { padding-bottom:7px; }
.button-holder { text-align:right; }
.align-right { text-align:right; }

/* Blogs */

.newsLink {text-align:right;}
.clearNews {clear:both;line-height:0;}

.blogLift {width:460px; float:left; position:relative; padding-bottom:15px;}
.blogLift .textContent {width:300px; float:left; }
.blogLift .imageContent {width:130px; float:right; }
.blogLiftBottom {margin:0 15px 10px 15px; height:1px; line-height:1%; background:url(/stc/img/blogBottom.gif) left bottom repeat-x; clear:both;}

.commentList {float:left; border-bottom:1px solid black; clear:both; width:100%;}

.blogTitle{font: bold 1.1em Verdana; padding: 9px 0 10px 0; clear:both;}
.author {float:left; width:70%; padding-bottom:22px;}
.toCommentForm {float:right; width:29%; padding-bottom:22px; text-align:right;}

.commentText{clear:both;}
.blogInfo{margin: 5px 0; float:left; width:100%;}
.blogInfo span {float:right;}
.commentLink{font-weight: bold;clear:both;}
.content-main .commentLink {padding:10px 0; border-bottom:1px solid #cfe0e2; }
.blogContent { clear:both; }

#commentList{margin: 10px;}
.blogComment{width:100%; float:left; margin-bottom:10px; padding: 8px 0 20px 0; background:url(/stc/img/blogBottom.gif) left bottom repeat-x;}
	.blogComment .commentAuthor {display:block; float:left; width:35%;}
	.blogComment .commentText {display:block; float:right; width:62%;}
div#commentForm{ background: #F5F5F5; float: left; width: 100%; border: 4px solid #9DBDCA;}
div#commentForm .innerComment{padding: 10px; }

#commentFormHead{ width: 100%; font-weight: bold; padding-bottom:10px;}
#commentFormInstructions{float: left; }
#commentInstruction{}
#commentDisclaimer{font: 11px arial; color: #333333; padding-top: 5px;}

#articleFormFields{float:left; padding: 0 10px 0 10px;}

#commentForm-www, #commentForm-email, #commentForm-name, #articleForm-caption, #commentForm-captcha{float: right; width: 330px; }
#articleForm-file {float: right; width: 335px; }
#articleForm-position {float: right; width: 250px;}
#articleForm-caption{margin-top:5px; }
#articleForm-text{width: 410px;}
#commentForm-captcha{width: 150px;}
.fileField {margin-top:10px;}

/*#commentForm-text{ width: 418px; margin:0.5em 0 1em 0; padding: 0; height: 150px; }*/

.listRow {padding-bottom:10px;}



/* Comment element */
.comment-form input,
.comment-form textarea { margin:0.5em 0; }

.comments .comment { margin-top: 20px; }
.comments .comment p { margin:0; margin-bottom: 8px; padding: 0; }
.comments { color: #4D4D4D; font-size: 11.5px; }
.comments .floatRight { font-size: 10px; color: #02319B; float: right; }
.comments .floatRight a { display: inline-block; height: 14px; padding-left: 21px; background: url(../images/bg_shout.gif) left center no-repeat; }
.comments .commentor { font-size: 11.5px; font-weight: bold; }
.comments .commentDate { font-size: 9.5px; }
.comments .box.boxfull { height: 1.5em; border-bottom: 1px solid #CFE0E2; }
#commentForm09 label { padding: 0; padding-top: 9px; }
#commentForm09 label.firstLabel { clear: none; padding: 0; }
#commentForm09 textarea { width: 440px; height: 85px; font-size: 12px; }
#commentForm09 input[type=text] { font-size: 12px; }
#commentForm-confirm { width: 50px; }
#commentForm-name { width: 200px; }
.comments .floatRight .rcomment { background:url("../images/bg_shout_red.gif") no-repeat 0 0; margin-top: 2px; }

/* Person search */

#personContainer {float:left; margin:20px 0 20px 0; /*padding:10px; width:435px; border:1px solid #cfe0e2;*/}
#personContainer dl {clear:both; float:left; width:100%; margin:0 0 1em 0; }
#personContainer dl.personDetails {clear:both; float:left; width:96%;}
#personContainer dl dt {clear:left; float:left; width:85px; margin-bottom:0.5em; }
#personContainer dl dd { /*float:left;*/ width:220px; margin-left:85px; margin-bottom:0.5em;}
#personContainer h5 {clear:both; float:left;}

.person h5 {font-weight:bold;}
.person #personPagePicture {width:150px;}

#personTop {width:100%; float:left;}
#personTopLeft {display:block; float:left; width:340px;}
#personTopLeft .personDetails { background:url(../images/bg-noise-2.jpg); padding:2%;}
#personTopRight { float:left; margin-left:10px; display:inline; }

.personListContainer {width:490px;}

#contactSearchList { border-collapse:collapse; }
#contactSearchList td { padding:3px; }
#contactSearchList .u4-table-stripe-odd {background:#F3F3F3;}

/* Kysymystori tyylit */
.toPublicSite,#commentForm-submit,.navigo-login-submit{
background: none repeat scroll 0 0 #B0D3E7;
    color: #FFFFFF;
    margin-right: 20px;
    text-decoration: none;
	display: block;
    float:left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.85em;
    font-style: normal;
    padding: 4px 8px;
    text-align: center;
    text-transform: uppercase;
    
	border:none;
}
.navigo-login-input{
width:160px;
}
#middle p.navigo-login-message{
margin-bottom:5px;
}

/* Kysymystori */
.toPublicSite{
margin-top:10px;
margin-bottom:20px;
float:none;
}
.comment-form label{
display:block;
width:100px;
float:left;
clear:both;
}
.comment-form input[type="text"],.comment-form textarea{
display:block;
width:300px;
float:left;
margin-bottom:10px;
}
.comment-form input[type="text"]#commentForm-confirm{
width:20px;
margin-right:20px;
}
.comment-form{
margin-top:30px;
}
.form-container.fixed-width { width:422px; }
.form-container.fixed-width .formRow input {width: 418px; height: 20px;}
.form-container.fixed-width .formRow label {width: 418px; height: 20px;}
.form-container.fixed-width .formRow select {width: 423px; height: 20px;}

.faqNewestQuestions {width:100%; margin-top: 20px;}
.faqNewestQuestions .u4-table-stripe-header td {text-align:left; padding:5px 5px 5px 0px;font-size:100% !important;}
.faqNewestQuestions .u4-table-stripe-header .title {margin:0; width:380px;}
.edit_faqCategoryList{
margin-bottom:20px;
}
.u4-table-stripe-odd{
background-color:#f0f0f0;
}
.u4-table-stripe-odd td{
padding:2px 0px;
}
.questionBy,.answerDate,.commentor,.commentDate{
color:#9a9c9b;
color:#a0a0a0;
margin-top:4px;
display:block;
font-size:11px;
}
.question p a{
padding-right:10px;
}
.questionDate{
color:#9a9c9b;
font-size:11px;
}
.faqNewestQuestions .answerDate{
color:#000;
}
.answer{
margin-bottom:20px;
}
.answer h4, .comment-form h4 {font-weight:normal; text-transform:uppercase;margin-top:20px;padding-top:0px; }
.faq{
line-height:1.2;
}
.faq strong{
font-weight:normal; text-transform:uppercase;
}
.edit_comment p{display:block;float:left;clear:left;}
.commentor,.commentDate{float:left;}
.comment{
clear:both;
margin:15px 0px 0px 0px;
}
#middle .comment p{
margin:0px;
padding:0px;
}
#middle .question p{
margin:0px;
padding:0px;
}
#middle .comment span{
clear:both;
}
#commentForm-submit{
display:block;
clear:both;
margin-left:100px;
margin-bottom:20px;
}
.commentDate{
margin-left:5px;
}
#middle .question a:visited{
color:#3b8189;
}
.faqList h3{
margin-top:20px;
}
.categoryItem{float:left;clear:left;width:300px;margin-right:20px;}
.categoryItem.right{float:right;clear:right;}
.tourismbanner{
position:absolute;
top:138px;
z-index:1000;
}

/* etusivun leve� banneripalsta */
#frontBanners_wide {margin: 18px 0 20px;}

/* RSS */
.feed{
font-size:100%;
margin-bottom:12px;
clear:both;
display:block;
}
.feed .title{
font-size:100%;
margin-left:0px;
margin-bottom:6px;
}
.feed .link{
font-size:90%;
}
.feed .desc{
float:left;
margin-right:10px;
}
.feedpic{
max-width:80px !important;
height:auto;
}
.section-asuminen{
width:100%;
float:left;
clear:both;
margin-top:10px;
margin-bottom:10px;
background: #fff;

}
.asuminen-introduction{
width:33%;
float:left;
margin-right:2%;
}
.asuminen-rssslot{
float:left;
width:32%;
margin-right:2%;
}
.asuminen-banners{
float:left;
width:31%;
}
.asuminen-rssslot .title{width:auto;}
/* Kysymystori tyylit */
.toPublicSite,#commentForm-submit,.navigo-login-submit{
background: none repeat scroll 0 0 #B0D3E7;
    color: #FFFFFF;
    margin-right: 20px;
    text-decoration: none;
	display: block;
    float:left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.85em;
    font-style: normal;
    padding: 4px 8px;
    text-align: center;
    text-transform: uppercase;
	border:none;
}
.navigo-login-input{
width:160px;
}
#middle p.navigo-login-message{
margin-bottom:5px;
}
.toPublicSite{
margin-top:10px;
margin-bottom:20px;
float:none;
}
.comment-form label{
display:block;
width:100px;
float:left;
clear:both;
}
.comment-form input[type="text"],.comment-form textarea{
display:block;
width:300px;
float:left;
margin-bottom:10px;
}
.comment-form input[type="text"]#commentForm-confirm{
width:20px;
margin-right:20px;
}
.questionBy,.answerDate{
color:#9a9c9b;
margin-top:4px;
display:block;
}
.faqNewestQuestions .answerDate{
color:#000;
}
.addthis_toolbox {min-width: 200px;}

.tickercontainer { /* the outer div with the black border */
width: 100%;/*500px*/
height: 35px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 8px;
height: 18px;
/*width: 718px;*/
overflow: hidden;
}
#middle .tickercontainer li{line-height: inherit;font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;font-weight: bold;}
.tickercontainer{
background:rgba(240,230,0,0.8);
text-transform: uppercase;
}
.editMode .tickercontainer{
background: #fff;
}
.editMode #tickerTextHolder{
background: #fff;
overflow: visible;
clear:both;
position:relative;
z-index: 9999;
float:left;
}
ul.newsticker { /* that's your list */
position: relative;
/*left: 750px;*/
font: bold 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 30px;
/*background: #fff;*/
}
.editMode .edit_ContentTemplate_ce_text_ticker{float:left;min-height: 50px;}
.editMode .edit_ContentTemplate_ce_text_ticker > div{float:left;min-height: 50px;}
.editMode .ticker{float:left;width:100%;clear: both;}
.editMode .ticker .date{
min-width: 100px;
margin-right: 20px !important;
float:left;
}
.editMode .ticker .infoText{
min-width: 55px;
margin-right: 20px !important;
clear:both;
float:left;
color:#555;
}
.editMode .ticker .text{
margin-bottom: 20px !important;
clear:both;
display: block;
min-width: 100px;
width:100%;
color:#10a8b6;
font-weight: bold;
}
.edit_ContentTemplate_ce_text_ticker{
}
.soMe{
float:left;
margin-right: 10px;
margin-bottom: 10px;
}
.linkToggle{
	background: url("../images/bg-select.png") no-repeat scroll -244px -30px;
	width:24px !important;
	height: 30px;
	float:right !important;
	position: absolute;
	right:0px;
	top:0px;
}
.scrollingList{overflow: hidden;height:490px;width:100%;max-width: 420px;}
#scroller{max-width: 100%;}
.scrollingList .listitem{clear:both;margin-bottom:10px;float:left;width:100%;}
.scrollingList .image{width:49%;float:left;margin-right:1.5%;max-width:150px;}
.scrollingList .image img{max-width:100%;}
.scrollingList .eventinfo{width:49%;float:left;}
.scrollingList .date{float:left;clear:both;}
.scrollingList .title{float:left;clear:both;/*font-size: 1.2em;*/}

/* Tagipilvi */
.search-cloud{max-width: 240px;padding:10px;color:#10A8B6;}
.search-cloud > div{padding:2px;}
.search-cloud a{text-decoration: underline;}
.search-cloud p{color:#10A8B6;}
.cloud-1{font-size: 0.8em;}
.cloud-2{font-size: 1em;}
.cloud-3{font-size: 1.2em;}
.cloud-4{font-size: 1.6em;}
.cloud-5{font-size: 2em;}
.fLeft{float:left;}
.fRight{float:right;}

.edit_ContentTemplate_ce_text_ticker_element{overflow: auto;margin-bottom: 10px;}

/* Fix: editor elements behind site elements */
#ckeditor_wrapper {
	z-index: 99999;
}

/*Responsive*/
@media screen and (max-width: 1200px){
#link_matkailu:hover, #link_palvelut:hover,.sbHolder:hover { 
transform:none;
-ms-transform:none;
-webkit-transform:none;
box-shadow: none;
}
	}
@media screen and (max-width: 1160px){
#wrapper{max-width: 100%;}
#top-navi{font-size: 0.8em;max-width: 100%;}
.container {max-width:100%; }
	
}
@media screen and (max-width: 800px){
body{background-size:inherit;}
	#topCarousel_slot{width:100%;float:left;margin-left:0%;margin-top:20px;}
	.support-links{width:100%;}
	.support-links ul{width:100%;min-height: 20px;text-align: center;}
	.support-links li{float:none;}
#top-navi .selected a:hover {background:inherit;color:#000;}
.left-navi-container{min-height: 0px;}
h3{font-size: 1.4em;}
#front_left, #front_right, .asuminen-introduction, .asuminen-rssslot, .asuminen-banners{width: 100%;clear: both;}
.asuminen-rssslot{margin: 20px 0px;}
.frontpage #site .container{margin-top: 70px;}
#middle, #left, #right{width: 100% !important;clear: both;height:auto !important;min-height:0px !important;}
#middle, #right{margin-left:0px;padding:20px 0px;}
#right{margin-top:20px;}
.innerCont, #middle .innerCont, #footer .innerCont{padding:20px 10px;}
#top-navi{font-size:0.8em;}
#front_right_mainbox, #front_left_kuulutukset,#front_left_tapahtumat{height: auto;}
#front_right_blogit, #front_right_pikalinkit{height:430px;} /* Used to be 430px */
.innerCont{padding:0px 20px;min-height:100px;}
.blog-lift .title{margin-left: 0px;display: block;clear: both;margin-top: 10px;}
.blog-lift .date{margin-left: 0px;}
.blog-lift .ingress{display: none;}
.col-2of4 { width:85%; }
/* DROPDOWN MENU, CSS/HTML5 */
#logo {background-size: 80%;background-position: center center;}
#topNavClick{
width:24px;
height:24px;
position:absolute;
z-index:1999;
left:12px;
top:12px;
background: #fff url(/stc/images/menuicon.gif) no-repeat 0px 0px;}#topNav {	position: relative;
		min-height: 40px;
		/*margin:0px auto;*/
		width:100%;
		min-width: 240px;
	}	
	#topNav ul {	width:100%;/* 240px*/
		padding: 5px 0;
		position: absolute;
		z-index:1899;
		top: 0;
		left: 0;
		background: #fff ;
		min-height: 22px;
		font-size: 1.2em;
		margin:0px 0px 0px 0px !important;
		/*border: solid 1px #aaa;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
	}
	#topNav li {	display: none; /* hide all <li> items */
		margin: 0;
		line-height:30px;
	}
	#topNav .selected {	display: block; background:#fff;/* show only current <li> item */}
	#top-navi .selected a{background:#fff;color:#000;}
	#top-navi li a{line-height: inherit;min-height: 20px;}
	#topNav a {	display: block;
		padding: 0px 5px 0px 50px !important;
		text-align: center;
	}
	#topNav .current a {	background: none;
		color: #666;
	}

	/* on nav hover */


	#topNav ul:hover, #topNav.active ul{	background-image: none;
		box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	}
	#topNav ul:hover li, #topNav.active ul li {	display: block;float:none;
		margin: 0 0 5px;
	}
	#topNav ul:hover .current, #topNav.active ul .act  {	background: url(images/icon-check.png) no-repeat 10px 7px;
	}
.soMe { width:35px; }
}
@media screen and (max-width: 640px){
#footer .col-2of4, #footer .col-2of4.last{width:100%;clear:both;}
#breadcrumb{display: none;}
.col-2of4.kommunpt{width:100%;margin-right: 0%;}
.col-1of4.kommunpt{width:100%;}
.soMe { width:35px; }
}
@media screen and (max-width: 606px){
	#top { margin-top: 105px; } /* fix: support links under top nav bar responsive view*/
.soMe { width:35px; }
}
@media screen and (max-width: 480px){
#top-navi .col-13of16{float:none;margin:0px auto !important;}
#top-navi .col-3of16{float:none;margin:0px auto !important;display:block;width:300px;}
#breadcrumb{display: none;}
.frontpage #site .container{margin-top: 60px;}
.pictureText{display: none;}
.txt{max-width: 30%;}
#front_right_welcome, #front_right_uutiset{width:100%;background: #fff;margin-right: 0px;}
#front_right_blogit, #front_right_pikalinkit{width: 100%;clear: both;height:auto;}
#front_right_pikalinkit{margin-top:20px;}
.col-1of3 { width:90%; }
.soMe { width:35px; }
}
@media screen and (max-width: 320px){
#topCarousel_slot{display:none;}
#footer .col-1of2{width:100%;}
}