/* Yleinen leiska */

body
{
	background: #851801 url('../_kuvat/tausta2.jpg');
	margin: 0;
	padding: 5px 0;
}

div
{
	position: relative;
	margin: 0;
}

img
{
	border: 0;
}

img.vasen
{
	margin: 0 20px 5px 0;
}

img.oikea
{
	margin: 0 0 5px 20px;
}

/* Sisaltaa ja pitaa kasassa sivun sisaltoelementit (#vasen ja #sisalto) */
#kontti
{
	float: left;
	width: 100%;
	clear: both;
	background: #fff /*url('../_kuvat/vasen-faux.jpg') repeat-y*/;
}

/* float-elementteja varten, floattien yla- ja alapuolelle pitaa laittaa
 * clear-elemetit jotteivat seikkaile turhaan 
 */
.clear 
{
	clear: both;
	line-height: 0.01;
}

/* Sis?lt?? ja keskitt?? kaikki sivuston elementit. */
#keskitin
{
	background: #fff;
	width: 789px;
	margin: 0 auto;
}

#ylapalkki
{
	width: 100%;
	background: #f69c4e;
	padding: 3px 0 0 0;
	float: left;
	display: inline;
	border-bottom: 1px solid black;
}

div#logo
{
	background: transparent url('../_kuvat/logo.jpg') top left no-repeat;
	height: 51px;
	margin: 0 0 0 0;
	clear: both;
}

div#logo a 
{
	height: 51px;
	width: 789px;
	display: block;
	letter-spacing: 0.01em;
	text-decoration: none;
	overflow: hidden;
	position: static;
	text-indent: -1000px;
}

#vasen
{
	float: left;
	width: 200px;
	/*background: #f4f1e6 url('../_kuvat/vasenhaivy.jpg') top left repeat-x;*/
}

#palsta-oikea
{
	float: right;
	width: 170px;
	padding: 30px 30px 0 10px;
	font-size: 90%;
}

#sisalto
{
	float: left;
	padding: 30px 30px 10px 30px;
}

#sisalto.kapea
{
	width: 519px !important;
	width: 503px;
	padding-left: 40px;
	background: #fff url('../_kuvat/erotin.jpg') top left repeat-y;
}

#sisalto.kapeavasemmalle
{
	width: 518px;
}

div#palsta-oikea .linkitys h3
{
	margin: 0;
}

#ingreso
{
	float: left;
	clear: both;
	padding: 30px 30px 0 30px;
}

#ingreso img
{
	float: right;
	margin-left: 10px;
}

form#hakuformi
{
	display: inline;
}

form#hakuformi input
{
	font-size: 1em;
	line-height: 1em;
	background: #fafafa;
	border: 1px solid #a5a5a5;
	height: 1.2em;
}

form#hakuformi input.nappi
{
	height: 1.5em;
	background: #e5e5e5;
}

.vasen
{
	float: left;
	clear: left;
}

.oikea
{
	float: right;
	clear: right;
}

#polku
{
	font-size: 90%; 
	padding: 10px 30px;
	border-bottom: 1px solid #c5c5c5;
}

#alapalkki{
	clear: both;
	color: #666;
	font-size: 87%;
	margin: 2em 0 0 0;
	padding: 1em 30px;
	border-top: 1px solid #ccc;
}

#alapalkki a 
{
	clear: none;	
}

#alapalkki .vasen
{
	margin-right: 1.7em;
}

/* Villen demoa varten lisäämiä */
pre{font-family: verdana}
#vasen h2, #vasen p{margin: 1em 0 1em 30px}
#vasen h3{margin: 20px 0 20px 30px} /* Joillain sivuilla h2 on liian leve valikkoon, tllin marginaalit pikselein, jotta suurinpiirtein samat, kuin h2:lla :) */
#vasen ul{margin: 0; padding: 0 0 0 40px; list-style: none;}
#vasen li{line-height: 110%; padding: 0 0.7em 0.7em 0}
#vasen ul li ul{padding: 0.5em 0 0 1em; font-size: x-small;}

#vasen #valittu /* vasemman valikon valittu linkki */
{
	color: #000; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: default;
}


	
/* sivukarttamaisten taulukoiden muotoilu */

ul.simple {
	list-style: none;
}

.sivukartta{
	margin: 1em 0;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-collapse: collapse;
}

.sivukartta td{
	vertical-align: top;
	width: 245px;
	border-bottom: 0px solid #eee;
	border-right: 0px solid #eee;
	padding: 5px 15px 15px 15px;
	border: 1px solid #dcdcdc;
	border-left: 0;
	border-top: 0;
}

.sivukartta td.viimeinen{padding-right: 0; border-right: 0;}
.sivukartta ul {margin: 0; padding: 0; list-style: none;}
.sivukartta ul li{padding: 0 0 0.3em 0}
.sivukartta ul li ul{padding: 0.5em 0 0 1.5em; font-size: 90%} /* Sisakkainen lista */

.sivukartta#kaksivierekkain td{width: 350px}


.sivukartta h2,
.sivukartta h3,
.sivukartta h4
{
	font-size: 110%;
	margin: 1em 0 0.5em 0;
}

.sivukartta h4,
.sivukartta h2,
.sivukartta ul,
.sivukartta p
{
	padding: 0 12px;
}

.sivukartta p,
.sivukartta ul
{
font-size: 95%;
}


/* Kakka ratkaisu kielenhuolto-osiota varten: */
table.sivukartta td ul.pallukat{padding: 0 0 0 4em; list-style-type: disc;}


/* puuttuvien juttujen korostukset */
.tol{border: 4px solid orange; padding: 0.5em}
.tuottajat{border: 4px solid red; padding: 0.5em;}


.tekstinkatsastus{width: 740px}