html {
 padding: 0;
 margin: 0;
}

body {
  font-family: Papyrus, Parisian, Arial, "Lucida console", Tahoma, Verdana, sans-serif;
  background: rgb(128, 201, 255) none;
  color: black;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

body h1, h2, h3 {
 padding: 0.5em;
 clear: both;
}

body h1, h2 {
 text-align: center;
}

body p {
 padding-top: 0;
 padding-bottom: 0;
 padding-right: 0.5em;
 padding-left: 0.5em;
}

body ul {
 list-style-type: circle;
 padding-left: 10%;
}

h1 {
 color: black;
 background: #80C9FF none;
  font-size: 200%;
  margin-top: 2em;
  margin-bottom: 0;
  line-height: 1em;
}

.main>h1 {
 margin-top: 0;
}

.main img {
 float: left;
 margin-right: 1em;
}

.main {
 margin-top: 2em;
 margin-right: 15%;
 background: #80C9FF;
 color: black;
 padding-bottom: 1em;
 width: 100%; 
 height: 100%;
}

body>.main {
 width: 85%;
}

.kieli {
 float: right;
 padding-top: 2em;
 margin-top: 0;
}

.main>div.kieli {
 padding-top: 0;
}

.kieli a:hover {
 background-color: #80C9FF;
 color: blue;
}

a {
  text-decoration: none;
}

a:visited {
 color: #c000c0;
 background: #80C9FF none;
 text-decoration: none;
}

a:hover {
 background-color: #80C9FF;
 color: green;
 text-decoration: none;
}

a:active {
 background: #80C9FF;
 color: blue;
 text-decoration: none;
}

.murupolku {
padding : 0;
margin: 0;
height: 2em;
position: absolute;
left: 0;
top: 0;
line-height: 2em;
width: 100%;
text-align: left;
vertical-align: middle;
}

body>div.murupolku {
 position: fixed;
 top: 0;
 left: 0;
}

.murupolku ul {
 background : #0066B3;
 color: blue;
 margin : 0;
padding: 0;
list-style-type: none;
}

.murupolku ul li {
display: inline;
 border-left: 2px dashed rgb(128, 201, 255);
margin-left: 0.25em;
padding-left: 0.25em;
background-color: #0066B3;
color: rgb(128, 201, 255);
 vertical-align: middle;
 list-style-type: none;
}

.murupolku img {
 list-style-type: none;
 border: none;
 vertical-align: middle;
 padding: 0.25em;
 margin: 0;
 display: inline;
}

.murupolku ul li:first-child {
 border-left: 0;
 margin-left: 0;
 padding-left: 0;
}

.murupolku a, .vakionavigointi a {
 text-decoration: none;
 list-style-type: none;
}


.vakionavigointi img {
 list-style-type: none;
 border: none;
 vertical-align: middle;
 padding: 0.25em;
 margin: 0;
 margin-top: 0.5em;
}

.vakionavigointi {
 margin: 0;
 color: rgb(191, 228, 255);
 background-color: rgb(0, 102, 179);
 width: 15%;
height: 100%;
padding: 0;
position: absolute;
top: 1em;
right: 0%;
text-align: center;
line-height: 1.5em;
 }

body>.vakionavigointi {
 position: fixed;
 top: 0;
 right: 0;
}

li#kurssi {
 font-size: 80%;
 line-height: 1em;
 padding-top: 2em;
 background: rgb(0, 102, 179);
 color: rgb(0, 72, 125);
}

li#kurssi a {
 background: rgb(0, 102, 179);
 color: rgb(0, 72, 125);
}

li#kurssi a:hover {
 background: rgb(0, 102, 179);
 color: rgb(128, 128, 128);
}

.vakionavigointi ul {
  margin: 0;
  padding : 0.25em;
  margin-top: 2em;
}

.vakionavigointi ul li {
   display: block;
   width : 100%;
}

.vakionavigointi a:active {
 color: #BFE4FF;
 background: #0066B3;
}

