li {
    list-style-type: square;
}

body, html {
    font-family: Verdana;
    font-size: 11pt;
    margin: 0px;
    line-height: 165%;
}

.page {
    position: fixed;
    left: 50%;
    margin-left: -250px;
    font-family: Verdana;
    top: 200px;
    width: 500px;
    background-color: #F5F5F5;
    opacity: 0.85;
    border-radius: 30px;
    padding: 30px;
    display: none;
    height: 350px;
    
    display: none;
    box-shadow: #333 1px 1px 10px;
    z-index: 10;
}

.content {
    overflow-y: scroll;
    height: 300px;
}



a {
    color: maroon;
    text-decoration: none;
}

    a:hover {
        border-bottom: 1px dotted #808080;
    }

h1 {
    font-family: sans-serif;
    font-size: 18pt;
    font-weight: 400;
    color: #333;
}


.Keskitys
{
	LEFT: 0px;
	OVERFLOW: visible;
	WIDTH: 100%;
	POSITION: absolute;
	TOP: 50%;
	HEIGHT: 1px;
}

.button {
  $color: #eee;
  
  @mixin font-color {
    @if lightness($color) > 50 {
      color: rgba(black,0.8);
      text-shadow: 0 0.1em 0 rgba(white,0.5);
  	} @else {
  		color: rgba(white,0.85);
      text-shadow: 0 -0.08em 0 darken($color, 20%);
		}
  }
  
  font: bold 20px Arial,sans-serif;
  @include font-color;
  display: inline-block;
  outline: none;
  cursor: pointer;
  padding: 0.4em 2em 0.5em;
  @include border-radius(0.30em);
  border: 1px solid;
  border-color: darken($color, 20%) darken($color, 30%) darken($color, 40%);
  background-color: $color;
  @include background-image(linear-gradient($color, darken($color, 10%)));
  @include box-shadow(0 0.1em 0.5em rgba(black,0.10), 0 0.1em 0.2em rgba(black,0.3), 0 -0.1em 0.07em rgba(black,0.3) inset, 0 0.1em 0.07em rgba(white,0.2) inset);
  @include transition(all 100ms);
  
  &:hover {
    @include box-shadow(0 0.1em 0.5em rgba(black,0.4), 0 0.1em 0.2em rgba(black,0.4), 0 -0.1em 0.07em rgba(black,0.3) inset, 0 0.1em 0.07em rgba(white,0.2) inset);
  }
  
  &:active {
    padding: 0.4em 2em 0.4em;
    margin-top: 0.1em;
    border-color: darken($color, 30%) darken($color, 20%) $color;
    @include background-image(linear-gradient(darken($color, 5%), $color));
    @include box-shadow(0 0.1em 0.2em rgba(black,0.1) inset, 0 0.1em 0.1em rgba(black,0.2) inset, 0.05em 0 0.07em rgba(black,0.2) inset, -0.05em 0 0.07em rgba(black,0.2) inset);
    @include transition(all 10ms);
  }
}