body {
  padding: 0px;
  margin: 0px;
  font-family: IntervalSansProRegular;
  background: #eaeaea;
}

strong {font-family: IntervalSansProBold;font-weight:normal;}

a, a:hover {
  color: #1c6fa3;
}

.tooltip-inner {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.print-header {display:none;}

hr.topline {
  width: 100%;
  height: 5px;
  border: 0;
  background: #0b5b8d;
  color: #0b5b8d;
  padding: 0;
  margin: 0;
}

.nav {
  margin-bottom: 5px;
}
/* Language menu */
.nav > li > a:hover {
  text-decoration: none;
  background-color: #0b5b8d;
}
.nav-pills > li > a {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 0px;
  margin-bottom: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #ffffff;
  font-size:12px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #0b5b8d;
}

/* Sub menu */
.lang-nav {margin-left:30px;}
.sub-nav {margin-top:20px;}

.sub-nav > li > a:hover {
  background: url(../img/nav-large.png) 0 -66px no-repeat;
  padding-bottom:20px;
}
.sub-nav > li > a {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right: 10px;
  margin-left: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 14px;
  font-family: IntervalSansProRegular;
  font-size: 24px;
  line-height: 30px;
}

.mainheader a.print {color:#fff;background:url(../img/print-small.png) 10px 5px no-repeat;padding:0 10px 5px 30px;width:auto;font-size:12px;font-family: IntervalSansProMedium;}
.mainheader a.print:hover {background-color:#0B5B8D;text-decoration:none;}
.mainheader .other-services {margin-top:36px;}
.mainheader .other-services a {color:#fff;margin-left:10px;padding:4px 10px;}
.mainheader .other-services a:hover {background-color:#0B5B8D;text-decoration:none;}

@media (max-width: 420px) {
  .sub-nav > li {
    width: 100%;
    text-align: center;
  }
}

.sub-nav > .active {
   background: url(../img/nav-large.png) 100% 0 no-repeat;
}

.sub-nav > .active > a,
.sub-nav > .active > a:hover {
  color: #000000;
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 14px;
  font-family: IntervalSansProRegular;
  font-size: 24px;
  height: 40px;
  line-height: 30px;
  background: url(../img/nav-large.png) 0 0 no-repeat;
}
body.en .sub-nav > li > a {font-size:20px;}
body.sv .sub-nav > li > a {font-size:20px;}
body.en .sub-nav > .active > a, body.en .sub-nav > .active > a:hover {font-size:20px;}
body.sv .sub-nav > .active > a, body.sv .sub-nav > .active > a:hover {font-size:20px;}

.return-link {
  background: transparent url(../img/return-link-bg.png) no-repeat 0px 0px;
  width: 215px;
  height: 42px;
  padding-top: 3px;
  text-align: center;
}

.sub-nav > .return-link > a, .sub-nav > .return-link > a:hover {
  color: #0b5b8d;
  font-size: 15px;
  font-family: IntervalSansProSemiBold;
  font-weight: normal;
  background: transparent;
  padding-top:8px;
}
 .sub-nav > .return-link > a:hover {text-decoration:underline;}

/* Sections */

section {
  width: 100%;
  margin: 0 auto;
}

section.mainheader {
  background: #0b5b8d url(../img/header-bg.png?v=4) 50% 0 no-repeat;
  padding-bottom:10px;
}

section.mainheader h1 {
  font-family: IntervalSansProSemiBold;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  line-height: 30px;
  margin-bottom: 30px;
}

section.mainheader h2 {
  font-family: IntervalSansProBold;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #033b5d;
  line-height: 20px;
}

@media (max-width: 767px) {
  section.mainheader h1 {
    font-size: 20px;
    font-weight: normal;
  }
}

section.intro {
  background: #1c6fa3;
  color: #dae7ef;
  padding-bottom: 20px;
}

section.intro h2 {
  color: #ffffff;
  font-size: 48px;
  font-family: IntervalSansProLight;
  font-weight: normal;
  margin:30px 0;
}

section.intro p {font-size:18px;line-height:1.5;}
section.intro p a {color:#fff;font-family:IntervalSansProBold;}

section.minimized-process-selector {
  position: fixed;
  top: -110px;
  height: 110px;
  background: #fff;
  z-index: 1000;
  text-align: center;
  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  filter:alpha(opacity=0);

  -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
       -o-transition: all 0.4s;
          transition: all 0.4s;
}

section.minimized-process-selector.active {
  top: 0px;
  opacity: 1;
  filter:alpha(opacity=100);
}

section.minimized-process-selector ul {
  padding: 1px 0 0 0;
  margin: 0px;
  line-height:110px;
  white-space:nowrap;
}

section.minimized-process-selector li {
  display: inline-block;
  list-style: none;
  position: relative;
  width: 90px;
}

section.minimized-process-selector li span {
  display: block;
}

section.minimized-process-selector a {display:block;}

section.minimized-process-selector .title {
  width: 50px;
  line-height: 50px;
  height: 100%;
  font-size: 22px;
  border-radius:25px;
  background:#1c6fa3;
  color:#fff;
}
section.minimized-process-selector a:hover {text-decoration:none;}
section.minimized-process-selector a:hover .title,section.minimized-process-selector .selected .title {background:#000;text-decoration:none;}
section.minimized-process-selector .vaihe-aloite .title,section.minimized-process-selector .vaihe-taytantoonpano .title {border-radius:0;background:none;color:#1c6fa3;}
section.minimized-process-selector .vaihe-2a-perusvalmistelu-virkatyo {position:absolute;top:5px;margin-left:0 !important;}
section.minimized-process-selector .vaihe-2b-perusvalmistelu-valmisteluelin {position:absolute;top:45px;margin-left:0 !important}
section.minimized-process-selector .vaihe-3-lausuntomenettely {margin-left:90px;}
section.minimized-process-selector .vaihe-3-lausuntomenettely.selected {margin-left:100px;}

@media (max-width: 980px) {
  section.minimized-process-selector li {width:70px;}
  section.minimized-process-selector li .title {font-size:16px;}
  section.minimized-process-selector .arrow {background-position:56px 50% !important;}
  section.minimized-process-selector .vaihe-3-lausuntomenettely {margin-left:75px;}
}

section.minimized-process-selector li.vaihe-aloite {
  width: 100px;
  margin-right: 0;
}

section.minimized-process-selector li.vaihe-aloite .title {
  font-size: 18px;
  font-family:IntervalSansProBold;
  background:none;
}
body.en section.minimized-process-selector li.vaihe-aloite .title {margin-left:-30px;}
body.sv section.minimized-process-selector li.vaihe-aloite .title {margin-left:-20px;}
section.minimized-process-selector li.vaihe-aloite a:hover .title {color:#000;}

section.minimized-process-selector li.vaihe-taytantoonpano {
  width: auto;
  margin-left: 20px;
  max-width: 120px;
  vertical-align:middle;
  background:none;
}
section.minimized-process-selector li.vaihe-taytantoonpano a:hover .title {color:#000;}

section.minimized-process-selector li.vaihe-taytantoonpano .title {
  padding-top: 0px;
  font-size: 16px;
  font-family:IntervalSansProBold;
  text-align:left;
  line-height: 1;
  width: auto;
  font-weight:normal;
  white-space:normal;
  background:none;
  color:#739d00;
}
section.minimized-process-selector li.vaihe-taytantoonpano.selected {background:none;color:#000;}
section.minimized-process-selector li.vaihe-taytantoonpano.selected a .title {color:#000;}
section.minimized-process-selector li.vaihe-taytantoonpano.selected a:hover {color:#000;}
section.minimized-process-selector li.vaihe-taytantoonpano a {}
section.minimized-process-selector li.vaihe-taytantoonpano a:hover {color:#A8C700;}



section.minimized-process-selector .green {
  color: #A8C700;
}

section.minimized-process-selector .selected {
/*  background: transparent url(../img/circle-black.png) no-repeat;*/
  background-size: 50px 50px;
  -webkit-background-size: 50px 50px;
  margin-left: 10px;
  padding-right:10px;
}

section.minimized-process-selector .selected a {
  color: #fff;
}

section.minimized-process-selector .vaihe-aloite.selected {background:none;}
section.minimized-process-selector .vaihe-aloite.selected a {color:#000;}

section.minimized-process-selector .arrow {
  background: transparent url(../img/arrow-light.png) no-repeat 65px 50%;
  width: 80px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}
section.minimized-process-selector li.vaihe-2a-perusvalmistelu-virkatyo .arrow {top:24px;}
section.minimized-process-selector li.vaihe-2b-perusvalmistelu-valmisteluelin .arrow {display:none;}

section.minimized-process-selector .arrow-green {
  background: transparent url(../img/arrow-green.png) no-repeat 65px 50%;
  width: 80px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.minimized-process-selector li:first-child .arrow {
  background: transparent url(../img/arrow-light.png) no-repeat 100% 50%;
}

section.minimized-process-selector .selected .arrow {
  background: transparent url(../img/arrow-light.png) no-repeat 65px 50%;
}

section.minimized-process-selector .selected .arrow-green {
  background: transparent url(../img/arrow-green.png) no-repeat 65px 50%;
}



section.process-selector {
  background: #ffffff;
  position: relative;
}

section.process-selector .hint {
  color: #1c6fa3;
  font-size: 42px;
  font-style: italic;
  margin: 40px 0 20px 0;
  text-align:left;
  border-top:3px solid #d2e2ed;  
}
section.process-selector .hint span {background:#fff;display: inline-block;margin-top: -20px;padding: 10px 10px 10px 0;vertical-align: middle;}

section.process-selector ul {
  width: 970px;
  margin: 0px;
  padding: 0px;
  padding-top: 120px;
  padding-bottom: 30px;
  overflow: auto;
  position: relative;
}

section.process-selector li {
  display: inline-block;
  list-style: none;
  width: 90px;
  position: relative;
  text-align: center;
  float: left;
  margin-right: 18px;
}

section.process-selector li:last-child {
  margin-right: 0px;
}

section.process-selector li a, section.process-selector li a:hover {
  text-decoration: none;
  color: #1c6fa3;
  font-size: 15px;
}

section.process-selector li .numbering {
  width: 100%;
  line-height: 90px;
  display: block;
  font-size: 32px;
}

section.process-selector li .title {
  width: 100%;
  position: relative;
  float: left;
  color: #0b5b8d;
  font-size: 16px;
  font-family: IntervalSansProMedium;
  padding-top: 10px;
}

section.process-selector .title .note {
  font-size: 12px;
  font-family: IntervalSansProRegular;
  line-height:1;
}

section.process-selector .start .title {
  background: transparent url(../img/circle-start.png) no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  color: #1c6fa3;
  font-family: IntervalSansProBold;
  font-size: 18px;
  font-weight: normal;
  line-height: 90px;
  padding-top: 0px;
}
section.process-selector .start.selected .title {background: transparent url(../img/circle-black.png) no-repeat;color:#fff;background-size:100% auto;}
section.process-selector .start a:hover .title {
  background: transparent url(../img/circle-black.png) no-repeat;
  color:#fff;
  -webkit-background-size: 100%;
  background-size: 100%;
}

section.process-selector .black .numbering {
  background: transparent url(../img/circle-black.png) no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  color: #ffffff;
}

section.process-selector .green .numbering {
  background: transparent url(../img/circle-green.png) no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  color: #ffffff;
  font-size: 40px;
}

section.process-selector .blue .numbering {
  background: transparent url(../img/circle-blue.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  color: #ffffff;
}
section.process-selector a:hover .numbering {
  background: transparent url(../img/circle-black.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

section.process-selector li .arrow {
  background: transparent url(../img/arrow-blue.png) no-repeat 94px 40px;
  width: 108px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.continue-to-one {height:90px;background:url(../img/arrow-blue.png) 0 50% no-repeat;padding-left:20px;margin-left:20px;margin-top:150px;}
.continue-to-one.step2a {margin-top:100px;}
.continue-to-one.step2b {margin-top:-10px;}
.continue-to-one a {
  background: transparent url(../img/circle-blue.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  color: #ffffff;
  display: block;
  font-size: 32px;
  line-height: 90px;
  width: 90px;
  text-align:center;  
}
.continue-to-one.taytantoonpano a {
  background: transparent url(../img/circle-green.png) no-repeat;
}

.continue-to-one a:hover {background: transparent url(../img/circle-black.png) no-repeat;}

section.process-selector li .arrow-top {
  margin-top: 40px;
}

section.process-selector li .arrow-green {
  background: transparent url(../img/arrow-green.png) no-repeat 94px 40px;
  width: 108px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.process-selector .law {
  position: absolute;
  right: 22px;
  top: 10px;
  width: 150px;
  height: 120px;
  text-align: center;
  background: transparent url(../img/arrow-up.png) no-repeat 50% 55px;
}

section.process-selector .top {
  margin-top: -40px;
}

section.process-selector .top .title {
  margin-top: -170px;
}

section.process-selector .bottom {
  margin-left: -108px;
  margin-top: 40px;
}

section.process-selector .section-arrow {
  position: absolute;
  width: 59px;
  height: 29px;
  left: 0px;
  bottom: -12px;
  background: transparent url(../img/process-selection-arrow.png) no-repeat 0% 0px;
  display: none;
}
section.process-selector .content {background:url(../img/process-selection-arrow.png) 0 -40px no-repeat;}
section.process-selector.aloite .content {background-position:35px 100%;}
section.process-selector.esivalmistelu .content {background-position:145px 100%;}
section.process-selector.perusvalmistelu-virkatyo .content,section.process-selector.perusvalmistelu-valmisteluelin .content {background-position:250px 100%;}
section.process-selector.lausuntomenettely .content {background-position:360px 100%;} 
section.process-selector.jatkovalmistelu .content {background-position:468px 100%;}
section.process-selector.valtioneuvoston-paatoksenteko .content {background-position:575px 100%;}
section.process-selector.eduskuntakasittely .content {background-position:685px 100%;}
section.process-selector.lain-vahvistaminen .content {background-position:790px 100%;}
section.process-selector.taytantoonpano .content {background-position:900px 100%;}

@media (min-width: 740px) and (max-width: 979px) {
  section.process-selector.aloite .content {background-position:22px 105%;}
  section.process-selector.esivalmistelu .content {background-position:99px 105%;}
  section.process-selector.perusvalmistelu-virkatyo .content,section.process-selector.perusvalmistelu-valmisteluelin .content {background-position:176px 105%;}
  section.process-selector.lausuntomenettely .content {background-position:255px 105%;} 
  section.process-selector.jatkovalmistelu .content {background-position:332px 105%;}
  section.process-selector.valtioneuvoston-paatoksenteko .content {background-position:411px 105%;}
  section.process-selector.eduskuntakasittely .content {background-position:488px 105%;}
  section.process-selector.lain-vahvistaminen .content {background-position:566px 105%;}
  section.process-selector.taytantoonpano .content {background-position:645px 105%;}
    
  section.process-selector ul {
    width: 100%;
    padding-top: 100px;
  }
  
  section.process-selector li {
    width: 60px;
    line-height: 60px;
  }
  
  section.process-selector li.arrow {
    display: none;
  }
  
  section.process-selector li.arrow-green {
    display: none;
  }
  
  section.process-selector .start .title {
    font-size: 12px;
    line-height: 60px;
  }
  
  section.process-selector li .title {
    font-size: 11px;
    width: 60px;
    line-height: 15px;
  }
  
  section.process-selector li .numbering {
    background: transparent;
    line-height: 60px;
    font-size: 15px;
  }
  
  section.process-selector li .arrow {
    background: transparent url(../img/arrow-blue.png) no-repeat 64px 23px;
    width: 75px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  
  section.process-selector li .arrow-green {
    background: transparent url(../img/arrow-green.png) no-repeat 64px 23px;
    width: 75px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  section.process-selector li .arrow-top {
    margin-top: 20px;
  }
  
  section.process-selector .bottom {
    margin-left: -78px;
    margin-top: 20px;
  }
  
  section.process-selector .top {
    margin-top: -20px;
  }
  
  section.process-selector .top .title {
    margin-top: -125px;
  }
  
  section.process-selector .law {
    position: absolute;
    left: 555px;
    top: 10px;
    width: 120px;
    height: 100px;
    text-align: center;
    background: transparent url(../img/arrow-up.png) no-repeat 50% 45px;
  }
  
  section.process-selector .law .title {
    text-align: center;
    width: 100%;
  }
  
  section.minimized-process-selector li {width:70px;}
  section.minimized-process-selector .selected {padding-right:0;margin-left:0;}
  section.minimized-process-selector li.vaihe-aloite {width:70px;}
  section.minimized-process-selector li.vaihe-aloite .title {font-size:14px;}
  section.minimized-process-selector li.vaihe-taytantoonpano .title {font-size:14px;}
  section.minimized-process-selector .arrow-green {background-position:60px 50% !important;}
  section.minimized-process-selector .arrow {background-position:55px 50% !important;}
  section.minimized-process-selector li.vaihe-taytantoonpano {margin-left:5px;}
  section.minimized-process-selector .selected .arrow-green {background-position:}
}

@media (max-width: 739px) {
  section.process .fallback-row {
  overflow:visible !important;
  overflow-x:visible !important;
  -webkit-overflow-scrolling:  auto !important;
  }
  
  .mainheader .sub-nav {float:none;max-width:350px;margin:20px auto 5px auto;}
  .mainheader .sub-nav li {clear:both;}
  .mainheader .sub-nav li a {font-size:16px;}
  .sub-nav > li > a:hover {padding-bottom:14px;}
  
  .other-services {display:none;}
  .mainheader .sub-nav li.active {margin-bottom:-5px;}
  .mainheader .sub-nav li.active>a:hover {font-size:16px;}
  
  section.process .processes .box {margin-bottom:0;}
  section.process .processes .dynamic .top-container {margin-top:100px;}
  section.process .processes .end-result-arrow-out,section.process .processes .end-result-arrow-in {height:23px;}
  section.process .processes .end-process {top:100%;right:auto;left:50%;margin-left:-20px;margin-top:-20px;}
  section.process .processes .section-marker {margin-top:20px;}
  section.process .processes .box .long-arrow-right {display:none;}
  
  section.process-selector .content {
    padding: 0px;
  }
  
  section.process-selector .hint {
    display: none;
  }
  
  section.process-selector ul {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
  }
  
  section.process-selector li {
    width: 100%;
    height: 48px;
    float: left;
    display: block;
    text-align: left;
    line-height: 40px;
    margin-bottom: -7px;
  }
  
  section.process-selector li .arrow {
    display: none;
  }
  
  section.process-selector li .arrow-green {
    display: none;
  }
  
  section.process-selector li .title {
    position: absolute;
    top: 0px;
    left: 38px;
    padding-top: 0px;
    color: #ffffff;
  }

  section.process-selector li .title.right-border {
    border-right-style: solid;
    border-right-color: #D3E2EE;
    border-right-width: 5px;
    height: 40px;
    width: 97.8%;
    margin-right: 5px;
  }
  
  section.process-selector .start .title {
    background: transparent;
    line-height: 44px;
    padding-top: 0px;
    left: 12px;
  }

  section.process-selector li .numbering {
    background: transparent;
    line-height: 42px;
    font-size: 17px;
    padding-left: 12px;
    width: 18px;
    text-align: center;
  }
  
  section.process-selector .blue .numbering {
    background: transparent;
  }
  
  section.process-selector .black .numbering {
    background: transparent;
  }

  section.process-selector .green .numbering {
    background: transparent;
    display: none;
  }
  
  section.process-selector .top {
    margin-top: 0px;
  }

  section.process-selector .top .title {
    margin-top: 0px;
  }

  section.process-selector .bottom {
    margin-left: 0px;
    margin-top: 0px;
  }
  
  section.process-selector .law {
    background: #ffffff;
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0px;
    text-align: left;
    top: 0px;
    left: 0px;
  }
  
  section.process-selector .law .title {
    color: #1c6fa3; 
    font-style: italic;
    font-weight: normal;
    font-family: IntervalSansProRegular;
    left: 12px;
  }
  
  section.process-selector .green .title {
    left: 12px;
  }
  section.process-selector .start.selected .title {background:none;color:#000;}
  
  section.process-selector a:hover .title {text-decoration:underline;}
  section.process-selector a:hover .numbering {background:none;text-decoration:underline;}
  section.process-selector .start a:hover .title {background:none;color:#1C6FA3;}
  
  section.process-selector li:nth-child(even) {
    background: transparent url(../img/mini-list-bg-darkblue.png) no-repeat;
  }
  
  section.process-selector li:nth-child(odd) {
    background: transparent url(../img/mini-list-bg-lightblue.png) no-repeat;
  }
  
  section.process-selector li:first-child {
    background: transparent url(../img/mini-list-bg-white.png) no-repeat !important;
    color: #1c6fa3 !important;
  }
  
  section.process-selector li:last-child {
    background: #a3c740;
  }
  
  section.process-selector li:nth-child(1) {z-index: 10;}
  section.process-selector li:nth-child(2) {z-index: 9;}
  section.process-selector li:nth-child(3) {z-index: 8;}
  section.process-selector li:nth-child(4) {z-index: 7;}
  section.process-selector li:nth-child(5) {z-index: 6;}
  section.process-selector li:nth-child(6) {z-index: 5;}
  section.process-selector li:nth-child(7) {z-index: 4;}
  section.process-selector li:nth-child(8) {z-index: 3;}
  section.process-selector li:nth-child(9) {z-index: 2; }
  section.process-selector li:nth-child(10) {z-index: 1;  background: url(../img/mini-list-bg-fullwhite.png) no-repeat; }
  
 .continue-to-one {margin:0 auto 20px auto;width:90px;padding-left:0;padding-top:20px;background:url(../img/arrow-blue-down.png) 50% 0 no-repeat;}
 .continue-to-one.step2a {margin:0;float:left;}
 .continue-to-one.step2b {margin:0;float:left;}   
 .continue-to-one-wrapper {width:180px;margin:0 auto 20px auto;overflow:hidden;}
}

/**
 * Process
 */

section.process {
  min-height: 200px;
  background: #bad4e3 url(../img/process-bg.png) 50% 100% no-repeat;
  color: #1c6fa3;
  font-size: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

section.process h2 {
  font-family: IntervalSansProBold;
  font-size: 24px;
  font-weight: normal;
  color: #000000;
  margin-top:20px;
}

section.process .processes {
  padding-bottom: 20px;
  padding-top: 0;
  overflow:hidden;
  max-width:100%;
  width:100%;
  margin-bottom: -40px;
}

.box-container {
  position: relative;
}

.box-container.padded {
  padding-top: 100px;
}
section.process .box-container {padding-top:15px;}


.box-container > * {
}

section.process .section-marker {
  position: relative;
  width: 100%;
  height: 90px;
  float: left;
  margin-right: 20px;
  padding-bottom: 30px;
}

section.process #nextSectionLinkA.section-marker.dynamic {margin-top:20px;padding-top:0;padding-bottom:0;}
section.process #nextSectionLinkB.section-marker.dynamic {margin-top:-10px;padding-top:0;}
section.process #prevSectionLinkA.section-marker.dynamic {margin-top:20px;padding-top:0;padding-bottom:0;}
section.process #prevSectionLinkB.section-marker.dynamic {margin-top:-10px;padding-top:0;}

section.process .section-marker.dynamic {
  width: 90px;
  padding-top: 30px;
}

section.process .section-marker .numbering {
  height: 90px;
  display: block;
  line-height: 90px;
  text-align: center;
}

section.process .black .numbering {
  background: transparent url(../img/circle-black.png) no-repeat 50% 0;
  background-size: 90px 90px;
  -webkit-background-size: 90px 90px;
  color: #ffffff;
}

section.process .green .numbering {
  background: transparent url(../img/circle-green.png) no-repeat 50% 0;
  background-size: 90px 90px;
  -webkit-background-size: 90px 90px;
  color: #ffffff;
  font-size: 40px;
}

section.process .blue .numbering {
  background: transparent url(../img/circle-blue.png) no-repeat 50% 0;
  background-size: 90px 90px;
  -webkit-background-size: 90px 90px;
  color: #ffffff;
}
section.process a:hover {text-decoration:none;}
section.process a:hover .numbering {
  text-decoration:none;
  background: transparent url(../img/circle-black.png) no-repeat 50% 0;
}

section.process .arrow {
  background: transparent url(../img/arrow-blue-down.png) no-repeat 50% 98px;
  width: 100%;
  height: 128px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.process .dynamic .arrow {
  background: transparent url(../img/arrow-blue.png) no-repeat 98px 67px;
  width: 112px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.process .diamond {
  background: transparent url(../img/diamond.png) no-repeat 50% 0px;
  height: 90px;
  background-size: 78px 78px;
  -webkit-background-size: 78px 78px;
  color: #ffffff;
}

section.process .dynamic.diamond {
  padding-top: 30px;
  background: transparent url(../img/diamond.png) no-repeat 50% 30px;
}

section.process .dynamic.diamond .arrow {
  background: transparent url(../img/arrow-blue.png) no-repeat 94px 60px;
  width: 115px;
  height: 90px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.process .diamond .arrow {
  background: transparent url(../img/arrow-blue-down.png) no-repeat 50% 93px;
  width: 100%;
  height: 128px;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.process .box h1 {
  display: none;
  font-weight: normal;
}

section.process .legend {
  float: left;
  position: relative;
  width: 60%;
}

@media (max-width: 980px) {
  section.process .legend {
    width: 100%;
  }
}

section.process .legend ul {
  font-size: 13px;
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 20px;
}

section.process .legend .marker {
  width: 20px;
  height: 5px;
  line-height: 0px;
  border-top-width: 5px;
  border-top-style: solid;
  float: left;
  margin-right: 0;
  margin-top: 6px;
  margin-left:-30px;
}

section.process .legend li {
  padding-left:30px;
  line-height:1.2;
  margin-bottom:5px;
}

section.process .legend .diamond {
  border-top-style: none;
  height: 22px;
  line-height: 20px;
  background: transparent url(../img/legend-diamond.png) no-repeat 0 0;
  background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  padding-top: 0px;
  margin-top: 0px;
}

section.process .legend h2 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: IntervalSansProMedium;
  color: #1c6fa3;
  margin-top:12px;
}

section.process .box {
  width: 100%;
  font-size: 16px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  cursor: hand; cursor: pointer; 
  /*
  -webkit-transition: width 0.4s;
     -moz-transition: width 0.4s;
      -ms-transition: width 0.4s;
       -o-transition: width 0.4s;
          transition: width 0.4s;
  */
}

section.process .box .long-arrow-right {
  width: 100%;
  height: 19px;
  background: transparent url(../img/long-arrow-right.png) no-repeat 50% 0px;
}

section.process .box .long-arrow-left {
  width: 100%;
  height: 19px;
  background: transparent url(../img/long-arrow-left.png) no-repeat 50% 0px;
}

section.process .box .no-top-margin {
  margin-top: 0px;
}

section.process .box .small-top-margin {
  margin-top: 20px;
}

section.process .multi-box-container {
  position: relative;
  display: inline-block;
  width: 200px;
}

section.process .box-open {
  cursor: auto;
}

section.process .box .maintext ul {
  margin-top: 10px;
}

section.process .box-content {
  background: #ffffff;
  padding: 5px 10px 10px 10px;
  position: relative;
  margin: 0px;
  min-height: 120px;
  border-top-style: solid;
  border-top-width: 5px;
}
section.process .box-open .box-content {padding:10px 20px;}
section.process .box-content:hover {background:#e7f0f5;}
section.process .box-open .box-content:hover {background:#fff;}

section.process .box .border {
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0);
  border-top-width: 5px;
}

section.process .box-content.optional {border-width:5px;border-style:dashed;}

section.process .box-open .box:hover {
  opacity: 1;
}

section.process .box-open.box:hover {
  opacity: 1;
}

section.process .box h2 {
  font-size: 12px;
  text-transform: uppercase;
  font-family: IntervalSansProMedium;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  line-height: 13px;
  text-align: left;
  display: block;
}
section.process .box-open h2 {font-size:14px;}

section.process .box h3 {
  width: 100%;
  font-size: 16px;
  padding: 0px;
  padding-top: 4px;
  padding-bottom: 5px;
  line-height: 15px;
  font-family: IntervalSansProMedium;
  font-weight: normal;
}

section.process .box-content:hover h3 {text-decoration:underline;}
section.process .box-open .box-content:hover h3 {text-decoration:none;}

section.process .box-open h3 {
  float: left;
  text-align: left;
  width: auto;
  font-size: 24px;
  font-family: IntervalSansProSemiBold;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height:1.1;
}
section.process .box-open.dynamic  h3 {font-size:32px;}

section.process .box .numbering {
  font-size: 24px;
  width: 100%;
  color: #000000;
  font-family: IntervalSansProBold;
  font-weight: normal;
  padding: 0px;
  margin-bottom: 10px;
  margin-top: 5px;
  line-height: 35px;
  float: left;
}

section.process .box-open .numbering {
  float: none;
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right:0;
  margin-top:0;
  line-height:1.1;
  font-size: 24px;
  font-family: IntervalSansProSemiBold;
}
section.process .box-open.dynamic .numbering {font-size: 32px;float:none;margin-right:0;}

section.process .box .maintext {
  color: #000000;
  font-size: 14px;
  width: 90%;
  clear: left;
  text-align: left;
  float: left;
  padding: 15px;
  padding-top: 0px;
  display: none;
  margin: 0px;
  /*
  -webkit-transition: height 0.4s;
     -moz-transition: height 0.4s;
      -ms-transition: height 0.4s;
       -o-transition: height 0.4s;
          transition: height 0.4s;
  transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  */
}

section.process .box-open .maintext {
  display: block;
  height: auto;
  padding-left:0;
}

section.process .box.dynamic .maintext.narrow {
  width: 55%;
}
section.process .box .end-result-text {
  display: none;
  margin-left: 0;
  margin-bottom:20px;
  margin-right: 15px;
  width: 90%;
  float: left;
  margin-top: 3px;
  /*
  -webkit-transition: height 0.4s;
     -moz-transition: height 0.4s;
      -ms-transition: height 0.4s;
       -o-transition: height 0.4s;
          transition: height 0.4s;
  */
}
section.process .box.dynamic .end-result-text {margin-left:15px;margin-right: 15px;margin-bottom:0;}
section.process .box.dynamic .end-result-text {
  float: right;
  width: 30%;
  /*
  height: 0px;
  -webkit-transition: height 0.4s;
     -moz-transition: height 0.4s;
      -ms-transition: height 0.4s;
       -o-transition: height 0.4s;
          transition: height 0.4s;
  */
}
section.process .box.dynamic .end-result-text h2 {
  width: 150px;
}


section.process .box .end-result-text ul {
  list-style-type: none;
  padding: 0px;
  padding-top: 10px;
  margin-left: 0px;
  text-align: left;
}

section.process .box .end-result-text li {
  background: transparent;
  font-size: 14px;
  font-family: IntervalSansProRegular;
  color: #000000;
}

section.process .box .links {
  float: left;
  display: none;
  width: 90%;
}

section.process .box-open .links {
  display: block;
}

section.process .box ul.link-list {
  list-style-type: none;
  padding: 0px;
  padding-top: 10px;
  margin-left: 0;
  text-align: left;
}

section.process .box ul.link-list li {
  background: url(../img/link-arrow.png) 0px 3px no-repeat;
  padding-left: 35px;
}

section.process .box ul.link-list li a:hover {text-decoration:underline;}

section.process .box ul.link-list li.lock {
  background: url(../img/link-lock.png) 0px 0px no-repeat;
}

section.process .box ul.link-list li.finlex {
  background: url(../img/link-finlex.png) 0px 2px no-repeat;
}

section.process .box .arrow {
  background: transparent url(../img/box-arrow.png) 0 0px no-repeat;
  width: 15px;
  height: 30px;
  position: absolute;
  top: 50px;
  left: 100%;
  margin-right: -10px;
  display: none;
}
section.process .box .optional .arrow {background-position:0 0;}

section.process .box .arrow-left {
  background: transparent url(../img/box-arrow-left.png) 5px 0px no-repeat;
  width: 15px;
  height: 30px;
  position: absolute;
  top: 50px;
  left: 0%;
  margin-left: -14px;
}

section.process .box .arrow-down {
  background: transparent url(../img/box-arrow-down.png) 0px -5px no-repeat;
  width: 30px;
  height: 15px;
  margin-left: -15px;
  position: absolute;
  left: 50%;
  bottom: -15px;
}

section.process .box .arrow-up {
  background: transparent url(../img/box-arrow-up2.png) 0px 5px no-repeat;
  width: 30px;
  height: 15px;
  margin-left: -15px;
  position: absolute;
  left: 50%;
  top: -20px;
}

section.process .box-content .close-link{
  position: absolute;
  right: 20px;
  top: 10px;
  display: none;
  font-size: 14px;
  font-family:IntervalSansProBold;
}
section.process .box-content .close-link:hover {text-decoration:underline;}

section.process .dynamic.box-open .close-link {
  display: block;
}

section.process .end-process {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50px;
  right: -20px;
  background: transparent url(../img/diamond-small.png) 0px 0px no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
section.process .virkamiesjohto .end-process {background: transparent url(../img/diamond-virkamiesjohto.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .valmisteluelin .end-process {background: transparent url(../img/diamond-valmisteluelin.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .oikeusministerio .end-process {background: transparent url(../img/diamond-oikeusministerio.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .ministeriot .end-process {background: transparent url(../img/diamond-oikeusministerio.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .okv .end-process {background: transparent url(../img/diamond-oikeusministerio.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .raha-asiainvaliokunta .end-process {background: transparent url(../img/diamond-raha-asiainvaliokunta.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .ministeri .end-process {background: transparent url(../img/diamond-ministeri.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .valtioneuvosto .end-process {background: transparent url(../img/diamond-valtioneuvosto.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .tasavallan-presidentti .end-process {background: transparent url(../img/diamond-valtioneuvosto.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
section.process .eduskunta .end-process {background: transparent url(../img/diamond-eduskunta.png) 0px 0px no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}

.end-process-small {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 28px;
  background: transparent url(../img/diamond-small.png) 0px 0px no-repeat;
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
}

@media (max-width: 739px) {
  section.process .end-process {
    top: 10px;
    right: 10px;
  }
}

section.process .reference {
  clear: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-family:IntervalSansProBold;
  font-weight:normal;    
}

#process-2a .reference {margin-top:10px;}

section.process .box hr {
  width: 100%;
  height: 5px;
  border: 0;
  background: #0b5b8d;
  color: #0b5b8d;
  padding: 0;
  margin: 0;
}

section.process .end-result-container {
  width: 100%;
  text-align: center;
}

section.process .end-result-container.left {
  width: 100px;
  text-align: center;
  height: 120px;
  left: -100px;
  top: 110px;
  position: absolute;
}

section.process .end-result-arrow-in-left-bottom {
  background: transparent url(../img/arrow-in-right-bottom.png) 50% 0px no-repeat;
  padding-top: 50px;
  font-size: 13px;
}

section.process .end-result-arrow-out-left-bottom {
  background: transparent url(../img/arrow-out-bottom.png) 50% 10px no-repeat;
  padding-top: 40px;
  font-size: 13px;
  width:50%;
}
section.process .end-result-arrow-left-down {
  background: transparent url(../img/arrow-left-down.png) 50px 20px no-repeat;
  width:100%;
  height:50px;
}

section.process .box .end-result-6-13 {top:220px;}

section.process .end-result-arrow-left-up {
  background: transparent url(../img/arrow-left-up.png) 50px 20px no-repeat;
  width:100%;
  height:50px;
}

#process-2a #process-2-5 + .end-result-container.left {top:150px;}
#process-2b #process-2-5 + .end-result-container.left {top:120px;}

section.process .end-result-container.top {
  width: 100%;
  text-align: center;
  height: 100px;
  margin-top: 0;
}
section.process .dynamic .end-result-container.top {margin-top:-100px;}

section.process .dynamic .top-container {
  margin-top: 120px;
}

section.process .end-result-arrow {
  width: 100%;
  height: 53px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: transparent url(../img/process-arrow-down.png) 50% 0px no-repeat;
}

section.process .end-result-arrow-in {
  width: 50%;
  height: 53px;
  margin-top: 20px;
  margin-bottom: 0px;
  background: transparent url(../img/arrow-in-bottom.png) 50% 0px no-repeat;
  padding-top: 50px;
  font-size: 13px;
  float: left;
}

section.process .end-result-arrow-in.centered {
  width: 100%;
}

section.process .end-result-arrow-out {
  width: 50%;
  height: 53px;
  margin-top: 20px;
  margin-bottom: 0px;
  background: transparent url(../img/arrow-out-bottom.png) 50% 0px no-repeat;
  padding-top: 30px;
  font-size: 13px;
  float: left;
}
section.process .end-result-arrow-out.centered {
  width: 100%;
}

section.process .end-result-arrow-out-up {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 0px;
  background: transparent url(../img/arrow-out-bottom.png) 50% 70% no-repeat;
  padding-top: 0px;
  font-size: 13px;
  float: left;
  position:relative;
}
section.process .end-result-arrow-out-up>.wrapper {bottom: 55px;position: absolute;width: 100%;line-height:1.2;}

section.process .end-result-arrow-out-up .political {line-height:1.2;margin-top:15px;bottom: 55px;position: absolute;width: 100%;}
section.process .end-result-arrow-out-up .political .actors {text-transform:uppercase;}

section.process .two .end-result-arrow-out-up {width:50%;}

section.process .end-result-arrow-in p {
  margin-bottom: 0px;
  line-height:1.4;
}

section.process .end-result-arrow-out p {
  margin-bottom: 0px;
}

section.process .end-result-arrow-out-up p {
  margin-bottom: 0px;
}

section.process .end-result {
  width: 100%;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin-bottom: 0px;
  background: transparent url(../img/circle-process-result.png) 50% 0px no-repeat;
}

section.process .box .skip-arrow-top {height:30px;padding-top:90px;}
section.process .box .skip-arrow-top .long-arrow-right {margin-top:0;}

section.process .ministeri-valtioneuvosto-ja-tasavallan-presidentti { border-top-color: #1c6fa3; }
section.process .ministeri-valtioneuvosto-ja-tasavallan-presidentti-header { color: #1c6fa3; }
section.process .tasavallan-presidentti { border-top-color: #9b5bb2; }
section.process .tasavallan-presidentti-header { color: #9b5bb2; }
section.process .eduskunta { border-top-color: #bf2457; }
section.process .eduskunta-header { color: #bf2457; }
section.process .hallitus { border-top-color: #ed9700; }
section.process .hallitus-header { color: #ed9700; }
section.process .valtioneuvosto { border-top-color: #9b5bb2; }
section.process .valtioneuvosto-header { color: #9b5bb2; }
section.process .ministeri { border-top-color: #7c9c25; }
section.process .ministeri-header { color: #7c9c25; }
section.process .raha-asiainvaliokunta { border-top-color: #979797; }
section.process .raha-asiainvaliokunta-header { color: #979797; }
section.process .virkamiesjohto { border-top-color: #835a0c; }
section.process .virkamiesjohto-header { color: #835a0c; }
section.process .oikeusministerio {border-top-color: #ff6464;}
section.process .oikeusministerio-header {color: #ff6464;}

section.process .valmistelija { border-top-color: #00bdcd; }
section.process .valmistelija-header { color: #00bdcd; }
section.process .valmistelija-valmistelutiimi { border-top-color: #948b00; }
section.process .valmistelija-valmistelutiimi-header { color: #948b00; }
section.process .valmistelutiimi { border-top-color: #00bdcd; }
section.process .valmistelutiimi-header { color: #00bdcd; }
section.process .valmisteluelin { border-top-color: #ce7aff; }
section.process .valmisteluelin-header { color: #ce7aff; }
section.process .esittelija-valmistelutiimi { border-top-color: #cba254; }
section.process .esittelija-valmistelutiimi.optional { border-color: #cba254; }
section.process .esittelija-valmistelutiimi-header { color: #cba254; }
section.process .esittelija { border-top-color: #cba254; }
section.process .esittelija.optional { border-color: #cba254; }
section.process .esittelija-header { color: #cba254; }

section.process .kaantaja-kaannostoimisto { border-top-color: #888; }
section.process .kaantaja-kaannostoimisto-header { color: #888; }
section.process .okv-muut-ministeriot { border-top-color: #ff6464; }
section.process .okv-muut-ministeriot.optional { border-color: #ff6464; }
section.process .okv-muut-ministeriot-header { color: #ff6464; }
section.process .ministeriot { border-top-color: #ff6464; }
section.process .ministeriot.optional { border-color: #ff6464; }
section.process .ministeriot-header { color: #ff6464; }
section.process .okv { border-top-color: #ff6464; }
section.process .okv.optional { border-color: #ff6464; }
section.process .okv-header { color: #ff6464; }

section.process .vnk { border-top-color: #ff6464; }
section.process .vnk.optional { border-color: #ff6464; }
section.process .vnk-header { color: #ff6464; }

section.process .vm { border-top-color: #ff6464; }
section.process .vm.optional { border-color: #ff6464; }
section.process .vm-header { color: #ff6464; }

section.process .muut-ministeriot { border-top-color: #0cc869; }
section.process .muut-ministeriot-header { color: #0cc869; }
section.process .sidosryhmat { border-top-color: #000; }
section.process .sidosryhmat-header { color: #000; }

section.process .style-1.dynamic { margin-top: 0px; }
section.process .style-2.dynamic { margin-top: 30px; }
section.process .style-3.dynamic { margin-top: 60px; }
section.process .style-4.dynamic { margin-top: 90px; }
section.process .style-5.dynamic { margin-top: 120px; }
section.process .style-6.dynamic { margin-top: 150px; }
section.process .style-7.dynamic { margin-top: 180px; }
section.process .style-8.dynamic { margin-top: 210px; }
section.process .style-9.dynamic { margin-top: 240px; }
section.process .style-10.dynamic { margin-top: 270px; }

section.process .box .box-content.optional {border-width:2px;border-color:#fff;background:#c5dae6;}
section.process .box-open .box-content.optional {border-width:2px;}
section.process .box .box-content.optional .arrow-up {top:-15px;}

section.process .dynamic {
  float: left;
  margin-right: 30px;
}

section.process .fallback-row {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

section.process .fallback-span {
  position: relative;
  padding-top: 20px;
}

section.process .prev-container {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 90px;
  background: transparent url(../img/overlay-gradient-left.png) -84px 0px repeat-y;
}

section.process .next-container {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 90px;
  background: transparent url(../img/overlay-gradient-right.png) 0px 0px repeat-y;
}

section.process .prev-next-button {
  display: none;
  position: absolute;
  top: 60px;
  width: 120px;
  height: 120px;
  background: transparent url(../img/circle-white-shadow.png) 0px 0px no-repeat;
  line-height: 120px;
  text-align: center;
  font-size: 32px;
  /*
  -webkit-filter: drop-shadow(rgba(51,51,51,0.3) 0px 0px 14px);
  -moz-filter: drop-shadow(rgba(51,51,51,0.3) 0px 0px 14px);
  -o-filter: drop-shadow(rgba(51,51,51,0.3) 0px 0px 14px);
  -ms-filter: drop-shadow(rgba(51,51,51,0.3) 0px 0px 14px);
  filter: drop-shadow(rgba(51,51,51,0.3) 0px 0px 14px);
  */
}

section.process .prev-next-button:hover {
  text-decoration: none;
}
  
@media (max-width: 739px) {
  section.process .processes {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
  
  section.process .box .dynamic {
    position: relative;
    display: block;
  }
}

section.process-control {
  display: none;
  position: relative;
  background: #aacadc;
  border-top-style: solid;
  border-top-color: #1c6ea2;
  border-top-width: 5px;
  min-height: 125px;
  color: #ffffff;
  text-align: center;
  width: 100%;
}

section.process-control .controller-display {
  width: 200px;
  height: 160px;
  position: absolute;
  background: transparent url(../img/box-arrow-up.png) no-repeat 50% 0px;
  margin-top: -30px;
  z-index: 1;
  overflow: visible;
}

section.process-control .controller-display .bg {
  background: #ffffff;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  top: 20px;
  position: absolute;
}

section.process-control .controller {
  background: rgba(255, 255, 255, 0.0);
  height: 140px;
  width: 200px;
  position: absolute;
  top: -10px;
  left: 0px;
  z-index: 3;
  cursor:move;
  cursor:ew-resize;
}

section.process-control .process-control-container {
  display: table;
  margin: 0px auto;
  z-index: 2;
  position: relative;
}

section.process-control a, section.process-control a:hover {
  text-decoration: none;
  color: #ffffff;
}

section.process-control .next-prev {
  background: transparent url(../img/circle-blue.png) no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  color: #ffffff;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 40px;
}
#process-7+section.process-control .next-prev.next {background-image:url(../img/circle-green.png);}
#process-7+section.process-control .next-prev.next:hover {background-image:url(../img/circle-black.png);}

section.process-control div.next-prev {background:none;height:auto;margin-top:30px;}
section.process-control div.next-prev a {background: transparent url(../img/circle-blue.png) no-repeat;display:block;width:40px;height:40px;line-height:40px;-webkit-background-size: 100%;background-size: 100%;margin-top:-5px;}
section.process-control div.next-prev a:hover {background-image:url(../img/circle-black.png);}
section.process-control a.next-prev:hover {background-image:url(../img/circle-black.png);}

section.process-control .next {
  margin-left: 15px;
}

section.process-control .mini-box {
  width: 35px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  display: block;
  position: relative;
  background: #000000;
  margin-right: 5px;
  margin-top: 40px;
}

section.process-control .mini-end-result {
  width: 100%;
  height: 30px;
  background: transparent url(../img/mini-browser-bubble.png) 50% 0px no-repeat;
}

section.process-control .mini-end-result-top {
  width: 100%;
  height: 90px;
  margin-top: -90px;
  background: transparent url(../img/mini-browser-bubble-top.png) 50% 0px no-repeat;
}

.print-container {
  text-align: left;
  margin-top: 20px;
  float: left;
  padding-left: 20px;
  position: relative;
}

@media (max-width: 767px) {
  section.process-control .print-container {
    display: none;
  }
}

.print {
  margin-top: 0;
  width: 100px;
  padding-top: 30px;
  display: block;
  background: transparent url(../img/print.png) 0% 0px no-repeat;
  font-size: 16px;
  color: #1c6fa3;
}
.intro .print {margin-top: 25px;}

.print.white {
  color: #fff;
}

.print a:hover {
  text-decoration: none;
  color: #1c6fa3;
}
section.process .print:hover {text-decoration:underline;}

.content {
  margin: 0 auto;
  padding: 0px;
  max-width: 1010px;
  padding-left: 20px;
  padding-right: 20px;
}
footer {font-family: IntervalSansProMedium;}
footer .top {background:#1c6fa3;color:#8db7d1;padding:30px 0;}
footer #disclaimer {background: #0b5b8d url(../img/footer-bg.png) 50% 0 no-repeat;color:#fff;padding:30px 0 80px 0;font-size:15px;}
footer #disclaimer p {min-height:110px;padding-left:140px;background:url(../img/footer-logo.png) 0 0 no-repeat;line-height:1.7;}
footer ul {list-style:none;margin:0 0 1em 0;padding:0;}
footer li {display:inline;margin-right:18px;}
footer a {color:#fff;}
footer a:hover {color:#fff;text-decoration:underline;}
footer p {margin:0;}
footer .text-version,footer .lang {text-align:right;}
footer .lang li {margin:0 0 0 18px;}
footer .text-version a {background:url(../img/print-small.png) 0 50% no-repeat;padding-left:20px;}

/*
footer {
  margin: 0 auto;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  background: #0b5b8d url(../img/footer-bg.png) 50% 0 no-repeat;
  height: 310px;
  color: #ffffff;
  font-family: IntervalSansProMedium;
  font-size: 14px;
  overflow: hidden;
}

footer .finlex-logo {
  width: 110px;
}

@media (max-width: 739px) {
  footer .finlex-logo {
    width: 70px;
  }
}

footer a, footer a:hover {
  color: #ffffff;
}

footer ul {
  list-style: none;
  margin-bottom: 20px;
  margin-left:0;
}

footer ul li {
  display: inline;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

footer img {
  margin-top: 20px;
}

footer .info {
  color: #8db7d1;
  line-height: 13px;
}
*/

.hover-tooltip {cursor:pointer;}
.box-content .hover-tooltip,.text-content .hover-tooltip {border-bottom: 1px dotted #000;}
.text-content .hover-tooltip {border-color:#1C6FA3;}
section.process .box h2 .hover-tooltip,section.process .end-process.hover-tooltip,.hover-tooltip.no-border {border:0;}


.abbr-tooltip {
  left: 100px;
  top: 100px;
  display: none;
  position: absolute;
  color: #fff;
  min-width: 100px;
  max-width: 350px;
  min-height: 50px;
  z-index:1100;
}

.abbr-tooltip .bg {
  background: transparent url(../img/tooltip-bg.png) repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.abbr-tooltip .arrow {
  background: transparent url(../img/tooltip-arrow.png) no-repeat;
  width: 30px;
  height: 15px;
  margin-left: -15px;
  position: absolute;
  left: 50%;
  top: 100%;
}

.abbr-tooltip .content {
  position: relative;
  padding:20px;
  font-style: italic;
}

.abbr-tooltip .content p {
  line-height: 1.4;
}

.abbr-tooltip .content a, .abbr-tooltip .content a:hover {
  color: #fff;
  text-decoration: underline;
}

.abbr-tooltip .content h2 {
  font-size: 16px;
  margin: 0px;
  margin-bottom: 5px;
  line-height: 20px;
  font-family:IntervalSansProBold;
  font-style: normal;
  font-weight:normal;
}

.abbr-tooltip .closebutton {
  background: transparent url(../img/tooltip-close.png?v=4) no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2px;
  top: 2px;
}
section.process .text-content {line-height:1.4;-moz-columns:2;-webkit-columns:2;columns:2;-moz-column-gap: 20px;-webkit-column-gap: 20px;margin-bottom:30px;}
@media (max-width: 800px) {
  section.process .text-content {-moz-columns:1;-webkit-columns:1;columns:1;margin-bottom:30px;}
}
section.process .text-content h4 {color:#000;font-weight:normal;font-family:IntervalSansProBold;}

section.process .text-content.no-columns {margin:0 -10px 30px -10px;}
section.process .text-content.no-columns .column {padding:10px;box-sizing:border-box;}
section.process .text-content li {line-height:1.4;}
#aloite.process .text-content,#taytantoonpano.process .text-content {padding-bottom:30px;}
section.process .text-content a {  
  font-family:IntervalSansProBold;
  font-style: normal;
  font-weight:normal;
}
section.process  .text-content a:hover {text-decoration:underline;}

section.text-page {background:#fff;padding:30px 0;font-size:15px;line-height:1.5;}
section.text-page h3 {font-weight:normal;font-family:IntervalSansProMedium;color:#1c6fa3;font-size:24px;margin:0 0 20px 0;}
section.text-page h4 {font-weight:normal;font-family:IntervalSansProBold;font-size:18px;}
section.text-page a {font-family:IntervalSansProBold;}
section.text-page p {margin: 20px 0;}
section.text-page .aside h4 {color:#1c6fa3;font-family:IntervalSansProMedium;}


.clearer {
  clear: both;
}

.visible {
  display: block;
}

.front {
  z-index: 2;
}

.fixed-process-menu {display:none;position:fixed;top:0;z-index:1050;left:0;width:100%;font-size:16px;}
.fixed-process-menu.show {display:block;position:relative;margin-bottom:-7px;}
body.fixed .fixed-process-menu {position:fixed;}
body.fixed section.mainheader {padding-top:40px;}
.fixed-process-menu .head {height:48px;line-height:40px;background:url(../img/mini-list-bg-darkblue.png) 40px 0 no-repeat;padding-left:55px;position:relative;color:#fff;z-index:10;}
.fixed-process-menu .head .numbering {font-family:IntervalSansProBold;padding-right:15px;}
.fixed-process-menu .head .title {font-family:IntervalSansProMedium;}
.fixed-process-menu .toggle {display:block;position:absolute;left:0;top:0;width:41px;height:41px;background:#0f5480 url(../img/menu-icon.png) 50% 50% no-repeat;overflow:hidden;text-indent:100%;}
.fixed-process-menu ul {display:none;list-style:none;margin:-7px 0 0 0;padding:0;position:relative;z-index:10;}
.fixed-process-menu ul.open {display:block}
.fixed-process-menu li {position:relative;display: block;height: 42px;line-height: 36px;margin-bottom: -7px;background:url(../img/mini-list-bg-darkblue.png) 0 100% no-repeat;}
.fixed-process-menu li:nth-child(odd) {background:url(../img/mini-list-bg-lightblue.png) 0 100% no-repeat;}
.fixed-process-menu li.aloite {background:url(../img/mini-list-bg-white.png) 0 100% no-repeat;margin-top:-5px;}
.fixed-process-menu li a {color:#fff;}
.fixed-process-menu li.aloite a {color:#1c6fa3;}
.fixed-process-menu li.aloite {padding-left:15px;}
.fixed-process-menu li.law {display:none;color: #1C6FA3;font-family: IntervalSansProRegular;font-style: italic;padding-left:15px;}
.fixed-process-menu ul .numbering {font-family:IntervalSansProBold;padding:0 15px;}
.fixed-process-menu ul .title {font-family:IntervalSansProMedium;}
.fixed-process-menu li.taytantoonpano {background:#A3C740;height:40px;}

.fixed-process-menu li:nth-child(1) {z-index: 10;}
.fixed-process-menu li:nth-child(2) {z-index: 9;}
.fixed-process-menu li:nth-child(3) {z-index: 8;}
.fixed-process-menu li:nth-child(4) {z-index: 7;}
.fixed-process-menu li:nth-child(5) {z-index: 6;}
.fixed-process-menu li:nth-child(6) {z-index: 5;}
.fixed-process-menu li:nth-child(7) {z-index: 4;}
.fixed-process-menu li:nth-child(8) {z-index: 3;}
.fixed-process-menu li:nth-child(9) {z-index: 2; }
.fixed-process-menu li:nth-child(10) {z-index: 1;  background: url(../img/mini-list-bg-fullwhite.png) no-repeat; }

.box .prev-next {display:none;float:right;margin:20px 15px 10px 15px;width:30%;}
.box-open.dynamic .prev-next {display:block;}
.box .prev-next div {float:left;width:35px;padding-right:15px;margin-right:5px;background:url(../img/arrow-blue.png) 100% 50% no-repeat;font-size:14px;}
.box .prev-next div.two {margin-top:-15px;}
.box .prev-next div.next {padding-right:0;margin-right:0;background:none;}
.box .prev-next div:last-child {padding-right:0;margin-right:0;background:none;}
.box .prev-next div span {display:block;height:30px;color:#fff;background:#fff;line-height:30px;cursor:pointer;}
.box .prev-next div.current span {cursor:default;border:3px solid #fff;margin-top:-3px;color:#333;}
.box .prev-next div span.next-section {width:36px;height:36px;background:#1C6FA3;color:#fff;border-radius:18px;line-height:36px;margin-top:-3px;}
#process-7 .box .prev-next div.next span.next-section {background-color:#A3C740;}

/*#wpadminbar {z-index:900 !important;display:none;}*/

#home .text-content {margin-bottom:40px;-moz-columns:3;-webkit-columns:3;columns:3;font-size:15px;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;line-height:1.5;}
#home h2 {font-size:24px;font-family:IntervalSansProMedium;font-weight:normal;color:#1c6fa3;}

#taytantoonpano.process .text-content.taytantoonpano {margin-bottom:0;padding-bottom:0;}

@media (min-width: 740px) and (max-width: 979px) {
  #home .text-content {-moz-columns:2;-webkit-columns:2;columns:2;}
}
@media (max-width: 980px) {
  .sub-nav > li > a {font-size:16px;}
  .sub-nav > .active > a, .sub-nav > .active > a:hover {font-size:16px;}
}
@media (max-width: 739px) {
  #home .text-content {-moz-columns:1;-webkit-columns:1;columns:1;}
}

@media (max-width: 500px) {
  footer #disclaimer p {padding:130px 0 0 0;background-position:50% 0;}
  footer .text-version, footer .lang {text-align:left;margin-top:20px;}
  footer .lang li {margin:0 20px 0 0;}
}

.text-content p::-moz-selection {color:#fff;background:#1C6FA3;}
.text-content p::selection {color:#fff;background:#1C6FA3;}


#esittely {position:absolute;bottom:110px;left:0;width:1px;height:1px;}
@media (max-width: 755px) {
  #esittely {display:none;}
}

.share-page-wrapper {
  float: right;
  margin-right: 20px;
}
.share-page {
  text-align: center;
  padding: 8px 0 0 0;
  
}
.share-page h5 {margin: 0;font-weight: normal;}
.share-page-title {display: inline-block;vertical-align: middle;}
.share-page-list {
  margin: 0;
  list-style: none;
  display: inline-block;  
  vertical-align: middle;
}
.share-page-list>li {
  float: left;
  margin: 5px;
}
.share-page-list>li>a {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background: url(../img/share.png) 0 0 no-repeat;
  -webkit-background-size: auto 70px;
  background-size: auto 70px;
  text-decoration: none;
}
.share-page-list>li.fb>a {background-position: 0 0;}
.share-page-list>li.fb>a:hover {background-position: 0 -50px;}

.share-page-list>li.twitter>a {background-position: -50px 0;width: 25px;}
.share-page-list>li.twitter>a:hover {background-position: -50px -50px;}

.share-page-list>li.linkedin>a {background-position: -100px 0;}
.share-page-list>li.linkedin>a:hover {background-position: -100px -50px;}

.share-page-list>li.email>a {background-position: -150px 0;width: 21px;height: 17px;margin-top: 2px;}
.share-page-list>li.email>a:hover {background-position: -150px -50px;}

/* IE8 */
@media all\0 { 
  .share-page-list>li>a {background-image: url(../img/share-ie.png);}
}

@media (max-width: 640px) {
  section.document section.content > header {
    display: table;
    width: 100%;
  }
  section.document section.content > header>.share-page-wrapper {
    display:table-footer-group;
    margin: 0;
    float: none;
    width: 100%;
  }
  section.document section.content > header>.share-page-wrapper>.share-page {
    text-align: left;
    padding-top: 10px;
  }
  section.document section.content > header>h3 {
    display:table-header-group;
    width: 100%;
  }
}


header.top {background: #0b5b8d url(../img/header-bg.png) 50% 0 no-repeat;}
header.top a {color:#fff;}
header.top ul,header.service ul {list-style:none;margin:0;padding:0;overflow:hidden;}
header.top li,header.service li {float:left;}
header.service {background:#d9e7ef;}
header.service li.print {float:right;}
header.top nav {float:left;margin-top:21px;}
header.top nav a {display:block;background:#0b5b8d;padding:15px 20px;font-family:IntervalSansProMedium, sans-serif;font-size:18px;line-height:1;}
header.top nav li {border-top:5px solid transparent;}
header.top nav .selected {border-top:5px solid #d9e7ef;}
header.top nav .selected a {background:#d9e7ef;color:#000;}
header.top aside {float:right;width:140px;background:#0b5b8d;padding:10px 20px;}
header.top aside>h3 {color:#fff;font-family:IntervalSansProMedium, sans-serif;font-size:1em;font-weight:normal;margin:0 0 5px 0;line-height:1;}
header.top aside>a {font-size:13px;color:#bad4e3;display: block;line-height: 1.3;}
header.top aside>a.finlex {margin-right:10px;}

@media (max-width:980px) {
  header.top aside {float:none;width:auto;background:none;padding.0;text-align:center;}
  header.top aside>h3 {display:inline;margin-right:10px;}
}

header.service a {padding:15px 10px;display:block;position:relative;} 
header.service .language {font-size:13px;margin-top:10px;text-align: right;}
header.service .language li {display: inline-block;float: none;}
header.service .language a {padding: 5px 10px;}
@media (max-width: 979px) {
  header.service .language a {padding: 5px;}
}
header.service .selected a {color:#333;}
header.service .home a span {display:block;width:16px;height:20px;overflow:hidden;text-indent:100%;background:url(../img/gfx.png) -280px 2px no-repeat;}
header.service a span.icon {position:absolute;bottom:0;left:50%;width:21px;height:10px;margin-left:-10px;background:url(../img/gfx.png) -253px -98px no-repeat;display:none;}
.page-template-textpage header.service a span.icon {
  background: none;
}
.page-template-textpage header.service a span.icon::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #1C6FA3 transparent;
  position: absolute;
  left: 0;
  top: 0;
    
}

header.service .language a.print {background:url(../img/print-small.png) 10px 5px no-repeat;padding:0 10px 5px 30px;width:auto;font-size: 13px;}

header.service .selected a span.icon {display:block;}
header.service .home.selected a span {background-position:-280px -18px;}
header.service .home.selected a span.icon {background-position:-253px -98px;}
header.service .language .selected a {background:#bad4e3;color:#333;}
@media (max-width:768px) {
  header.service .span4,header.service .span8 {float:left;width:auto;}
  header.service .span4 {float:right;}
  header.main {padding:20px;}
  section.toc h3 {padding-left:20px;padding-right:20px;}
  section.document article {padding:0 20px;}
}

@media (max-width:480px) {
  header.top nav {float:none;margin-top:0;}
  header.top ul {text-align:center;}
  header.service .span4, header.service .span8 {float:none;}
  header.top li, header.service li, header.service li.print {float:none;}
  header.service .selected a span.icon {display:none;}
  header.service .selected a {background:#fff;}
  header.service li {text-align:center;}
  header.service a {padding:5px 10px;text-align:center;display:inline-block;}
  header.service .home a span {margin:0 auto;}
}

header.top .finlex-services>ul {
  overflow: visible;
}
header.top nav li.collapse-menu {
  position: relative;
  display: none;
}
header.top nav li.collapse-menu>a {
  padding-left: 30px;
}

header.top nav li.collapse-menu-show {
  display: block;
}
header.top nav li>a.more>span {
  position: absolute;
  left: 10px;
  top: 18px;
  width: 15px;
  height: 15px;
  padding-right: 5px;
  background: url(../img/gfx.png) -140px -120px;
} 

header.top nav li:hover>a.more>span {
  background-position: -160px -120px;
}
/* header.top nav li:hover>span::after { */
/*   background-position: -160px -120px; */
/* } */

header.top nav li.collapse-menu>ul {
  position: absolute;
  right: 0;
  top: 48px;
  display: none;
  z-index: 4200;
  width: 270px;
  text-align: right;
}
header.top nav li.collapse-menu:hover>ul {
  display: block;
}
header.top nav li.collapse-menu>ul>li {
  float: none;
  border: 0;
}
header.top nav li.collapse-menu>ul>li>a {
  
}

@media (max-width: 480px) {
  header.top nav a {
    font-size: 15px;
  }
  header.top li, header.service li, header.service li.print {
    float: left;
  }
  /*
  header.top nav li>span  {
    height: 45px;
  }
  */

  header.top nav li.collapse-menu>ul {
    top: 45px;
  }
}

@media (min-width: 1200px) {
  header.service .span6 {
    width: 490px;
  }
}

@media (max-width: 767px) {
  header.service .language {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  header.service .selected a span.icon {
    display: none;
  }
  header.service a {
    padding: 10px;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min-device-pixel-ratio: 1.5) {
   header.service .home a span, header.service a span.icon, header.top nav li>a.more>span {background-image:url(../img/gfx-2x.png);background-size:344px auto;}
}