body {
	background: #000;
}
#header {
  background: #343739;
  margin-bottom: 0;
}
.article.wide #container {
  max-width: 100%;
  width: 100%;
}
.article.wide #container > .content {
  margin-bottom: 0;
	width: 100% !important;
}
.article #container .permanent {
  display: none !important;
}

#esi-viha > .slide {
  width: 100%;
  font-family: georgia;
  font-size: 1.12em;
  line-height: 1.5;
}
#esi-viha > .slide > .wrap {
  position: relative;
  margin: 0 auto;
}
#esi-viha > .generic > .wrap {
  padding: 40px 0 20px 0;
  max-width: 630px;
  width: 94%;
}
#esi-viha > .generic > .wrap > h4 {
  font-size: 2.1em;
  padding-top: 20px;
  margin-bottom: 20px;
  line-height: 1.3;
  overflow-wrap: break-word;
}
#esi-viha > .generic > .wrap > h6 {
  font-size: 1.2em;
  margin-bottom: 20px;
}
#esi-viha > .generic > .wrap > h4:first-child {
  padding-top: 0;
}
#esi-viha > .generic > .wrap > p.quote {
  border-left: 5px solid #535353;
  padding-left: 15px;
  font-size: 0.875em;
}
#esi-viha > .generic > .wrap > p.quote > span {
  display: block;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #fff;
}
#esi-viha > .generic > .wrap > p.count {
  margin-bottom: 0;
  position: relative;
  padding-left: 30px;
}
#esi-viha > .generic > .wrap > p.count.last {
  margin-bottom: 20px;
}
#esi-viha > .generic > .wrap > p.count > span {
  position: absolute;
  top: 0;
  left: 0;
}
#esi-viha > .person {
  color: #aaa;
}
#esi-viha > .person > .wrap > h1 {
  background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/border-person.gif) repeat-x center center;
  color: #fff;
  text-align: center;
  margin-top: 40px;
}
#esi-viha > .person > .wrap > h1 > span {
  background: #242424;
  position: relative;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 0.875em;
}
#esi-viha > .person > .wrap > .back {
  background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/border-person.gif) repeat-x center center;
  margin-top: 40px;
}
#esi-viha > .grey {
  background-color: #242424;
  color: #bbb;
}
#esi-viha > .white {
  background: #fff;
  color: #666;
}
#esi-viha > .grey > .wrap > h4,#esi-viha > .person > .wrap > h4 {
  color: #fff;
}
#esi-viha > .grey > .wrap > h6,#esi-viha > .person > .wrap > h6 {
  color: #fff;
}
#esi-viha > .grey > .wrap a {
  color: #ab9a74;
}
#esi-viha > .grey > .wrap a:hover {
  color: #fff;
}
#esi-viha > .intro {
  background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/intro.jpg) no-repeat center top;
  background-size: 100% auto;
  padding: 50px 0;
}
#esi-viha > .intro > .wrap {
  text-align: center;
  width: 94%;
  max-width: 630px;
}
#esi-viha > .intro > .wrap > h1 {
  background: #fff;
  font-size: 2.0em;
  padding: 15px 30px;
  font-family: arial;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 50px;
}
#esi-viha > .intro > .wrap > h1 > span {
  color: #fff;
}
#esi-viha > .intro > .wrap > h1 > span.last {
  border-right-width: 1px;
  border-style: solid;
}
#esi-viha > .intro > .wrap > h1 > span.show {
  color: #000;
  border-color: #000;
}
#esi-viha > .intro > .wrap > h1 > span.blink {
  border-color: #fff;
}
#esi-viha > .intro > .wrap > h2 {
  color: #fff;
  clear: both;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
  max-width: 490px;
  margin: 0 auto 20px auto;
}
#esi-viha > .intro > .wrap > a {
  background: #5c4a23;
  color: #b4ab99;
  padding: 7px 12px;
  display: inline-block;
  font-size: 0.95em;
  font-style: italic;
  margin-top: 20px;
}
#esi-viha > .intro > .wrap > a:hover {
  color: #d8cdb7;
  background: #8a6503;
}

