@charset "utf-8";
/* CSS Document */


video {max-width:100%; height:auto;}

.center-col img {
	border:0;
	max-width:100%;
	height:auto;
}
span .clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin-bottom:-1px;
	overflow:hidden;
}
.content-col {
	width:100%;
	height:auto;
	clear:both;
	float:left;
}
.center-col {
	clear:both;
	width: 1600px;
	margin:0 auto;
	display:block;
}
header .content-col, header{
	position:relative;
}

#solu41121 img[src^="/content/img/valiviiva.gif"]{display:none;}



.col-16, .col-25, .col-33, .col-50, .col-66, .col-75, .col-83 {
	float: left;
}
.col-16.right, .col-25.right, .col-33.right, .col-50.right, .col-66.right, .col-75.right, .col-83.right,
.right{
	float: right;
}
.col-16 {
	width: 16.6666666666%;
}
.col-25 {
	width: 25%;
}
.col-33 {
	width: 33.3333333333%;
}
.col-50 {
	width: 50%;
}
.col-66 {
	width: 66.666664666%;
}
.col-75 {
	width: 75%;
}
.col-83 {
	width: 83.333333333%;
}
.col-100 {
	width: 100%;
}
.custom-col .col-83 {
	padding: 24px 8.4%;
	margin-top: 40px;
}


.custom-col .col-83.jasenpalvelut{
margin-top:0;
}


/* Webio Asettelumallidivit */

.col-left {
  width:49%;
  float:left;
}

.col-right {
  width:49%;
  float:right;
}

.col-full {
  clear:both;
  width:100%;    
}

.col-3 {
  width:32%;
float:left;
}

.col-3-center {
  margin: 0 2%;
  padding: 0;
}




/*Tapahtumat -Ajankohtaistasivu*/
/*
#solu1221 td,
#solu2021 td{
    clear: both;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
}*/

#solu1221 .nostettumoduli,
#solu2021 .nostettumoduli{
    color: #496c6d;
    display: block;
    padding-bottom: 10px;
    font-size: 1.125em;

}


.padding-5{padding: 0px 5%;}
.padding-4{padding: 0px 4%;}



a.linkki-katsolisaa, 
#alafooter h5 {
	width:100%;
	float:left;
	display:block;
	text-align:center;
	margin-top:30px;
	color:#000000;
}

#alafooter h5 {margin-top: 50px;color:#6b6b6b;}

.vaaleaharmaa h2,
.vaaleaharmaa h4,
.tapahtumaosio h2{text-align:center;}


.tapahtumaosio {
	padding: 45px 0 30px;
	margin-bottom: 40px;
	margin-top:10px;
}


