body {margin: 0; padding: 0; }

div#linkit {position:absolute; top: 150px; left: 25px; width: 180px; height: 250px; border: 0px solid #FF0505;margin: 13px 13px 0.5em;  padding: 1px 1px 1px 1px;}
body>div#linkit {position:fixed; top: 150px; left: 25px; width: 180px; height: 250px; border: 0px solid #FF0505;margin: 13px 13px 0.5em;  padding: 1px 1px 1px 1px;}

div#linkit a {
 
   padding: 3px 5px; 
   text-align: left; font: 13px/17px Verdana, sans-serif; 
   text-decoration: none; color:  #003163;
   }
div#linkit a:hover {color: #000000; border-color: #FF0505;
 
			   font: 13px/17px Verdana, sans-serif;
	                  }
div#linkit a:visited {text-decoration: none; color:  #000000;}


div#sisalto table {
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=75);   /* Internet Explorer       */
   -moz-opacity:0.75;           /* Mozilla 1.6 and below   */
   opacity: 0.75;               /* newer Mozilla and CSS-3 */
}

div#sisalto td {filter:alpha(opacity=100);  /* discarded */
   -moz-opacity:1.0;           /* discarded */
   opacity: 1.0;               /* discarded */
}

div#sponsori {position:absolute; top: 90px; left:250px;}


div#sisalto {position: absolute; top:200px; left: 150px; width: 750px;  
   color: #003163; font: 12px Verdana, sans-serif; padding: 40px; 
   border: 0px solid #FFFFFF;}    
   


h1 {background: #FFFFFF; color: blue;
   margin: -10px -10px 0.5em; padding: 20px 45px 5px;
   font: bold 25px/25px Arial, sans-serif; 
   letter-spacing: 0.5em; text-align: left; 
   }
h2 {color:  #003163;
   margin: -10px -10px 0.5em; padding: 5px 0 5px;
   font: bold 10px/10px Arial, sans-serif; 
   border-bottom: 1px solid #FF0505;
   text-align: center; 
    }
	
h3 {color: #003163; margin: 10px 0px; font: bold 14px Verdana, sans-serif;}
h4 {color: #FF0505; margin: 5x 10px; font: bold 12px Verdana, sans-serif;}

p {margin: 0px 100px 1em 1em; text-align: left; }

/*div#sisalto table {background: #FFFFFF;}*/


div#sisalto a:link {color: #ffffff;}
div#sisalto a:visited {color: #ACE;}
div#sisalto a:link:hover {color: #3a3c3e;}
div#sisalto a:visited:hover {color: #ACE;}


div#pullquote {float: right; width: 150px; color: #FF0505;
   border: dotted #FF0505; border-width: 2px;
   font: bold 10px Arial, Helvetica, Verdana, sans-serif;
   padding: 10px 10px; margin: 7px 10px;}

div#logo {position: fixed; top: 5px; left: 280px; background-color: rgba(50,50,50,0.05)}
div#logo {border: solid #FF0505; border-width: 0px;	
	border-right: 0px;
	   padding: 5px 4px;
	}			 


div#nimet {color: #000000;
   margin: 1px 1px 0.5em; padding: 0px 5px 0px;
   font: bold 9px/9px Arial, sans-serif; 
   text-align: right;}
div#nimet a:link {color: #ACE;}
div#ssisalto a:link:hover {color: #C0C0C0;}
div#nimet a:visited {color: #ACE;}
div#ssisalto a:visited:hover {color: #C0C0C0;}

div#design {color: #8d6f05;
   margin: 1px 1px 0.5em; padding: 0px 5px 0px;
   font: bold 9px/9px Arial, sans-serif; 
   text-align: right;}


div#valikko{position: fixed; top:100; left: 280; width:200; background-color:gray; color:white; transition:0.5s;}

body {
  font-family: 'Lato', sans-serif;
}

.overlay {
  height: 0%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 100;
  left: 150;
  background-color: rgb(0,0,0);
  background-color: rgba(49,49,49, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 20px;
color: white;
	
	
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: white;
	
	
	
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 30px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 18px;
  top: 15px;
  right: 35px;
  }
}