/*------------------------------------------------
TUUSULAN KUNNAN MALLIPOHJA (3)
--------------------------------------------------
	Global
	Layout
	Navigation
		Subnav
	Startpage
	Subpages
	Shortcuts
	Crisismessage
	Gallup
	Pager
	Striped table (mm. aloitteet)
	Calendar
	Attachments, mm. toimitilat
	Government
	Organization
	Responsive table
	Responsive table, 2 columns
	Image magnification
	Sidemap
------------------------------------------------*/

/*------------------------------------------------
GLOBAL
------------------------------------------------*/

div#header-print { display: none; }

/* html { } */

body { 
 margin: 0;
 padding: 0;
 line-height: 1em;
}

body.noscroll { overflow: hidden; }

h1 { margin: 0 0 1em 0; line-height: 1em; }

h2 { margin: 1.5em 0 0.5em 0; line-height: 1.2em; }

h2 + p { margin-top: 0.5em; }

/* styles.inc */
h3 {  margin: 1.5em 0 0.5em 0; line-height: 1.2em; }

div {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

p { margin: 1em 0; }

a { transition: all 300ms ease-in-out 0s; }

/* styles.inc */
a:hover { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
a:focus {
 transition: color 300ms ease-in-out 0s;
 border-top: 1px dotted #000000;
 border-bottom: 1px dotted #000000;
}

a img { transition: all 300ms ease-in-out 0s; }

a:focus img {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out 0s;
}

form { margin: 0; }

textarea,
select,
input[type="text"],
input[type="textfield"],
input[type="password"],
input[type="submit"],
input[type="button"],
button {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

/* webkit-appearance ipadille ja iphonelle */
textarea, input[type="text"], input[type="textfield"]  { 
 -webkit-appearance: none;
 border:1px solid #aaaaaa;
}

textarea, input[type="text"], input[type="textfield"], input[type="password"] {
 color: #000000;
 border: 1px solid #bbbbbb;
 /* padding: 9px 5px; */
 padding: 17px 5px;
 margin-top: 5px;
}

select {
 color: #000000;
 border: 1px solid #bbbbbb;
 /* padding: 7px 10px; */
 padding: 17px 10px;
 margin-top: 5px;
}

select option { padding: 3px 10px; }

select option:hover { background: #e2e2e2; }

select option:checked {  
 background: #e2e2e2;
 color: #000000;
}

select option:active {  
 background: #e2e2e2;
 color: #000000;
 transition: all 300ms ease-in-out 0s;
}

select:focus { 
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

input[type=radio], input[type=checkbox] { 
 margin: 5px 5px 5px 0;
 transition: all 300ms ease-in-out 0s;
}

input[type=text]:focus,
input[type=textfield]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

.button { 
 -webkit-appearance: none;
 padding: 13px 20px;
 transition: all 300ms ease-in-out 0s;
}

.button:hover,
.button:active {
transition: initial;
transition:background 300ms ease-in-out 0s;
}

/* styles.inc */
a.button { 
 padding: 6px 13px;
 cursor:pointer;
 text-decoration: none;
}

/* styles.inc */
div.button {
 padding: 7px 13px;
 cursor:pointer;
 text-decoration: none;
 text-align: center;
}

/* styles.inc */
div.button a { text-decoration: none; }

div.input-wrap { margin: 1em 0; }

div.input-title-cont-hor { font-weight: bold; }

.clear { clear: both; }

.block { display: block; }

.nowrap { white-space: nowrap; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

.right { text-align: right; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-gap { display: table-cell; }

td.data-header { padding: 4px 5px; }
td.data { padding: 4px 5px; }

div#pagemask-black,
div#pagemask-white { top: 0; }



/*------------------------------------------------
LAYOUT
------------------------------------------------*/

ul#skiplink-wrap, ul#skiplink-wrap li {
 display: inline;
 height: 0;
 line-height: 0;
 padding: 0 !important;
}

ul#skiplink-wrap li a {
 display: inline;
 height: 0;
 left: -3000px;
 position: absolute;
 top: -2000px;
 width: 0;
}

div#print-header { display:none; }

/* R, styles.inc */
div#header {  min-height: 150px; }

/* R */
div#header-cont {
 width: 960px;
 margin: auto;
 position: relative;
}

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

div#header-cont .table-cell { vertical-align: middle; }

/* R */
div#header-cont .table-cell.right { padding: 35px 0 35px 15px; }

div#header-cont .table-cell.right .table { display: inline-table; width: auto; }

div#targetgroup-cont { 
 padding-bottom: 15px;
 line-height: 1.2em;
}

div#targetgroup-cont span.targetgroup-link { 
	white-space: nowrap;
	text-transform: uppercase;
}

/* styles.inc */
div#targetgroup-cont a,
div#targetgroup-cont a:visited { 
 text-decoration: none;
 font-weight: bold;
 color: #3d476f;
}

div#targetgroup-cont a:hover { color: #ff7592; }

div#targetgroup-cont p.admin-linkset a { 
 font-weight: normal;
 font-size: 9pt;
 font-family: verdana, arial, helvetica, Sans-serif;
}

/* R, styles.inc  */
div#fontsize-change-cont {
 display: inline-block;
 padding: 0 40px;
 white-space: nowrap; 
}