/*Taustat*/
.tapahtumaosio {background:url(../img/front/taustabg.jpg)no-repeat top left #496c6d;}
.tummavihrea {background-color:#496c6d;}

.vaaleaharmaa {
	background-color:#e7e7e7;
	padding: 45px 0 30px;
  margin:20px auto;
}


.vaalearuskea {background-color:#6f5036;}
.vaaleavihrea {background:#77ac68;}
.vaaleinvihrea {background:#b0c962;}
.ruskea {background:#5d3e24;}
.jaseneksi {position:relative; background:url(../img/front/jaseneksibg.jpg) no-repeat center top #496c6d; background-size: cover;}
.uutisalue{background:url(../img/front/uutisetbg.jpg) no-repeat left bottom #E7E7E7;}


.etusivu .vaaleavihrea {background:url(../img/front/vihreabg.jpg) no-repeat center bottom #77ac68; background-size: cover;}
.etusivu .vaaleinvihrea {background:url(../img/front/vaaleinvihreabg.jpg) no-repeat center bottom #b0c962; background-size: cover;}




/*Etusivu custom-alueet*/
.custom-col {
	padding: 30px 2% 25px;
	margin:1%;
  width:19%;
	min-height:600px;
  float:left;
}

.custom-col.vaaleavihrea tbody,
.custom-col.vaaleavihrea tbody tr,
.custom-col.vaaleavihrea tbody tr td{width:100%; display:block;}



.custom-col.vaaleavihrea, .custom-col.vaaleinvihrea {
	padding-top:60px;
	min-height:570px;
}
/*
.custom-col.vaaleavihrea > table, .custom-col.vaaleinvihrea > table {
	height: 275px;
	display: block;
}*/

.jaseneksi-tekstit {
	position:absolute;
	bottom:0;
	right:0;
	width:90%;
	padding:30px 5%;
	background:#456768;
	background:rgba(69, 103, 104, 0.2);
	background:hsla(182, 20%, 34%, 0.2);
	text-align:center;
	min-height: 50%;
}
.jaseneksi-tekstit h2, .jaseneksi-tekstit p {
	padding:10px 0px 10px 0px;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}


.valiotsikko_alue h3,
.valiotsikko{
  margin-bottom: 10px;
	margin-top: 20px;
	padding: 20px 5%;
	width: 90%;
  display: block;
	float: left;
  background-color: rgb(58, 86, 87);
  color: #fff;
}

.valiotsikko h3{padding-bottom:0;}

.valiotsikko_alue {
  width:100%;
  display: block;
	float: left;
}

/*.valiotsikko_alue td{padding:0;}*/
.valiotsikko_alue:nth-of-type(2){margin-top:20px;}
.valiotsikko {margin: 20px 0 0; padding: 20px 5%;}
.valiotsikko:first-of-type {margin-top:0;}
#solu1171 > h3:nth-child(1){margin-bottom:0;}
.valiotsikko h3 {display:block;float:left;}
.valiotsikko i {float: right; color:#fff;}


.tummavihrea td{padding:0; vertical-align: top;}




/*Etusivu tapahtuma-alue*/
.loydot {
	background:#5c7b7c;
	background:hsla(360, 100%, 100%, 0.1);
	background:rgba(255, 255, 255, 0.1);
  padding: 36px 1%;
  margin: 30px 1% 0;
  width: 46% !important;
  min-height: 200px;
}


/*figure*/

figure {
	margin: 30px 1% 0;
	float: left;
	padding: 0px;
	width: 23%;
  background-color: #77AC68;
}
figcaption {
	min-height: 20px;
	padding: 40px 5%;
	float: left;
	text-align: center;
	width: 90%;
	background-color: #77ac68;
	margin: -6px 0 0;
	color: #fff;
}






/*Uutiskirjebanneri -etusivu*/
.uutiskirjebanneri {
	float: right;
	width: 25%;
	padding: 50px 3%;
	margin: 0 1%;
	text-align:center;
}
.uutiskirjebanneri p {
	font-size: 1.125em;/*18px*/
	color:#b39174;
}


/*SemioWebio*/

#semiowebio{
	width: 100%;
	float: left;
	margin-top: 80px
}

#semiowebio a {
	display: block;
	width: 50%;
	float: left;
}
#semiowebio img {
	float: right;
	margin-right:11px;
	opacity: 0.7;
  border:0;
  width:auto;
  height:auto;
}
#semiowebio p a:nth-of-type(2) img {
	float: left;
	margin-left: 11px;
}
#semiowebio img:hover {
	opacity: 1;
}
#alafooter {
	padding:20px 0 100px;
}
#alafooter .keskitys {
	float:none;
	margin:0 auto;
}




/*header*/

.logo img {
	display:block;
	float:none;
	margin:40px auto 50px;
	width:auto;
	height:auto;
}
header .uutiskirjelinkki {
	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#77ac68;
	font-weight:400;
	display:block;
	float:left;
	width:100%;
	font-size: 1.125em;/*18px*/
}



/*Somenavi*/

.some {
	text-align: center;
	margin: 10px 0;
	color: #496c6d;
}
.some a {
	color: #496c6d;
}
.some a:hover {
	color: #8AB839;
}
.some i {
	margin:0 10px;
}
/* Ylavalikko */

nav.topnavi {
	margin-bottom:10px;
	background-color:#b0c962;
	background: rgb(176,201,98); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(176,201,98,1) 0%, rgba(132,174,66,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(176,201,98,1) 0%, rgba(132,174,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(176,201,98,1) 0%, rgba(132,174,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c962', endColorstr='#84ae42', GradientType=0 ); /* IE6-9 */
}
nav.topnavi ul {
	width: 100%;
	margin: 0 auto;
	float: none;
	padding: 0;
}
nav.topnavi ul li {
	width:12%;
	border-right: 1px solid #7ea540;
}
ul.kielinavi li, nav ul li {
	height: auto;
	list-style:none;
	display:block;
	float:left;
}
nav ul #li-laatu {
	width:8%;
}
nav ul #li-yhdistystoiminta, nav ul #li-greencare {
	width:10%;
}

nav ul #li-palveluntuotanto{
	width:16%;
}

nav ul #li-home {
	width: 5%;
	border-left: 1px solid #7ea540;
}
nav.topnavi ul li a {
	width:100%;
	color: #fff;
	padding: 30px 0;
	font-size: 1.125em;/*18px*/
}
ul.kielinavi li a, nav ul li a {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	float: left;
	display:block;
}
nav.topnavi ul li a:hover {
	color:#000;
	text-decoration:none;
}
/*Kielinavi*/
 
 .kielinavi {
	float: none;
	width: 195px;
	margin: 0 auto;
	padding: 0;
}
ul.kielinavi li {
	width: 33%;
	margin: 0 0 35px;
	padding: 0;
	background-color:#dddddd;
}
ul.kielinavi li:first-of-type a {
	text-align:right;
}
ul.kielinavi li:last-of-type a {
	text-align:left;
}
ul.kielinavi li a {
	padding:17px 1%;
	margin: 0 2%;
	width:94%;
	color:#868686;
}







/*Footer*/
footer .vaalearuskea {
	background-color: #6f5036;
	width: 16%;
	padding: 25px 2%;
	border-radius: 5px;
	margin: 0 1%;
	float: left;
	min-height: 180px;
}
footer {
	padding:40px 0 30px;
  margin-top:20px;
}
footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a, footer td,.tummavihrea p, .tummavihrea a, .tummavihrea td, .tummavihrea h2, .tummavihrea h3, .tummavihrea h4, .tummavihrea h5, .tummavihrea h6, .tummavihrea p, .tummavihrea a, .uutiskirjebanneri h2, .tummavihrea i {
	color:#fff;
}

.alateksti{margin-top: 60px;}




/*footernavi*/

	
nav.footernavi {
	border-top: 1px solid #9e8b7c;
	margin-top: 35px;
	width: 90%;
	padding: 0 5%;
}
nav.footernavi ul {
	margin:0;
}
nav.footernavi ul li {
	width:12%;
}
nav.footernavi ul li a {
	width:100%;
	color: #998676;
	padding:10px 0;
	margin-top:30px;
	font-size: 1.000em;/*16px*/
}
/*
#libottom-blogi, #libottom-greencare {
	width:11%;
}
#libottom-palveluntuotanto {
	width:20%;
}
*/
#libottom-laatu{width:10%;}

#libottom-palveluntuotanto,
#libottom-ajankohtaista{width:15%;}



/*Etusivu -karuselli*/


.item img {
	margin:0 auto;
	display: block;
  width: 100%;
	height: auto;
  float:none;
}
.item .center-col{position:relative;}

.content-col.paakuva{
	height: 390px;
	max-width: 1865px;
	margin: 0 auto 10px;
	display: block;
	float: none;
  position:relative;
  background-position: center top;
  background-repeat:no-repeat;
      background-size: cover;
  
}





.karuselliteksti,
.paakuvateksti{
	bottom: 0;
	width: 90%;
	margin: 0;
	padding: 30px 5% 65px;
	background-color:#496C6D;
	background-color:rgba(0, 0, 0, 0.2);
	background-color:hsla(0, 0%, 0%, 0.2);
	text-align:center;
}


.content-col.kuvaton .paakuvateksti{padding:20px 5%;}

.content-col.kuvaton,
.content-col.kuvaton .paakuvateksti{
  background-color: #DDDDDD;
  margin-bottom: 10px;
 }


.paakuva .paakuvateksti{padding: 25px 5%;}

.paakuva .center-col{
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: -800px;
}

.karuselliteksti h2{font-size:3.500em; /*56px*/}

.karuselliteksti p {font-size: 1.125em;/*18px*/}

.karuselliteksti h2,
.karuselliteksti h3,
.karuselliteksti h4,
.karuselliteksti h5,
.karuselliteksti h6,
.karuselliteksti p,
p.webio-murupolku,
p.webio-murupolku a{
	color:#fff;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}

p.webio-murupolku,
p.webio-murupolku a{font-size: 17px;}


p.webio-murupolku a[href*="naytasivu=40"],
p.webio-murupolku a[href*="naytasivu=87"]{display:none;}

p.webio-murupolku.murutuottaja a:nth-of-type(3),
p.webio-murupolku.muruhanke a:nth-of-type(4),
p.webio-murupolku.murumateriaali a:nth-of-type(4){display:inline-block !important;}


/*Alavalikko*/

#alavalikko{width:100%; margin-bottom:10px; float: left;}


#alavalikko ul, #alavalikko ul li, .sivupalkki ul, .sivupalkki ul li, .gcl-sivupalkki ul, .gcl-sivupalkki ul li{list-style:none; margin:0; padding:0;}
#alavalikko > ul, .sivupalkki > ul, .gcl-sivupalkki > ul  {
    background: #b0c962 none repeat scroll 0% 0%;
    padding: 35px 0;
		height:auto;
    margin: 0px;
  display:table;
    width:100%;
}
#alavalikko ul li ul, .sivupalkki ul li ul, .gcl-sivupalkki ul li ul  {padding-left: 0%;width: 100%;}
#alavalikko ul li ul a, .sivupalkki ul li ul a, .gcl-sivupalkki ul li ul a  {width: 100% !important;padding: 7px 0px 7px 15% !important;box-sizing: border-box;}
#alavalikko > ul a.valikkolinkki,
#alavalikko > ul a.valikkolinkki-sel,
.sivupalkki > ul a.valikkolinkki,
.sivupalkki > ul a.valikkolinkki-sel,
.gcl-sivupalkki ul a.valikkolinkki,
.gcl-sivupalkki ul a.valikkolinkki-sel{
	width: 80%;
	display: block;
	padding: 9px 10%;
	float: left;
	height: auto;
}



#alavalikko > table {
    background: #b0c962 none repeat scroll 0% 0%;
    padding: 35px 0;
    min-height: 100px;
    margin: 0px;
}

#alavalikko > table,
#alavalikko > table > tbody,
#alavalikko > table > tbody > tr,
#alavalikko > table > tbody > tr > td{
	display: block;
	width: 100%;
	float: left;
}

#alavalikko > table a.valikkolinkki,
#alavalikko > table a.valikkolinkki-sel{
	width: 80%;
	display: block;
	padding: 9px 10%;
	float: left;
	height: auto;
}

