body {
font-style:lighter;
/* font-size:14px;
color:#555555; */
margin:30px auto;
width:800px;
background:#FFFFFF;
}
.box h1, h1.title {
letter-spacing:4px;
font-family:geneva;
color:#0C9290;
background:#D6E4E4;
text-transform:uppercase;
font-size:1.1em;
padding:8px;
}
.box h1:hover {
color:#779797;
background:#CAE2E2;
}
ol#navigaatio, ol#navigaatio ol {
line-height:30px;
}
ol {
line-height:30px;
font-family:arial, verdana;
font-size:12px;
margin:10px 0 0 25px;
padding:10px 0 0 25px;
}
ol ol {
margin:0 0 0 35px;
padding:0;
}
dt:hover {
color:#888888;
}
#pd {
margin:10px 0 0 0;
}
a:link {
color:#AA9B46;
text-decoration:none;
}
a:visited {
color:#AA9B46;
text-decoration:line-through;
}
a:hover {
color:#333333;
text-decoration:none;
border-bottom:2px solid #CCCCCC;
}
h2 {
margin:0 0 3px 0;
color:#84A284;
font-family:georgia;
font-style:lighter;
background:url(h2.gif) left no-repeat;
height:39px;
width:300px;
padding:11px 0 0 10px;
text-transform:lowercase;
font-size:14px;
}
.box {
background:#EEEEEE;
color:#666666;
font-family:arial;
margin:10px 0 0 0;
padding:20px;
}
.box2 {
background:#EEEEEE;
color:#666666;
font-family:arial;
margin:10px 0 0 0;
padding:10px 20px 20px 0;
}
.box:hover, .box2:hover {
background:#F3F3F3;
}
.box2 .content {
padding:20px;
}
.content img {
margin:10px;
padding:10px;
background:#ffffff;
border:1px solid #BEBEBE;
}
.content img:hover {
background:#f0f0f0;
border:1px solid #777777;
}
#tipDiv {
position:absolute;
visibility:hidden;
left:0; top:0; 
z-index:10000;
border:1px solid #BEBEBE;
background:#DEECE4;
color:#333333;
font-family:verdana;
padding:11px;
font-size:10px;
font-style:italic;
line-height:1.2em;
opacity: .80;
filter:alpha(opacity=80);
}
.tip {
border:4px solid #ffffff;
}
.tp1 {
padding:10px 0 0 0;
}
.tp2 {
padding:11px 0 0 4px;
}
ol.bignumber {
font-size:80px;
font-family:georgia;
color:#888888;
margin:10px 0 0 27px;
padding:14px 0 0 38px;
}
ol.bignumber li {
margin:0 0 30px 0;
}
ol.bignumber span {
font-size:13px;
padding:0 0 0 10px;
margin:0;
}
ol.smallnumber {
font-size:50px;
font-family:georgia;
color:#888888;
margin:10px 0 0 27px;
padding:6px 0 0 25px;
}
ol.smallnumber li {
margin:0 0 30px 0;
}
ol.smallnumber span {
font-size:13px;
}
.kaksikuvaa {
width:600px;
}
.kuva1 {
border:10px solid #ffffff;
}
.kuva2 {
border:10px solid #ffffff;
}
acronym, abbr {
text-decoration:none;
font-style:normal;
font-weight:normal;
}
acronym:after, abbr:after {
content:"   . ";
margin:0 6px 0 0;
color:#888888;
background-image:url(abbr.gif);
background-repeat:no-repeat;
text-decoration:none;
font-style:normal;
font-weight:normal;
}
abbr:hover, acronym:hover {
color:#B0B0B0;
}
.musta {
color:#000000;
padding:0;
margin:0;
font-family:"Courier New", Courier;
}
.koodi .punainen, .punainen {
color:#800000;
padding:0;
margin:0;
font-family:"Courier New", Courier;
}
.koodi .sininen, .sininen {
color:#000080;
padding:0;
margin:0;
font-family:"Courier New", Courier;
}
.kirkassininen {
color:#0000FF;
padding:0;
margin:0;
font-family:"Courier New", Courier;
}
.kirkaspunainen {
color:#FF0000;
padding:0;
margin:0;
font-family:"Courier New", Courier;
}
.tummasininen {
color:#000080;
font-family:"Courier New", Courier;
}
.csskoodi {
font-family:"Courier New", Courier;
font-size:1.1em;
padding-left:30px;
padding-right:10px;
margin-left:5px;
margin-top:2px;
margin-bottom:10px;
border-right:3px solid #999999;
color:#000080;
line-height:15px;
}
.csskoodi .sininencss, .sininencss {
color:#0080FF;
font-family:"Courier New", Courier;
margin:0;
padding:0;
}
.koodi {
font-family:"Courier New", Courier;
font-size:1.1em;
padding-left:30px;
padding-right:10px;
margin-left:5px;
margin-top:2px;
margin-bottom:10px;
border-right:3px solid #999999;
color:#000000;
line-height:15px;
}
.footer {
padding:10px 0 10px 15px;
font-size:11px;
font-family:arial;
line-height:16px;
color:#999999;
}
.lopputulos {
background-color:#ffffff;
font-family:Times New Roman;
font-style:none;
text-decoration:none;
font-size:normal;
color:#000000;
line-height:18px;
}
.lopputulos h1 {
padding:20px 0 15px 0;
font-family:none;
font-style:none;
text-decoration:none;
font-size:normal;
color:#000000;
}
.lopputulos a {
text-decoration:underline;
color:#0000FF;
}
.box2 span.dot {
color:#CCCCCC;
font-size:100px;
font-family:arial;
}
.final a {
font-size:30px;
}
.empty {
visibility:hidden;
font-size:0px;
margin:0;
width:0;
height:0;
padding:0;
}