div.font-size-small {
 display: table-cell;
 width: 37px;
 height: 37px;
 padding-bottom: 2px;
 font-size: 22px;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
 border: 2px solid #e5e5e5;
 color: #3d476f !important;
 transition: initial;
 transition: all 300ms ease-in-out 0s;
}

div.font-size-large {
 display: table-cell;
 width: 37px;
 height: 37px;
 font-size: 22px;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
 border: 2px solid #e5e5e5;
 border-right: 0;
 color: #3d476f !important;
 transition: initial;
 transition: all 300ms ease-in-out 0s;
}

div.font-size-small:hover,
div.font-size-large:hover { 
 color: #ff7592 !important;
 transition: color 300ms ease-in-out 0s;
}

div.font-size-small.activesize,
div.font-size-large.activesize {
 text-decoration: none;
 cursor: default;
}

.largetext { font-size: 150%; }

div#language-cont { 
 display: table;
 margin-right: 40px;
}

/* R, styles.inc */
div.language-link-wrap {
 display: table-cell;
 width: 40px;
 height: 37px;
 border-right: 3px solid #ffffff;
 text-align: center;
 vertical-align: middle;
 font-size: 14px;
 transition: initial;
 transition: all 300ms ease-in-out 0s;
}

div.language-link-wrap:hover { transition: background 300ms ease-in-out 0s; }

/* R */
div.language-link-wrap-sel {
 display: table-cell;
 width: 40px;
 height: 37px;
 background: #00bcd2;
 color: #333333;
 border-right: 3px solid #ffffff;
 text-align: center;
 vertical-align: middle;
 font-size: 14px;
}

div.language-link-wrap a {
 color: #ffffff;
 text-decoration: none;
}

/* div.language-link-wrap.left,
div.language-link-wrap-sel.left { } */

div.language-link-wrap.right,
div.language-link-wrap-sel.right { border-right: 0; }

/* R */
div#searchFormWrap {
 box-sizing: border-box;
 width: 210px;
 white-space: nowrap;
 background: #e5e5e5 right top repeat-y url('/img/template3/searchFormWrap-bg.gif');
 border: 0;
}

div#searchFormWrap input#search { 
 background-color: transparent;
 margin-top: 0;
 height: 37px;
}

div#searchFormWrap input#search: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#searchFormWrap input.ui-autocomplete-loading { background-position: 225px 7px; }

div#searchFormWrap input { border: 0 none; }

div#searchFormWrap input#search-button { 
 padding: 0; 
 margin-top: -2px;
}

.autocomplete-no-results {
 left: auto;
 left:initial; 
 width: 210px;
 white-space: normal;
 line-height: 1.2;
 padding: 10px;
}

.ac-search-help { 
 left: auto;
 left:initial; 
 width: 210px;
 white-space: normal;
 line-height: 1.2;
 padding: 10px 10px 0 10px;
}

.ac-search-help,
.autocomplete-no-results {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

.ac-search-help p { margin-bottom: 10px; }

div.autocomplete-results { text-align: left; }

/* styles.inc */
.autocomplete-results ul.ui-menu, .autocomplete-results ul.ui-menu li.ui-menu-item {  white-space: normal; }

.ui-corner-all {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

/* R, syles.inc */
/* div#assistant-cont { } */

/* R */
div#assistant-cont .table {
 width: 960px;
 margin: auto;
}

/* R */
div#assistant-cont .table-cell { padding: 10px 0; }

/* R */
div#assistant-cont .table-cell.right { padding: 0; }

div#assistant-cont div#readspeaker-wrap { 
 position: relative;
 width: 170px;
 display: inline-block;
}

div#assistant-cont div#readspeaker-wrap div#readspeaker_button1 {
 position: absolute;
 right: 0;
 top: -15px;
 z-index: 1;
}

/* R */
div#assistant-cont.sp div#readspeaker-wrap div#readspeaker_button1 { top: -5px; }

div#assistant-cont div#readspeaker-wrap .rsbtn_exp {	min-width: 380px; }

/* R, styles.inc */
div#navBreadcrumb { line-height: 1.2em; }

/* styles.inc */
div#navBreadcrumb a { text-decoration: none; }

div#navBreadcrumb a:hover,
div#navBreadcrumb a:active { text-decoration: underline; }

/* R */
div#flexslider-cont { position: relative; }

div#flexslider-cont div.flexslider {
 border:0;
 margin-bottom: 0;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* R */
div#flexslider-cont div.flexslider-wrap {
 height: 430px;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

/* R */
.flexslider-img-text-cont {
 /* width: 960px; */
 width: 100%;
 height: 430px;
 margin: auto;
 position: relative;
}

/* R */
.flexslider-img-text-wrap {
 position: absolute;
 bottom: 0;
 /* width: 960px; */
 width: 100%;
 background: repeat url('/img/template3/grey50.png');
 color: #ffffff;
 font-size: 15px;
 line-height: 1.2em;
 text-align: center;
}

/* R */
.flexslider-img-text { padding: 15px 45px; }

.flexslider-img-text h1,
.flexslider-img-text a,
.flexslider-img-text a h1 {
 color: #ffffff;
 text-decoration: none;
}

.flexslider-img-text h1 { 
 font-size: 26px;
 margin: 0;
 display: inline-block;
}