#alavalikko > table > tbody > tr > td{padding:0;}








/*Tapahtumanostot -Etusivu*/

.tapahtumanosto1 {
    width: 14%;
    float: left;
    margin: 15px 1% 0;
  	padding-bottom:20px;
  	background-color:#3A5657;
  	background-color:rgba(0, 0, 0, 0.2);
 		background-color:hsla(0, 0%, 0%, 0.2);
  
  
  /*Flex-grow*/
	-webkit-flex-grow: 0;/* Safari 6.1+ */
	flex-grow:0;
	
	/*Flex-shrink*/
	-webkit-flex-shrink: 2;/* Safari 6.1+ */
	flex-shrink:2;
	
	/*Flex-basis*/
	-webkit-flex-basis:14%;/* Safari 6.1+ */
	flex-basis:14%;
  
}





.kuvallinenuutisnosto_otsikko,
.kuvallinenuutisnosto_paivays{
    display: block;
    width: 90%;
}

.kuvallinenuutisnosto_otsikko{
   padding: 25px 5% 10px;
}

.kuvallinenuutisnosto_paivays{
  padding: 10px 5% 0px;
  font-size:0.875em;/*14px*/
}
.kuvallinenuutisnosto_paivays nobr{
  font-size:0.875em;/*14px*/
	color:#77ac68;
	font-weight:700;
}


