/*------------------------------------------------
Responsiivinen mallipohja (2)
--------------------------------------------------
	Global
	Layout
	Navigation
	Misc
	styles_common.inc-extra
------------------------------------------------*/

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

div#header-print { display: none; }

html { }

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

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

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

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

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

/* ul, ol {  margin: -0.5em 0 1.5em 0; } */

p + ul, p + ol { margin: -0.5em 0 1.5em 0; }

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;
 text-decoration: none;
}

/* 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; }

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

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

input { padding: 5px; }

textarea, input[type=text], input[type="textfield"], input[type="password"] {
 padding: 9px 5px;
 border: 1px solid #bbbbbb;
}

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

select option { padding: 3px 10px; }

input[type="submit"].button,
.button { 
 -webkit-appearance: none;
 padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.button:hover,
.button:active {
-webkit-box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
}

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

.clear { clear: both; }

.block { display: block; }

.nowrap { white-space: nowrap; }

.top { vertical-align: top; }

.right { text-align: right; }

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

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 */
div#header { }

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

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

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

div#header-cont .table-cell.right { line-height: 0; }

div#header-cont .table-cell.right img { display: inline-block; }

div#maintitle { padding: 15px 0; }

/* styles.inc */
div#maintitle h1 { margin: 0; }

div#respnavi-cont { text-align: center; }

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

img#haku-ikoni {
 position: absolute;
 right: 8px;
 top: 8px;
 cursor: pointer;
}

div#searchFormWrap {
 border: 1px solid #bbbbbb;
 background: #ffffff;
 box-sizing: border-box;
 display: inline-block;
 width: 210px;
 position: absolute;
 right: 0;
 top: 7px;
 display: none;
 z-index: 1000;
}

input#searchText { width:160px; }

div#searchFormWrap input { border: 0 none; }

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

/* R */
div#respnavi { }

/* styles.inc */
div#flexslider-cont { }

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

div#flexslider-cont div#flexslider-wrap div.flexslider {
 border:0;
 background: transparent;
 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);
}

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

/* R */
div#content-wrap { 
 width: 960px;
 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;
 width: 710px;
 padding: 0 0 70px 0;
}

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

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

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

/* R */
div#rightCol,
div#leftCol {
 display: table-cell;
 vertical-align: top;
 width: 210px;
 padding: 70px 0;
}

div#leftCol-sp,
div#rightCol-sp { display: none; }

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

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

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

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

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

/* R */
div#navBreadcrumb { 
 height: 30px;
 margin: 10px 0 30px 0;
}

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

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

div#footer1-wrap { }

/* R */
div#footer2-wrap { 
 float: left;
 width: 460px;
}

/* R */
div#footer3-wrap {
 width: 460px;
 margin-left: 500px;
}

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

div#footer1-text-wrap p:first-child,
div#footer2-text-wrap p:first-child,
div#footer3-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#footer1-text-wrap h3:first-child,
div#footer2-text-wrap h3:first-child,
div#footer3-text-wrap h3:first-child { margin-top: 0; }

div#footer1-text-wrap img { }

/* R */
div#footer2-text-wrap img,
div#footer3-text-wrap img { max-width: 460px; }

/* R */
div#footer-bottom-cont { 
	display: table;
	width: 100%;
}

/* R */
div#footer-bottom-cont .table-cell { 
	vertical-align: middle;
	width: 33%;
}

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


div#cookie-settings-cont {
	-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%);
}

div#cookie-settings-text-wrap { padding-right: 15px; }

div.addthis_toolbox { }

/*------------------------------------------------
ETUSIVU
------------------------------------------------*/

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

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

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

/* styles.inc */
div.respbox-linkbox a {
 display: inline-block;
 padding: 6px 13px;
 cursor:pointer;
 text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.respbox-linkbox a:hover,
div.respbox-linkbox a:active,
div.respbox-linkbox a:focus {
-webkit-box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
box-shadow: inset 3px 3px 20px 0px rgba(0,0,0,0.3);
}

/* R */
div#content-wrap-sp div#banner-cont { 
 display: table;
 width: 960px;
 margin: auto;
}

/* R */
div#content-wrap-sp div.banner-wrap { 
 display: table-cell;
 width: 240px;
 padding-top: 45px;
 padding-bottom: 45px;
 vertical-align: middle;
 text-align: center;
}

/* R */
div#content-wrap-sp div.banner-wrap img {
 max-width: 210px;
 height: auto !important;
}

/* 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; }

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

.sm-netland > li { border-left: none; }

/* R */
.sm-netland a span.sub-arrow { }
.sm-netland a { }
.sm-netland a.has-submenu { }

.sm-netland a:focus { border-top: 0; border-bottom: 0; }

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

/* styles.inc */
ul#navi-right {
 margin: 0 0 25px 0; 
 padding: 0;
 display: none;
}

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

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

/* styles.inc */
ul#navi-right div.nav-item { padding: 10px 0; }

ul#navi-right div.nav-toggler {
 display: inline-block;
 width: 24px;
 height: 24px;
 background: url('/common_ui/embed_ui/img/icons_google/content/ic_add_circle_outline_grey600_24dp.png');
 background-repeat: no-repeat;
 background-position: right center;
 cursor: pointer;
 position: absolute;
 margin-left: -24px;
}

ul#navi-right div.nav-toggler.nav-toggler-minus { background: url('/common_ui/embed_ui/img/icons_google/content/ic_remove_circle_outline_grey600_24dp.png'); }

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

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

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

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

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

/* styles.inc */
/* ul#navi-right li.level1 a, div.navi-right-subtitle a { } */

ul#navi-right li.level2 a,ul#navi-right li.level3 a,ul#navi-right li.level4 a,ul#navi-right li.level5 a,ul#navi-right li.level6 a,ul#navi-right li.level7 a, ul#navi-right li.level8 a, ul#navi-right li.level9 a, ul#navi-right li.level10 a  { font-weight: normal; }


div#mobinav { display: none; }

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

div#leftCol p.banner-wrapper,
div#rightCol p.banner-wrapper { text-align: center; }

/* R */
/* div#leftCol p.banner-wrapper img,
div#rightCol p.banner-wrapper img { } */

/*------------------------------------------------
TAPAHTUMAKALENTERI
------------------------------------------------*/

/* 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;
}

/*------------------------------------------------
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;
}

div.blogPager .pager-other:hover { background: none; }

/*------------------------------------------------
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;
}

/*------------------------------------------------
Halosenniemen 360-kuvat
-----------------------------------------------*/

div.flash360_container {
 position: fixed;
 left: 50%;
 top: 100px;
 margin-left: -401px;
 width: 802px;
 height: 586px;
 z-index: 99999;
 text-align: center;
 background-color: transparent;
}

div.flash360_header {
 color: white;
 height: 26px;
 background-color: #212121;
 float: right;
}

div.flash360_header img {
 float: right;
 margin-left: 10px;
}

div.flash360_content {
 width: 802px;
 height: 560px;
}

img.flash360_close {
 cursor: pointer;
 padding-right: 10px;
}

iframe.flash360 {
 width: 800px;
 border: 1px solid white;
 background-color: black;
}