/* styles.inc */
div#content { line-height: 1.3em; }

/* R */
div#content-wrap { 
 margin: auto;
 display: table;
}

/* R */
div#content-wrap-sp { 
 width: 100%;
 display: table;
}

/* R */
div#colContainer { display: table-row; }

/* R */
div#centerCol {
 display: table-cell;
 vertical-align: top;
}

/* R */
div#centerCol-sp { 
 display: table-cell;
 width: 960px;
 padding: 0;
}

/* R */
div#centerCol img { 
 max-width: 625px;
 height: auto;
}

/* R */
div#centerCol-sp div#readspeaker-wrap {
 width: 960px;
 margin: auto;
 position: relative;
}

/* R */
div#centerCol-sp div#readspeaker-wrap div#readspeaker_button1 {
 position: absolute;
 left: 0;
 top: 9px;
 z-index: 1;
}

/* R */
div#centerCol div#readspeaker-wrap { position: relative; }

/* R */
div#centerCol div#readspeaker-wrap div#readspeaker_button1 {
 position: absolute;
 left: 0;
 top: -45px;
 z-index: 1;
}

td#centerCol > .admin-linkset:first-child,
td#centerCol > .box-att:first-child,
td#leftCol > .admin-linkset:first-child { margin-top:0; }

/* R */
div#leftCol {
 display: table-cell;
 vertical-align: top;
}

div#leftCol-sp { display: none; }

/* R */
div#leftCol img { max-width: 210px; }

div#leftCol h2:first-child,
div#leftCol p:first-child { margin-top: 0; }

div#leftCol div.sidetext2-wrap { padding: 0 0 30px 0; }

/* R */
div#colContainer div.table-gap { width: 45px; }

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

/* styles.inc */
/* div#banner-container { } */

/* R */
div#banner-container p.admin-linkset {
 width: 960px;
 margin: auto;
}

/* R */
div#banner-cont { 
 width: 960px;
 margin: auto;
 padding-top: 6px;
 text-align: center;
}

/* R */
div.banner-wrap { 
 display: inline-block; 
 vertical-align: middle;
 max-width: 100%;
}

div.banner-wrap img {
 max-width: 100%;
 height: auto !important;
 margin-bottom: 3px;
}

/* R, styles.inc */
div#footer { 
 position:relative;
 line-height: 1.3em;
 overflow: auto;
 padding-top: 50px;
}

div#footer .table-cell { vertical-align: top; }

/* R */
div#footer-cont {
 width:960px;
 margin: 45px auto 0 auto;
}

/* R */
div#footer1-wrap { width: 210px; }

/* R */
div#footer2-wrap { width: 210px; }

/* R */
div#footer3-wrap { width: 210px; }

/* R */
div#footer4-wrap {  width: 210px; }

/* R */
div#footer5-wrap {  width: 210px; }

/* R */
div#footer6-wrap {  width: 210px; }

/* R */
div#footer7-wrap { width: 210px;  }

div#footer1-text-wrap,
div#footer2-text-wrap,
div#footer3-text-wrap,
div#footer4-text-wrap,
div#footer5-text-wrap,
div#footer6-text-wrap,
div#footer7-text-wrap { margin-bottom: 45px; }

div#footer1-text-wrap h2,
div#footer2-text-wrap h2,
div#footer3-text-wrap h2,
div#footer4-text-wrap h2,
div#footer5-text-wrap h2,
div#footer6-text-wrap h2,
div#footer7-text-wrap h2 { 
 margin: 0.7em 0; 
 text-transform: uppercase;
}


div#footer1-text-wrap h3,
div#footer2-text-wrap h3,
div#footer3-text-wrap h3,
div#footer4-text-wrap h3,
div#footer5-text-wrap h3,
div#footer6-text-wrap h3,
div#footer7-text-wrap h3 { 
 margin: 0.7em 0; 
 text-transform: uppercase;
}

div#footer1-text-wrap p,
div#footer2-text-wrap p,
div#footer3-text-wrap p,
div#footer4-text-wrap p,
div#footer5-text-wrap p,
div#footer6-text-wrap p,
div#footer7-text-wrap p { margin: 0.7em 0; }

div#footer1-text-wrap p:first-child,
div#footer2-text-wrap p:first-child,
div#footer3-text-wrap p:first-child,
div#footer4-text-wrap p:first-child,
div#footer5-text-wrap p:first-child,
div#footer6-text-wrap p:first-child,
div#footer7-text-wrap p:first-child,
div#footer1-text-wrap h2:first-child,
div#footer2-text-wrap h2:first-child,
div#footer3-text-wrap h2:first-child,
div#footer4-text-wrap h2:first-child,
div#footer5-text-wrap h2:first-child,
div#footer6-text-wrap h2:first-child,
div#footer7-text-wrap h2:first-child,
div#footer1-text-wrap h3:first-child,
div#footer2-text-wrap h3:first-child,
div#footer3-text-wrap h3:first-child,
div#footer4-text-wrap h3:first-child,
div#footer5-text-wrap h3:first-child,
div#footer6-text-wrap h3:first-child,
div#footer7-text-wrap h3:first-child { margin-top: 0; }

/* div#footer1-text-wrap img { } */

