::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

body {
  background-color: #000;
  font-family: monospace;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  font-weight: 300;
  color: rgb(153, 153, 153);
  margin: 0px 8px;
  margin-top: 80px;
}
h1,
h2,
h3,
h4 {
  font-family: "Oswald", sans-serif;
}
h1 {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgb(241, 158, 2);
}
h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgb(122, 122, 122);
}
h3 {
  font-size: 18px;
  font-weight: 400;
  color: rgb(92, 92, 92);
}
h4 {
  font-size: 15px;
  font-weight: 400;
}
.hidden {
  display: none;
}
a {
  color: rgb(255, 140, 9);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p em {
  font-style: italic;
  font-size: 17px;
  font-weight: 300;
}
pre {
  white-space: pre-wrap;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  -webkit-tab-size: 4;
  -ms-tab-size: 4;
  tab-size: 4;
}
ul {
  padding-left: 25px;
}
ul.dateitemlist {
  width: 100%;
  padding: 0;
  margin: 0;
}
ul.dateitemlist li {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 10px;
}
ul.dateitemlist li span.date {
  float: left;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
ul.dateitemlist li a {
  float: left;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

/* structure */
#wrapper {
  width: 95%;
  max-width: 1340px;
  position: relative;
  margin: 0 auto 50px auto;
}
#main {
  width: 100%;
  max-width: 100%;
}

/* header */
#header {
  position: fixed;
  background: #151515;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 18px;
  padding: 10px;
  border-bottom: 1px solid rgb(241, 158, 2);
  box-shadow: 0px 0px 15px rgb(241, 158, 2);
  margin: 0;
  float: left;
  z-index: 9999;
}
#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header .keyword-area {
  position: fixed;
  right: 11px;
  top: 32px;
  height: 43px;
  width: 168px;
}
#header .keyword-area .keyword {
  position: absolute;
  height: 40px;
}
#header .keyword-area .searchInfo {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #666;
  font-family: "Oswald";
  font-size: 0.8rem;
}
#header .keyword-area .searchPrev {
  position: absolute;
  right: 31px;
  bottom: 0;
  display: none;
  font-weight: bold;
}
#header .keyword-area .searchNext {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  font-weight: bold;
}
#header .keyword-area .searchNext:hover,
#header .keyword-area .searchPrev:hover {
  color: #fff;
  cursor: pointer;
}
#header ul li {
  float: left;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px dotted #999;
}
#header ul li:last-child {
  border-right: 0;
}
#header ul li a {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ccc;
  text-shadow: 2px 2px #000;
}
#header ul li a:hover,
#header ul li.selected a {
  border-bottom: 2px solid rgb(248, 113, 2);
  text-decoration: none;
}
#header ul li.selected a:hover {
  border-bottom: 2px solid rgb(248, 113, 2);
}
#header ul li a {
  color: #ccc;
  text-shadow: 2px 2px #000;
}

/* extra */
#extra {
  position: fixed;
  top: 55px;
  right: 15px;
}
#extra .liftBox {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  padding: 10px;
  box-shadow: rgb(241, 158, 2) 0px 0px 20px;
  background-color: #151515e1;
  color: #fff;
}
#extra .liftBox:last-child {
  margin-bottom: 0;
}
#extra .liftBox h2 {
  margin-top: 0;
  margin-bottom: 10px;
  border-top: 0;
  padding-top: 0;
  color: rgb(241, 158, 2);
}

#extra .liftBox p,
#extra .liftBox ul {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#extra .liftBox img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/* main */
#main p img {
  width: 100%;
  max-width: 650px;
  height: auto;
}
#main pre {
  border: 1px solid #282863;
  background-color: rgb(81, 81, 131);
  margin: 15px 15px 15px 0;
  padding: 10px;
}
#main code {
  font-size: 11px;
  color: #fff;
}
/* footer */

nav.footerNavi {
  width: 100%;
  height: 25px;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
nav.footerNavi .container {
}
nav.footerNavi .container ul {
  margin: 0;
  padding: 0;
}
nav.footerNavi .container ul li.item {
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 25px;
  float: left;
}

/* fields (customform) */

div.field {
  width: 100%;
  margin-bottom: 10px;
}

div.field label {
  width: 100%;
  float: left;
}
div.field input,
div.field select,
div.field textarea {
  width: 100%;
}
div.field input[type="radio"] {
  width: initial;
}
div.field input[type="checkbox"] {
  width: initial;
  float: left;
  margin-left: 0;
}
div.field fieldset label input[type="radio"] {
  margin-left: 0;
}
div.field fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.invalid {
  color: red;
}
.messagebox ul li {
  color: red;
}

div.submit {
  float: left;
  padding-top: 15px;
}

@media (max-width: 900px) {
  #main {
    width: 100%;
    padding-bottom: 0;
  }
  #extra {
    width: 100%;
    position: relative;
    background-color: initial;
    box-shadow: none;
    margin: 0 0 30px 0;
    padding: 0 0 0 15px;
  }
}

/* startpage */