#esi-viha > .fixed {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.9) inset;
  background-attachment: scroll;
  background-position: center 20px;
  background-repeat: no-repeat;
  background-size: auto 200px;
}
#esi-viha > .fixed > .wrap {
  width: 94%;
  max-width: 940px;
  padding: 240px 0 20px 0;
  zoom: 1;
}
#esi-viha > .fixed > .wrap:after, #esi-viha > .info > .wrap:after,#esi-viha > .outro > .wrap:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
#esi-viha > .fixed > .wrap > cite {
  color: #fff;
  font-style: italic;
  display: block;
  position: relative;
}
#esi-viha > .fixed > .wrap > cite > p.quote {
  font-size: 1.2em;
  background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/quote-small.png) no-repeat left top;
  padding-left: 53px;
  min-height: 27px;
  margin-bottom: 15px;
}
#esi-viha > .fixed > .wrap > cite > p.author {
  margin-left: 53px;
  margin-bottom: 15px;
  margin-top: -10px;
  font-size: 0.95em;
}
#esi-viha > .fixed > .wrap > cite > a {
  background: #5c4a23;
  color: #b4ab99;
  padding: 7px 12px;
  display: inline-block;
  font-size: 0.95em;
  margin-left: 53px;
}
#esi-viha > .fixed > .wrap > cite > a:hover {
  color: #d8cdb7;
  background: #8a6503;
}
#esi-viha > .outro {
  color: #aaa;
  background: #111;
  border-bottom: 10px solid #000;
  border-top: 10px solid #000;
}
#esi-viha > .outro > .wrap {
  padding: 40px 0 40px 0;
  width: 94%;
  max-width: 940px;
  zoom: 1;
}

#esi-viha > .outro > .wrap > .group > h6 {
  color: #fff;
  font-size: 1.3em;
  margin-bottom: 10px;
  padding-top: 10px;
}

#esi-viha > .outro > .wrap > .group > h6:first-child {
  padding-top: 0;
}

#esi-viha > .outro > .wrap > .group > p {
  font-size: 0.875em;
  margin-bottom: 10px;
}

#esi-viha > .outro > .wrap > .group > p > a {
  color: #AB9A74;
}

#esi-viha > .outro > .wrap > .group > p > a:hover {
  color: #fff;
}

#esi-viha > .info > .wrap {
  padding: 40px 0;
  max-width: 940px;
  width: 94%;
  zoom: 1;
}

#esi-viha > .info > .wrap > .group > h6{
  font-size: 1.3em;
  margin-bottom: 20px;
}
#esi-viha > .info > .wrap > .group > .column > p {
  color: #000;
  margin-bottom: 10px;
  word-wrap: normal;
}
#esi-viha > .info > .wrap > .group > .column > p > span {
  display: block;
  font-size: 0.875em;
  color: #666;
}

@media screen and (min-width: 480px) {
  #esi-viha > .info > .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  #esi-viha > .info > .wrap > .group {
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
    width: 46%;
  }
  #esi-viha > .info > .wrap > .haastateltavat {
    background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/border-info.gif) repeat-y top right;
    padding-right: 4%;
  }
  #esi-viha > .info > .wrap > .suunnittelu-ja-toteutus {
    padding-left: 4%;
  }
}