/* R */
div#footer1-text-wrap img,
div#footer2-text-wrap img,
div#footer3-text-wrap img,
div#footer4-text-wrap img,
div#footer5-text-wrap img,
div#footer6-text-wrap img,
div#footer7-text-wrap img { max-width: 100%; }

div#footer-cont div.table-gap { width: 40px; }

div#footer-cont a  { text-decoration: none; }

div#footer-cont a:hover,
div#footer-cont a:active { text-decoration: underline; }

div#footer-cont a.addthis_button_expanded { color: #000000; }

img.footer_logo { margin-bottom: 15px; }

/* R */
/* div#someicon-cont {} */

div#someicon-cont img.some-icon-img { 
	margin: 0 15px 15px 0;
	border-top: 1px dotted transparent;
	border-bottom: 1px dotted transparent;
}

div#someicon-cont a:focus { border: none; }

div#someicon-cont a:focus-within img.some-icon-img { 
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}
 
img#netland {
 position: absolute;
 right: 10px;
 bottom: 10px;
}

div.addthis_toolbox { height: 30px; }


div#smilee-request-cobrowsing.kcob-initial-bottom-left, 
div#smilee-request-cobrowsing.kcob-initial-bottom-right {
 z-index: 40000000 !important;
}

div#cookie-settings-cont {
 z-index: 50000000; 
 -webkit-box-shadow: 0px -5px 5px 0px rgb(0 0 0 / 30%);
 -moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
 box-shadow: 0px -5px 5px 0px rgb(0 0 0 / 30%);
}

/* R, styles.inc */
div#cookie-settings-opener {
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
}

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

div#navi-cont { 
 width: 100%;
 height: 150px;
 text-align: center; 
}

/* R */
ul#main-navi {
 position: relative;
 margin: auto;
 padding: 0;
}

/* R */
ul#main-navi li.level1 {
 height: 150px;
 display: inline-block;
 width: 160px;
 margin: 0;
 cursor: pointer;
 vertical-align: top;
}

/* styles.inc */
/* ul#main-navi li.level1.selected > a,
ul#main-navi li.level1.selected > a:visited { } */

ul.megamenu {
 position: absolute;
 margin: 0;
 padding: 40px 0 0 0;
 left: 0;
 width: 100%;
 top: 150px;
 z-index: 100;
 cursor: auto;
}

/* R, styles.inc */
ul.megamenu li.level2 > a {
 line-height: 1em;
 text-decoration: none;
 font-size: 18px;
 transition: all 300ms ease-in-out 0s;
}

/* styles.inc */
ul.megamenu li.level2 > a:hover { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
/* ul.megamenu li.level2 > a.selected,
ul.megamenu li.level2 > a.selected:visited { } */

/* R */
ul#main-navi li.level2 {
 display: block;
 width: 335px;
 padding-right: 45px;
 text-align: left;
 cursor: default;
 margin: 15px 0;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

li.pikalinkit1, li.pikalinkit2 { display: block; }

li.pikalinkit1 li, li.pikalinkit2 li { display: block; }

/* R */
/* .bg tärkeä !!  */
li.pikalinkit2 li.bg {
 background-color: #f1da62;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 width: 290px;
 padding: 15px 20px;
}

/* R */
li.pikalinkit1 ul {
 position: absolute;
 left: 335px;
 width: 320px;
 margin: 40px 0 0 0;
 top: 0;
 padding: 0;
 text-align: left;
}

/* R */
li.pikalinkit2 ul {
 position: absolute;
 right: 0;
 width: 290px;
 margin: 40px 0 0 0;
 top: 0;
 padding: 0;
 text-align: left;
}

/* R */
li.pikalinkit1 div {
 display: block;
 background: #3d476f;
 text-align: left;
 color: #ffffff;
 margin-bottom: 3px;
 padding: 10px 20px 10px 20px;
 width: 290px;
 line-height: 1.3;
 transition: all 300ms ease-in-out 0s;
}

li.pikalinkit1 div:hover { 
 -webkit-box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
 -moz-box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
 box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

/* R */
li.pikalinkit2 div {
 display: block;
 text-align: left;
 color: #000000;
 padding: 5px 0;
 width: 280px;
 margin: 0;
 line-height: 1.3;
}

li.pikalinkit2 div:hover { text-decoration: underline; }

li.pikalinkit1 a, li.pikalinkit1 a:visited {
 color: #ffffff;
 text-decoration: none;
}

li.pikalinkit2 a, li.pikalinkit2 a:visited {
 color: #000000;
 text-decoration: none;
}

/* styles.inc */
/* ul#main-navi li.level1:hover { } */

/* styles.inc */
/* ul#main-navi li.level1.hovered { } */

/* R, styles.inc */
ul#main-navi li.level1 > a, ul#main-navi li.level1 > a:visited {
 font-size: 16px;
 line-height:1.2em;
 text-decoration: none;
 display: block;
 width: 100%;
 height: calc(100% - 20px);
 padding: 10px 0 10px 0;
 outline: 0;
}

ul#main-navi li.level1 > a > img {
 margin: 5px 0 10px 0;
 width: 100px;
 height: 60px;
}

div#megamenu-bg {
 width: 100%;
 position: absolute;
 top: 300px;
 background: #ffffff;
 z-index: 99;
 display: none;
 -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
 -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); 
}

/*----- Subnav -----*/