.vakionavigointi a:visited, .murupolku a:visited {
 color: #ff40ff;
 background: rgb(0, 102, 179);
}

.vakionavigointi a:link, .murupolku a:link {
 color: #40ffff;
 background: rgb(0, 102, 179);
}

.vakionavigointi a:hover, .murupolku a:hover {
 background-color: #00487D;
 color: white;
}


.yllapito {
 position: static;
 margin: 0;
 padding: 0.25em;
 padding-left: 0;
 margin-right: 15%;
 margin-top: 3em;
 background: rgb(128, 201, 255);
 text-align: right;
 clear: both;
 color: black;
}

.yllapito address a {
 color: blue;
 background: rgb(128, 201, 255);
}

.yllapito address a:hover {
 background-color: rgb(128, 201, 255);
color: green;
}


form .tasa {
 width: 30%;
 float: left;
 clear: both;
}

.vkentry {
 background: rgb(191, 228, 255);
 color: black;
 float: left;
 margin: 0.15em;
 padding: 0.5em;
}

.vkentry li {
 display: block;
 margin: 0;
padding: 0.25em;
}

.vkname {
 font-size: 150%;
 color: black;
background: rgb(191, 228, 255);
 font-weight: bold;
 text-align: center;
}

.vkdata {
 font-size: 70%;
 background: rgb(191, 228, 255);
 color: black;
}

.vkemail {
 color: black;
 background: rgb(191, 228, 255);
 font-size: 90%;
}

.vkurl {
 color: black;
 background: rgb(191, 228, 255);
 font-size: 90%;
}

.vkcomment {
 color: black;
 background: rgb(191, 228, 255);
 font-size: 110%;
}

label {
 display: block;
 width: 20%;
 clear: both;
 text-align: right;
 padding-right: 0.5em;
 line-height: 1em;
}

label.nappi {
 display: block;
 text-align: left;
 float: left;
 line-height: 1.25em;
padding: 0;
 margin: 0;
 width: 100%;
}

fieldset fieldset.leffa {
 float: left;
 text-align: left;
 padding: 0.5em;
}

fieldset { 
background: rgb(191, 228, 255);
 color: rgb(0, 72, 125);
 margin: 1em;
}

fieldset p select  {
 background: white;
 color: blue; 
}

fieldset textarea {
 text-align: left; 
 margin-left: 20%;
}

fieldset fieldset {
 background: rgb(201, 238, 265);
 color: rgb(0, 72, 125);
}



legend {
background: rgb(191, 228, 255);
color: rgb(0, 72, 125);
font-weight: bolder;
}

legend legend {
 background: rgb(128, 201, 255);
 color: rgb(0, 72, 125);
}

.nextprev ul li {
 display: inline;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 list-style-type: none;
}

.nextprev {
padding : 0.5em;
margin-top: 2em;
height: 1em;
vertical-align: middle;
}

.main>div.nextprev {
 margin: 0;
}

.nextprev ul {
padding : 0;
margin: 0;
}

a#next {
 float: right;
 padding: 0;
 margin-right: 0.25em;
}

a#prev {
 float: left;
padding : 0;
margin-left: 0.25em;
}


pre {
 font-family: courier, sans-serif;
 padding: 0.5em;
}

.kaavio {
 text-align: center;
}

.kaavio img {
 max-width: 900px;
 max-height: 1000px;
 clear: both;
 float: none;
}

.kuva {
 float: left;
 max-width: 160px;
 max-height: 120px;
 padding: 1em;
 text-align: center;
 background: rgb(128, 201, 255) none;
 color: black;
}

.kuva img {
 background: rgb(128, 201, 255) none;
}

.tulos {
float: left;
 max-width: 255px;
 max-height: 200px;
 padding: 0.5em;
 text-align: center;
 background: rgb(128, 201, 255) none;
 color: black;
}

.tulos img {
 background: rgb(128, 201, 255) none;
}

.kuvatekstilla {
 text-align: center;
}

.kuvatekstilla img {
 float: none;
 max-width: 800px;
 max-height: 600px;
 text-align: center;
 clear: both;
}