.kuvallinenuutisnosto_uutiskuva img{
	width:100%;
  height:auto;
}


#solu111,
.flexcontainer,
.uutisnostot #solu171{
/*Flex*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flexbox;
	display: flex; /*NEW*/
	
	/*Flex-wrap*/
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;/*NEW*/
	
	/*Flex-direction*/
	-webkit-flex-direction: row; /* Safari 6.1+ */
	flex-direction: row;/*NEW*/

  
}




/*Uutisnostot-Etusivu*/

.uutisnostot table table{
	width: 33%;
	float: left;
	display: block;
	text-align: center;
	padding: 20px 1.5%;
}


.uutisnostot h2{
 color:#5d3e24;
}


.uutisnostot table table tbody,
.uutisnostot table table tbody tr,
.uutisnostot table table tbody tr td{
	width:100%;
  float:left;
  padding:0;
  display:block;
}


/*Buttonit*/



footer input.lomakenappi_submit,
.uutiskirjebanneri input[type="button"],
form#uform input[type="button"],
.uutiskirjebanneri a.webiolinkkipainike{
	background-color: #452d18;
	width: auto !important;
	padding: 25px 5%;
	margin-top: 5px;
  
}

footer input.lomakenappi_submit{width:100% !important;}

footer input.lomakenappi_submit:hover,
.uutiskirjebanneri input[type="button"]:hover,
form#uform input[type="button"]:hover,
.uutiskirjebanneri a.webiolinkkipainike:hover{
	background-color: #4c321a;
}



