body {
 background: #fff none;
 color: #000;
 margin: 0;
 padding: 0;
 border: 0; 
}

div, span, p, a, ol, ul, li, h1, h2, h3, h4, dl, dt, dd, img {
 color: #000;
 margin: 0px;
 padding: 0;
 background: #fff none;
 border: 0px solid;
 font-style: normal;
 font-variant: normal;
 word-spacing: normal;
 letter-spacing: normal;
 text-decoration: none;
 text-indent: 0;
 text-transform: none;
 line-height: normal;
}

/* komennot */

h1 {
 margin: 16px;
 color: #50a;
 font-family: "californian fb", Garamond, Georgia, Palatino, serif;
 text-decoration: underline;
 font-size: 2.4em;
 font-weight: bolder;
}

h2 {
 margin: 1em 12px 1em 12px;
 border-bottom: 4px solid #b9f;
 width: 20em;
 max-width: 94%;
 min-width: 60%;
 border-style: none none solid none;
 font-family: Garamond, Georgia, Palatino, serif;
}

h3 {
 margin: 1em 14px 1em 14px;
 border-bottom: 2px solid #b9f;
 width: 16em;
 max-width: 84%;
 min-width: 55%;
 border-style: none none solid none;
 font-family: Garamond, Georgia, Palatino, serif;
}

a { 
font-weight: bold;
 text-decoration: underline;
 font-family: Garamond, Georgia, Palatino, serif;
}

a:link    { color: #06f; background: transparent none; }
a:visited { color: #80f; background: transparent none; }
a:active  { color: #f00; background: transparent none; }
a:hover   { color: #0a0; background: transparent none; }

dd {
 font-family: Garamond, Georgia, Palatino, serif;
 margin: 0 0 4px 8px;
}

hr { color: #50a; height: 2px; }


/* id:t */

#otsikkoalue h1 { height: 165px; position: relative; }

#otsikkoalue h1 span { 
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(mozilla-suomeksi4.jpg) no-repeat;
}

#otsikkoalue h1 span.english {
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(finnish-mozilla.jpg) no-repeat;
}

#sarakkeet { position: relative; min-width: 857px; }

#contents {
 max-width: 720px;
 margin-right: 278px; 
 margin-left: 12px; 
 min-width:564px;
 border-right: 3px dotted #ddd;
}

#contents ul { margin: 4px 4px 4px 22px; }

#contents ul li { list-style-type: disc; }

#contents ul li:hover { list-style-type: circle; color: #a6f; }

#contents ol { margin: 4px 4px 4px 24px; }

#menu {
 position: absolute;
 top:0;
 right:10px;
 width: 250px; 
 padding: 4px;
 font-family: Georgia, Palatino, serif;
 font-size: 0.9em;
 text-align: center;
}

#menu{ background: #abf; } 

#menu ul {
 list-style: none;
 text-align: left;
 background: #abf;
}

#menu ul li { background: #abf; }

#menu ul li ul { margin-left: 20px; }

#menu a {
 display: block;
 background: #acf;
 border: 2px solid;
 border-color: #eee #555 #555 #eee;
 padding: 4px;
 color: #000;
 width: 100%;
 margin: 2px;
}

#menu a:hover {
 display: block;
 background: #aaf;
 border-color: #555 #eef #eef #555;
 color: #000;
}

#menu>ul li a { width: auto; }

#aktiivinen a { background: #afa; }
#aktiivinen a:hover { background: #7e8; }


/* luokat */ 

.uusi {
 font-size: 1.1em;
 border-bottom: 2px solid #f00;
 line-height: 140%;
 margin-bottom: 8px;
 margin-right: 4px;
}

.uusi:hover { background: #fe0 none; }

.intro { line-height: 130%; font-weight: bold; }

.teksti {
 font-family: Garamond, Georgia, Palatino, serif; 
 text-align: justify;
 margin-bottom: 0.6em;
 margin-right: 6px;
}

.kuva { margin: 10px 0 14px 0; }

.kuva p {
 margin: 0 6px 0 6px; 
 background: #f4f0ff none;
 border-bottom: 1px dashed #b9f;
 border-right: 1px dashed #b9f;
 padding: 4px;
}

.kysymys {
 margin: 4px 6px 4px 0;
 font-weight: bold;
 font-family: Garamond, Georgia, Palatino, serif;
 background: #f4f0ff url(kmerkki.gif) 95% 100% no-repeat; 
 border-top: 1px dashed #b9f;
 border-left: 1px dashed #b9f;
 padding: 4px;
}

.vastaus { margin: 2px 0 4px 6px; }

.pageinfo { text-align: right; }