body { font-size: 100%; position: relative; }

.wrapper {position: absolute; top:10px; right: 13px;}

p { color: black; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 1vw; padding: 0px; margin: 1vw 2vw 1vw 2vw; }

h1 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.8vw; line-height: 1.5vw; color: rgb(7, 133, 191); font-style: normal; white-space: normal; border-spacing: 2px; font-variant: normal; font-weight: 500; padding: 0px; margin: 3vw 0px 2vw 2vw; }

h2 { line-height: 1.6vw; color: white; font-style: normal; white-space: normal; border-spacing: 2px; font-variant: normal; font-weight: 400; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.6vw; padding: 0px; margin: 10px 0px 20px 22px; text-indent: 0px; }

//h3 { color: white; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.7vw; padding: 0px; margin: 0px; text-indent: 0px; }

h3 { font-weight: 600;  color: black; font-family: "Open Sans", verdana, Arial, Helvetica, sans-serif; font-size: 1.1vw; margin: 0.6vw 0px 0.9vw 2vw; }

h4 {   color: black; font-family: "Open Sans", verdana, Arial, Helvetica, sans-serif; font-size: 1.0vw; margin: 0.6vw 0px 0.9vw 2vw;  }

h5 { font-weight: bold; text-align: center; font-family: "Open Sans", verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0px; margin: 10px 0px 8px 22px; }

h6 { color: lightgrey; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.8vw; padding: 0px; margin: 2vw 2vw 1vw 2vw; }

td { padding: 0px; margin: 0px; }

tr { padding: 0px; margin: 0px; }

table.kirjautuminen { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0px; margin: 0px; }

td.kirjautuminen { line-height: 1.1vw; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0px; margin: 0px; }

td.tapahtumat { color: white; text-align: left; vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw; margin: 0px; }

td.tapahtumatpvm { color: white; text-align: left; vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0vw 0.9vw; margin: 0px; }

td.tapahtumat a:link { color: white; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw; margin: 0px; }

td.tapahtumat a:hover { color: lightgreen; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw; margin: 0px; }

td.tapahtumat a:visited { color: white; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw; margin: 0px; }

td.tapahtumat a:active { color: black; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw; margin: 0px; }

td.tapahtumat2 { color: black; text-align: left; vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 0.9vw; padding: 0px 0px 0.9vw 1vw; margin: 0px 0px 3vw 8vw; }

td.valikko { font-weight: normal; text-align:left; padding: 0vw 0pvw 0.9vw 0vw; line-height: 1.4vw; border-bottom-style: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko:hover { font-weight: normal; text-align:left;  background-color: rgb(245, 245, 240); border-bottom: 0px lightgrey; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko a:link{ font-weight: normal; text-align:left; border-style:hidden; text-decoration: none; border-bottom: 0px lightgrey; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko2 { font-weight: normal; border-width:2px; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid;  line-height: 1.0vw; border-bottom: 10px; border-bottom-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko2:hover { font-weight: normal; border-width:2px; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid; background-color: white; border-bottom: 10px; border-bottom-color: lightgrey; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko2 a:link{ font-weight: normal; border-width:2px; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid; text-decoration: none; border-bottom: 10px; border-bottom-color: lightgrey; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko3 { font-weight: 500; background-color: white; padding: 0vw 0pvw 0.9vw 0vw; line-height: 1.4vw; border-bottom-style: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; color: black; }

td.valikko4 { background-color: white; border-width:0px; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid; }

td.valikko4:hover { border-width:0px; border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:solid; }

table.palkki { background-color: rgb(245, 245, 240); border-top-style:none; border-left-style:none; border-right-style:none; border-bottom-style:hidden; border-color: white; border-spacing: 2px 0px; padding:none; font-size: 14px; }

table { padding: 0px; margin: 0px; }

a:link { }

a:visited { }

a:hover { }

a:active { }