/* pitaisko olla pelkka published jotenkin? */
/** RESPONSIIVISUUS ALKAA - muista julkaista yleinen.css **/


/***** body saa classin mobile - jos on touch device *****/
.mobile {/*font-size:80%;*/}

/*** ylatunniste - yleinen ***/
body.mobile .upperheader,
body.mobile div.upperheaderleft,
body.mobile div.upperheaderright,
body.mobile .upperheader a,
body.mobile .sitemap_box a {font-size:13px;}
body.mobile .upperheader a.smaller{font-size:12px;}
#mobile-header{display: none;}
body.mobile .search_box input.submit{border-radius:0;}

/*** alatunniste - yleinen ***/
body.mobile .footer_upper_links {width: auto;}
body.mobile .footer_upper_links,
body.mobile .footer_upper_links a {font-size:13px;}
body.mobile .footer_link_holder p,
body.mobile .footer_link_holder a {font-size:13px;}



/*** sisaltoalueen yleisia ***/
#oikopolut_desktop {display:block;}
#oikopolut_mobile {display:none;}

body.mobile .lift_info_stamp {font-size:13px;}
body.mobile .center .bottom-center {font-size:13px;}
body.mobile .maincontent .link-with-background-middle {
width:auto;
float:none;
}



/*** adaptiivinen navigaatio ***/
#mobile-navback {
display: none;
}

body.mobile #navback .navigation li a, 
body.mobile #navback .navigation li a:visited, 
body.mobile #navback .navigation li a:hover {background:none;}

body.mobile #navback .navigation li.sub,
body.mobile #navback .navigation li.sub:hover {
border:none;
border-radius:0;
margin:4px -2px 0 0;
padding:0 1px 0 0;
}
body.mobile #navback .navigation li.sub a,
body.mobile #navback .navigation li.sub a:visited,
body.mobile #navback .navigation li.sub a:hover {
/*padding: 10px 50px 6px 12px;*/
padding: 10px 40px 6px 6px;
margin:4px 0;
position:relative;
}
body.mobile #navback .navigation li.sub a.first, 
body.mobile #navback .navigation li.sub a.first:visited, 
body.mobile #navback .navigation li.sub a.first:hover {
/*padding:10px 12px 6px 12px;*/
padding:10px 8px 6px 12px;
}

body.mobile #navback .navigation li span.li_button,
body.mobile #navback .navigation li span.li_button:hover {
background:#DCDCDC;
border:none;
border-radius:2px;
color:#FFFFFF;
cursor:pointer;
display:table-cell;
float: right;
/*height:31px;*/
height:28px;
margin:0;
padding: 5px;
position:absolute;
right:8px;
/*top:4px;*/
top:6px;
vertical-align:middle;
width:30px;
z-index:999;
}

body.mobile #navback .navigation li span.li_button .more {
color:#FFFFFF;
display: block;
font-size: 20px;
font-weight: normal;
line-height:20px;
/*position: relative;*/
text-align: center;
width: 100%;
}

body.mobile #navback .navigation li:hover ul.subnav {display: none;}

body.mobile #navback .navigation li.sub li a,
body.mobile #navback .navigation li.sub li a:visited,
body.mobile #navback .navigation li.sub li a:hover {
padding: 7px 3px 5px 7px;
margin:0;
}

body.mobile #navback .navigation li.sub li a.first, 
body.mobile #navback .navigation li.sub li a.first:visited, 
body.mobile #navback .navigation li.sub li a.first:hover {padding:7px 3px 5px 7px;}

#navback .navigation .sub_nav li:hover ul.force-hide {display:none;}
.force-show {display: block;}
.force-hide {display: none;}


/** navigaation touch device -tuki. hoverin puuttuessa lisataan trigger-nappi [+] **/
body.mobile #navback .navigation ul.sub_nav .arrow-right{visibility:hidden;}
body.mobile .sub_nav a:after, .sub_nav .trigger:after {
clear:both;
content: "";
display:table;
}
body.mobile .sub_nav .trigger {
background:#ffffff;
border-radius:2px;
color:#606060;
display:block;
height:22px;
padding:1px;
position:absolute;
right:1px;
top:3px;
width:20px;
}
body.mobile .sub_nav .more {
color: #0c4d83;
display: block;
font-size: 20px;
font-weight: normal;
line-height:20px;
padding: 0;
position: relative;
text-align: center;
text-shadow: none;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 1000;
}