@media screen and (min-width: 767px) {
  #esi-viha > .fixed {
    background-attachment: fixed;
    background-position: center center;
    background-size: 100% auto;
  }
  #esi-viha > .fixed > .wrap {
    padding: 0;
  }
  #esi-viha > .fixed > .wrap > cite > p.quote {
    background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/quote-big.png) no-repeat left top;
    font-size: 1.32em;
    padding-left: 50px;
    padding-top: 35px;
  }
  #esi-viha > .fixed > .wrap > cite > a {
    margin-left: 50px;
  }
  #esi-viha > .kukkala {
    height: 450px;
  }
  #esi-viha > .koivulaakso,
  #esi-viha > .kontula,
  #esi-viha > .valkama,
  #esi-viha > .immonen {
    height: 500px;
  }
  #esi-viha > .bjorkqvist,
  #esi-viha > .thors,
  #esi-viha > .merilainen,
  #esi-viha > .muhammed,
  #esi-viha > .biaudet,
  #esi-viha > .schatz,
  #esi-viha > .fogelholm,
  #esi-viha > .korhonen,
  #esi-viha > .toivola,
  #esi-viha > .andersson,
  #esi-viha > .saarikoski,
  #esi-viha > .pekonen,
  #esi-viha > .salmi {
    height: 400px;
  }
  #esi-viha > .kukkala > .wrap > cite {
    float: left;
    left: 50px;
    top: 125px;
    width: 34%;
  }
  #esi-viha > .koivulaakso > .wrap > cite {
    float: right;
    right: 50px;
    top: 140px;
    width: 34%;
  }
  #esi-viha > .bjorkqvist > .wrap > cite {
    float: right;
    right: 50px;
    top: 110px;
    width: 28%;
  }
  #esi-viha > .kontula > .wrap > cite {
    float: left;
    left: 50px;
    top: 145px;
    width: 40%;
  }
  #esi-viha > .thors > .wrap > cite {
    float: left;
    left: 50px;
    top: 85px;
    width: 40%;
  }
  #esi-viha > .merilainen > .wrap > cite {
    float: right;
    right: 50px;
    top: 50px;
    width: 48%;
  }
  #esi-viha > .valkama > .wrap > cite {
    float: left;
    left: 50px;
    top: 135px;
    width: 33%;
  }
  #esi-viha > .muhammed > .wrap > cite {
    float: right;
    right: 50px;
    top: 115px;
    width: 28%;
  }
  #esi-viha > .immonen > .wrap > cite {
    float: left;
    left: 50px;
    top: 170px;
    width: 37%;
  }
  #esi-viha > .biaudet > .wrap > cite {
    float: right;
    right: 50px;
    top: 100px;
    width: 27%;
  }
  #esi-viha > .schatz > .wrap > cite {
    float: left;
    left: 50px;
    top: 110px;
    width: 35%;
  }
  #esi-viha > .fogelholm > .wrap > cite {
    float: left;
    left: 50px;
    top: 115px;
    width: 30%;
  }
  #esi-viha > .korhonen > .wrap > cite {
    float: right;
    right: 50px;
    top: 120px;
    width: 35%;
  }
  #esi-viha > .toivola > .wrap > cite {
    float: left;
    left: 50px;
    top: 105px;
    width: 30%;
  }
  #esi-viha > .andersson > .wrap > cite {
    float: left;
    left: 50px;
    top: 85px;
    width: 35%;
  }
  #esi-viha > .saarikoski > .wrap > cite {
    float: right;
    right: 50px;
    top: 65px;
    width: 35%;
  }
  #esi-viha > .pekonen > .wrap > cite {
    float: left;
    left: 50px;
    top: 50px;
    width: 39%;
  }
  #esi-viha > .salmi > .wrap > cite {
    float: right;
    right: 50px;
    top: 70px;
    width: 38%;
  }
  #esi-viha > .outro > .wrap {
    padding: 0;
  }
  #esi-viha > .outro > .wrap > .group {
    float: left;
    padding-left: 4%;
    width: 46%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #esi-viha > .outro > .wrap > .group:first-child {
    background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/border-outro.gif) repeat-y right top;
    padding-right: 4%;
    padding-left: 0;
  }
}