#hakulomakes input[type="button"] {
    padding: 12px 5%;
    margin-top: 0px;
  width: 100px !important;
}

footer .lomakeotsikko {
    color: #242424;
    font-weight: 300;
    display: none;
}



/*Ajankohtaista -Tapahtumatlistaus*/

#solu1221 td{display:block; float:left; width:96%;}


/*Lomake*/


.uutiskirjebanneri form{
    width: 80% !important;
    margin: 0 10%;
}

footer form{
    width: 100% !important;
    margin: 0;
}


footer form table,
footer form tbody,
footer form tr,
footer form td{padding:0; float:left; display:block; margin:0;}

footer form td{width:100%;}



footer form input,
.uutiskirjebanneri form input,
form#uform input,
#hakulomakes input{
    border: 1px solid #cecece;
    border-radius: 4px;
    height: 25px;
    margin-bottom: 0;
    width: auto !important;
}

footer form input[type="radio"] {
    height: auto !important;
    width: auto !important;
}
footer form input[type="text"],
.uutiskirjebanneri form input[type="text"],
footer form textarea{
    height: 25px !important;
    width: 90% !important;
    margin: 0 0 5px;
    display: inline-block;
    text-align: left;
    background-color: #6f5036;
    border-radius: 5px;
    color: #FFF;
    padding: 15px 5%;
    font-size: 1.000em;
    height: auto;
    width: auto;
    border: none;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
}

footer form textarea{
    height: 170px !important;
}

/*textarea*/
#lomakerivix20_11,
#lomakerivix20_12,
#lomakerivix20_13,
footer form tr tr{
    width: 40% !important;
    float: left;
  	margin:0 5%;
    display:block;
}

#lomakerivix20_12,
#lomakerivix20_13,
#lomake1-20-1 > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(7){float:right;}