/* ratkaisut */
.decisions-subnav-mobile {display:none;}
.decisions-subnav-mobile .mobile-declistitems {display:block;}
.decisions-subnav-mobile .mobile-declistitems .subnavigation_header{
background:#dcdcdc;
border-bottom:1px solid #fff;
border-radius:0;
color:#000;
font-size:14px;
height:auto;
margin:1px 0 0;
padding:12px 2%;
width:100%;
}
.decisions-subnav-mobile .mobile-declistitems .subnavigation_header a {color:#000;}
.decisions-subnav-mobile .mobile-declistitems .trigger {
background:#6F6F6F;
cursor:pointer;
border-radius:2px;
display:table-cell;
float:right;
position:relative;
top:-10px;
vertical-align:middle;
}
.decisions-subnav-mobile .mobile-declistitems .more {
color:#fff;
cursor:pointer;
display:inline-block;
font-size:26px;
font-weight:normal;
height:36px;
line-height:14px;
padding:10px 0;
text-align:center;
width:36px;
}
.decisions-subnav-mobile .mobile-declistitems ul {
background:#ffffff;
display:none;
list-style:outside none none;
margin:0;
padding:0;
width:100%;
}
.decisions-subnav-mobile .mobile-declistitems .subnavigation li {
margin:0;
padding:0;
width:100%;
border-bottom:1px solid #cad3d0;
}
.decisions-subnav-mobile .mobile-declistitems .subnavigation li a {
display:block;
padding:10px 1% 10px 2%;
width:100%;
}
.decisions-subnav-mobile .mobile-declistitems .decision-pager {display:none;}




/* nostojen nuolet */
.mobile .lift_center_wrapper div[id$="_open"] a > img {
    display: none;
}
.mobile .lift_center_wrapper div[id$="_close"] a > img {
    display: none;
}


@media (min-width:769px) {
	/* touch nav special - yhteystiedot _ tarkista ulosotto */
	.mobile #navback .navigation ul > li.last {
		display:table;
		/*width:11%;*/
	}

	.mobile #navback .navigation ul > li.last a {
		display:table-cell;
		vertical-align:middle;
		padding:0;
		margin:0;
		float:none;
		text-align:right;
	}
	
	.mobile #navback .navigation ul.sub_nav span.navtitle{width:154px;}
	
	/* sivustonnimi mukautumaan _res001_ */
	.wrapper .header_largetext{
	overflow: hidden;
	font-size:36px;
	width: calc(100% - 460px);
	}
	.wrapper .header_largetext h1, .wrapper .header_largetext .headertitle{
	margin:24px 0 0 0;
	width:100%;
	}
}



/** ----------------------
yleiset media queryt alkaa
---------------------- **/

/* breakpoint 0-1100 */
@media (max-width: 1100px) {
	.header_largetext {margin: 21px 0 0 13px;}
	.mobile .header_largetext {margin: 21px 0 0 10px;}

	/*** navigaatio ***/
	#navback{
	height:auto;
	width:100%;
	}
	#navback .clearfloat {display:none;}
	#navback .navigation{height:auto;}
	#navback .navigation, .wrapper #navback .navigation ul {height:auto;}
/*	#navback .navigation li {height:100%;} */
/*	#navback .navigation li.last {float:left;} */
	
/*	#navback .navigation li a.first,
	#navback .navigation li a.first:visited,
	#navback .navigation li a.first:hover{padding: 10px 12px 6px 12px;}*/

	.teemasivusto #navback .navigation li a.first,
	.teemasivusto #navback .navigation li a.first:visited,
	.teemasivusto #navback .navigation li a.first:hover{padding: 10px 12px 6px 12px;}
}