/* styles.inc */
h2.navi-left-title { margin: 0 0 10px 0; }

ul#navi-left {
 margin: 0 0 25px 0; 
 padding: 0;
 display: none;
}

ul#navi-left ul {
padding: 0;
 margin: 0;
 display: none;
}

/* styles.inc */
ul#navi-left li {
 display: block;
 padding: 0;
}

ul#navi-left div.nav-item {
 padding: 10px 0;
 border-top: 1px solid #c0c0c0;
}

ul#navi-left div.nav-toggler{
 display: inline-block;
 width: 25px;
 height: 25px;
 background: url(/img/template3/nav-plus.png);
 background-repeat: no-repeat;
 background-position: right center;
 cursor: pointer;
 position: absolute;
}

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

/* R */
ul#navi-left div.nav-text {
 display: inline-block;
 width: 260px;
 padding-right: 10px;
 vertical-align: middle;
}

/* styles.inc */
ul#navi-left a, div.navi-left-subtitle a { text-decoration: none; }

div.navi-left-subtitle {
 margin-bottom: 20px;
 border-top: 1px solid #c0c0c0;
 padding-top: 5px;
 border-bottom: 1px solid #c0c0c0;
 padding-bottom: 5px;
}

/* styles.inc */
/* ul#navi-left a:hover { } */

/* styles.inc */
/* ul#navi-left a.selected { } */

ul#navi-left li.level1 a, div.navi-left-subtitle a { font-weight: bold; }

ul#navi-left li.level2 a,ul#navi-left li.level3 a,ul#navi-left li.level4 a,ul#navi-left li.level5 a,ul#navi-left li.level6 a,ul#navi-left li.level7 a, ul#navi-left li.level8 a, ul#navi-left li.level9 a, ul#navi-left li.level10 a  { font-weight: normal; }
ul#navi-left li.level2 div.nav-text.level2 { padding-left: 15px; }
ul#navi-left li.level3 div.nav-text.level3 { padding-left: 30px; }
ul#navi-left li.level4 div.nav-text.level4 { padding-left: 45px; }
ul#navi-left li.level5 div.nav-text.level5 { padding-left: 60px; }
ul#navi-left li.level6 div.nav-text.level6 { padding-left: 75px; }
ul#navi-left li.level7 div.nav-text.level7 { padding-left: 90px; }
ul#navi-left li.level8 div.nav-text.level8 { padding-left: 105px; }
ul#navi-left li.level9 div.nav-text.level9 { padding-left: 120px; }
ul#navi-left li.level10 div.nav-text.level10 { padding-left: 135px; }

div#mobinav { display: none; }

/*------------------------------------------------
STARTPAGE
Etusivu, aloitussivut, päiväkotien aloitussivut
------------------------------------------------*/

/* styles.inc */
div#sp-pagetext-cont { padding: 45px 0; }

div#content-wrap-sp div#sp-pagetext-cont { border-bottom: 0 !important; }

div#paivakoti-liftarea-cont div.liftarea-cont-wrap { border-bottom: 0; }

/* R */
div#paivakoti-liftarea-cont div.liftarea-cont { margin-bottom: -45px; }

div#content-wrap-sp div.liftarea-cont-wrap { border-bottom: 0; }

/* styles.inc */
/* div.liftarea-cont-wrap { } */

/* R */
div.liftarea-cont-wrap2 { 
 width: 960px;
 margin: auto;
}

/* R */
div.liftarea-cont-wrap2_aloitussivu { 
 width: 625px;
 margin: auto;
}

div.liftarea-cont-wrap2_aloitussivu img { max-width: 100% !important; }

div.liftarea-cont { margin-bottom: 0; }

div#content-wrap-sp div.liftarea-cont { margin-bottom: -45px; }

div.liftbox a { text-decoration: none; }

div.liftbox a:hover,
div.liftbox a:active { text-decoration: underline; }

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

/* styles.inc */
div.respbox-linkbox a {
 display: block;
 padding: 15px;
 cursor:pointer;
 text-align: center;
 text-decoration: none;
 transition: all 300ms ease-in-out 0s;
}

div.respbox-linkbox a:hover,
div.respbox-linkbox a:active {
 text-decoration: none;
 transition: initial;
 transition:background 300ms ease-in-out 0s;
}

div.respbox-bulletinWrapper { line-height: 1em; }

div.respbox-bulletinWrapper div.respbox-date { margin-bottom: 15px; }

div.liftbox.kalenteri,
div.liftbox.rss { line-height: 1em; }

/* R */
div#content-wrap-sp div.sp-narrow-cont {
 width: 960px;
 margin: auto;
}

div#content-wrap-sp div.sp-narrow-cont .admin-linkset:first-child { margin-top: 30px; }

/* R */
div#content-wrap-sp div.searchpage-narrow-cont,
div#content-wrap-sp div.sidemap-narrow-cont {
 width: 960px;
 margin: auto;
 padding: 60px 0;
}

h1.sp-highlight-title {
	background: #ff7592;
	text-align: center;
	margin-bottom: 5px;
	padding: 20px;
}

div#content-wrap-sp .eventz-widgets-simple-page-list-3 .eventz-widgets-more {
	padding: 10px;
	border-radius: 0px;
	border: 1px solid #d4d4d4;
	margin-bottom: 35px;
}

