/*-------------------------------
MOBILE
-------------------------------*/

div#mobinav * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

div#mobinav { display: block; }
body { margin-top: 50px; }

.no-mobile,
div.toolbarWrapper,
.admin-linkset,
div#debugInfo,
div#header-cont div.table-cell.logo,
div#searchFormWrap,
div#pageimage2-wrap,
div#navi-cont,
div#leftCol { display: none !important; }

div.mobiletable { 
 display: table;
 width: 100%;
}

div.mobiletable-row { display: table-row; }
div.mobiletable-cell { 
 display: table-cell;
 vertical-align: middle;
 width: 33%;
}

div#header { min-height: auto; }

div#header-cont { width: 100%; }

div#header-cont .table {
 min-height: auto;
}

div#header-cont  div.table-cell.right.mobile {
 width: 100%;
 padding: 10px 15px;
 text-align: left;
}

div#language-cont { width: 126px; }

div#fontsize-change-cont-mobile { font-weight: bold; }

div#targetgroup-cont { 
 text-align: right;
 padding-bottom: 0px;
 display: none;
}

div.mobile-only div#language-cont { display: table; }

div.language-link-wrap {
 width: 38px;
 height: 35px;
}

div.language-link-wrap-sel {
 width: 38px;
 height: 35px;
}

div#assistant-cont .table,
div#assistant-cont .table-row,
div#assistant-cont .table-cell {
 width: 100%;
 display: block;
}

div#assistant-cont .table-cell { padding: 7px 15px; }

div#assistant-cont .table-cell.right { display: none; }

div#flexslider-cont div.flexslider-wrap {  height: 250px; }

.flexslider-img-text-cont { 
 width: 100%;
 height: 250px;
}

.flexslider-img-text { padding: 15px; }

div#content-wrap { 
 display: block;
 width: 100%;
 padding-top: 30px;
}

div#content-wrap-sp { 
 display: block;
 padding: 1px 0 0 0;
}

div#colContainer {  
 display: block;
 padding-top: 1px;
}

div#centerCol {
 width: 100%;
 display: block;
 width: auto;
 padding: 0 15px 30px 15px;
}

div#centerCol-sp { 
 display: block;
 width: auto;
 padding: 1px 0 0 0;
}

div#centerCol img { max-width: 100%; }

div#centerCol-sp div#readspeaker-wrap {
 width: 100%;
 position: relative;
}

div#centerCol-sp div#readspeaker-wrap div#readspeaker_button1 {
 position: absolute;
 left: 15px;
 top: 7px;
}

div#centerCol div#readspeaker-wrap { position: static; }

div#centerCol div#readspeaker-wrap div#readspeaker_button1 {
 position: static;
 left: auto;
 top: auto;
}

div#leftCol {
 display: block;
 width: 100%;
 padding: 15px;
}

div#leftCol img { max-width: 100%; }

div#colContainer div.table-gap { display: none; }

div#banner-cont { 
 width: 100%;
 padding: 15px 15px 12px 15px;
}

div#footer-cont { 
 width:100%; 
 padding: 0 15px 15px 15px;
}

div#footer-cont .table,
div#footer-cont .table-row,
div#footer-cont .table-cell { display: block; }

div#footer-cont .table-gap { display: none; }

div#footer1-wrap,
div#footer2-wrap,
div#footer3-wrap,
div#footer4-wrap,
div#footer5-wrap,
div#footer6-wrap,
div#footer7-wrap { 
 width: 100%;
 text-align: center;
} 

div#footer2-text-wrap img,
div#footer3-text-wrap img { max-width: 100%; }

div#someicon-cont { padding-bottom: 45px; } 

div#cookie-settings-opener { padding-bottom: 30px; }

/*------------------------------------------------
NAVIGATION
------------------------------------------------*/

div#mobinav.mobinavi_loading,
div#mobinavitoggler { background: #ffffff; }

/* styles.inc */
div#mobinavitoggler-cont {
 display: table;
 position: fixed;
 z-index: 200;
}

div#mobinavitoggler div#mobinavi-logo { padding-left: 10px; }

div#mobinavitoggler div#mobinavi-logo img { height: 50px;  }

div#mobinavitoggler div#mobinavi-toggle { padding-right: 15px; }

div#mobinavitoggler div#mobinavi-toggle div#mobinavi-togglebutton,
div#mobinavitoggler div#mobinavi-toggle button#mobinavi-togglebutton {
 background-color: #3d476f;
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_white_36dp.png);
 border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
}