/* breakpoint 0-1024 */
@media (max-width: 1024px) {
	/*** yleinen ***/
    .body_wrapper {
	background:#FFFFFF;
	-webkit-text-size-adjust:100%;
	max-width:1009px;
	width:100%;
    }
	.wrapper {width:100%;}
	
	
	/*** ylatunniste ***/
	.body_wrapper .sector_navigation_wrapper,
    .body_wrapper .text_location_holder,
    .body_wrapper .upperheader {width: 100%;}
	
	/*** alatunniste ***/
    .footer_upper_links,
    .footer_lower_links,
    .footer {
	max-width:1029px;
	width:100%;
	}
	.footer .footer_lower_links {background:none;}
	.footer_link_holder {
	width:25%;
	border-right:1px solid #D0D0D0;
	}
	.footer_link_holder:last-child {border:none;}
	
	/* siirtyi headeriin
	.body_wrapper .footer .sector_navigation_wrapper {
	float:left;
	width:100%;
	}
	*/
	
	
	/*** paanavigaatio - yleinen ***/
	/* paanavigaatio - ns. kapea-tablet navi-muutos */
	#navback{display:none;}
	.wrapper #navback .navigation {display:none;}
	.body_wrapper .wrapper #navback .navigation ul li a.selected {
	width:97%;
	padding:0 0 0 3.5%;
	border:none;
	margin:0 0 0 -1px;
	}
	.navbottom {
	width:100%;
	background:#2E2F2F;
	height:5px;
	padding:0;
	margin:0;
	font-size:1px;
	border:none;
	}
	#navbottom {display: none;}
	#mainlevel a:after,
	#mainlevel .trigger:after,
	#mobile-active:after {
	clear: both;
	content: "";
	display: table;
	}
	/*** paanavigaatio - responsiivinen ***/
	#mobile-navback {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	#mainlevel {border-top: 1px solid #A7BED2;}
	#mainlevel .name,
	#mobile-active .name {
	padding:8px 0 0 0;
	float:left;
	line-height:20px;
	}
	#mainlevel .name a, #mobile-active .name a{text-decoration:none;}
	#mainlevel .name {padding:0;}
	
	#mobile-active .trigger {
	background:#2e2f2f;
	border-radius:2px;
	color:#ffffff;
	display:table-cell;
	float:right;
	position:relative;
	right:0;
	vertical-align:middle;
	}

	#mobile-active span:hover {cursor:pointer;}

	#mainlevel .trigger {
	background:#ffffff;
	border-radius: 2px;
	color: #606060;
	cursor: pointer;
	display: table-cell;
	float: right;
	margin: 3px 2% 0 0;
	vertical-align: middle;
	}

	#mobile-active .more {
	color:#ffffff;
	display:block;
	font-size:26px;
	font-weight:normal;
	line-height:26px;
	min-width:36px;
	padding:3px 10px 7px 10px;
	position:relative;
	text-align:center;
	text-shadow:none;
	top:1px;
	width:100%;
	}

	#mainlevel .more {
	background:#FFFFFF;
	border-radius:2px;
	color:#606060;
	display:block;
	font-size:26px;
	font-weight:normal;
	line-height:26px;
	margin:0;
	min-width:36px;
	padding:5px 10px 6px 10px;
	text-align:center;
	text-shadow:none;
	top:0;
	vertical-align:middle;
	width:100%;
	z-index:1000;
	}
	#mobile-navigation ul {
	background:#FFFFFF;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}

	#mobile-navigation li {border-bottom: 1px solid #d9d9d9;}
	#mobile-navigation li:hover{background:none;}
	#mobile-navigation li.selected{background:#e6e6e7;}

	#mobile-navigation li a {
	color: #000000;
	display:inline-block;/* huom */
	padding:11px 1% 10px 2%;
	position: relative;
	text-decoration: none;
	width:83%;
	}
	#mobile-navigation li a:hover {/*background:#e6e6e7;*/}
	#mobile-navigation li.last a {padding: 14px 1% 14px 2%;}
	
	#mobile-navigation li:hover li{background:none;}
	#mobile-navigation li li {
	background:#FFFFFF;
	border-top: 1px solid #d9d9d9;
	border-bottom: none;
	}
	#mobile-navigation ul.mobile_sub_nav li:hover {background:none;}
	#mobile-navigation ul.mobile_sub_nav li a {
	padding: 14px 1% 14px 6%;
	background:#FFFFFF;
	color:#000000;
	width:85%;
	}
	/*#mobile-navigation ul.mobile_sub_nav li .trigger {display:none;}*/
	#mobile-navigation ul.mobile_sub_nav li:hover li {background:none;}
	
	#mobile-navigation ul.mobile_sub_nav li li a {padding: 14px 1% 14px 12%;}
	#mobile-navigation ul.mobile_sub_nav li li li a {padding: 14px 1% 14px 16%;}
	
	#mobile-navigation .active {/* display: none; */}

	#mobile-navback .last{padding: 0;}
	#mobile-active {
	background: #dcdcdc;
	border-bottom:1px solid #FFF;
	width:100%;
	padding:4px 2%;
	font-size:14px;
	height:44px;
	}
	#mobile-navigation ul.mobile_sub_nav ul li a.selected {color:#000;}
	#mobile-navigation ul.mobile_sub_nav ul li.selected {
	background:#e6e6e7;
	color:#000;
	}
	#mobile-navigation li a.selected {color:#000;}
	#mobile-navigation li.selected {
	background:#e6e6e7;
	color:#000000;
	}
	
	
	
	
	
	
	/*** sivunavigaatio ***/
	.maincontent .subnavigation {
	max-width:220px;
	width:100%;
	}
	
	
	/*** sisaltoalue ***/
	.maincontent {width: 100%;}
	.maincontent .sidebar.leftbar {
	margin:0;
	width:23%;
	}
	.maincontent .sidebar.rightbar {
	margin:0;
	width:23%;
	}
	.maincontent{margin-top:15px;}
	.maincontent .center {
	width:52%;
	margin:0 1%;
	padding:0 1%;
	}
	.center img,
	.sidebar img {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	
	
	/*** poimittavat elementit ***/
    .maincontent .ab_header_image.side,
    .maincontent .ab_header_image.middle {width:auto;}

    .imagespan_left img,
    .imagespan_right img {height:auto;}
	.center.at-left .rss-wrapper {
	width:100%;
	}
	
	.blogi-nosto .lift_item_bloginosto .image {
    float:left;
    width:66px;
	}
	.blogi-nosto .lift_item_bloginosto .text{
	float:none;
	width:100%;
	}
	
	
	/*** kiinteasti sivupohjassa olevat elementit ***/
	.center.at-left .uutta-etusivu .news_item{
	background-repeat: repeat-x;
	}
	.center.at-left .news .news_item  .news_item_date {
	clear: none;
	float: left;
	line-height: normal;
	width:17%;
	}
	.center.at-left .news .news_item .news_item_header {
	float: left;
	padding:0;
	width:83%;
	}
	.center.at-left .news .news_item .news_item_ingress {padding:0;}
	.center.at-left .news .news_item .news_item_ingress p {padding:0;}
	
	
	/*** yhteystiedot ***/
	.mobile .contact_list_abc{
	height:auto;
	overflow: auto;
	}
	.mobile .contact_list_abc a {
	border: 1px solid #DFDFDF;
	border-radius:8px;
	margin: 5px 5px 5px 0;
	min-width: 40px;
	text-align: center;
	}
	
	
	/*** laheta linkki sahkopostiin ***/
	.send_mail_popup{
	max-width:400px;
	width:100%;
	}
	
}



/* breakpoint 481-960 */
@media (min-width: 481px) and (max-width: 960px) {

	/*** paanavigaatio ***/
    #navback .clearfloat {display:none;}
    #navback {height: auto;}
    #navback .navigation,
    #navback .navigation ul{height: auto;}
    #navback .navigation li {
	float: left;
	height: 100%;
	}
	
	/*** paanavigaatio - teemasivusto ***/
    .body_wrapper.teemasivusto #navback .navigation li.last a,
    .body_wrapper.teemasivusto #navback .navigation li.last a:visited,
    .body_wrapper.teemasivusto #navback .navigation li.last a:hover {
	border-left: 1px solid #CCCCCC;
	}
    
}