/* R */
div#shortcut-cont { padding: 45px 0; }

/* R */
div#shortcut-wrap { 
 width: 960px;
 margin: 0 auto;
}

/* R */
div#shortcut-wrap .table-cell { 
 width: 290px;
 vertical-align: top;
}

/* R */
div#shortcut-wrap .table-gap { width: 45px; }

/* R */
div#shortcut-cont-aloitussivu { padding: 45px 0;}

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

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

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

div#shortcut-wrap-aloitussivu div.shortcut-link-wrap,
div#shortcut-wrap div.shortcut-link-wrap { 
 padding: 10px 0 10px 65px;
 vertical-align: middle;
 height: 65px;
 line-height: 1em;
}

/* styles.inc */
div.shortcut-link-wrap a,
div.shortcut-link-wrap a:visited {
 text-transform: uppercase;
 text-decoration: none;
}

div.shortcut-link-wrap a:hover,
div.shortcut-link-wrap a:active { text-decoration: underline; }


/* R, styles.inc */
div#facebook-cont {
 border-bottom: 1px solid #d4d4d4;
 padding: 45px 0;
}

/* R */
div#facebook-wrap { margin: 0 auto; }

div#facebook-wrap.table { table-layout: fixed; }

/* R */
/* div#facebook-cont-aloitussivu div#facebook-wrap { } */

/* R */
div#facebook-wrap .table-cell { 
 vertical-align: top;
 background: #ffffff;
}

/* R */
/* div#facebook-cont-aloitussivu div#facebook-wrap .table-cell { } */

/* R */
div#facebook-wrap .table-gap { width: 45px; }
div#facebook-cont-aloitussivu div#facebook-wrap .table-gap { width: 45px; }

/* R */
div#facebook-cont-aloitussivu { padding: 45px 0 0 0;}

/* div#facebook-wrap-aloitussivu { } */
div#facebook-wrap-aloitussivu .table,
div#facebook-wrap-aloitussivu .table-row,
div#facebook-wrap-aloitussivu .table-cell { display: block; }
div#facebook-wrap-aloitussivu .table-gap { display: none; }

div.facebook-lifts.centered {  text-align: center;  }

/* R */
div#facebook-wrap div.facebook-lift  {
 border: 1px solid #d4d4d4;
 padding: 10px;
 background-image: url(/common_ui/embed_ui/img/icons/fb-icon-29.png);
 background-repeat: no-repeat;
 background-position: 99% 0.5%;
}

div.facebook-lift img.pagelogo {
 position: absolute;
 margin-right: 8px;
}

div.facebook-lift a,div.facebook-lift a:visited { text-decoration: none; }

div.facebook-lift a.pagelink { font-weight: bold; }

div.facebook-lift span.date,
div.facebook-lift div.event-location {
 color: #90949c !important;
 font-size: 12px;
 line-height: 1em;
}

div.facebook-lift div.link-url,
div.facebook-lift div.link-url a,
div.facebook-lift div.link-url a:visited {
 font-size: 12px;
 line-height: 1em;
}

div.facebook-lift span.added_photo { color: #90949c; }

div.facebook-lift a:hover { text-decoration: underline; }

div.facebook-lift div.fb-content { 
 margin-top: 20px;
 overflow: auto;
 height: 350px;
}

div.facebook-lift div.fb-title {
 padding-left: 60px;
 padding-right: 25px;
}

div.facebook-lift div.innercontent {
 margin-top: 10px;
 border: 1px solid #e9ebee;
 padding: 10px;
}

/* div.facebook-lift div.innercontent a,
div.facebook-lift div.innercontent a:visited { } */

div.facebook-lift div.innercontent b { font-weight: normal; }

div.facebook-lift img.picture {
 width: 100%;
 margin-top: 10px;
}

div.imagearea { position: relative; }

img.videoicon {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -24px;
 margin-top: -24px;
}

div.facebook-lift div.event-date {
 background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_event_grey600_36dp.png);
 background-repeat: no-repeat;
 background-position: 3px 8px;
 padding: 7px 45px;
 border: 1px solid #d4d4d4;
 margin-bottom: 10px;
}


div#instagram-cont {
 border-bottom: 1px solid #d4d4d4;
 padding: 45px 0;
}

/* R */
div#instagram-cont-aloitussivu { padding: 45px 0 0 0;}

/* R */
div#sp-videonosto-cont { 
	width: 100%;
	margin-top: 10px;
}

/* R */
div#sp-videonosto-cont .table-cell { 
	width: 50%;
	padding-right: 5px;
	text-align: center;
}

/* R */
div#sp-videonosto-cont .table-cell.last { 
	width: 50%;
	padding-right: 0;
	padding-left: 5px;
}

.videokuva {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 margin-bottom: 15px;
}
 
.videokuva iframe,
.videokuva object,
.videokuva embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.videokuva { cursor:pointer; }

/* R */
div.sp-some-yt-more-link {
	border: 1px solid #d4d4d4;
	padding: 10px;
	text-align: center;
	margin-top: 45px;
}