div#mobinavitoggler div#mobinavi-search { padding: 0 10px 0 20px; }

/* styles.inc */
/* ul#mobinavi li { } */

/* styles.inc */
/* ul#mobinavi li:hover,
ul#mobinavi li.mobilevel2:hover,
ul#mobinavi li.mobilevel3:hover,
ul#mobinavi li.mobilevel4:hover,
ul#mobinavi li.mobilevel5:hover,
ul#mobinavi li.mobilevel6:hover,
ul#mobinavi li.mobilevel7:hover,
ul#mobinavi li.mobilevel8:hover,
ul#mobinavi li.mobilevel9:hover,
ul#mobinavi li.mobilevel10:hover { } */

/* styles.inc */
/* ul#mobinavi li.mobilevel2,
ul#mobinavi li.mobilevel3,
ul#mobinavi li.mobilevel4,
ul#mobinavi li.mobilevel5,
ul#mobinavi li.mobilevel6,
ul#mobinavi li.mobilevel7,
ul#mobinavi li.mobilevel8,
ul#mobinavi li.mobilevel9,
ul#mobinavi li.mobilevel10 { } */

ul#mobinavi div.mobinav-item { border-top: 0; }

ul#mobinavi div.mobinav-text { padding: 13px 10px 13px 15px; }

ul#mobinavi div.mobinav-toggler { background-image: url(/img/template3/nav-plus.png); }

ul#mobinavi div.mobinav-toggler.mobinav-toggler-minus { background-image: url(/img/template3/nav-minus.png); }

/* styles.inc */
/* ul#mobinavi a { } */

div#mobi-searchFormWrap {
 background: #e5e5e5 right top repeat-y url('/img/template3/searchFormWrap-mobile-bg.gif');
 border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

div#mobi-searchFormWrap input#mobisearch { 
 padding: 10px 40px 7px 5px;
 font-size: 13px;
}

div#mobi-searchFormWrap input#mobisearch:focus {
 -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
 -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
 box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

div#mobinavi-bottom-container { background-color: #3d476f; }

div#mobinavi-bottom span.arrow-up {
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_arrow_drop_up_white_36dp.png);
 color: #ffffff;
}

div#mobi-searchFormWrap input#mobi-search-button,
div#mobi-searchFormWrap input#mobi-search-button:hover {
 background-color: transparent;
 background-image: url(/img/template3/search-icon.png);
 top: 2px;
 right: 1px;
}

/* styles.inc */
li.mobilevel1.links { padding: 8px 0 !important; }

li.mobilevel1.links div { padding: 13px 15px; }

/* styles.inc */
li.mobilevel1.links a, li.mobilevel1.links a:hover, li.mobilevel1.links a:visited { font-weight: bold !important; }

div.mobilevel1 > a {  text-transform: none; }


/*------------------------------------------------
STARTPAGE
------------------------------------------------*/

div.liftarea-cont-wrap { 
 background: none;
 border: 0;
}

div.liftarea-cont-wrap2 { 
 width: 100%; 
 padding: 0 15px;
}

div.liftarea-cont-wrap2_aloitussivu { width: 100%; }

div.liftarea-cont { margin: auto; }

div#paivakoti-liftarea-cont div.liftarea-cont { margin: auto; }

div#content-wrap-sp div.sp-narrow-cont { 
 width: 100%;
 padding: 0 15px;
}

div#content-wrap-sp div.searchpage-narrow-cont,
div#content-wrap-sp div.sidemap-narrow-cont { 
 width: 100%;
 padding: 30px 15px;
}

div#shortcut-cont { padding: 0 15px 45px 15px; }

div#shortcut-wrap { width: 100%; }

div#shortcut-wrap.table,
div#shortcut-wrap.table .table-row,
div#shortcut-wrap.table .table-cell { display: block; }

div#shortcut-wrap .table-cell { width: 100%; }

div#shortcut-wrap .table-gap { display: none; }

div#shortcut-wrap .table .table-row { display: table-row; }
div#shortcut-wrap .table .shortcut-link-wrap { display: table-cell; } 

div#shortcut-cont-aloitussivu { padding: 15px 0;}

div#facebook-wrap {
 display: block;
 width: 100%;
}

/* div.facebook-lifts { } */