/* breakpoint 481-768 */
@media (min-width: 481px) and (max-width: 768px) {

	/*** paanavigaatio ***/
	#navback .navigation li {width: 33%;}
    #navback .navigation li:nth-child(4n+1) {clear: none;}
    #navback .navigation li:nth-child(3n+1) {clear: left;}
    #navback .navigation li:not(:nth-child(4n)) a {
	clear: none;
	border-right: none;
	}
    #navback .navigation li:not(:nth-child(3n)) a {
	clear: left;
	border-right: 1px solid #939393;
	}
    
}

/* breakpoint 0-768 */
@media (max-width: 768px) {

	/*** yleinen ***/
	#sector_navigation {display:none;}
	.header, .header_largetext, .upperheader, .sector_navigation_wrapper {
	display: none;
	}
	.body_wrapper {
	background:#FFFFFF;
	width: 100%;
	padding: 0;
	margin: 0;
	}
    .wrapper {overflow: hidden;}
	/*.textarea-container {margin:0;}*/
	.kaksipalstaa-wrapper:after,
	.footer_upper_links:after,
	#mobile-header form:after,
	#mobile-header:after{
	clear: both;
	content: "";
	display: table;
	}

	/*** ylatunniste ***/
    #mobile-header {display: block;}
	.sitemap_and_alphabet_index_box {
	display:none;
	float: none;
	}
	.wrapper .header {height: 10px;}
	.header_largetext {
	margin:0;
	margin-top:170px;
	line-height:26px;
	width:96%;
	padding:0 2%;
	}
	.header_largetext h1, .header_largetext .headertitle {
	font-size:2.6rem;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 100%;
	}
	.alphabet_index, .sitemap_link {
	text-align: right;
	float: right;
	width: 48%;
	margin: 0;
	text-align: center;
	padding: 10px 0;
	}
	.sitemap_box {display:none;}
	.extended_search {
	display:none;
	margin:10px;
	text-align:right;
	padding-right:3%;
	}
	.search_box {
	display: none;
	top: 0px;
	padding-right: 25px;
	position: static;
	right: 25px;
	}
	.search_box_container { /* huom */
	padding:0;
	width:100%;
	}
	.search_box_container form {width: 100%;}
	.search_box-center {
	background:none;
	width:78%;
	}
	.search_box span.search_box-center input {
	background:none;
	display:block;
	border-radius:3px;
	border:none;
	font-size:13px;
	color:#222222;
	position:relative;
	padding:0 5%;
	width:90%;
	}
	.search_box-center input[type="text"] {/* huom */
	border:1px solid #b4b4b4;
	border-radius:2px;
	float:left;
	font-size:12px;
	height:30px;
	line-height:30px;
	padding:0;
	text-indent:10px;
	vertical-align:middle;
	width:78%;
	}
	.search_box-submit-left,
	.search_box-submit-right {
	background:none;
	display:none;/* huom */
	}
	.search_box_container input[type=submit] {
	border-radius:4px;
	background:#cccccc;
	border:1px solid #999;
	width:15%;
	}
	
	.kirjausaika-sisalto {padding-left: 0;}
	#oikopolut_desktop {display:none;}
	#oikopolut_mobile {display:block;}
	
	/*** alatunniste ***/
	.footer,
	.footer_lower_links,
	.footer_upper_links{
	max-width:1029px;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	}
	.footer_lower_links {
	background:none;
	display: table;
	table-layout: fixed;
	}
	.footer_link_holder {
	border-right:0;
	display:block;
	float:left;
	margin: 0 2%;
	padding:10px 0 10px 0;
	width: 46%;
	}
	.footer_link_holder:nth-child(even) {border-right:none;}
	.footer_link_holder:nth-child(2n+1) {clear:left;}
	.footer_link_holder {padding-top:10px;}
	.footer_link_holder:nth-child(n+3) {border-top:1px solid #d0d0d0;}
	.footer_link_holder p {
	font-size: 12px;
	}
	.footer, .footer a {
	margin: 10px 0;
	text-decoration: underline;
	line-height: 20px;
	text-decoration: none;
	}
	.footer_upper_links a {
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display:inline-block;
	}
	.footer_upper_links a:last-child {
	border-right:none;
	}
	.footer .textarea-container a {
	margin:0;
	display:block;
	line-height:initial;
	padding:3px 0;
	}
	
	
	
	/*** paanavigaatio - yleinen ***/
	/* siirretty aiempaan breakpointiin */

	
	
	/*** ylatunniste - responsiivinen ***/
	#mobile-header {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	padding:10px 2%;
	}
	#mobile-header .portal-index-link{
	color: #606060;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	margin-bottom:10px;
	text-decoration: none;
	
	background: #fdfdfe;
	background: -moz-linear-gradient(top, #fdfdfe 0%, #edf0f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(100%,#edf0f1));
	background: -webkit-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -o-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -ms-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: linear-gradient(to bottom, #fdfdfe 0%,#edf0f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#edf0f1',GradientType=0 );
	border: 1px solid #edf0f1;
	border-radius: 2px;
	padding: 4px;
	}
	#mobile-header .portal-index-link .laquo{
	float: left;
	margin-right: 4px;
	}
	#mobile-header .preheader_languages {
	display:block;
	clear:both;
	color:#FFFFFF;
	text-align:right;
	line-height:20px;
	margin-bottom:10px;
	}
	#mobile-header .preheader_languages a,
	#mobile-header .preheader_languages a:visited,
	#mobile-header .preheader_languages a:hover {
	color: #606060;
	display: inline-block;
	float: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-bottom:10px;
	text-decoration: none;
	
	background: #fdfdfe;
	background: -moz-linear-gradient(top, #fdfdfe 0%, #edf0f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(100%,#edf0f1));
	background: -webkit-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -o-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -ms-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: linear-gradient(to bottom, #fdfdfe 0%,#edf0f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#edf0f1',GradientType=0 );
	border: 1px solid #edf0f1;
	border-radius: 2px;
	padding: 4px;
	}
	
	#mobile-header h1, #mobile-header .headertitle {
	color:#2E2F2F;
	font-size: 26px;
	font-weight: lighter;
	float: left;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-align:left;
	width: calc(100% - 74px);

	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break:break-all;
	word-break:break-all;

	}
	#mobile-header #nav {
	cursor: pointer;
	float: right;
	background:#cccccc url('../images/ottk/mobnavi2.png') 50% 50% no-repeat;/* vaihtoehtoinen */
	background-size:60px 40px;
	width:72px;
	height: 40px;
	border-radius:2px;
	}
	#mobile-header #nav-content {
	display: none;
	clear: both;
	color: #000;
	width: 100%;
	overflow: auto;
	}
	#mobile-header hr {
	width: 100%;
	margin: 15px auto;
	border: none;
	border-bottom: 1px solid #dedfe0;
	clear: both;
	display: block;
	}
	#mobile-header a {
	color: #606060;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #606060;
	padding-right: 10px;
	margin-right: 10px;
	}
	/*
	#mobile-header a:last-child {
	border: none;
	}
	*/
	#mobile-header input[type="text"] {
	border: 1px solid #b4b4b4;
	border-radius: 2px;
	box-shadow: 0 2px 6px rgba(50, 50, 50, 0.1) inset;
	float: left;
	padding:0;
	text-indent: 10px;
	vertical-align: middle;
	/*width: 79%; huom */
	font-size:12px;
	line-height:30px;
	height:30px;
	}
	#mobile-header input[type="submit"] {
	background:#e4e2e5;
	border:1px solid #c1c1c1;
	border-radius: 2px;
	color:#606060;
	display: block;
	float: right;
	font-size:12px;
	font-weight:bold;
	height:30px;
	padding:0;
	width: 20%;
	}
	#mobile-header form {
	margin:0;/* huom */
	width: 100%;
	}
	#nav-content form {margin:0 0 14px;}
	#nav-content .search_box_container form {margin:0;}
	#mobile-header .sector_navigation_wrapper {
	background:none;
	border:none;
	margin:0;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder {
	float:none;
	height:auto;
	max-width:100%;
	width:100%;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item {
	background:none;
	display:block;
	height:auto;
	padding:0;
	width:auto;
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item .sector-nav-title {
	float: left;
	height:auto;
	text-align: left;
	vertical-align: middle;
	width: calc(100% - 3rem);
	}
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item a {
	color:#363636;
	font-size:13px;
	padding:5px 15px;
	line-height:20px;
	border: 1px solid #dcdcdc;
	background:#dcdcdc;
	float:none;
	margin:0 0 1px;
	}
	
	#mobile-header .sector_navigation_wrapper .sector_navigation_item_holder .sector_navigation_item_presentation_responsive a{float:none;}
	
	/* a-o-linkki yms */
	#mobile-header .optional-header-links{
	float:left;
	width:100%;
	}
	#mobile-header .optional-header-links a,
	#mobile-header .optional-header-links a:visited,
	#mobile-header .optional-header-links a:hover{
	color: #606060;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-bottom:10px;
	text-decoration: none;
	text-align: left;
	background: #fdfdfe;
	background: -moz-linear-gradient(top, #fdfdfe 0%, #edf0f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(100%,#edf0f1));
	background: -webkit-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -o-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: -ms-linear-gradient(top, #fdfdfe 0%,#edf0f1 100%);
	background: linear-gradient(to bottom, #fdfdfe 0%,#edf0f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#edf0f1',GradientType=0 );
	border: 1px solid #edf0f1;
	border-radius: 2px;
	padding:13px 22px;
	width:100%;
	}
	
	/* paanavi siirretty aiempaan breakpointiin */
	
	
	/*** virasto-navigaatio ***/
	#mobile-subnavigation {display:block;}
	#mobile-subnavigation.subnavi{
	border-top: 1px solid #cccccc;
	margin:0;/* 1px 0 10px */
	}
	#mobile-active-subnavigation{
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 50%, #efefef 50%, #f4f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#f6f6f6), color-stop(50%,#efefef), color-stop(100%,#f4f3f3));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	border-bottom: 1px solid #fff;
	font-size: 14px;
	height: 44px;
	padding: 4px 2%;
	width: 100%;
	}
	#mobile-subnavigation ul{
	background: #ffffff;
	display: none;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	#mobile-subnavigation ul ul{display:block;}
	#mobile-active-subnavigation .trigger{
	border:1px solid #FFFFFF;
	border-radius: 2px;
	color: #ffffff;
	cursor: pointer;
	display: table-cell;
	float: right;
	position: relative;
	right: 0;
	vertical-align: middle;
	}
	#mobile-subnavigation.subnavi #mobile-active-subnavigation .trigger{
	background:#FFFFFF;
	border:1px solid #cccccc;
	}
	#mobile-subnavigation.subnavi li .trigger {
	border:1px solid #cccccc;
	border-radius: 2px;
	color: #ffffff;
	display: table-cell;
	float: right;
	margin: 4px 2% 0 0;
	position: relative;
	right: 0;
	vertical-align: middle;
	}
	#mobile-subnavigation.subnavi .more{
	color: #b85f2e;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	min-width: 36px;
	padding: 3px 10px 6px;
	position: relative;
	text-align: center;
	text-shadow: none;
	top: 1px;
	width: 100%;
	}
	#mobile-subnavigation.subnavi #mobile-active-subnavigation .more{
	background: #ffffff;
	border-radius: 2px;
	color: #b85f2e;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	min-width: 36px;
	padding: 5px 10px 6px;
	text-align: center;
	text-shadow: none;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: 1000;
	}
	#mobile-subnavigation.subnavi #subnavigation-mainlevel {border-top:none;}
	#mobile-subnavigation.subnavi #mobile-active-subnavigation {
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 50%, #efefef 50%, #f4f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#f6f6f6), color-stop(50%,#efefef), color-stop(100%,#f4f3f3));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 50%,#efefef 50%,#f4f3f3 100%);
	}
	#subnavigation-mainlevel a::after, 
	#subnavigation-mainlevel .trigger::after, 
	#mobile-active-subnavigation::after {
	clear: both;
	content: "";
	display: table;
	}
	#subnavigation-mainlevel .name, 
	#mobile-active-subnavigation .name {
	float: left;
	line-height: 20px;
	padding: 8px 0 0;
	}
	#mobile-subnavigation.subnavi #mobile-active-subnavigation .name a{
	color:#ad470f;/* tarkoituksella tummempi oranssi kontrastin takia */
	}
	#mobile-subnavigation.subnavi #subnavigation-mainlevel .more{line-height: 24px;}
	#mobile-subnavigation.subnavi #mobile-subnavigation-navbar li{background:#F6F6F6;}
	#mobile-subnavigation.subnavi #mobile-subnavigation-navbar li a{
	background:#F6F6F6;
	padding: 11px 1% 10px 4%;
	}
	#mobile-subnavigation.subnavi #mobile-subnavigation-navbar li li a{
	background:#F6F6F6;
	padding: 11px 1% 10px 8%;
	}
	#mobile-subnavigation.subnavi .subnav-navbottom{
	background:#CCCCCC;
	height:1px;
	}
	#mobile-subnavigation-navbar ul.mobile_sub_nav li:hover{background:#F6F6F6;}
	#mobile-subnavigation-navbar ul.mobile_sub_nav li a {
	background: #f6f6f6;
	color: #000000;
	padding: 14px 1% 14px 6%;
	width: 86%;
	}
	#mobile-subnavigation-navbar li li{
	background:#F6F6F6;
	border-bottom: medium none;
	border-top: 1px solid #d9d9d9;
	background: #f6f6f6;
	}
	#subnavigation-mainlevel {border-top:none;}
	#subnavigation-mainlevel ul {
	background: #ffffff;
	display: none;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	#mobile-subnavigation-navbar li {border-bottom: 1px solid #d9d9d9;}
	#mobile-subnavigation.subnavi #mobile-subnavigation-navbar li {background: #f6f6f6;}
	#mobile-subnavigation-navbar li a {
	background: #f6f6f6;
	color: #000000;
	display: inline-block;
	padding: 11px 1% 10px 4%;
	position: relative;
	text-decoration: none;
	width: 83%;
	}
	#subnavigation-mainlevel .name, #mobile-active-subnavigation .name {
	float: left;
	line-height: 20px;
	}
	#subnavigation-mainlevel .name {padding: 0;}
	#subnavigation-mainlevel .trigger{
	background: #ffffff;
	color: #b85f2e;
	border-radius: 2px;
	cursor: pointer;
	display: table-cell;
	float: right;
	margin: 3px 2% 0 0;
	vertical-align: middle;
	}
	
	
	
	/*** sisaltoalue ***/
	#murupolku {padding-bottom:15px;}
	#murupolku .current-page {border:none;}
	.maincontent .sidebar.rightbar, .maincontent .sidebar.leftbar  {
	float:right;
	/*width:47%;
	margin:0 1%;
	padding:0;*/
	width:50%;
	}
	.maincontent .sidebar.leftbar {
	margin:0;
	padding:0 2%;
	}
	.maincontent .sidebar.rightbar {
	margin:0;
	padding:0 2%
	}
	.maincontent .center {
	border:none;
	clear:right;
	float:left;
	margin:0;
	padding:0 2%;
	width:100%;
	}

	#leftcolumn,
	#rightcolumn {
	margin: 10px 0;
	padding: 0;
	}
	.at-left {border-top:0;}
	
	/* ----- */
	.sidebar #rightcolumn h1,
	.sidebar #rightcolumn h2,
	.sidebar #rightcolumn h3,
	.sidebar #rightcolumn h4,
	.sidebar #rightcolumn h5,
	.sidebar #rightcolumn h6{margin:0px 0px 10px 0px;}

	.sidebar #leftcolumn h1,
	.sidebar #leftcolumn h2,
	.sidebar #leftcolumn h3,
	.sidebar #leftcolumn h4,
	.sidebar #leftcolumn h5,
	.sidebar #leftcolumn h6{margin:0px 0px 10px 0px;}

	.sidebar #rightcolumn .textarea-container h1,
	.sidebar #rightcolumn .textarea-container h2,
	.sidebar #rightcolumn .textarea-container h3,
	.sidebar #rightcolumn .textarea-container h4,
	.sidebar #rightcolumn .textarea-container h5,
	.sidebar #rightcolumn .textarea-container h6{margin:0px 0px 10px 0px;}

	.sidebar #leftcolumn .textarea-container h1,
	.sidebar #leftcolumn .textarea-container h2,
	.sidebar #leftcolumn .textarea-container h3,
	.sidebar #leftcolumn .textarea-container h4,
	.sidebar #leftcolumn .textarea-container h5,
	.sidebar #leftcolumn .textarea-container h6{margin:0px 0px 10px 0px;}

	.sidebar #leftcolumn .textarea-container{margin:0px 0px 10px 0px;}
	.sidebar #rightcolumn .textarea-container{margin:0px 0px 10px 0px;}

	.sidebar #leftcolumn span a[class^="attachment"]{margin:0px 0px 10px 0px;}
	.sidebar #leftcolumn .textarea-container span a[class^="attachment"]{margin:0;}
	.sidebar #rightcolumn span a[class^="attachment"]{margin:0px 0px 10px 0px;}
	.sidebar #rightcolumn .textarea-container span a[class^="attachment"]{margin:0;}
	
	/** pitaisiko scripti tehda tata varten?
	.main-ingress, .main-header {display:none;}
	**/
	
	.maincontent .center .bottom-center {
	background:#f2f2f2;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	bottom: 0;
	color: #000000;
	display:none;/* huom. script */
	line-height:29px;
	margin: 0 2% 2% 0;
	position: fixed;
	right: 0;
	z-index:auto;/* huom linkki spostiin */
	}
	.maincontent .center .bottom-center a.back_to_start{padding-right: 0;}
	.bottom-center .delim, .center .bottom-center .print{display:none;}
	
	
	/*** alanavigaatio ***/
	.maincontent .subnavigation {display:none;}
	
	
	/*** poimittavat elementit ***/
	.center.at-left img {width:100%;}
	.center.at-left .ajaxloader img {width:auto;}
	.center .lift_center_wrapper img {width:auto;}
	.maincontent .lift_center_wrapper .lift_item_right{display:none !important;}
	.maincontent .sidebar .media-container:not(.imagespan_left):not(.imagespan_right) img {
	width:100%;
	height:auto;
	}
	.lift_item_right img, .sidebar .lift_item_right img{max-width: auto;}
	
	/*** kiinteasti sivupohjassa olevat elementit ***/
	.center.at-left .myyntikohteet .myyntikohteet_images .myyntikohteet_images_controls img {width:auto;}
	.center.at-left .vankilatuotteet .myyntikohteet_images .myyntikohteet_images_controls img {width:auto;}
	.center.at-left .form_static_wrapper img{width:auto;}
	
	.blog_image img {width:100%;}
	.maincontent .sidebar .blogi-nosto .lift_item_bloginosto .media-container img {width: calc(100% - 8px);}
	
	#AdvSearchForm .form_keywords_label{
	margin: 0;
	padding:8px 8px 12px 8px;
	width: 100%;
	}
	#AdvSearchForm .form_keywords_input{
	margin: 0;
    padding: 8px;
    width: 100%;
	}
	#AdvSearchForm .form_keywords{padding:0;}
	
	.body_wrapper.esite .esite_header_text{font-size:2.4rem;}
	
	.lehtisivusto .sidebar.leftbar{display:none;}
	
	/* ratkaisut */
	.decisions-subnav-mobile {display:block;}
	
	/* M:haku */
	.haku-module .hakuehdot-view{
	float:right;
	width: 100%;
	}
	.haku-module .hakutulos-view{
	float:left;
	width:100%;
	}
	.haku-module .hakutuloslistaus-element{
	padding: 20px 0;
	}
}

