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



/*--- ETUSIVU --- */
header {position:absolute; z-index:22;}

:focus {
  color: #a03196;
}


#pda-text {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/* Kielivalinta */
#langselect {margin-bottom:30px; display:table;}
#langselect a, #mbl-langdiv a {padding: 3px 0;margin: 0px 1px 0px 1px; display: block;width: 30px;float: right;color: #1c2f3d;font-size: 0.9em; font-weight: 700; text-align: center;}
#lang-selected, #lang-selected-mbl {background: #a03196;color: #fff !important;}
@media only screen and (max-width:1280px) {#langselect a {margin:0 1px 0 1px;}}
@media only screen and (max-width:1024px) {#langselect {display:none;}}

.subpage table, .subpage tr,.subpage td {height:auto !important; padding:0 !important;}
.subpage td.uutis_otsikko {
    color: #a03196 !important;
    font-weight: 700;
    padding-top: 30px !important;
}
/* Logo */

#logo img {margin:0 auto; float:none; display:block;}
@media only screen and (min-width:1930px) {#logo img {max-width: 100%; width:276px; height:auto;}}
@media only screen and (max-width:1930px) {#logo img {max-width:220px; height:auto;}}
@media only screen and (max-width:1280px) {#logo img {max-width:180px; height:auto;}}
@media only screen and (max-width:860px) {#logo img {max-width:160px; height:auto;}}
@media only screen and (max-width:575px) {#logo img {max-width:140px; height:auto;}}
/* Paavalikko */

ul#main-navi { -webkit-align-items: center; align-items: center;-webkit-justify-content: space-evenly;justify-content: space-evenly;display: -webkit-flex; display: flex;-webkit-flex-direction: row;flex-direction: row; flex-wrap: wrap;}
ul#main-navi {width:100%; padding: 0px;color: #000;float: none;margin: 0 auto;text-align: center;}
ul#main-navi > li {display:block;float:left;width:auto;padding-left:0px;text-align:center; width:17.2%; position:relative;}
ul#main-navi > li:nth-of-type(3), ul#main-navi > li:nth-of-type(4) {width:21.2%; }
#homeicon {width:4% !important;-webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto !important;} 
ul#main-navi li a {font-size:1.125rem;font-family: 'Open Sans', sans-serif, Helvetica, Arial;color:#9a2b91;text-decoration:none;display:block;float:none; font-weight:700; padding:20px 0; box-sizing: border-box; text-transform: uppercase;}
ul#main-navi li a:hover {color:#aeaeae;text-decoration:none;}
a:focus, img:focus, input:focus {color:#aeaeae;text-decoration:none; border:1px solid #aeaeae}

/* DRPMENU */
ul#main-navi li > ul {display:none;transition: 0.2s 0.5s;min-height: auto; left:0%;position: absolute;padding: 0px;margin: 8px 0px 0px 0px;background: #9a2b91;list-style-type: none;padding: 20px 0 20px 0%;box-sizing: border-box; z-index:20000; top: 60%;width: 130%;}
ul#main-navi li ul li ul {position:relative;}
ul#main-navi > li:hover > ul{display: block;left: 0%;  min-height: auto; visibility: visible;transition-delay: 0s;height:auto}
.menu li ul{min-height:0;}
ul#main-navi ul, ul#main-navi li {list-style-type:none; padding:0; margin:0;}
.showdiv  {padding: 20px 0 20px 10%;}
#ratkaisudiv ul {display:none}
#naytadivi-ratkaisut:hover, #naytadivi-varhaiskasvatus:hover,#ratkaisudiv, #varhaisdiv {background:#7f0074}
.menulink:hover {background: none !important;}
.menulink::after {content: "ˬ";float: right;line-height: 10%;
font-size: 18px;}
#asiakasmenu .sub_menu {width: 180%;}
.showdiv {display:block !important}
#ratkaisudiv a:hover,#varhaisdiv a:hover {background:#7f3090 !important}
#ratkaisudiv a, #varhaisdiv a{padding:5px 0 5px 18% !important}
ul#main-navi li ul li a { display: block;width: 100%; text-transform: none;text-align: left;box-sizing: border-box;padding: 5px 20px 5px 30px;font-weight: 400;font-size: 0.9rem;line-height:180%; color:#fff}
/*ul#main-navi li ul li a:before, .mainlevel a:before {content:"›"; padding-right:10px;}*/
ul#main-navi li ul li a:hover, .mainlevel a:hover {color: #fff;background:#7e0873}
.hover-class {color: #fff;background:#9a2b91;}
.hover-class a {color:#fff !important;}
.mainlevel {display:block !important;}
.mainlevel a { display: block !important;width: 100% !important;text-transform: none !important;text-align: left !important; box-sizing: border-box !important;padding: 5px 20px 5px 30px !important;font-weight: 400 !important;font-size: 0.9rem !important;line-height: 180% !important;color: #fff !important;}

ul#main-navi li#asiakasmenu ul a:before {content:""}
/*ul#main-navi li#asiakasmenu ul .mainlevel a:before {content:"›"; }*/
#sv-drp {width: 150% !important;}
/* Paakuva - tekstiboxi*/
#mainimg-front {position:relative;}
#top-esittelyteksti {position: absolute;bottom: 30%;width: 17%;text-align: center;left: 5%;background: url(../img/header/esittely-hexabg.png) center top no-repeat;background-size: auto auto;background-size: contain;/*box-sizing: border-box;*/padding: 7% 120px 7% 120px;}
#top-esittelyteksti h3{font-size: 2.6rem;line-height: 3.1rem;font-weight: 300;font-style: italic;}
#top-esittelyteksti-mobile {display:none ; width:90%; margin:40px auto;}
@media only screen and (max-width:1440px) {#top-esittelyteksti h3 {font-size: 2rem;line-height: 2.5rem;}#top-esittelyteksti h3, #top-esittelyteksti p {max-width: 80%;margin: 0 auto;}#top-esittelyteksti {width: 25%;}ul#main-navi li > ul {width: 160%;}#sv-drp {width: 180% !important;}}
@media only screen and (max-width:1280px) {#top-esittelyteksti {width: 40% !important;text-align: left;left: 0; background: rgba(255,255,255, 0.5);padding: 2% 5%; bottom:35%;}ul#main-navi li > ul {width: 200%;}ul#main-navi > li#yhteys-drpmenu:hover > ul {left:unset !important;right:0}#sv-drp {width: 220% !important;}}
@media only screen and (max-width:1024px) {#top-esittelyteksti { width: 87% !important;text-align: center;left: 2%;background: rgba(255,255,255, 0.5); padding: 2% 5%;bottom: 27%;}}
@media only screen and (max-width:860px) {#top-esittelyteksti {display:none;} #top-esittelyteksti-mobile {display:block;}}

/* Pikalinkit */
#pikalinkit {height: 120px;text-align: center;width: 100%;position: absolute;margin: -180px 0% 0 0%;z-index: 2;}
#pikalinkit .center-col {width:96%;}
#pikalinkit .col-25 {position:relative;}
#pikalinkit .webiolinkkipainike {color:#e85125; background:#fff; margin:0;}
#kuvaikoni {position: relative;float: left;}
#kuvaikoni img {margin: -10px auto 0 auto; display: inline-block; position: absolute;left: -4.5rem;top: -0.5rem; max-width: 160px; z-index: 3;}
#pikalinkkiotsikot {padding:20px 0;}
#pikalinkit-otsikko {font-size:1.375rem; line-height: 1.4rem; color:#ebebeb; font-weight:700;}
#pikalinkit-numero {font-size:2.125rem;  line-height:2.2rem; color:#fff; font-weight:700; text-transform: uppercase;}
#pikalinkit-aukiolo {font-size: 0.8rem; color:#dfdfdf;}
#pikalinkkipainikkeet {margin-top:35px;}
#pikalinkkipainikkeet span {width:20px; display:inline-block;}
#myyntibox {background:#a61a7d;padding: 30px 5%; text-align:center;}
#asiakastukibox {/*background:#4bc4cf;*/ background:#0E7D88}

.pikalinkkitekstit { box-sizing: border-box;padding: 30px 5%;text-align: left;}
.pikalinkki-osasto,.pikalinkki-numero {font-weight: 900;text-transform: uppercase;color: #fff;font-size: 2.2rem;line-height:100%}
.pikalinkki-numero {font-weight: 300; padding-left: 5%}
.pikalinkki-asiakaspalvelu { font-size: 1.4rem;}
#asiakastukibox .pikalinkki-asiakaspalvelu {background:#0E7D88}
#asiakastukibox {padding: 30px 5% 30px 5%; text-align:center;}
.pikalinkki-asiakaspalvelu a {color:#fff;}
#asiakastuki-left, #asiakastuki-right {/*width:50%; float:left;*/}
#asiakastuki-left {background:#0E7D88}


#pikalinkit.pikalinkit-front .center-col {width: 84%;}

@media only screen and (max-width:1440px) {#pikalinkit {height:100px;}#pikalinkit-otsikko {font-size:1.2rem; line-height: 1.4rem; }#pikalinkit-numero {font-size:1.8rem;  line-height:2.2rem;} #kuvaikoni img {max-width: 120px !important; height:auto;}#pikalinkkiotsikot {padding:10px 0;}#pikalinkkipainikkeet {margin-top:25px;}}

@media only screen and (max-width:1280px) {#pikalinkkiotsikot { width: 75%;}a.webiolinkkipainike, a.takaisinuutisiin {font-size:0.8rem;}#myyntibox {padding: 20px 5%;}}
@media only screen and (max-width:1024px) {#pikalinkit {height:auto;} #kuvaikoni {display:none;}#pikalinkkiotsikot {width:100%; padding:0;}#pikalinkkipainikkeet{margin-bottom:0;}#pikalinkit {height: auto;padding: 25px 0;}}
@media only screen and (max-width:720px) {#pikalinkit {padding: 15px 0 0 0;}}
@media only screen and (max-width:575px) {#pikalinkkipainikkeet .webiolinkkipainike {float: none;clear: both;display: block; margin-bottom: 10px;}}
@media only screen and (max-width:480px) {#pikalinkit span {clear:both; display:block; width:100%; padding:5px 0;}#pikalinkit {;padding: 20px 0 0 0;}}

/* Paakuva */

#mainimg-front img {max-width:100%; height:auto; width:100%;}
#maskikuva {text-align:center;}
#maskikuva img {float:none; clear: none; display: block; margin: 0 auto; margin-top:-110px; position:relative; z-index:2;}
#kuvaikoni-front img {max-width: 160px;}
#kuvaikoni-front {margin:-60px 0 0 44.8rem; position: absolute;}


@media only screen and (max-width:1660px) {#kuvaikoni-front { margin: -70px 0 0 38.8rem;}}
@media only screen and (max-width:1440px) {#kuvaikoni-front { margin: -70px 0 0 32.8rem;}}
@media only screen and (max-width:1280px) {.pikalinkki-osasto,.pikalinkki-numero {font-size: 1.6rem;}#kuvaikoni-front img {max-width: 120px;}#kuvaikoni-front { margin: -70px 0 0 29.8rem;} #subpg #kuvaikoni-front {margin: -75px 0 0 30rem;}.pikalinkkitekstit {padding: 20px 0% 20px 10%}#asiakastukibox {padding: 20px 0% 20px 10%}#subpg #asiakastukibox {padding: 20px 0% 20px 0%;}#pikalinkit { margin: -120px 0% 0 0%;}#kuvaikoni-front {margin: -25px 0 0 30rem;}#maskikuva > img {max-width:300px; margin-top:-87px;}}
@media only screen and (max-width:1024px) {#maskikuva img {display:none;} #pikalinkit .col-50 {float:left; clear:none; width: 50%;} #pikalinkit .center-col {display: flex;} #pikalinkit {margin:-160px 0% 0 0%;} #asiakastukibox, .pikalinkkitekstit {padding:20px 5%;}#etusivubannerit {margin-top:0 !important}.pikalinkkitekstit {display: -webkit-flex; display: flex; flex-direction: column;}#asiakastuki-left, #asiakastuki-right {width:100%;}}
@media only screen and (max-width:720px) {#pikalinkit {margin: 0;position: relative;}#pikalinkit .center-col {display:block; width:92% !important;}#pikalinkit .col-50 {width:100%; float:none; clear:both; display: table;}.pikalinkkitekstit {text-align: center; }.pikalinkki-asiakaspalvelu {padding:5px 0;}}

/* NOSTOBANNERIT */

/* Nostoboxit, alasivun tuotelistaus*/

.bnrwdt {box-sizing: border-box;margin: 0 0 30px 0;width: 33.26%; position:relative; opacity:1; }
#etusivubannerit {margin-top:40px}
#etusivubannerit .bnrwdt {background-color:#000;}
#etusivubannerit  .banneriteksti {position: absolute;z-index: 1; bottom: 2rem; border-top: none; height:48%;pointer-events: none;}
.banneriteksti h2,.banneriteksti h3 {padding:0;/*font-weight:600;font-style:italic; */ width:100%; padding:10px 0;}
/*#etusivubannerit .col-33-whp:nth-of-type(1) .banneriteksti {bottom: 6rem;}*/

.bnrwdt:hover {  opacity:0.9;transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;-o-transition: opacity .2s ease-out;}
.bnrwdt:nth-of-type(3n+2) { margin: 0px 0.1% 30px 0.1%;}
.bnrsolusisalto {height: auto; width:100%;} /* TEMP */

.banneriteksti {box-sizing:border-box; padding:20px 40px; width:100%; }
.subpage .bnrsolusisalto img{display:block;}
#etusivusisalto .banneriteksti {background:url(../img/header/tpblack.png) left top repeat; position: absolute; z-index: 1; bottom:0px; border-top:none;}
.banneriotsikko {display: inline-block; font-size: 0.875rem;color: #fff;font-weight: 700; background: #9a2590;padding: 3px 30px; text-transform:uppercase;}
.banneriteksti p {color:#fff; font-weight: 400; font-size:0.9rem;}
.banneriteksti img {width:auto;max-width:100%; display:block; padding-bottom:20px;}
.overlay-imgmask {background: url(../img/header/palvelubannerimaski.png) left bottom no-repeat; background-size: cover; width:100%; height:100%; position: absolute; top:0;pointer-events: none;}
/* Latkat */


/* Etusivubannerit */

@media only screen and (max-width:1660px) {#etusivubannerit .banneriteksti {height:63%;}.banneriotsikko {font-size:0.72rem}}
@media only screen and (max-width:1440px) {.banneriteksti img {width: 120px;}/*#etusivubannerit .col-33-whp:nth-of-type(1) .banneriteksti {bottom: 5rem;}*/ #etusivubannerit h2 {color: #fff; font-size: 1.8rem;line-height: 2.3rem;}.banneriotsikko {font-size: 0.6rem;}}
@media only screen and (max-width:1280px) {.banneriotsikko {font-size: 0.9rem;}#etusivubannerit p, .fb_textfield, .fb_pub, .subpage li, .subpage div {font-size: 1.rem;line-height: 1.4rem;}#etusivubannerit h2 {color: #fff; font-size: 1.6rem;line-height: 2.1rem;}#etusivubannerit p,.fb_textfield, .fb_pub, .subpage li, .subpage div {font-size:1rem !important; line-height:1.6rem;}.banneriotsikko { font-size: 0.6rem;}#etusivubannerit .banneriteksti {bottom:4.8rem} /*#etusivubannerit .col-33-whp:nth-of-type(1) .banneriteksti {bottom: 7rem;}*/}
@media only screen and (max-width:1024px) {.banneriteksti img, .overlay-imgmask {display:none;}#etusivubannerit .banneriteksti {height:auto; padding:0 40px 20px 40px;pointer-events: auto;} #etusivubannerit .bnrwdt:nth-of-type(3n+2), #etusivubannerit .bnrwdt {width: 92%;margin: 10px 4%; box-sizing:border-box;  padding:20px 0; background:#f6f6f6}#etusivubannerit .bnrsolusisalto {width: 30%;float: left;}#etusivubannerit .banneriteksti{width:70%;float:right; position:relative;}#etusivubannerit h2, #etusivubannerit p, #etusivubannerit p   {color:#000 !important} #etusivubannerit  .banneriteksti  {bottom: 0;top: 0;}.bannericontenttxt p, .bannericontenttxt span   {color:#000 !important}
.banneribgkuva {padding: 0px 20px;box-sizing: border-box;}}
@media only screen and (max-width:720px) {#etusivubannerit .banneriteksti::after { padding: 12px 0;}}
@media only screen and (max-width:675px) {#etusivubannerit .bnrsolusisalto, #etusivubannerit .banneriteksti {width: 100%;float: none;clear: both;}#etusivubannerit .banneriteksti {padding:0;}.banneriotsikko {display: block;text-align: center;}.banneriotsikko {font-size: 1rem;padding: 10px 0; margin-bottom:20px;}#etusivubannerit p, .fb_textfield, .fb_pub, .subpage li, .subpage div {line-height:1.5rem;}#etusivubannerit .bnrwdt:nth-of-type(3n+2), #etusivubannerit .bnrwdt {padding:10px 0}.banneribgkuva {padding:0;}.bannericontenttxt {padding:10px 50px;}.banneriteksti::after {text-align:center !important;}}

@media only screen and (max-width:1024px) {#etusivubannerit h2 {text-shadow:none;}#etusivubannerit .banneriteksti {background:none;}.bnrwdt:nth-of-type(3n+2), .bnrwdt  {width:46%;margin: 10px 2%;}.banneriteksti h2 {max-width:100%;}.banneriteksti {background-image:none;}.banneriteksti::after {content: "Lisätiedot ›";display: block;font-size: 1.2rem;margin-top: 20px;text-align: left;color: #a03196;font-weight: 500;}}
@media only screen and (max-width:575px) {.bnrwdt:nth-of-type(3n+2), .bnrwdt  {width:98%;margin: 0px 1% 30px 1%; float:none; clear:both;}.bnrsolusisalto {height:auto; }}
@media only screen and (max-width:520px) {.bnrsolusisalto, .banneriteksti {width:100%; float: none; clear:both;}.banneriteksti {padding:20px;}.bnrsolu-hinta {width: 100% !important;position: relative;top: 0px;left: 0; bottom:0;}#headercontent h1 {max-width: 90%; margin: 0 auto;}.center-col { /*width: 90% !important;*/}.banneriotsikko {font-size: 0.8rem;}}
@media only screen and (max-width:480px) {.bnrwdt {float:none; clear:both; }}

/* SISALTO TD HOVER */
td.hoverbox-wrap{width: 32.333%; background: #ead2e8 none repeat scroll 0% 0%; text-align: center; vertical-align: top; box-sizing: border-box; padding: 40px !important;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
td.hoverbox-wrap:hover {background:#C394BF}

/* Ajankohtaista */

#ajankohtaista-right {position:relative;}
#ajankohtaista-left h3 {text-align:center; width:95%; text-transform:uppercase; padding-bottom:40px;}
#ajankohtaista-left table {width: 25%;float: left;box-sizing: border-box;padding: 0 20px 20px 20px;}

.ajankohtaisnosto-otsikko {display: block; font-weight:700; color: #fff; background: #9a2590;padding: 20px 0; text-align: center; width:20%;text-transform:uppercase; position: absolute; top:0; margin:0 auto 0 40%;}
.ajankohtaisnosto-teksti {position:absolute; bottom:0; width:84%; padding:40px 8%; background: url(../img/header/tpblack.png) left top repeat;}

@media only screen and (max-width:1024px) {#ajankohtaista .center-col {width: 92%;}#ajankohtaista .col-50 {width:50%; clear:none; float:left; }#ajankohtaista-left > table {width:100%; padding:0 0 10px 0}#ajankohtaista-left h3 {display:none;}#ajankohtaisnosto-teksti {width: 84%;padding: 20px 8%;}#ajankohtaisnosto-teksti h4, #ajankohtaisnosto-teksti h5 a {font-size: 1.3rem;line-height: 1.8rem;}a.nostouutis_otsikko {font-size: 1.1rem;}#ajankohtaista-left table:last-of-type {display:none;}#ajankohtaista-left table {width:33%;}}

@media only screen and (max-width:860px) {#ajankohtaista-left > table:last-of-type {display: none;}}
@media only screen and (max-width:720px) {#ajankohtaista .col-50 {width:100%; clear:both; float:none; }#ajankohtaista-left h3 {display: block; font-size: 1.6rem;line-height: 2.1rem; width:100%; margin-bottom:20px; padding:0;}#ajankohtaista-left table {text-align: center;}a.nostouutis_otsikko {padding:10px 0}#etusivubannerit {margin-top:4%;}#etusivubannerit .bnrwdt:nth-of-type(3n+2), #etusivubannerit .bnrwdt {width: 92%;margin: 0px 4% 20px 4%;box-sizing: border-box;padding: 20px 0 20px 0;}#ajankohtaista .center-col {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column-reverse;padding: 0 0 40px 0;}#ajankohtaisnosto-kuva {margin-top:0px;}#ajankohtaista-left table:nth-of-type(3) {padding-bottom: 50px;}#ajankohtaista-left table:nth-of-type(3) {padding-bottom: 0;}#ajankohtaista .center-col {padding:0;}#ajankohtaista-left table:nth-of-type(3) {display:none;}#ajankohtaista-left table {width:90%; clear:both; float:none; margin:0 auto 10px auto;}}

@media only screen and (max-width:575px) { #ajankohtaisnosto-otsikko { width: 40%; margin: 0 auto 0 30%;}#ajankohtaisnosto-otsikko {padding:12px 0;}}
@media only screen and (max-width:375px) {#ajankohtaisnosto-teksti h4, #ajankohtaisnosto-teksti h5 a {font-size: 1.1rem;line-height: 1.5rem;}}


/* Caset */

.casenosto {background:#e9e7e8; background-size:contain;}
.casenosto-teksti { margin: 0 15% 0 15%; width: 70%; text-align:center;}
#abilita-esittely {background:#9a248f; padding:40px 3%;}
#abilita-esittely ul {list-style-image: url(../img/header/olimg.png);}
#abilita-esittely ul li {color:#fff; padding-left:10px; padding-bottom:20px;}
#abilita-esittely .webiolinkkipainike {background:#000}

@media only screen and (max-width:1024px) {.vpadding-80 {padding:40px 0;}.casenosto-teksti {margin: 0 auto;width: 75%;/*margin: 0 30% 0 5%;width: 65%;*/}#abilita-esittely h3 {font-size: 1.6rem;}#abilita-esittely ul li {font-size: 1.2rem;}#abilita-esittely { padding: 40px 3% 40px 10%;}}
@media only screen and (max-width:575px) {#abilita-esittely {padding: 40px 10% 40px 10%;}#abilita-esittely .webiolinkkipainike {margin: 0 auto;display: block;}#abilita-esittely ul li {font-size: 1rem; line-height: 1.5rem;}}
/* Footer */

footer {background: url(../img/header/footer_bg.png) center top no-repeat;background-size:cover;}

.footer-bottom-left > .col-50{ float:left; width:50%; clear:none;}
footer.vpadding-40 {padding:40px 0 0 0;}

@media only screen and (max-width:675px) {.footer-bottom-left > .col-50{ float:none; width:100%; clear:both; text-align:center;}.footer-bottom-left #footer-bottom-right {display:none;}.footer-bottom-left h3 {text-align:center;}}

#abilita-footerlogo {padding:40px 0; background: rgba(198,198,198,0.3); text-align: center;}

/* Semio logot */
#semio-logot {padding: 10px 0 10px 0;text-align: center;}
#semio-logot a {color: #000;font-size: 12px;}



/* ---- PERUSSIVU ---- */
#perussivu header {position: relative;}
#subpg #pikalinkit {position:relative; margin:120px 0 20px 0} 
#headercol {padding:250px 10% 100px 10%; text-align:left; box-sizing:border-box;}
.subpage .col-75 {padding:0 40px;}
#headercol.subpageheader { padding: 0 0 0px 5.3%;text-align: left;box-sizing: border-box;width: 100%; margin: -100px auto 0 auto;max-width:1800px}
#page-header-placeholder{padding-top:2em;}
/* XBRL banneri */
#xbrl-erp {display: grid;grid-template-columns: 1fr 2fr;background: #e9e7e8;align-items: center;}
.xbrl-content{padding: 0 5%; box-sizing: border-box;}
#xbrl-erp img {max-width: 100%;height: auto;display: block !important;}
.dgrid-content-block {padding:0 10%; box-sizing:border-box}


@media only screen and (max-width:678px) {#xbrl-erp{grid-template-columns:1fr;}#xbrl-erp img {max-height: 200px;object-fit: cover;}.xbrl-content{padding: 5%;}}

footer .webiolinkkipainike {min-width: 300px;padding: 10px 20px !important;}
#submenu ul {list-style:none; margin:0 0 20px 0; padding:40px; background:#a03196;}
#submenu ul li {padding:0; margin:0; list-style:none;} 
#submenu ul li ul, #submenu ul li ul li ul{list-style: none;margin: 0;padding: 5px 0px 20px 20px;box-sizing: border-box;}
.col-75 table img {max-width: 90% !important;height: auto;}
@media only screen and (max-width:1280px) {#headercol {padding:150px 10% 90px 10% }}
@media only screen and (max-width:1024px) {#headercol {padding:170px 10% 90px 10% }}
@media only screen and (max-width:720px) {#headercol {padding: 260px 10% 20px 10%;}}

@media only screen and (max-width:1660px) {#perussivu {height: 600px !important;background-size: 1520px !important;}#subpg #pikalinkit {margin: 120px 0 40px 0;}}
@media only screen and (max-width:1440px) {#perussivu {background-size: 1320px !important;}#subpg #pikalinkit {margin: 120px 0 20px 0;}}
@media only screen and (max-width:1280px) {#perussivu {height: 500px !important;background-size: 1160px !important;}}
@media only screen and (max-width:1024px) {#perussivu {height: 400px !important;background-size: cover !important;}.subpage .col-25 {padding: 0 40px;}.paikky-padding {padding: 20px !important;}footer h3 {font-size: 1.6rem;text-align: left !important;}footer .footer-bottom-left p {font-size: 1rem !important;}}
@media only screen and (max-width:720px) {#perussivu {height: 300px !important;}}
@media only screen and (max-width:480px) {#perussivu {height: 200px !important;} .lomakenappi_reset {clear: both;display: block;}}


@media only screen and (max-width:680px) {#headercol.subpageheader {margin: 40px auto 0 auto;}#murupolku {padding:0 0 0px 0;}h1, h1 a {font-size: 1.8rem;line-height: 2.2rem;}}
@media only screen and (max-width:480px) {h1, h1 a {font-size: 1.6rem;line-height: 1.8rem;}h2, h2 a {font-size: 1.8rem;line-height: 2.2rem;}}
@media only screen and (max-width:375px) {footer .webiolinkkipainike {min-width: unset; width:100%; box-sizing:border-box;padding: 10px 20px !important;}}


/* ---- PERUSSIVU LEVEA ---- */

.wide-indent {padding:0px 40px;}


@media only screen and (max-width:1024px) {#headercol.subpageheader {padding: 0 0 0px 0%;width: 86%;} .center-col{width:94%}}
@media only screen and (max-width:765px) {.subpage .col-25 {padding: 0 6%;}}
@media only screen and (max-width:675px) {.subpage .col-75,.subpage .col-25 {padding: 0 6%;}}


#mobile-langnavi {position: absolute;top: 20px; right: 70px;z-index: 21;}
#mobile-langnavi img {max-width: 22px;padding: 0 5px;}
@media only screen and (max-width:420px) {#mobile-langnavi {right: 60px;}}

.submenucol-246 .lomakenappi_reset {
    display: none;
}
@media only screen and (max-width:860px) {.flex-elm-table-row{display: flex !important;flex-direction: column;}.flex-elm-table-cell:first-of-type {order:2;}}


#cta-form-fi, #cta-form-se {background:url(../img/header/CTA_vasu2.jpg) left top no-repeat; background-size:cover; padding: 7% 25% 7% 7%; display:flex; flex-direction:column; justify-content:center;}
#cta-form-fi.cta-xbrl, #cta-form-se.cta-xbrl {background:url(../img/header/Abilita-unit4_business_world-XBRL-CTA.png) left top no-repeat; background-size:cover; padding: 7% 25% 7% 7%; display:flex; flex-direction:column; justify-content:center;}

@media only screen and (max-width:1024px) {#cta-form-fi, #cta-form-se, #cta-form-fi.cta-xbrl, #cta-form-se.cta-xbrl {padding:7%}#cta-form-fi, #cta-form-se {background:url(../img/header/CTA_vasu2.jpg) right top no-repeat; background-size:cover; }
#cta-form-fi.cta-xbrl, #cta-form-se.cta-xbrl {background:url(../img/header/Abilita-unit4_business_world-XBRL-CTA.png) right top no-repeat; background-size:cover; }}

#gridblock-news-frt{display: grid;grid-template-columns: 1fr 2fr; grid-gap:1em 3em}
#gridblock-news-frt #solu1441,#gridblock-news-frt #solu2441 {display: grid;grid-template-columns: repeat(auto-fit,minmax(250px, 1fr));grid-gap: 1em 2em;padding-bottom:20px;}
#gridblock-news-frt #solu1441 table, #gridblock-news-frt #solu2441 table {width: 100%;}
#gridblock-news-frt #solu1441 table,#gridblock-news-frt #solu2441 table {padding: 0 10px}
@media only screen and (max-width:575px) {#gridblock-news-frt, #gridblock-news-frt #solu1441,#gridblock-news-frt #solu2441 {grid-template-columns: 1fr;}}

/* UNIT4 styles */
.unit4-icontable tr td {background: #fff !important; grid-column:unset !important}
.unit4-icontable tr {grid-template-columns: auto 1fr !important;grid-gap: 3em !important;margin-top: 2em !important;}

.ablt-page-148 #violetcol .bgleft, .ablt-page-148 #violetcol .bgleft:after, .ablt-page-148 #lightbluecol .bgleft, .ablt-page-148 #lightbluecol .bgleft:after {background-color: #728089;}
.ablt-page-148 #darkbluecol .bgright,.ablt-page-148 #darkbluecol .bgright:before {background: #aab3b9;}

#solu148551 {padding:3em}
#lomake_148_55_2 #lomakerivi55_21 p {color: #a03196;font-weight: bold;font-style: normal;font-size: 1.2rem;}

@media only screen and (max-width:480px) {.unit4-icontable tr {grid-template-columns: 1fr !important;grid-gap: 1em !important; margin-top: 0em !important;margin-bottom: 2em !important;}#solu148551 h4,.ablt-page-148 h1 {font-size:1.1rem; line-height:120%}}
@media only screen and (max-width:480px) {.unit4-icontable tr {grid-template-columns: 1fr !important;grid-gap: 1em !important; margin-top: 0em !important;margin-bottom: 2em !important;}#solu148551 h4,.ablt-page-148 h1 {font-size:1.1rem; line-height:120%}}