div.startpage ul li a {
  border: 1px solid rgb(46, 46, 46);
  background-color: rgba(0, 0, 0, 0.8);
}
div.startpage ul li a:hover {
  border: 1px solid rgb(22, 22, 22);
  background-color: rgb(241, 158, 2);
  color: #000;
}

form input,
input[type="text"] {
  background-color: #151515;
  color: #fff;
  outline: 1px solid rgba(241, 158, 2, 0.5);
}
form input:hover,
input[type="text"] {
  background-color: #252525;
}
form input:focus,
input[type="text"]:focus {
  color: #fff;
  outline: 2px solid #fff;
}
input[type="search"] {
  border: 1px solid rgba(241, 158, 2, 0.5);
  background-color: #151515;
  color: #fff;
  outline: 0;
}
input[type="search"]:hover {
  background-color: #fff;
  color: #000;
}
input[type="search"]:focus {
  background-color: #fff;
  color: #000;
}
.editmode {
  background: #000;
  color: rgb(255, 140, 9);
  border: 1px solid rgb(46, 46, 46);
}
.editmode:hover,
.editmode.editing {
  color: #000;
  border: 1px solid rgb(22, 22, 22);
  background-color: rgb(248, 113, 2);
  box-shadow: 0px 0px 25px rgb(241, 158, 2);
}

div.startpage {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}
div.startpage.favorites h2 img,
div.startpage.favorites h2 span {
  vertical-align: middle;
  line-height: 20px;
  height: 20px;
}
div.startpage .keyword {
  margin-top: 0px;
  margin-bottom: 0px;
  position: fixed;
  top: 52px;
  right: 10px;
  z-index: 9999;
}
div.startpage .keyword #txtKeyword {
  width: 110px;
}
form input,
input[type="text"] {
  transition: border 0.3s;
  border: 0;
  padding: 3px;
}
form input:focus,
input[type="text"]:focus {
  padding: 3px;
  outline-offset: 0;
}
input:invalid {
  /*box-shadow: red 0px 0px 12px;*/
  outline: 2px solid red;
}

input:required:valid {
  /*box-shadow: green 0px 0px 12px;*/
  outline: 2px solid green;
}

div.startpage.search form input {
  outline: 0 !important;
}

div.startpage .private {
  display: none;
}
div.startpage h2 {
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 1px;
  text-transform: uppercase;
}
div.startpage ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex: 1 0 122px;
}
div.startpage.webshop ul {
  flex: auto;
}

div.startpage ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 6px;
  margin-right: 6px;
  font-family: "Oswald", sans-serif;
  line-height: 18px;
  width: 120px;
  height: 40px;
  float: left;
}