@media screen and (min-width: 980px) {
  #esi-viha > .outro > .wrap {
    width: 940px;
  }
  #esi-viha > .outro > .wrap > .group {
    padding: 40px 4% 40px 4%;
    width: 42%;
  }
  #esi-viha > .outro > .wrap > .group:first-child {
    padding-left: 4%;
  }
  #esi-viha > .info > .wrap {
    width: 940px;
  }
  #esi-viha > .info > .wrap > .haastateltavat {
    width: 50%;
    padding: 40px 4%;
  }
  #esi-viha > .info > .wrap > .suunnittelu-ja-toteutus {
    padding: 40px 4%;
    width: 34%;
  }
  #esi-viha > .info > .wrap > .group > .column {
    background: url(https://svenska-dataviz.ylestatic.fi/2013-svenska-migrated/nathat-vi-vet-var-du-bor/graphics/border-info.gif) repeat-y top left;
    float: left;
  }
  #esi-viha > .info > .wrap > .group > .column.first {
    background: none;
  }
  #esi-viha > .info > .wrap > .group > .column > p {
    padding: 0px 20px;
  }
  #esi-viha > .info > .wrap > .group > .column.first > p {
    padding-left: 0;
  }
  #esi-viha > .info > .wrap > .group > .column.last > p {
    padding-right: 0;
  }
  #esi-viha > .info > .wrap > .haastateltavat > .column {
    width: 33.33%;
  }
  #esi-viha > .info > .wrap > .suunnittelu-ja-toteutus > .column {
    width: 50%;
  }
  #esi-viha > .fixed > .wrap {
    width: 940px;
  }
}