a div.sp-some-yt-more-link { 
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

a:hover div.sp-some-yt-more-link { 
	color: #000000;
	text-decoration: none;
}

a:focus div.sp-some-yt-more-link { 
	color: #000000;
	text-decoration: none;
	padding: 9px;
	border: 2px solid #000000;
}

/* R */
div.sp-eventz-more-link {
	border: 1px solid #d4d4d4;
	padding: 10px;
	text-align: center;
	margin-top: -35px;
	margin-bottom: 35px;
}

a div.sp-eventz-more-link { 
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

a:hover div.sp-eventz-more-link  { 
	color: #000000;
	text-decoration: none;
}

a:focus div.sp-eventz-more-link { 
	color: #000000;
	text-decoration: none;
	padding: 9px;
	border: 2px solid #000000;
}

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

div#pageimage-wrap { margin-bottom: 30px; }

div#pageimage-text { 
 margin: -25px 0 30px 0;
 font-style: italic;
}

/* R */
div#pageimage2-wrap {
 float: right;
 margin-left: 45px;
 margin-bottom: 45px;
}

/* R */
div#pageimage2-text { 
 max-width: 285px;
 line-height: 1.2em;
 margin-top: 5px;
 font-style: italic;
}

/* R */
div#highlighttext-wrap {
 background: #f1da62;
 color: #000000;
 width: 285px;
 padding: 20px 20px 10px 20px;
 float: right;
 margin-left: 45px;
 margin-bottom: 45px;
}

div#highlighttext-wrap h3 {
 text-transform: uppercase;
 font-size: 18px;
 margin-top: 0;
}

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

div#highlighttext-wrap a { color: #31685D; }

/*------------------------------------------------
SHORTCUTS
------------------------------------------------*/

/* styles.inc */
div.shortcutCont {
 padding-left:20px !important;
 line-height: normal !important;
 background-position:top right;
 background-repeat:no-repeat;
 transition: all 300ms ease-in-out 0s;
}

div.shortcutCont:hover,
div.shortcutCont:active { 
-webkit-box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
box-shadow: inset 5px 3px 20px 0px rgba(0,0,0,0.5);
transition: initial;
transition: box-shadow 300ms ease-in-out 0s;
}

div.shortcutCont div { height: auto !important; }

a.shortcut {
 display: inline-block;
 min-height:17px;
 padding: 9px 10px 9px 0;
}

/* styles.inc */
/* a.shortcut, a.shortcut:visited { } */

div.shortcutCont a { text-decoration: none; }

/*------------------------------------------------
CRISISMESSAGE
------------------------------------------------*/

.respbox-bulletinWrapper.crisis { margin-bottom: 15px; }

div.respbox-bulletinWrapper.crisis div.respbox-date { margin-bottom: 0; }

.respbox-bulletinWrapper.crisis1,
.crisisMessageWrap {
 background:#C30005 url(/img/warning.gif) no-repeat scroll right center;
 color:#FFFFFF;
 padding:15px 65px 15px 15px;
 min-height: 40px;
}

.respbox-bulletinWrapper.crisis2,
.troubleMessageWrap {
 background: transparent url(/img/warning_20.png) no-repeat scroll right center;
 padding: 15px 45px 15px 15px;
 border: 2px solid #C30005;
}

.respbox-bulletinWrapper.crisis3,
.minortroubleMessageWrap {
 padding: 15px;
 border: 2px solid #C30005;
}

