@font-face {
    font-family: 'klavikabold';
    src: url('fonts/klavika_bold-webfont.woff2') format('woff2'),
         url('fonts/klavika_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'klavikamedium';
    src: url('fonts/klavika_medium-webfont.woff2') format('woff2'),
         url('fonts/klavika_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'klavika_rgregular';
    src: url('fonts/klavika_regular-webfont.woff2') format('woff2'),
         url('fonts/klavika_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

		body {
            background-color: white;
            font-family: 'klavika_rgregular', Lucida, Arial, sans-serif;
            margin:0px;
        }
        
        ul
        {
            margin: 0px;
            font-family: 'klavika_rgregular', Lucida, Arial, sans-serif;
            font-size: 14px;
        }
        
        li
        {
            font-size: 14px;
            margin-left: 30px;
  			list-style-type: disc;
  			list-style-position: inside;
  			text-indent: -1em;
  			padding-left: 1em;
        }

        .toptitle {
        	font-family: klavikabold, Lucida, Arial, sans-serif;
            font-size: 30px;
            margin: 30px;
            color: #000000;
        }
	
  		img {
          margin-left: 30px;
  }
  
  
        .maintitle {
        	font-family: 'klavikamedium', Lucida, Arial, sans-serif;
            font-size: 20px;
            margin-left: 30px;
            color: #000000;
 }

        .normal {
            
            font-size: 14px;
            margin-left: 30px;
        }

        .figure {
            
            font-size: 14px;
            margin-left: 60px;
            color: #007CC2;
        }	
		

        p {
            font-size: 14px;
            margin-left: 30px;
        }

        .subtitle {
            font-size: 14px;
            font-weight: bold;
            color: #007CC2;
        }

      

        table { border-collapse: collapse; }


        td {
            padding: 2px;
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 2px;
            border-color: #007CC2;
            border-collapse: collapse;
        }

        td.yla {
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-color: #007CC2;
        }

        td.keski {
            border-left: 1px solid;
            border-right: 1px solid;
            border-color: #007CC2;
        }

        td.ala {
            border-bottom: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-color: #007CC2;
        }

        a {
            text-decoration: none;
            font-size: 14px;
            font-family: 'klavikabold', Lucida, Arial, sans-serif;
        }

        /* unvisited link */

        a:link { color: #4682B4; }

        /* visited link */

        a:visited { color: #4682B4; }

        /* mouse over link */

        a:hover { color: #2f4f4f; }

        /* selected link */

        a:active { color: #2f4f4f; }

		div 
		{
		margin: 30px;

		}

		#some 
        { 
        	display: table;
            border-top: 1px solid;
			border-top-color: #c0c0c0;
			margin: 0px;
    		height: 40px; 
    		position: fixed; 
    		bottom:0%;
    		width:100%; 
    		background-color: #F0F0F0; 
    		opacity: 1;
			text-align: center;
           	vertical-align: middle;
		}
        
        #icons
        {
        	margin: 8px;
        	display: table-cell;
        }
        
		img.some
        {
            text-decoration: none;
            border: 0;
            margin-top:9px;
            outline: none;
        }

		a.feedlinkki
        {
        	font-size: 16px;
        }