footer input.lomakenappi_submit {
    width: auto;
} 


.uutiskirjebanneri form input[type="text"]{
	background-color:#fff;
  color:#898989;
  margin-top: 20px;
	margin-bottom: 15px;
}




/*Uutiskirje-sivunlomake*/

form#uform table,
form#uform tbody,
form#uform tr,
form#uform td{
width:50%;
  
}

form#uform > table{margin-top:20px;}

form#uform table table {width:98%;}
form#uform input[type="checkbox"] {width:20% !important;}

form#uform input{
    width: 98% !important;
}


.someseina {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.someseina::before {
    content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,e7e7e7+100&0+1,1+100 */
background: -moz-linear-gradient(top,  rgba(231,231,231,0) 0%, rgba(231,231,231,0) 1%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(231,231,231,0) 0%,rgba(231,231,231,0) 1%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(231,231,231,0) 0%,rgba(231,231,231,0) 1%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */


}


/*Etusivu-uutiskirje*/

.uutiskirjebanneri form#uform input{
    width: 90% !important;
}


.uutiskirjebanneri form#uform table,
.uutiskirjebanneri form#uform tbody,
.uutiskirjebanneri form#uform tr,
.uutiskirjebanneri form#uform td,
.uutiskirjebanneri form#uform input.uutiskirjenappi{width:100%;}






/*Someseina*/







/*Hakupalkki*/

/*RESPONSIVE NAVI -Jotta pysyy kasassa myos adminissa*/



/*Yleiset lomake muotoilut*/
#topnav {
	display:none;
}

.search input {
	border: none;
	color: #8c8c8c8;
	float: left;
	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
}
.search input[type="submit"] {
	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	background-image: none;
	background: none;
	cursor: pointer;
	height: 58px;
	font-size: 1.125em;/*18px*/
	margin: 0;
	font-style: normal;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	width: 20%;
	border-radius: 5px;
	background-color: #77ac68;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#searchform {
	width: 100%;
	display: block;
	float: left;
}
fieldset.search {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	float: none;
	border: 0;
	border-radius: 5px;
	background-color: #fff;
}
/*Hakupalkki*/


.search input.box {
	font-size: 1.000em;
	font-style: normal;
	height: 40px;
	margin: 0;
	padding: 8px 0;
	width: 76%;
	margin-right: 0;
	border: none;
	background-color: transparent;
	color: #8c8c8c;
	padding-left: 3%;
	border: 1px solid #b0c962;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/*Dropdown-toggle-hakupalkin-tyylit. (Toiminto vain Mobile)*/
@media screen and (min-width:1025px){
#searchbar {
	float: left;
	height: auto;
	z-index: 9998;
	width: 22%;
	position: absolute;
	top: 60px;
	background-color: #fff;
	padding: 0;
	display: block !important;
	left: 50%;
	margin-left: -11%;
}
}







/*Dropdown-toggle-hakupalkin-tyylit. (Toiminto vain Mobile)*/
@media screen and (max-width:1024px) {
#searchbar {
	float: left;
	height: auto;
	z-index: 9999;
	width: 98%;
	position:relative;
	top:0px;
	padding: 20px 1%;
	background-color: #496C6D;
}
fieldset.search {
	background-color: #496C6D;
}
/*Hakupalkki*/
.search input.box {
	width: 81.6%;
	background-color: #fff;
}
.search input[type="submit"] {;
	width: 15%;
}
#searchbar {
	display:none;
}
/*Dropdown-togglepainike*/
#topnav {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	z-index: 100;
	position: relative;
	float: left;
	margin-top: 10px;
}
#topnav li {
	list-style: none;
}
#topnav ul {
	margin:0;
	padding:0;
}
a#searchtoggl {
	color: #B1C963;
	float: right;
}
/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
}

.sisalto .tapahtumakalenteri_paivays {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

@media screen and (max-width:1024px) {.sisalto table, .sisalto tbody, .sisalto tr, .sisalto td {height: auto !important;}}