@charset "UTF-8";
html, body {
  width:100%;
  height:100%;
}
body {
  font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:24px;
  color:#fff;
}
h1 {
  margin:0 0 2px 0;
  padding:5px 10px;
  background:rgba(0,153,100,0.75);
  font-weight:300;
  font-size:54px;
  line-height:60px;
  text-transform:uppercase;
}
h2 {
  margin:0;
  font-weight:700;
  font-size:18px;
}
h2 + p { margin-top:15px; }
p { margin:0; }
p + p { margin-top:15px; }
a { color:#fff; }
ul {
  margin:5px 0 0 0;
  padding-left:15px;
  font-size:16px;
  line-height:19px;
}
ul li { margin:0 0 10px 0; }
#all {
  height:100%;
  min-width:790px;
}
nav {
  position:fixed;
  top:48px;
  right:48px;
  text-align:right;
  font-size:12px;
  line-height:16px;
  z-index:3000;
  color:rgba(0,0,0,0.5);
}
nav a {
  display:block;
  color:rgba(0,0,0,0.5);
  text-decoration:none;
  text-transform:uppercase;
}
nav a.space { margin-bottom:18px; }
nav a.active {
  color:#000;
  font-weight:600;
}
nav.white { color:rgba(255,255,255,0.5); }
nav.white a { color:rgba(255,255,255,0.5); }
nav.white a.active { color:#fff; }
nav .language_nav a {
  margin-bottom:18px;
  display:inline-block;
}
nav .language_nav a.active {
  color:#009964;
  font-weight:700;
}
nav .language_nav .line { margin:0 5px; }
section {
  position:relative;
  width:100%;
  min-height:100%;
  background:no-repeat bottom center none;
  background-size:cover;
  overflow:auto;
}
section a.ankkuri {
  position:absolute;
  top:0;
  left:0;
}
section .bg_kuva { display:none; }
section .text {
  position:relative;
  width:60%;
  margin:48px 0 0 48px;
  visibility:hidden;
  z-index:2000;
}
section .text .leipis {
  padding:10px;
  background:rgba(0,153,100,0.75);
}
section .text .leipis.info {
  padding:0;
  background:none;
}
section .text .leipis .col {
  float:left;
  width:52.8%;
  padding:10px 1%;
  background:rgba(0,153,100,0.75);
}
section .text .leipis .col.info {
  float:right;
  width:43%;
  font-size:14px;
  line-height:17px;
  font-weight:700;
}
section#section1 { background-image:url(../img/ratikka.jpg); }
section#section3 { background-image:url(../img/ratikka2.jpg); }
section#section4 { background-image:url(../img/ratikka3.jpg); }
section#section5 { background-image:url(../img/ratikka2.jpg); }
section#section6 { background-image:url(../img/ratikka4.jpg); }
section#section7 { background-image:url(../img/ratikka5.jpg); }
section#section8 { background-image:url(../img/ratikka6.jpg); }
section#section9 { background-image:url(../img/ratikka7.jpg); }
section#section10 { background-image:url(../img/ratikka.jpg); }
section#section11 { background-image:url(../img/ratikka8.jpg); }
section#section12 { background-image:url(../img/ratikka9.jpg); }
.aikajana {
  position:absolute;
  top:65%;
  left:0;
  width:100%;
  color:#009964;
}
.aikajana .ohje {
  position:absolute;
  top:-100px;
  left:7.5%;
}
.aikajana .jana {
  position:relative;
  width:85%;
  height:6px;
  margin:0 auto;
  background:#009964;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.aikajana .jana .point {
  position:absolute;
  top:-12px;
  width:4px;
  height:25px;
  background:#fff;
  border:1px solid #000;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.aikajana .jana .point.active {
  height:85px;
  font-weight:bold;
}
.aikajana .jana .point:hover { cursor:pointer; }
.aikajana .jana .point#point1 { left:1.4%; }
.aikajana .jana .point#point2 { left:11.4%; }
.aikajana .jana .point#point3 { left:21%; }
.aikajana .jana .point#point4 { left:29.5%; }
.aikajana .jana .point#point5 { left:36.7%; }
.aikajana .jana .point#point6 { left:43.9%; }
.aikajana .jana .point#point7 { left:56.4%; }
.aikajana .jana .point#point8 { left:64.2%; }
.aikajana .jana .point#point9 { left:73.6%; }
.aikajana .jana .point#point10 { left:87.4%; }
.aikajana .jana .point#point11 { left:98%; }
.aikajana .jana .point .date {
  position:absolute;
  top:-35px;
  white-space:nowrap;
}
.aikajana .jana .point:nth-child(odd).active {
  top:auto;
  bottom:-12px;
}
.aikajana .jana .point:nth-child(odd) .date {
  top:auto;
  bottom:-35px;
}
.aikajana .jana .point .happening {
  position:absolute;
  top:90px;
  left:-20px;
  width:400px;
  background:#fff;
  padding:10px;
  display:none;
  z-index:2500;
}
.aikajana .jana .point .happening.toLeft {
  left:auto;
  right:-20px;
  text-align:right;
}
.aikajana .jana .point:nth-child(odd) .happening {
  top:auto;
  bottom:90px;
}
#logo {
  position:fixed;
  left:48px;
  bottom:48px;
}
.lt-ie9 h1 { font-size:30px; }
.lt-ie9 nav, .lt-ie9 nav a { color:#000; }
.lt-ie9 .language_nav .line { visibility:hidden; }
.lt-ie9 nav.white, .lt-ie9 nav.white a { color:#fff; }
.lt-ie9 #section1, .lt-ie9 #section3, .lt-ie9 #section4, .lt-ie9 #section5, .lt-ie9 #section6, .lt-ie9 #section7, .lt-ie9 #section8, .lt-ie9 #section9, .lt-ie9 #section10, .lt-ie9 #section11, .lt-ie9 #section12 {
  background:none;
  background-image:none;
}
.lt-ie9 .bg_kuva {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  display:block;
  z-index:1;
}
.lt-ie9 .bg_kuva img { position:absolute; }
.lt-ie9 .bg_kuva img.bgwidth {
  left:0;
  bottom:0;
  width:100%;
  height:auto;
}
.lt-ie9 .bg_kuva img.bgheight {
  top:0;
  left:50%;
  height:100%;
  width:auto;
}
.lt-ie9 h1, .lt-ie9 .text .leipis { background:#009964; }
.lt-ie9 #point1.active, .lt-ie9 #point3.active, .lt-ie9 #point5.active, .lt-ie9 #point7.active, .lt-ie9 #point9.active, .lt-ie9 #point11.active {
  top:auto;
  bottom:-12px;
}
.lt-ie9 #point1 .date, .lt-ie9 #point3 .date, .lt-ie9 #point5 .date, .lt-ie9 #point7 .date, .lt-ie9 #point9 .date, .lt-ie9 #point11 .date {
  top:auto;
  bottom:-35px;
}
.lt-ie9 #point1 .happening, .lt-ie9 #point3 .happening, .lt-ie9 #point5 .happening, .lt-ie9 #point7 .happening, .lt-ie9 #point9 .happening, .lt-ie9 #point11 .happening {
  top:auto;
  bottom:90px;
}