div.header {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTkgNzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1OSA3OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaWQiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzAyQjVDOCIgZD0iTTc4LjIsMy42djcxYzAsMi0xLjcsMy42LTMuNSwzLjZoLTcxYy0yLDAtMy43LTEuNy0zLjctMy42di03MUMwLDEuNiwxLjcsMCwzLjcsMGg3MQ0KCQlDNzYuNiwwLDc4LjIsMS42LDc4LjIsMy42Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzIsMjkuN2MwLTEtMC42LTEuNi0xLjYtMS42aC0xLjNjLTEuMSwwLTEuNiwwLjUtMiwyLjJsLTMuNiwxNS41aC0wLjhjLTEuMiwwLTEuNy0wLjMtMi4xLTJsLTMuNi0xMy41DQoJCWwwLTAuMmMtMC4zLTEtMC41LTItMS44LTJIMTRjLTEuMSwwLTEuNiwwLjYtMS42LDEuNmMwLDAuNiwwLjIsMS41LDAuNSwyLjlsMy44LDEzLjVjMC43LDIuNSwyLjEsMy42LDQuNiwzLjZoMS41DQoJCWMtMC4yLDAuOC0wLjUsMi42LTAuNywzLjNjLTAuNywyLjEtMS44LDIuNi0zLjYsMi42Yy0xLjUsMC0yLjUtMC4xLTMuMy0wLjJjLTAuNCwwLTAuOC0wLjEtMS4xLTAuMWMtMC45LDAtMS40LDAuNS0xLjQsMS41djAuOQ0KCQljMCwxLDAuNSwxLjMsMSwxLjZjMC45LDAuNCwyLDAuNiw1LjQsMC42UzI1LjEsNTgsMjYsNTVjMS41LTUuNiw1LjUtMjIuNSw1LjYtMjIuNkMzMS42LDMyLjMsMzIsMzAuNSwzMiwyOS43Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQyLjEsMjAuMmMwLTEuOC0wLjItMy40LTIuMy0zLjRoLTMuMmMtMC42LDAtMi4xLDAtMi4xLDEuNXYxLjRjMCwwLjYsMC4zLDEuNiwyLjMsMS42aDAuOHYyNi42DQoJCWMwLDEuNCwwLjMsMi4yLDEuOCwyLjJoMWMxLjUsMCwxLjctMC45LDEuNy0yLjJMNDIuMSwyMC4yTDQyLjEsMjAuMkw0Mi4xLDIwLjJ6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTY2LjEsMzcuN2MwLTQuMy0xLTEwLjItOS0xMC4yYy02LjcsMC05LjcsMy42LTkuNywxMS44YzAsOCwyLjgsMTEsMTAuMywxMWMzLjMsMCw1LjYtMC41LDYuNC0wLjgNCgkJYzAuNS0wLjIsMS4xLTAuNSwxLjEtMS42di0wLjhjMC0wLjktMC41LTEuNS0xLjQtMS41Yy0wLjMsMC0wLjYsMC4xLTEsMC4yYy0wLjgsMC4yLTEuOSwwLjQtNC4yLDAuNGMtNS42LDAtNi4zLTEtNi41LTUuNmgxMC42DQoJCUM2NS4zLDQwLjUsNjYuMSwzOS40LDY2LjEsMzcuN3ogTTYxLjksMzYuN2gtOS43YzAuMi00LDEuNi01LjcsNS01LjdDNjAuNSwzMS4xLDYxLjgsMzMsNjEuOSwzNi43Ii8+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzAyQjVDOCIgZD0iTTk3LjIsNTEuOWgtMy41VjI1LjlIOTdsMTQuNiwxOS4yVjI1LjloMy41djI2LjFoLTIuNGwtMTUuNi0yMEw5Ny4yLDUxLjlMOTcuMiw1MS45eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDJCNUM4IiBkPSJNMTI4LDQyLjFsLTguOC0xNi4yaDQuMWw2LjcsMTIuOGw3LjEtMTIuOGgzLjhsLTkuMiwxNi4yVjUySDEyOFY0Mi4xeiIvPg0KCQk8cGF0aCBmaWxsPSIjMDJCNUM4IiBkPSJNMTYzLjIsMjUuOWgzLjZWNTJoLTMuNlY0MC44aC0xNC44VjUyaC0zLjZWMjUuOWgzLjZ2MTEuNmgxNC44VjI1Ljl6Ii8+DQoJCTxwYXRoIGZpbGw9IiMwMkI1QzgiIGQ9Ik0xNzMuMyw1MS45VjI1LjloMTYuNlYyOWgtMTN2OC40aDExLjR2M2gtMTEuNHY4LjNoMTMuNHYzLjFMMTczLjMsNTEuOUwxNzMuMyw1MS45eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDJCNUM4IiBkPSJNMTkzLjUsMjl2LTMuMWgyMC4zVjI5aC04LjRWNTJoLTMuNlYyOUgxOTMuNXoiLz4NCgkJPHBhdGggZmlsbD0iIzAyQjVDOCIgZD0iTTIxNy45LDUxLjlWMjUuOWgxNi42VjI5aC0xM3Y4LjRoMTEuNHYzaC0xMS40djguM2gxMy40djMuMUwyMTcuOSw1MS45TDIxNy45LDUxLjl6Ii8+DQoJCTxwYXRoIGZpbGw9IiMwMkI1QzgiIGQ9Ik0yNTQuNyw1MS45bC02LjItOS41aC01LjZ2OS41aC0zLjVWMjYuNWMwLDAsMi42LTEsOC42LTFjNi41LDAsMTAsMi4yLDEwLDcuNnMtMy42LDcuNC01LjksOC42bDYuOSwxMC4yDQoJCQlMMjU0LjcsNTEuOUwyNTQuNyw1MS45eiBNMjQyLjksMzkuM2g3LjJjMi42LTEuMiw0LjItMi44LDQuMi02YzAtMy41LTIuMi00LjgtNi4yLTQuOGMtMi45LDAtNS4yLDAuNS01LjIsMC41TDI0Mi45LDM5LjMNCgkJCUwyNDIuOSwzOS4zeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  margin:10px;
  display: block;
}
div.header h2 {
  font-family: Arial, Geneva,Verdana,sans-serif;
  font-weight: normal;
  font-size: 26px;
  height: 57px;
}
div.header h2 a {
  color:#f1f1f1;
  display: block;
  font-size: 26px;
  text-decoration: none;
  padding-left: 210px;
  line-height: 57px;
}

@media screen and (min-width: 1260px) {
  #esi-viha > .info > .wrap,#esi-viha > .fixed > .wrap,#esi-viha > .outro > .wrap, .esi-viha > .head > .wrap {
    max-width: 1220px;
    width: 1220px;
  }
  #esi-viha > .intro {
    background-size: auto auto;
  }
  #esi-viha > .fixed {
    background-size: auto auto;
  }
}