div.startpage ul li:hover,
div.startpage ul li a.selected {
  box-shadow: rgb(241, 158, 2) 0px 0px 25px;
}
div.startpage ul li:hover a.updateerror,
div.startpage ul li a.updateerror {
  box-shadow: red 0px 0px 25px;
}
.startpage.search {
  margin-top: 10px;
}
div.startpage ul li a {
  text-decoration: none;
  float: left;
  width: 114px;
  height: 33px;
  padding: 3px;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border 0.3s;
  transition: background-color 0.3s;
  border-image-repeat: no-repeat;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 0.8px;
}
div.startpage.favorites ul li:last-child:hover {
  box-shadow: unset;
}
div.startpage ul li form a {
  padding: 0;
  height: 39px;
  width: 120px;
}
div.startpage ul li form {
  margin: 0;
  padding: 0;
}
div.startpage ul li form a input[type="text"] {
  height: 34px;
  float: right;
  width: 70px;
  border: 0;
  padding-left: 7px;
  transition: background-color 0.3s;
  background-color: #454545;
  background-color: transparent;
  color: rgb(241, 158, 2);
  font-size: 15px;
  cursor: text;
  font-family: "Oswald", sans-serif;
  font-weight: 100;
}
div.startpage ul li form a.editing input[type="text"],
div.startpage ul li form a input[type="text"]:hover {
  background-color: #fff;
  color: #000;
}
div.startpage ul li form a input::-webkit-input-placeholder {
  color: rgb(241, 158, 2);
}
div.startpage ul li form a input:hover::-webkit-input-placeholder {
  color: #000;
}
div.startpage ul li a {
  opacity: 0.8;
}
#searchArea.has-results div.startpage ul li a {
  opacity: 0.2;
}
#searchArea.has-results div.startpage ul li.search-hit a {
  opacity: 1;
  box-shadow: rgba(150, 250, 250, 0.7) 0px 0px 4px 5px;
  border: 1px solid rgba(150, 255, 255, 0.9);
}
div.startpage ul li a.sp_netflix {
  background-image: url(../images/startsprite.png);
  background-position: 0px 0px;
  color: transparent;
}
div.startpage ul li a.sp_gdrive {
  background-image: url(../images/startsprite.png);
  background-position: -120px 0px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_qserver {
  background-image: url(../images/startsprite.png);
  background-position: -240px 0px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_mewe {
  background-image: url(../images/startsprite.png);
  background-position: -360px 0px;
  color: transparent;
}
div.startpage ul li a.sp_gmail {
  background-image: url(../images/startsprite.png);
  background-position: -480px 0px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_verkkokauppa {
  background-image: url(../images/startsprite.png);
  background-position: -600px 0px;
  color: transparent;
}
div.startpage ul li a.sp_youtube {
  background-image: url(../images/startsprite.png);
  background-position: 0px -40px;
  color: transparent;
}
div.startpage ul li a.sp_googlemaps {
  background-image: url(../images/startsprite.png);
  background-position: -120px -40px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_iltasanomat {
  background-image: url(../images/startsprite.png);
  background-position: -240px -40px;
  color: transparent;
}
div.startpage ul li a.sp_codeproject {
  background-image: url(../images/startsprite.png);
  background-position: -360px -40px;
  color: transparent;
}
div.startpage ul li a.sp_lotto {
  background-image: url(../images/startsprite.png);
  background-position: -480px -40px;
  color: transparent;
}
div.startpage ul li a.sp_keno {
  background-image: url(../images/startsprite.png);
  background-position: -600px -40px;
  color: transparent;
}
div.startpage ul li a.sp_veikkaus {
  background-image: url(../images/startsprite.png);
  background-position: 0px -80px;
  color: transparent;
}
div.startpage ul li a.sp_posti {
  background-image: url(../images/startsprite.png);
  background-position: -120px -80px;
  color: transparent;
}
div.startpage ul li a.sp_op {
  background-image: url(../images/startsprite.png);
  background-position: -240px -80px;
  color: transparent;
}
div.startpage ul li a.sp_nordea {
  background-image: url(../images/startsprite.png);
  background-position: -360px -80px;
  color: transparent;
}
div.startpage ul li a.sp_telkkucom {
  background-image: url(../images/startsprite.png);
  background-position: -480px -80px;
  color: transparent;
}
div.startpage ul li a.sp_sininenmeteoriitti {
  background-image: url(../images/startsprite.png);
  background-position: -600px -80px;
  color: transparent;
}
div.startpage ul li a.sp_facebook {
  background-image: url(../images/startsprite.png);
  background-position: 0px -120px;
  color: transparent;
}
div.startpage ul li a.sp_mtv {
  background-image: url(../images/startsprite.png);
  background-position: -120px -120px;
  color: transparent;
}
div.startpage ul li a.sp_tm {
  background-image: url(../images/startsprite.png);
  background-position: -240px -120px;
  color: transparent;
}
div.startpage ul li a.sp_tiede {
  background-image: url(../images/startsprite.png);
  background-position: -360px -120px;
  color: transparent;
}
div.startpage ul li a.sp_mikrobitti {
  background-image: url(../images/startsprite.png);
  background-position: -480px -120px;
  color: transparent;
}
div.startpage ul li a.sp_geek {
  background-image: url(../images/startsprite.png);
  background-position: -600px -120px;
  color: transparent;
}
div.startpage ul li a.sp_ruutu {
  background-image: url(../images/startsprite.png);
  background-position: -0px -160px;
  color: transparent;
}
div.startpage ul li a.sp_ebay {
  background-image: url(../images/startsprite.png);
  background-position: -120px -160px;
  color: transparent;
}
div.startpage ul li a.sp_xxl {
  background-image: url(../images/startsprite.png);
  background-position: -240px -160px;
  color: transparent;
}
div.startpage ul li a.sp_biltema {
  background-image: url(../images/startsprite.png);
  background-position: -360px -160px;
  color: transparent;
}
div.startpage ul li a.sp_motonet {
  background-image: url(../images/startsprite.png);
  background-position: -480px -160px;
  color: transparent;
}
div.startpage ul li a.sp_gigantti {
  background-image: url(../images/startsprite.png);
  background-position: -600px -160px;
  color: transparent;
}
div.startpage ul li a.sp_torifi {
  background-image: url(../images/startsprite.png);
  background-position: -0px -200px;
  color: transparent;
}
div.startpage ul li a.sp_outlooksime {
  background-image: url(../images/startsprite.png);
  background-position: -120px -200px;
  color: transparent;
}
div.startpage ul li a.sp_yammer {
  background-image: url(../images/startsprite.png);
  background-position: -240px -200px;
  color: transparent;
}
div.startpage ul li a.sp_ikea {
  background-image: url(../images/startsprite.png);
  background-position: -360px -200px;
  color: transparent;
}
div.startpage ul li a.sp_googlekeep {
  background-image: url(../images/startsprite.png);
  background-position: -480px -200px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlechat {
  background-image: url(../images/startsprite.png);
  background-position: -600px -200px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_imdb {
  background-image: url(../images/startsprite.png);
  background-position: 0 -240px;
  color: transparent;
}
div.startpage ul li a.sp_postilahetysseuranta {
  background-image: url(../images/startsprite.png);
  background-position: -120px -240px;
  color: transparent;
}
div.startpage ul li a.sp_google {
  background-image: url(../images/startsprite.png);
  background-position: -240px -240px;
  color: transparent;
}
div.startpage ul li a.sp_googlemapssearch {
  background-image: url(../images/startsprite.png);
  background-position: -720px -40px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlelocalnews {
  background-image: url(../images/startsprite.png);
  background-position: -720px -80px;
  color: transparent;
}
div.startpage ul li a.sp_wikipedia {
  background-image: url(../images/startsprite.png);
  background-position: -360px -240px;
  color: transparent;
}
div.startpage ul li a.sp_power {
  background-image: url(../images/startsprite.png);
  background-position: -480px -240px;
  color: transparent;
}
div.startpage ul li a.sp_hs {
  background-image: url(../images/startsprite.png);
  background-position: -600px -240px;
  color: transparent;
}
div.startpage ul li a.sp_ampparit {
  background-image: url(../images/startsprite.png);
  background-position: 0px -280px;
  color: transparent;
}
div.startpage ul li a.sp_saastopankki {
  background-image: url(../images/startsprite.png);
  background-position: -120px -280px;
  color: transparent;
}
div.startpage ul li a.sp_kodin1 {
  background-image: url(../images/startsprite.png);
  background-position: -240px -280px;
  color: transparent;
}
div.startpage ul li a.sp_intersport {
  background-image: url(../images/startsprite.png);
  background-position: -360px -280px;
  color: transparent;
}
div.startpage ul li a.sp_asko {
  background-image: url(../images/startsprite.png);
  background-position: -480px -280px;
  color: transparent;
}
div.startpage ul li a.sp_ilmatieteenlaitos {
  background-image: url(../images/startsprite.png);
  background-position: -600px -280px;
  color: transparent;
}
div.startpage ul li a.sp_foreca {
  background-image: url(../images/startsprite.png);
  background-position: 0px -320px;
  color: transparent;
}
div.startpage ul li a.sp_tilannehuone {
  background-image: url(../images/startsprite.png);
  background-position: -120px -320px;
  color: transparent;
}
div.startpage ul li a.sp_wiggle {
  background-image: url(../images/startsprite.png);
  background-position: -240px -320px;
  color: transparent;
}
div.startpage ul li a.sp_huutonet {
  background-image: url(../images/startsprite.png);
  background-position: -360px -320px;
  color: transparent;
}
div.startpage ul li a.sp_clasohlson {
  background-image: url(../images/startsprite.png);
  background-position: -480px -320px;
  color: transparent;
}
div.startpage ul li a.sp_iisalmensanomat {
  background-image: url(../images/startsprite.png);
  background-position: -600px -320px;
  color: transparent;
}
div.startpage ul li a.sp_ridewithgps {
  background-image: url(../images/startsprite.png);
  background-position: 0px -360px;
  color: transparent;
}
div.startpage ul li a.sp_danskebank {
  background-image: url(../images/startsprite.png);
  background-position: -120px -360px;
  color: transparent;
}
div.startpage ul li a.sp_aktia {
  background-image: url(../images/startsprite.png);
  background-position: -240px -360px;
  color: transparent;
}
div.startpage ul li a.sp_googlephotos {
  background-image: url(../images/startsprite.png);
  background-position: -360px -360px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_chromewebstore {
  background-image: url(../images/startsprite.png);
  background-position: -480px -360px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlecalendar {
  background-image: url(../images/startsprite.png);
  background-position: -600px -360px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlemymaps {
  background-image: url(../images/startsprite.png);
  background-position: 0 -400px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlecontacts {
  background-image: url(../images/startsprite.png);
  background-position: -120px -400px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlenews {
  background-image: url(../images/startsprite.png);
  background-position: -240px -400px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googletranslate {
  background-image: url(../images/startsprite.png);
  background-position: -360px -400px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_iltalehti {
  background-image: url(../images/startsprite.png);
  background-position: -480px -400px;
  color: transparent;
}
div.startpage ul li a.sp_supersaa {
  background-image: url(../images/startsprite.png);
  background-position: -600px -400px;
  color: transparent;
}
div.startpage ul li a.sp_budgetsport {
  background-image: url(../images/startsprite.png);
  background-position: 0 -440px;
  color: transparent;
}
div.startpage ul li a.sp_rosebikes {
  background-image: url(../images/startsprite.png);
  background-position: -120px -440px;
  color: transparent;
}
div.startpage ul li a.sp_bike-discount {
  background-image: url(../images/startsprite.png);
  background-position: -240px -440px;
  color: transparent;
}
div.startpage ul li a.sp_chainreactioncycles {
  background-image: url(../images/startsprite.png);
  background-position: -360px -440px;
  color: transparent;
}
div.startpage ul li a.sp_hi5bikes {
  background-image: url(../images/startsprite.png);
  background-position: -480px -440px;
  color: transparent;
}
div.startpage ul li a.sp_isoomena {
  background-image: url(../images/startsprite.png);
  background-position: -600px -440px;
  color: transparent;
}
div.startpage ul li a.sp_bauhaus {
  background-image: url(../images/startsprite.png);
  background-position: 0 -480px;
  color: transparent;
}
div.startpage ul li a.sp_ikh {
  background-image: url(../images/startsprite.png);
  background-position: -120px -480px;
  color: transparent;
}
div.startpage ul li a.sp_zalando {
  background-image: url(../images/startsprite.png);
  background-position: -240px -480px;
  color: transparent;
}
div.startpage ul li a.sp_netrauta {
  background-image: url(../images/startsprite.png);
  background-position: -360px -480px;
  color: transparent;
}
div.startpage ul li a.sp_partioaitta {
  background-image: url(../images/startsprite.png);
  background-position: -480px -480px;
  color: transparent;
}
div.startpage ul li a.sp_varustenet {
  background-image: url(../images/startsprite.png);
  background-position: -600px -480px;
  color: transparent;
}
div.startpage ul li a.sp_spankki {
  background-image: url(../images/startsprite.png);
  background-position: 0 -520px;
  color: transparent;
}
div.startpage ul li a.sp_crema {
  background-image: url(../images/startsprite.png);
  background-position: -120px -520px;
  color: transparent;
}
div.startpage ul li a.sp_hobbylinna {
  background-image: url(../images/startsprite.png);
  background-position: -240px -520px;
  color: transparent;
}
div.startpage ul li a.sp_jysk {
  background-image: url(../images/startsprite.png);
  background-position: -360px -520px;
  color: transparent;
}
div.startpage ul li a.sp_stockmann {
  background-image: url(../images/startsprite.png);
  background-position: -480px -520px;
  color: transparent;
}
div.startpage ul li a.sp_hobbyhall {
  background-image: url(../images/startsprite.png);
  background-position: -600px -520px;
  color: transparent;
}
div.startpage ul li a.sp_tekniikkajatalous {
  background-image: url(../images/startsprite.png);
  background-position: 0 -560px;
  color: transparent;
}
div.startpage ul li a.sp_omamehilainen {
  background-image: url(../images/startsprite.png);
  background-position: -120px -560px;
  color: transparent;
}
div.startpage ul li a.sp_caffi {
  background-image: url(../images/startsprite.png);
  background-position: -240px -560px;
  color: transparent;
}
div.startpage ul li a.sp_stadium {
  background-image: url(../images/startsprite.png);
  background-position: -360px -560px;
  color: transparent;
}
div.startpage ul li a.sp_ellos {
  background-image: url(../images/startsprite.png);
  background-position: -480px -560px;
  color: transparent;
}
div.startpage ul li a.sp_cdon {
  background-image: url(../images/startsprite.png);
  background-position: -600px -560px;
  color: transparent;
}
div.startpage ul li a.sp_muropaketti {
  background-image: url(../images/startsprite.png);
  background-position: 0 -600px;
  color: transparent;
}
div.startpage ul li a.sp_sello {
  background-image: url(../images/startsprite.png);
  background-position: -720px -120px;
  background-repeat: no-repeat;
  padding-left: 45px;
  width: 72px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_sotka {
  background-image: url(../images/startsprite.png);
  background-position: -120px -600px;
  color: transparent;
}
div.startpage ul li a.sp_vepsalainen {
  background-image: url(../images/startsprite.png);
  background-position: -240px -600px;
  color: transparent;
}
div.startpage ul li a.sp_salainenagentti {
  background-image: url(../images/startsprite.png);
  background-position: -360px -600px;
  color: transparent;
}
div.startpage ul li a.sp_jimms {
  background-image: url(../images/startsprite.png);
  background-position: -480px -600px;
  color: transparent;
}
div.startpage ul li a.sp_citymarket {
  background-image: url(../images/startsprite.png);
  background-position: -600px -600px;
  color: transparent;
}
div.startpage ul li a.sp_prisma {
  background-image: url(../images/startsprite.png);
  background-position: 0px -640px;
  color: transparent;
}
div.startpage ul li a.sp_hobbyking {
  background-image: url(../images/startsprite.png);
  background-position: -120px -640px;
  color: transparent;
}
div.startpage ul li a.sp_telsu {
  background-image: url(../images/startsprite.png);
  background-position: -240px -640px;
  color: transparent;
}
div.startpage ul li a.sp_avaruus {
  background-image: url(../images/startsprite.png);
  background-position: -360px -640px;
  color: transparent;
}
div.startpage ul li a.sp_soundi {
  background-image: url(../images/startsprite.png);
  background-position: -480px -640px;
  color: transparent;
}
div.startpage ul li a.sp_7paivaa {
  background-image: url(../images/startsprite.png);
  background-position: -720px -160px;
  background-repeat: no-repeat;
  padding-left: 40px;
  width: 77px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_tokmanni {
  background-image: url(../images/startsprite.png);
  background-position: -600px -640px;
  color: transparent;
}
div.startpage ul li a.sp_kruokakauppa {
  background-image: url(../images/startsprite.png);
  background-position: 0 -680px;
  color: transparent;
}
div.startpage ul li a.sp_kauppahalli24 {
  background-image: url(../images/startsprite.png);
  background-position: -120px -680px;
  color: transparent;
}
div.startpage ul li a.sp_nettiapteekki {
  background-image: url(../images/startsprite.png);
  background-position: -240px -680px;
  color: transparent;
}
div.startpage ul li a.sp_yleareena {
  background-image: url(../images/startsprite.png);
  background-position: -360px -680px;
  color: transparent;
}
div.startpage ul li a.sp_yleelavaarkisto {
  background-image: url(../images/startsprite.png);
  background-position: -480px -680px;
  color: transparent;
}
div.startpage ul li a.sp_foxplay {
  background-image: url(../images/startsprite.png);
  background-position: -600px -680px;
  color: transparent;
}
div.startpage ul li a.sp_strava {
  background-image: url(../images/startsprite.png);
  background-position: 0 -720px;
  color: transparent;
}
div.startpage ul li a.sp_jalki {
  background-image: url(../images/startsprite.png);
  background-position: -120px -720px;
  color: transparent;
}
div.startpage ul li a.sp_pkreittiopas {
  background-image: url(../images/startsprite.png);
  background-position: -240px -720px;
  color: transparent;
}
div.startpage ul li a.sp_tallinksilja {
  background-image: url(../images/startsprite.png);
  background-position: -360px -720px;
  color: transparent;
}
div.startpage ul li a.sp_vr {
  background-image: url(../images/startsprite.png);
  background-position: -480px -720px;
  color: transparent;
}
div.startpage ul li a.sp_eckeroline {
  background-image: url(../images/startsprite.png);
  background-position: -600px -720px;
  color: transparent;
}
div.startpage ul li a.sp_vikingline {
  background-image: url(../images/startsprite.png);
  background-position: 0 -760px;
  color: transparent;
}
div.startpage ul li a.sp_finnair {
  background-image: url(../images/startsprite.png);
  background-position: -120px -760px;
  color: transparent;
}
div.startpage ul li a.sp_hongkong {
  background-image: url(../images/startsprite.png);
  background-position: -240px -760px;
  color: transparent;
}
div.startpage ul li a.sp_bikester {
  background-image: url(../images/startsprite.png);
  background-position: -360px -760px;
  color: transparent;
}
div.startpage ul li a.sp_volcanodesign {
  background-image: url(../images/startsprite.png);
  background-position: -480px -760px;
  color: transparent;
}
div.startpage ul li a.sp_jackpoint {
  background-image: url(../images/startsprite.png);
  background-position: -600px -760px;
  color: transparent;
}
div.startpage ul li a.sp_rbot {
  background-image: url(../images/startsprite.png);
  background-position: 0 -800px;
  color: transparent;
}
div.startpage ul li a.sp_hobbycraft {
  background-image: url(../images/startsprite.png);
  background-position: -120px -800px;
  color: transparent;
}
div.startpage ul li a.sp_thomann {
  background-image: url(../images/startsprite.png);
  background-position: -240px -800px;
  color: transparent;
}
div.startpage ul li a.sp_googledocs {
  background-image: url(../images/startsprite.png);
  background-position: -360px -800px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googlespreadsheets {
  background-image: url(../images/startsprite.png);
  background-position: -480px -800px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_googleslides {
  background-image: url(../images/startsprite.png);
  background-position: -600px -800px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_outnorth {
  background-image: url(../images/startsprite.png);
  background-position: 0 -840px;
  color: transparent;
}
div.startpage ul li a.sp_scandinavianoutdoor {
  background-image: url(../images/startsprite.png);
  background-position: -120px -840px;
  color: transparent;
}
div.startpage ul li a.sp_fmusiikki {
  background-image: url(../images/startsprite.png);
  background-position: -240px -840px;
  color: transparent;
}
div.startpage ul li a.sp_dlxmusic {
  background-image: url(../images/startsprite.png);
  background-position: -360px -840px;
  color: transparent;
}
div.startpage ul li a.sp_taloon {
  background-image: url(../images/startsprite.png);
  background-position: -480px -840px;
  color: transparent;
}
div.startpage ul li a.sp_inessa {
  background-image: url(../images/startsprite.png);
  background-position: -600px -840px;
  color: transparent;
}
div.startpage ul li a.sp_tietokonekauppa {
  background-image: url(../images/startsprite.png);
  background-position: 0 -880px;
  color: transparent;
}
div.startpage ul li a.sp_datasystems {
  background-image: url(../images/startsprite.png);
  background-position: -120px -880px;
  color: transparent;
}
div.startpage ul li a.sp_telefoto {
  background-image: url(../images/startsprite.png);
  background-position: -240px -880px;
  color: transparent;
}
div.startpage ul li a.sp_pixmania {
  background-image: url(../images/startsprite.png);
  background-position: -360px -880px;
  color: transparent;
}
div.startpage ul li a.sp_sokos {
  background-image: url(../images/startsprite.png);
  background-position: -480px -880px;
  color: transparent;
}
div.startpage ul li a.sp_familon {
  background-image: url(../images/startsprite.png);
  background-position: -600px -880px;
  color: transparent;
}
div.startpage ul li a.sp_allposters {
  background-image: url(../images/startsprite.png);
  background-position: 0 -920px;
  color: transparent;
}
div.startpage ul li a.sp_mareksound {
  background-image: url(../images/startsprite.png);
  background-position: -120px -920px;
  color: transparent;
}
div.startpage ul li a.sp_nettimaalikauppa {
  background-image: url(../images/startsprite.png);
  background-position: -240px -920px;
  color: transparent;
}
div.startpage ul li a.sp_yliopistonapteekki {
  background-image: url(../images/startsprite.png);
  background-position: -360px -920px;
  color: transparent;
}
div.startpage ul li a.sp_123pelit {
  background-image: url(../images/startsprite.png);
  background-position: -480px -920px;
  color: transparent;
}
div.startpage ul li a.sp_radiot {
  background-image: url(../images/startsprite.png);
  background-position: -600px -920px;
  color: transparent;
}
div.startpage ul li a.sp_spotify {
  background-image: url(../images/startsprite.png);
  background-position: 0 -960px;
  color: transparent;
}
div.startpage ul li a.sp_matkahuolto {
  background-image: url(../images/startsprite.png);
  background-position: -720px -200px;
  color: transparent;
}
div.startpage ul li a.sp_postnord {
  background-image: url(../images/startsprite.png);
  background-position: -720px -240px;
  color: transparent;
}
div.startpage ul li a.sp_dhl {
  background-image: url(../images/startsprite.png);
  background-position: -120px -960px;
  color: transparent;
}
div.startpage ul li a.sp_ups {
  background-image: url(../images/startsprite.png);
  background-position: -240px -960px;
  color: transparent;
}
div.startpage ul li a.sp_entresse {
  background-image: url(../images/startsprite.png);
  background-position: -360px -960px;
  color: transparent;
}
div.startpage ul li a.sp_velosport {
  background-image: url(../images/startsprite.png);
  background-position: -480px -960px;
  color: transparent;
}
div.startpage ul li a.sp_vekoy {
  background-image: url(../images/startsprite.png);
  background-position: -600px -960px;
  color: transparent;
}
div.startpage ul li a.sp_kitchentime {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1000px;
  color: transparent;
}
div.startpage ul li a.sp_artflow {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_shelbyoutdoor {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_yleiselektroniikka {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_hintaseuranta {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_mtbreitti {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_dplay {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1040px;
  color: transparent;
}
div.startpage ul li a.sp_youtubepremium {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_youtubemusic {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_elfadistrelec {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_smobiili {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_sportamore {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_boozt {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1080px;
  color: transparent;
}
div.startpage ul li a.sp_linkedin {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1080px;
  color: transparent;
}
div.startpage ul li a.sp_twitter {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1080px;
  color: transparent;
}
div.startpage ul li a.sp_amazon {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1080px;
  color: transparent;
}
div.startpage ul li a.sp_trailforks {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1080px;
  color: transparent;
}
div.startpage ul li a.sp_omaposti {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1080px;
  padding-left: 50px;
  width: 72px;
}
div.startpage ul li a.sp_signspace {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1120px;
  color: transparent;
}
div.startpage ul li a.sp_omavero {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_newchic {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_if {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_lahitapiola {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_vero {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_autodoc {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1160px;
  color: transparent;
}
div.startpage ul li a.sp_poliisi {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_suomifi {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_autonfi {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_autodude {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_valostore {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_suomifi {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_maanmittauslaitos {
  background-image: url(../images/startsprite.png);
  background-position: -360px 0;
  color: transparent;
}
div.startpage ul li a.sp_telia {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1200px;
  color: transparent;
}
div.startpage ul li a.sp_elisa {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_dna {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_handelsbanken {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_poppankki {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_omasp {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_alandsbanken {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1240px;
  color: transparent;
}
div.startpage ul li a.sp_flightradar24 {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_trafi {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_marinetraffic {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_polttoainenet {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_kamuxfi {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_halpahalli {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1280px;
  color: transparent;
}
div.startpage ul li a.sp_pinterest {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_techxplore {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_iotech {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_tokoitech {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_tonitoni {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_mytrendphone {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1320px;
  color: transparent;
}
div.startpage ul li a.sp_automaalit {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_punainenristikontti {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_elisaviihde {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_diagramsnet {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_twitch {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_varusteleka {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1360px;
  color: transparent;
}
div.startpage ul li a.sp_tiktok {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_keskisenkauppa {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_aboutyou {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_puuilo {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_instagram {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_adita {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1400px;
  color: transparent;
}
div.startpage ul li a.sp_swappie {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_kela {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_redbull {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_skaupat {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_karkkainen {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_chatgpt {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1440px;
  color: transparent;
}
div.startpage ul li a.sp_luontoonfi {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_max {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_addnature {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_udisc {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_viaplay {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_trailmap {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1480px;
  color: transparent;
}
div.startpage ul li a.sp_bittimittari {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_retkikartta {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_seura {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_mokkimies {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_erikoistukku {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_penli {
  background-image: url(../images/startsprite.png);
  background-position: 0px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_elonetplus {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_deepltranslator {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_kanta {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_tomtop {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_temu {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_primevideo {
  background-image: url(../images/startsprite.png);
  background-position: 0 -1560px;
  color: transparent;
}
div.startpage ul li a.sp_googlegemini {
  background-image: url(../images/startsprite.png);
  background-position: -120px -1560px;
  /*color: transparent;*/
}
div.startpage ul li a.sp_stara {
  background-image: url(../images/startsprite.png);
  background-position: -240px -1560px;
  color: transparent;
}
div.startpage ul li a.sp_voice {
  background-image: url(../images/startsprite.png);
  background-position: -360px -1560px;
  color: transparent;
}
div.startpage ul li a.sp_rumba {
  background-image: url(../images/startsprite.png);
  background-position: -480px -1560px;
  color: transparent;
}
div.startpage ul li a.sp_keskisuomalainen {
  background-image: url(../images/startsprite.png);
  background-position: -600px -1560px;
  color: transparent;
}
div.startpage ul li a.sp_tuulilasi {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1560px;
  color: transparent;
}
div.startpage ul li a.sp_trodo {
  background-image: url(../images/startsprite.png);
  background-position: -720px -880px;
  color: transparent;
}
div.startpage ul li a.sp_steam {
  background-image: url(../images/startsprite.png);
  background-position: -720px -920px;
  color: transparent;
}
div.startpage ul li a.sp_sanaristikot {
  background-image: url(../images/startsprite.png);
  background-position: -720px -960px;
  color: transparent;
}
div.startpage ul li a.sp_etn {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1000px;
  color: transparent;
}
div.startpage ul li a.sp_afterdawn {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1040px;
  color: transparent;
}
div.startpage ul li a.sp_radiorock {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1080px;
  color: transparent;
}
div.startpage ul li a.sp_tivi {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1120px;
  color: transparent;
}
div.startpage ul li a.sp_tieku {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1160px;
  color: transparent;
}
div.startpage ul li a.sp_aamulehti {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1200px;
  color: transparent;
}
div.startpage ul li a.sp_verkkouutiset {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1240px;
  color: transparent;
}
div.startpage ul li a.sp_newscientifist {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1280px;
  color: transparent;
}
div.startpage ul li a.sp_physorg {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1320px;
  color: transparent;
}
div.startpage ul li a.sp_onni {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1360px;
  color: transparent;
}
div.startpage ul li a.sp_omakys {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1400px;
  color: transparent;
}
div.startpage ul li a.sp_suomenmaa {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1440px;
  color: transparent;
}
div.startpage ul li a.sp_talouselama {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1480px;
  color: transparent;
}
div.startpage ul li a.sp_yle {
  background-image: url(../images/startsprite.png);
  background-position: -720px -1520px;
  color: transparent;
}
div.startpage ul li a.sp_tuiminnematkustaa {
  background-image: url(../images/startsprite.png);
  background-position: -720px -840px;
  color: transparent;
}
div.startpage ul li a.sp_nordpoolsahkonhinta {
  background-image: url(../images/startsprite.png);
  background-position: -720px -800px;
  color: transparent;
}
div.startpage ul li a.sp_tena_kotiinkuljetus {
  background-image: url(../images/startsprite.png);
  background-position: -720px -760px;
  color: transparent;
}
div.startpage ul li a.sp_3djake {
  background-image: url(../images/startsprite.png);
  background-position: -720px -720px;
  color: transparent;
}
div.startpage ul li a.sp_sintosenpalvelut {
  background-image: url(../images/startsprite.png);
  background-position: -720px -680px;
  color: transparent;
}
div.startpage ul li a.sp_reichelt {
  background-image: url(../images/startsprite.png);
  background-position: -720px -640px;
  color: transparent;
}
div.startpage ul li a.sp_terveyskyla {
  background-image: url(../images/startsprite.png);
  background-position: -720px -600px;
  color: transparent;
}
div.startpage ul li a.sp_omasavo {
  background-image: url(../images/startsprite.png);
  background-position: -720px -560px;
  color: transparent;
}

@media (max-width: 900px) {
  #main {
    width: 100%;
    padding-bottom: 0;
  }
  #extra {
    width: 100%;
    position: relative;
    background-color: initial;
    box-shadow: none;
    margin: 0 0 30px 0;
    padding: 0 0 0 15px;
  }
}

@-webkit-keyframes sizeanim {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@keyframes sizeanim {
  0% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}

#apeanim {
  color: #fff;
  font-size: 140px;
  font-family: Helvetica;

  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1.74);
  animation-timing-function: cubic-bezier(0, 0, 0, 1.74);
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running;

  -webkit-animation-name: sizeanim;
  animation-name: sizeanim;
  z-index: -999;
}