/* breakpoint 0-600 poikkeuspoikkeus */
@media (max-width: 600px) {
	#readMoreContainer.additional-info .bullet{
	width:16px;
	}
	#readMoreContainer.additional-info .item {
	width:calc(100% - 16px);
	}
}


/* breakpoint 0-480 */
@media (max-width: 480px) {

	/*** alatunniste ***/
	.footer_lower_links {display: block;}
	.footer_link_holder {
	float: left;
	width: 92%;
	padding: 0 2%;
	border-right: none;
	margin: 0 1%;
	}
	.footer_link_holder:nth-child(n+3) {border-top: 0;}
	.footer_link_holder.first {padding-top:20px;}
	
	
	/*** sisaltoalue ***/
	.maincontent .sidebar.rightbar, .maincontent .sidebar.leftbar {
	float:right;
	width:100%;
	padding:0 2%;
	margin:0;
	}
	
	
	/*** poimittavat elementit ***/
	.lift_info_stamp {width:28%;}
	.lift_item_header {width:72%;}
	
	/* nosto - tiedotteet*/
	.tiedotteet-nosto .lift_info_stamp {width:28%;}
	.tiedotteet-nosto .skin1 .lift_item_header {width:72%;}
	.tiedotteet-nosto .skin2 .lift_item_header {width:72%;}
	.tiedotteet-nosto .skin3 .lift_item_header {width:72%;}
	.tiedotteet-nosto .skin4 .one_padded .lift_info_stamp {width:28%;}
	.tiedotteet-nosto .skin4 .one_padded .lift_item_header {width:72%;}
	.tiedotteet-nosto .skin5 .one_padded .lift_info_stamp {width:28%;}
	.tiedotteet-nosto .skin5 .one_padded .lift_item_header {width:72%;}
	.tiedotteet-nosto .skin6 .one_padded .lift_info_stamp {width:28%;}
	.tiedotteet-nosto .skin6 .one_padded .lift_item_header {width:72%;}
	
	/* nosto - vapaa */
	.vapaa-nosto .skin8 .lift_info_stamp{width:28%;}
	.vapaa-nosto .skin8 .lift_item_header{width:72%;}
	
	/* nosto - puheet */
	.puheet-nosto .skin1 .lift_info_stamp{width:28%;}
	.puheet-nosto .skin1 .lift_item_header{width:72%;}
	
	/* nosto - aihealue */
	.aihealue-nosto .skin1 .lift_info_stamp{width:28%;}
	.aihealue-nosto .skin1 .one_padded .lift_item_header{width:72%;}
	.aihealue-nosto .skin2 .lift_info_stamp{width:28%;}
	.aihealue-nosto .skin2 .one_padded .lift_item_header{width:72%;}
	
	/* nosto - ratkaisu */
	.ratkaisut-nosto .lift_info_stamp {width: 28%;}
	.ratkaisut-nosto .lift_item_header {width:72%;}
	
	/* uutta - etusivu */
	.uutta-etusivu .news_item .news_item_date {width: 28%;}
	.uutta-etusivu .news_item_header {width:72%;}
	
	/* tiedotteet - kiintea */
	.center.at-left .news.kiintea-list-tiedotteet .news_item .news_item_date {width: 28%;}
	.center.at-left .news.kiintea-list-tiedotteet .news_item_header {width:72%;}
	
	/* kaksipalsta */
	.vasen {
    padding:0px;
    width: 100%;
	}
	.oikea {
    padding:0px;
    width: 100%;
	}
	
	
	/*** kiinteasti sivupohjassa olevat elementit ***/
	.form_keywords_label {width: auto;}
	.form_keywords_input {
	margin:4px 0 0 20px;
	width:auto;
	}
	.body_wrapper.esite .esite_print{display:none;}
	/*** laheta linkki sahkopostiin ***/
	.send_mail_popup{
	left:0;
	margin-left:0px;
	}
}

