/* stylesheet */


body    {
	background:black;
	padding: 0
	}
h1
        {
	font-family: arial;
	font-size: 14pt;
	color: white;
	font-weight: bold;
	}
.otsikko
	{
	font-family: verdana, arial;
	font-size: 14px;
	color: white;
	font-style: bold;
	}
.yhteys
	{
	font-family: verdana, arial;
	font-size: 14px;
	color: white;
	font-style: bold;
	}
#logo
	{
	margin-left: 15%;
	}
	
	
/* Ylhäällä olevan linkkipalkin määritykset, osa määrityksistä tulee kuitenkin
   noista linkeille erikseen määritetyistä arvoista. */
	
#links
        {
	text-align: center;
	margin-right:15%;
	margin-left: 15%;
	margin-top: 5%;
 	word-spacing: 100px;
	border: 2px inset #1e90ff;
	}

/*Vasemman puoleisen boxin määritykset */

#left-box
        {
        position: absolute; left: 15%;
        margin-left: 0%;
        width: 25em;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        }

/*Oikean puoleisen boxin määritykset */
        
#right-box
        {
        margin-top: 3%;
        margin-left: 45em;
        font-family: arial;
        font-size: 12px;
        color: #ffffff;
        }
        
/* Nämä ovat perus linkkien väritykset eli valkoinen harmaaksi */
        
a:link
        {
        color: #ffffff;
        font-family: arial;
	font-size: 12pt;
	text-decoration: none;
	}
a:visited
	{
	color: #ffffff;
	font-family: arial;
	font-size: 12pt;
	text-decoration: none;
	}
a:active
	{
  	color: #ccc;
	font-family: arial;
	font-size: 12pt;
	text-decoration: none;
	}
a:hover
	{
	color: #ccc;
	font-family: arial;
	font-size: 12pt;
	text-decoration: none;
	}
	
/*Nämä linkkimääritykset ovat tuohon siniseen linkin väriin */
	
a.special:link
        {
        color: #1e90ff;
      	background-color: black;
        }
a.special:visited
	{
     	color: #1e90ff;
        background-color: black;
        }
a.special:hover
        {
        color: #fff;
        background-color: black;
        text-decoration: none;
        }
a.special:active
        {
        color: #fff;
        background-color: black;
        }