body {
	background-image: url(images/taus_1.jpg);
	background-repeat: repeat;
}

#main {
	width: 736px;
	margin: 0 auto;
	background-image: url(images/tausta_w.gif);
	background-position: right top;
	background-repeat: repeat-y;
}

#yla {
	width: 736px;
	margin: 0 auto;
	margin-top: 60px;
}

.ylapalkki {
	display: block;
	width: 736px;
	height: 76px;
	background-position: 0 0;
}

#yla a { background-image: url(images/ylapalkki_w.gif); }

.textlink {	display: none }

#otsikko {
	background-image: url(images/oikea_kulma.gif);
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 44px;
	margin-left: 144px;
	padding: 14px;
	padding-bottom: 0;
	margin-right: 6px;
}

#otsikko h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #036;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	margin-right: 1em;
}

#otsikko h1 a { text-decoration: none; }

#teksti, #footnav, .lastmod {
	margin-left: 144px;
	margin-right: 12px;
	padding: 0 14px;
	font-family: sans-serif;
}

#teksti {
	margin-bottom: 1em;
	margin-right: 1em;
	font-size: 13px;
}

#teksti p {
	margin: 1em 0;
	line-height: 1.4em;
	font-size: 13px;
}

#teksti li, .indent, .outdent {
	font-size: 13px;
}



/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
#teksti h1, h2, h3, h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; }
#teksti h1, h2, h3, h6 { font-weight:bold; }
h4, h5 { font-weight:bold; }
#teksti h1 code, h2 code, h3 code, h4 code { font-size:1em; }
#teksti h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:15px; }
h5 { font-size:14px; }
h6 { font-size:13px; }



#teksti_vanha h2 {
	font-size: 14px;
	font-weight: bold;
}

#teksti_vanha h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4em;
	font-style: italic;
}



#ala {
	margin: 0 auto;
	margin-bottom: 60px;
	width: 736px;
	height: 44px;
	background-image: url(images/alapalkki_w.gif);
}

#footnav, .lastmod {
	font-size: 11px;
}

#footnav a:link { color: #963; }

#menu { 
	float: left; 
	background-image: url(images/torvi_alaosa_w.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#sidebar { /* 144px total width */
	width: 117px;
	margin-top: 73px;
	padding-left: 13px;
	font-family: 'Helvetica CY', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

#sidebar ul {
	width: inherit;
	padding: 0; margin: 0;
}

#sidebar li { 
	padding: 0;
	margin: 0.6em 0;
	width: inherit;
	display: block;
	border-bottom: 1px dashed white;
	line-height: 16px;
}

#sidebar a {
	padding: 3px 5px;
	text-decoration: none;
	color: white;
	display: block;
}

#sidebar a:hover {
	font-weight: bold;
}

#sidebar .selflink {
	background: #35536D;
}


#loppu { 
	clear: left;
	height: 1px;
}


span.piilomiuku:before { content: " (at)" }


.difftype {
	clear: right;
}

.diffrestore {
	clear: right;
}


@media print {
  body { width:auto; margin:0; padding:0.5em; }
  #yla, #sidebar, #footnav { display:none; }
  #loppu { padding:2px; }
  #otsikko, #teksti, #footnav, .lastmod { margin-left: 0; }
}