/* breakpoint 0-320 poikkeuspoikkeus */
@media (max-width: 320px) {
	/*** poimittavat elementit ***/
	.lift_info_stamp {width:34%;}
	.lift_item_header {width:66%;}
	
	/* nosto - tiedotteet*/
	.tiedotteet-nosto .lift_info_stamp {width:34%;}
	.tiedotteet-nosto .skin1 .lift_item_header {width:66%;}
	.tiedotteet-nosto .skin2 .lift_item_header {width:66%;}
	.tiedotteet-nosto .skin3 .lift_item_header {width:66%;}
	.tiedotteet-nosto .skin4 .one_padded .lift_info_stamp {width:34%;}
	.tiedotteet-nosto .skin4 .one_padded .lift_item_header {width:66%;}
	.tiedotteet-nosto .skin5 .one_padded .lift_info_stamp {width:34%;}
	.tiedotteet-nosto .skin5 .one_padded .lift_item_header {width:66%;}
	.tiedotteet-nosto .skin6 .one_padded .lift_info_stamp {width:34%;}
	.tiedotteet-nosto .skin6 .one_padded .lift_item_header {width:66%;}
	
	/* nosto - vapaa */
	.vapaa-nosto .skin8 .lift_info_stamp{width:34%;}
	.vapaa-nosto .skin8 .lift_item_header{width:66%;}
	
	/* nosto - puheet */
	.puheet-nosto .skin1 .lift_info_stamp{width:34%;}
	.puheet-nosto .skin1 .lift_item_header{width:66%;}
	
	/* nosto - aihealue */
	.aihealue-nosto .skin1 .lift_info_stamp{width:34%;}
	.aihealue-nosto .skin1 .one_padded .lift_item_header{width:66%;}
	.aihealue-nosto .skin2 .lift_info_stamp{width:34%;}
	.aihealue-nosto .skin2 .one_padded .lift_item_header{width:66%;}
	
	/* nosto - ratkaisu */
	.ratkaisut-nosto .lift_info_stamp {width:34%;}
	.ratkaisut-nosto .lift_item_header {width:66%;}
	
	/* uutta - etusivu */
	.uutta-etusivu .news_item .news_item_date {width:34%;}
	.uutta-etusivu .news_item_header {width:66%;}
	
	/* tiedotteet - kiintea */
	.center.at-left .news.kiintea-list-tiedotteet .news_item .news_item_date {width:34%;}
	.center.at-left .news.kiintea-list-tiedotteet .news_item_header {width:66%;}
}
/** RESPONSIIVISUUS LOPPUU - muista julkaista yleinen.css **/

/* pitaisko olla pelkka published jotenkin? */