.respbox-bulletinWrapper.crisis1 a,
.respbox-bulletinWrapper.crisis1 a:visited,
.crisisMessageWrap a,
.crisisMessageWrap a:visited { color: #FFFFFF; }

.respbox-bulletinWrapper.crisis2 a,
.respbox-bulletinWrapper.crisis2 a:visited,
.troubleMessageWrap a,
.troubleMessageWrap a:visited { color: #C30005; }

.respbox-bulletinWrapper.crisis3 a,
.respbox-bulletinWrapper.crisis3 a:visited,
.minortroubleMessageWrap a,
.minortroubleMessageWrap a:visited { color: #C30005; }

/*------------------------------------------------
GALLUP
------------------------------------------------*/

/* styles.inc */
div.sp-gallup { padding:10px 20px; }

.sp-gallup .palkki-kylla {
 background-color:#3aa396;
 border:1px solid #ffffff;
 height:10px;
}

.sp-gallup .palkki-ei {
 background-color:#C30005;
 border:1px solid #ffffff;
 height:10px;
}

div#searchHelp {
 position: absolute;
 margin-right: 4px;
 float: right;
 text-align: left;
 padding: 3px 5px;
 color: black;
 border: 1px solid #c8c8c8;
 max-width: 300px;
 background-color: white;
}

/*------------------------------------------------
PAGER
------------------------------------------------*/

/* styles.inc */
.pager-current { 
 padding: 7px 10px;
 margin: 0;
}

.pager-other { 
 padding: 7px 10px;
 margin: 0;
}

/* styles.inc */
.pager-other:hover { 
 padding: 7px 10px;
 margin: 0;
}

/*------------------------------------------------
STRIPED TABLE (mm. aloitteet)
------------------------------------------------*/

/* styles.inc */
th.data-header-line,
td.data-header-line {
 text-align: left;
 padding: 5px;
 white-space: nowrap;
 text-transform: uppercase;
 font-weight: normal;
}

/* styles.inc */
/* td.data-header-line-sel { } */

/* styles.inc */
/* a.data-header-line-link { } */

/* styles.inc */
td.data-line {
 vertical-align:top;
 padding: 5px;
}

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

/* R */
div.cal-wrapper { width: 100%; }

/* R */
div.cal-wrapper div#cal-container-left { display: table-cell; }

/* R */
div.cal-wrapper div#cal-container-right {
 display: table-cell;
 width: 375px;
 padding-left: 40px;
}

/*------------------------------------------------
ATTACHMENTS, mm. toimitilat
------------------------------------------------*/

/* R */
/* div.attachments-wrap .table,
div.attachments-wrap .table-row,
div.attachments-wrap .table-cell { } */

/* R */
div.attachments-wrap .table-cell {
 vertical-align: top;
 padding: 0 45px 0 0;
}

div.attachments-wrap .table-cell img { 
 display: block;
 margin: 5px 0; 
 transition: all 300ms ease-in-out 0s;
}

div.attachments-wrap .table-cell img:hover {
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

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

/* R, styles.inc */
div.govCardContainer {
 width: 470px;
 margin-bottom: 20px;
}

/* styles.inc */
div.govCardDataWrap { padding: 15px; }

div.govCardDataWrap .table { width: 100%; }

div.govCardDataWrap .table-cell { vertical-align: middle; }

div.govCardDataWrap .table-cell.top { 
 vertical-align: top;
 width: 115px;
}

div.govCardDataWrap .table-cell.top img { margin-left: 5px; }

/* R */
div.govCardAddr div.table-cell {
 width: 235px;
 padding: 15px;
 vertical-align: top;
}

/*------------------------------------------------
ORGANIZATION
------------------------------------------------*/

/* styles.inc */
div.peruslaatikko {
 border-width:1px 2px 2px 1px;
 border-style:solid;
 text-align:center;
 padding:6px;
 width:165px;
}

/* styles.inc */
/* div.laatikko { } */

/* styles.inc */
/* div.laatikko-akt { } */

div.taustalaatikko {
 background-repeat:no-repeat;
 background-position:left center;
}

/*------------------------------------------------
RESPONSIVE TABLE
otsakkeet vasemmassa sarakkeessa
------------------------------------------------*/

/* R */
div.table-basichor { display: table; }

/* R */
/* div.table-basichor div.table-row { } */

/* R */
div.table-basichor div.table-cell { padding: 4px 0; }

/* R */
div.table-basichor div.table-cell.title { 
 font-weight: bold;
 padding-right: 15px;
 width: 155px;
}

/*------------------------------------------------
RESPONSIVE TABLE, 2 COLUMNS
Käytössä: yritysrekisteri/ilmoitus.tmpl
------------------------------------------------*/

/* R */
div.table-2col { display: table; }

/* R */
div.table-2col div.table-cell { width: 290px; }

/* R */
div.table-2col div.table-gap { width: 45px; }

/*------------------------------------------------
IMAGE MAGNIFICATION
Käytössä: nähtävyydet
------------------------------------------------*/

img.icon-img-larger {
 position: absolute;
 bottom: -13px;
 right:0px;
 width: 32px;
 height: 32px;
}

div#vuokrataloImgWrap { position: relative; }

div#vuokrataloImgWrap img#vuokrataloShowBig {
 position: absolute;
 left: 5px;
 top: 5px;
}

/*------------------------------------------------
DIV.PAINIKKEET 2 vierekkäin
Käytössä: koulut ja päiväkodit
------------------------------------------------*/

/* R */
div.buttons-2col-wrap {
 width: 625px;
 margin: 45px 0 30px 0;
}

/* R */
div#colContainer div.buttons-2col-wrap.table div.table-cell {
 width: 305px;
 padding-bottom: 15px;
}

/* R */
div#colContainer div.buttons-2col-wrap div.table-gap { width: 15px; }

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

/* R, styles.inc */
div.tilavaraus_tila {
 display: table;
 width: 100%;
}

/* R, styles.inc */
div.tilavaraus_kuva {
 display: table-cell;
 vertical-align: top;
 width: 335px;
 padding: 22px 45px 22px 0;
}

/* R */
div.tilavaraus_kuva img { max-width: 290px; }

/* R, styles.inc */
div.tilavaraus_info {
 display: table-cell;
 vertical-align: top;
 padding: 22px 0;
}

div.tilavaraus_info h2 { margin: 0; }

div.tilavaraus_info p { margin: 0; } 

/*------------------------------------------------
VESIMAKSULASKURI
------------------------------------------------*/

form#calculator p { margin-top: 30px; }

#calc-results {	margin-top: 30px; }

#calc-results hr { margin-bottom: 15px; }

/*------------------------------------------------
TUUSULAN VEDEN HÄIRIÖTIEDOTTEET
------------------------------------------------*/

/* styles.inc */
div.hairio-wrap {
	padding-top: 40px;
	margin-top: 40px;
}

div.hairio-wrap h2 { margin-top: 0; }

div.hairio-wrap p:last-of-type { margin-bottom: 0; }

/*------------------------------------------------
Sidemap
------------------------------------------------*/

div.sidemap-narrow-cont ul { 
	margin-top: 0;
	margin-bottom: 0;
}

div.sidemap-narrow-cont li { margin-top: 1em; }

div.sidemap-narrow-cont > ul > li > a { font-weight: bold; }

div.sidemap-narrow-cont > ul > li > span { font-weight: bold; }