body {font-family:Helvetica,Arial,sans-serif;background-color:#fff;color:#fff;margin:0px;font-size:14px;}
h1, h2, h3, h4, h5, h6 {font-family:Calibri,Helvetica,Arial,sans-serif;margin:2px 0px 8px;padding:0px 0px 3px;}
img {margin:5px 3px 2px;border-style:none;}
li {margin-bottom:0.2em;margin-left:2.5em;}

#haku {position:absolute;left:479px;top:99px;}

.container {width:50em;background-color:#fff;color:#000;padding-left:1em;}
.bar {width:100%;font-weight:bold;background-color:#369;color:#fff;padding:1px;border-top:1px solid #69c;border-right: 1px solid #036;border-bottom: 1px solid #036;border-left: 1px solid #69c;background-image:url('img/barbg.jpg')}
.copy {font-size:12px;margin-left:0.3em;}
.osoite {color:#f60;font-size:90%}
.floatleft {float:left;margin-right:0.5em;}
.floatright {float:right;}
.new {background:#f60;color:#fff;font-weight:bold;border:1px solid #b30;}
.tiedotus {color: #000;background: #f90 url('img/factbg.png'); border: 1px solid #c30; font-size:13px; padding:0.6em 0.8em;}
.randomfact {color:#666 ;background-color:#eee; padding:1em; font-size:13px; border: 1px solid #ddd;}

.bar a:link, .bar a:visited {color:#fff;text-decoration:none;padding-left:0.3em;padding-right:0.3em;}
.bar a:hover, .bar a:active {color:#9cf;text-decoration:none;padding-left:0.3em;padding-right:0.3em;}

a:link {text-decoration:underline;color:#25c;}
a:visited {text-decoration:underline;color:#129}
a:hover {text-decoration:none;color:#58c}
a:active {text-decoration:none;color:#58c}