div#facebook-wrap.table, 
div#facebook-wrap .table-row,
div#facebook-wrap .table-cell { display: block; width: 100%; }

div#facebook-cont { padding: 0 15px; }

div#facebook-cont-aloitussivu { padding: 30px 0 0 0; }

div#facebook-cont-aloitussivu div#facebook-wrap .table-cell { width: 100%; }

div#facebook-cont-aloitussivu div#facebook-wrap { width: 100%; }

div.facebook-lift {
 display: block;
 margin-bottom: 15px;
 background-position: 99% 0.8%;
}

div.facebook-lift img.picture { max-width: 100%; }

div#sp-videonosto-cont { display: block; }

div#sp-videonosto-cont .table-row { display: block; }

div#sp-videonosto-cont .table-cell,
div#sp-videonosto-cont .table-cell.last  { 
  display: block;
  width: 100%;
  padding: 0 0 45px 0;
}

div.sp-some-yt-more-link { margin: 0 0 45px 0; }

h1.sp-highlight-title.eventz { margin-top: 90px; }

div.sp-eventz-more-link { margin-bottom: 90px; }

div#instagram-cont { padding: 15px 0; }

div#instagram-cont-aloitussivu { padding: 30px 0; }

div#centerCol-sp div.shortcutCont { display: none; }

/*------------------------------------------------
SUBPAGES
------------------------------------------------*/

div#highlighttext-wrap {
 width: 100%;
 float: none;
 margin-left: 0;
 margin-bottom: 45px;
}

/*------------------------------------------------
CALENDAR
------------------------------------------------*/

div.cal-wrapper { display: block; }

div.cal-wrapper div#cal-container-left { display: block; }

div.cal-wrapper div#cal-container-right {
 display: block;
 width: 100%;
 padding: 0;
}

/*------------------------------------------------
ATTACHMENTS
-----------------------------------------------*/

div.attachments-wrap .table,
div.attachments-wrap .table-row,
div.attachments-wrap .table-cell { display: block; }

div.attachments-wrap .table-cell { padding: 0 0 15px 0; }

/*------------------------------------------------
GOVERNMENT
------------------------------------------------*/

div.govCardContainer { width: 100%; }

div.govCardAddr .table {
 display: block;
 padding: 15px;
}

div.govCardAddr .table-row { display: block; }

div.govCardAddr div.table-cell { 
 display: block;
 width: 100%;
 padding: 0;
} 

/*------------------------------------------------
RESPONSIVE TABLE
-----------------------------------------------*/

div.table-basichor { display: block; }

div.table-basichor div.table-row { 
 display: block;
 padding-bottom: 15px;
}

div.table-basichor div.table-cell { 
 display: block;
 padding: 0;
}

div.table-basichor div.table-cell.title { 
 padding-right: 0;
 width: 100%;
}

/*------------------------------------------------
RESPONSIVE TABLE, 2 COLUMNS
-----------------------------------------------*/

div.table-2col { display: block; }

div.table-2col div.table-row { display: block; }

div.table-2col div.table-cell { 
 display: block;
 width: 100%;
}

div.table-2col div.table-gap { display: none; }

/*------------------------------------------------
DIV.PAINIKKEET 2 vierekkäin
------------------------------------------------*/

div.buttons-2col-wrap {
 display: block;
 width: 100%;
 margin: 45px 0 30px 0;
}

div.buttons-2col-wrap .table-row { display: block; }

div#colContainer div.buttons-2col-wrap.table div.table-cell {
 display: block;
 width: 100%;
}

div#colContainer div.buttons-2col-wrap div.table-gap { display: none; }

/*------------------------------------------------
MISC
------------------------------------------------*/

div#fb-search-wrapper { white-space: nowrap; }

div#fb-search-wrapper input[type=text] { width: 60%; }

/* Hakutulossivu */

div.searchpage-searchwrap { text-align: left !important; }

input#free_text_value { width: 60%; }

/*------------------------------------------------
TILAVARAUS
------------------------------------------------*/

div.tilavaraus_tila { display: block; }

div.tilavaraus_tila .table-row { display: block; }

div.tilavaraus_kuva {
 display: block;
 width: 100%;
 padding: 22px 0 0 0;
}

div.tilavaraus_kuva img { 
 max-width: 100%;
 margin-bottom: 10px;
}

div.tilavaraus_info {
 display: block;
 padding: 0 0 22px 0;
 border-top: 0;
}