<style>

html {overflow-y: scroll;}

body {
  min-height: 101vh;
  margin: 0;
  background-image: url("back.jpg");
  background-size: 100% auto;
  font-size: 15px;
  text-shadow: 0px 0px 3px #6e6e6e;
  font-family: Verdana, Geneva, sans-serif;
}

a:link {color:#cf1b43; text-shadow: 1px 1px 2px #ffc8fc; text-decoration: none;}
a.yearnavi:link {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a.yearnavi2:link {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a.yearnavi3:link {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a:visited {color:#cf1b43; text-shadow: 1px 1px 2px #ffc8fc;}
a.yearnavi:visited {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a.yearnavi2:visited {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a.yearnavi3:visited {color:#FFFFFF; text-shadow: 1px 1px 3px #000000;}
a:hover {color:#ff336d; text-shadow: 0px 0px 2px #FF739A; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
a.yearnavi:hover {color:#00FF5A; text-shadow: 2px 1px 3px #000000;}
a.yearnavi2:hover {color:#00FF5A; text-shadow: 1px 1px 3px #000000;}
a.yearnavi3:hover {color:#00FF5A; text-shadow: 1px 1px 3px #000000;}

.header {
  background-color: #000000;
  background-image: url("static.gif");
  background-size: 665px;
  padding-top: 5px;
  text-align: center;
}

.header img {
  max-width: 70%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#navbar {
  overflow: hidden;
  background-color: #000000;
  box-shadow: rgba(255, 255, 255, 0.4) 0px 15px 20px;
}

#navbar a {
  float: left;
  display: block;
  width: 33.33%;
  color: #ffffff;
  text-align: center;
  padding: 10px 0px;
  text-decoration: none;
  text-shadow: 1px 1px 2px #ffffff;
  text-align: center;
  font-size: 13px;
  border-bottom: 2px solid #ffffff;
}

#navbar a:hover {
  background: linear-gradient(to bottom, #000000 1%, #ff0048 10%) ;
  text-shadow: 1px 1px 2px #ffffff;
  color: white;
  border-bottom: 2px solid #ffffff;
}

#navbar a.active {
  background: linear-gradient(to bottom, #000000 1%, #ff0048 10%) ;
  text-shadow: 1px 1px 2px #ffffff;
  color: white;
}

.content {
  padding: 15px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 8px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.table1 {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table1 td, #yksi th {
    font-size: 0.9em;
    padding: 5px 5px 5px 2px;
	background-color: #efefef;
	border: none;
}
.table1 th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 5px;
    background-color: #ff0048;
    color: #ffffff;
}
.table1 tr.alt td {
    background-color: #eaeaea;
}

.table1index {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 500px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	border: 1px solid #d9d9d9;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table1index td, #yksi th {
    font-size: 0.9em;
    padding: 5px 5px 5px 2px;
	border: none;
}

.table1index a img {
  transition: all 0.3s ease;
  transform: scale(0.96);
}

.table1index a:hover img {
  transform: scale(1.06);
  filter: contrast(150%);
}

img.responsive {
  max-width: 100%;
  height: auto;
}

.table1u {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table1u td, #yksi th {
    font-size: 0.9em;
    padding: 1px 5px 1px 0px;
	background-color: #efefef;
	border: none;
}
.table1u th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 5px;
    background-color: #ff0048;
    color: #ffffff;
}
.table1u tr.alt td {
    background-color: #eaeaea;
}
.table1u td:first-child {
  padding-left: 0;
}

.table1u td:first-child img {
  display: block;
  height: 107px;
  width: 71px;
}

.table1u td:last-child {
  padding-right: 5px;
}

.table1u td img {
  display: block;
}

.table1u td:last-child img {
  margin-left: auto;
}

.table1vgold {
    font-family:"Verdana", Geneva, sans-serif; color:#cf1b43; text-shadow: 1px 1px 1px #ffc8fc;
	font-size: 13px;
	text-align: center;
    width: auto;
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table1vgold td, #yksi th {
    font-size: 0.9em;
    padding: 5px 5px 5px 5px;
	background-color: #efefef;
	border: none;
}
.table1vgold th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 5px;
    background-color: #ff0048;
    color: #ffffff;
}
.table1vgold tr.alt td {
    background-color: #eaeaea;
}

.table1vgold tr td.black {color:#ffffff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}
.table1vgold tr td.green {color:#ffffff; text-shadow: -1px 0 darkgreen, 0 1px darkgreen, 1px 0 darkgreen, 0 -1px darkgreen, 0px 0px 2px rgba(0, 0, 0, 1); font-size: 11px;}
.table1vgold tr td.blue{color:#ffffff; text-shadow: -1px 0 mediumblue, 0 1px mediumblue, 1px 0 mediumblue, 0 -1px mediumblue, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}
.table1vgold tr td.purple{color:#ffffff; text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}

.table1vg {
    font-family:"Verdana", Geneva, sans-serif; color:#cf1b43; text-shadow: 1px 1px 1px #ffc8fc;
	font-size: 13px;
	text-align: center;
    width: auto;
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table1vg td, #yksi th {
    font-size: 0.9em;
    padding: 1px 5px 1px 0px;
	background-color: #efefef;
	border: none;
}
.table1vg th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 5px;
    background-color: #ff0048;
    color: #ffffff;
}
.table1vg tr.alt td {
    background-color: #eaeaea;
}

.table1vg tr.alt td {
    background-color: #eaeaea;
}
.table1vg td:first-child {
  padding-left: 0;
}

.table1vg td:first-child img {
  display: block;
  height: 107px;
  width: 74px;
}

.table1vg td:last-child {
  padding-right: 5px;
}

.table1vg td img {
  display: block;
}

.table1vg td:last-child img {
  margin-left: auto;
}

.table1vg tr td.black {color:#ffffff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}
.table1vg tr td.red {color:#ffffff; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}
.table1vg tr td.green {color:#ffffff; text-shadow: -1px 0 darkgreen, 0 1px darkgreen, 1px 0 darkgreen, 0 -1px darkgreen, 0px 0px 2px rgba(0, 0, 0, 1); font-size: 11px;}
.table1vg tr td.blue{color:#ffffff; text-shadow: -1px 0 mediumblue, 0 1px mediumblue, 1px 0 mediumblue, 0 -1px mediumblue, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}
.table1vg tr td.purple{color:#ffffff; text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple, 0px 0px 2px rgba(0, 0, 0, 0.8); font-size: 11px;}

.table2 {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table2 td, #yksi th {
    font-size: 0.9em;
    padding: 5px 5px 5px 2px;
	background-color: #efefef;
	border: none;
}
.table2 th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 5px;
    background-color: #FF3800;
    color: #ffffff;
}
.table2 tr.alt td {
    background-color: #eaeaea;
}

.table2u {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.table2u td, #yksi th {
    font-size: 0.9em;
    padding: 1px 5px 1px 0px;
	background-color: #efefef;
	border: none;
}
.table2u th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 5px;
    background-color: #FF3800;
    color: #ffffff;
}
.table2u tr.alt td {
    background-color: #eaeaea;
}
.table2u td:first-child {
  padding-left: 0;
}

.table2u td:first-child img {
  display: block;
  height: 105px;
  width: 69px;
}

.table2u td:last-child {
  padding-right: 5px;
}

.table2u td img {
  display: block;
}

.table2u td:last-child img {
  margin-left: auto;
}

.table3 {
    font-family:"Verdana", Geneva, sans-serif;
	text-align: center;
	width: 100%;
    max-width: 400px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	border: 1px solid #d9d9d9;
	box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
}
.table3 td, #kolme th {
    font-size: 0.7em;
}
.table3 th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: center;
    color: #C4C4C4;
	padding-top: 1px;
    padding-bottom: 3px;
}

.tablearchive {
    font-family:"Verdana", Geneva, sans-serif; color:#FFFFFF; text-shadow: 2px 1px 3px #000000;
	font-size: 13px;
	text-align: center;
	width: 100%;
    max-width: 600px;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
	border: 1px solid; color: #ff0048;
	box-shadow: rgba(0, 0, 0, 0.15) 8px 8px 10px;
}
.tablearchive td, #yksi th {
	font-family:"Courier New", Geneva, sans-serif;
    font-size: 16px;
	font-weight: bold;
    padding: 12px 2px 12px 2px;
	background-color: #e9e9e9;
	border: none;
	width: 25%;
}
.tablearchive th {
	text-shadow: 1px 1px 2px #000000;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 5px;
    background-color: #ff0048;
    color: #ffffff;
}
.tablearchive tr.alt td {
    background-color: #eeeeee;
}

#archive a {
    color: #ff0048;
	text-shadow: none;
    transition: text-shadow 0.3s ease;
}

#archive a:hover {
  text-decoration: underline;
  text-decoration-color: #ff0048;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-shadow:
    0 0 1px #ff739a,
    0 0 1px #ff739a,
    0 0 2px #ff336d;
}

</style>