body{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFF7DE;
	color:#000;
	font-family: Arial,"Trebuchet MS",  sans-serif;
}

#uloin{
	width: 100%;
	
   border-bottom: 1px solid #B98570;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	
}
#ylaosa{
	border-bottom: 2px solid #9F0000;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(taustakuvat/ylapalkki.gif);
	background-repeat: repeat-x;
	height: 101px;
	
}
#ylaosa h1{
	margin:0 0 0 0.3em;
	padding:0;
	font-size:150%;
	background-image: url(taustakuvat/otsikko.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 92px;
	float: left;
}
#ylaosa h1 img{
	border: none;
}
#piirros{
	height: 100px;
	margin: 0 0 0 330px;
	background-image: url(taustakuvat/piirros.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#piirtaja{
	margin: 0 0.3em 0 10em;
	padding:0 0 0 0;
	text-align: right;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 85%;
	
}
#vari{
	background-color: #FAEBBE;
	color:#000;
	width: 100%;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background-image: url(taustakuvat/piste.gif);
	background-repeat: repeat-y;
	background-position:18.7em 0;
}
#oikea{
	margin:0 0 0 19em;
	padding:0 0 0 1em;
	background-color: #FFF7DE;
	color:#000;

}
#vasen{
   float: left;
	width: 16em;
	margin:0.3em 0 0 0.6em;
	padding:0 0 0 0;
}
#paalinkit, #paluulinkit, #liitteet{
	width:15.6em;
}
#paluulinkit{
	margin: 1em 0 0 0;
}
#paalinkit ul, #paluulinkit ul, #liitteet ul {
	list-style: none;
	 background: #FFEDCE;
	 color:#000;
	margin: 0 0 0 0;
	padding:0 0 5px 0;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 100%;
}

#liitteet ul {
	padding: 0 0 5px 5px;
}

#paalinkit ul li, #paluulinkit ul li{
	margin: 0 0 0 0;
	padding:5px 0 0 0;
}

#paalinkit ul li a, #paluulinkit ul li a{
	margin: 0 0 0 10px;
	padding:0 10px 0 0;
	color: #00008B;
	 background: #FFEDCE;
}

#paalinkit ul li a:hover, #paluulinkit ul li  a:hover{
	margin: 0 0 0 10px;
	padding:0 0 0 0;
	color: #A0522D;
	background-color: #FFEDCE;
}

#paalinkit ul li a.valittu{
	margin: 0 0 0 10px;
	padding:0 0  0 0;
	color:#D82424;
	
}
#paalinkit ul ul{
	list-style: none;
	margin: 0 0 10px 1em;
	padding:0;
}

#paalinkit ul ul li{
	margin: 0 0 0 0.5em;
	padding:0;
}

#paalinkit .b1, #paalinkit .b2, #paalinkit .b3, #paalinkit .b4, #paluulinkit .b1, #paluulinkit .b2, #paluulinkit .b3, #paluulinkit .b4{
  font-size:1px; 
  display:block; 
  background:#770000;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#paalinkit .b1, #paalinkit .b2, #paalinkit .b3, #paluulinkit .b1, #paluulinkit .b2, #paluulinkit .b3 {
  height:1px;
  }

#paalinkit .b2, #paalinkit .b3, #paalinkit .b4, #paluulinkit .b2, #paluulinkit .b3, #paluulinkit .b4
{
  background:#FFEDCE; 
  border-left:1px solid #770000; 
  border-right:1px solid #770000;
  }
#paalinkit .b1, #paluulinkit .b1 {
  margin:0 4px; 
  background:#770000;
  }
#paalinkit .b2, #paluulinkit .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
#paalinkit .b3, #paluulinkit .b3 {
  margin:0 1px;
  }
#paalinkit .b4, #paluulinkit .b4 {
  height:2px; 
  margin:0;
  }
#paalinkit .c1, #paluulinkit .c1 {
  margin:0 5px; 
  background:#770000;
  }
#paalinkit .c2, #paluulinkit .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
#paalinkit .c3, #paluulinkit .c3{
  margin:0 2px;
  }
 #paalinkit .c4, #paluulinkit .c4{
  height:2px; 
  margin: 0 1px;
  }
#paalinkit .valikkosisus, #paluulinkit .valikkosisus {
  display:block; 
  background:transparent; 
  border-left:1px solid #770000; 
  border-right:1px solid #770000; 
  font-size:90%; 
  }
ul#linkit{
	list-style: none;
	margin: 0 0 0.5em 0;
	padding:0;
	border: 1px solid #E5CB9E;
	width: 38em;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 90%;
}
ul#linkit li{
	display: inline;
	margin: 0 0 0 0;
	padding:0 0.8em 0 0.2em;
	background-color: #FCF2E0;
	color:#000;
}
ul#linkit li.sisalto{
	border:none;
}

#palstavasen{
	margin:3.5em 0 0 0;
	width:16em;
}

#palstaoikea{
   margin: 0 0 1em 0;	
	width: 36em;
}
#palstaoikea ol, #palstaoikea ul{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 90%;
	margin:0 0 0.5em 2em;
	padding:0;
}
#palstaoikea ul.kirjain{
	list-style: upper-alpha;
}
#palstaoikea ul.kyselyt{
	list-style: circle;
}
#palstaoikea ol li, #palstaoikea ul li{
	margin:0 0 0.3em 0.2em;
	padding:0;
}
#palstaoikea ol li.cite{
   list-style: none;
	margin:0 0 0.4em 0;
	padding:0;
}
.kuva{
	margin: 0 0 0.5em 0;
	padding:0;
}
.kuvapiirros img{
	border:none;
}


.kuvateksti{
	font-size:75%;
  	width: 42em;
	margin:0 0 0.5em 0;
	padding:0;
}

.kuvatekstiLyhyt{
	font-size: 90%;
}
#lahteet{
	font-size: 80%;
	margin: 1em 0 1em 0;
}
#lahteet ul{
	margin: 0 0 0 2em;
}
h2{
	margin: 0 0 0.3em 0;
	padding:0;
	font-size:130%;
	color: #B15226;
	background-color:  #FFF7DE;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
h2 span{
	display: block;
	font-size:85%;
	margin: 0 0 0.3em 0.5em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
h2.riviera{

	background-image: url(asemakaava/kuvat/harjun_pokkileikkaus.jpg);
	background-repeat: no-repeat;
	height: 107px;
}

h3{
	margin: 0 0 0 0;
	padding:0;
	font-size:105%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	
	
}
h4{
	margin: 0.3em 0 0.1em 0;
	padding:0;
	font-size:95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
h3, h4, strong, h3 a, h3 a:hover{
	color:#444443;
	background-color: #FFF7DE;
}
p{
	margin: 0 0 0.8em 0;
	padding:0;
	font-family: Arial,"Trebuchet MS",  sans-serif;
	font-size:90%;
	line-height: 120%;
}
p.piirtaja{
	color: #FFE4B5;
	background-color: #FFF7DE;
	padding:6.8em 0.3em 0 0;
	font-family: Garamond,"Times New Roman", Times, serif; 
	font-size: 80%;
	text-align: right;
}
p.alkuun{
	padding:0 0 1em 0;
	margin: 0 0 0 0;
	clear: both;
}
p.sisennys{
	margin: 0 0 0.8em 2em;
}
p.maininta{
	margin: 0 0 0.1em 0;
	padding:0;
}
p.kiitos{
	color: #B00000;
	background-color: #FFF7DE;
}
p.paivays{
	font-size:80%;
}
sup{
  font-size: 65%;
}
cite{
	font-size: 75%;
}
a{
	text-decoration: none;
	color: #00008B;
	background-color: #FFF7DE;
}

a:hover{
	color: #A0522D;
	background-color: #FFF7DE;
}
a.kaavio span {
	display:block; 
	position:absolute; 
	width:0px; 
	height:0px; 
	top:0px; 
	left:0px;
	overflow:hidden;
}
a.kaavio:hover span{
   color:#000;
	background-color: #fff;
	display:block; 
	position:absolute; 
	width:300px; 
	height:550px; 
	top:0px; 
	left:650px; 
	padding:15px; 
	border: 1px;
	/*filter:shadow(color:gray);*/
	font-size: 80%;
	font-weight: normal;
}
img{
	border:1px solid #000;
	margin:0 0 0 0;
	padding:0;
}
img.eireunaviivaa{
	border: none;
}
.lopeta{
	clear: both;
	
	margin: 0;
	padding: 0;
}
iframe{
  width: 36.5em;
  height: 150px;
}

/*lomakkeiden tyylit */
#lomakelohko{
	width: 26em;
}
form#formi {
	margin: 1em 0;
	padding:0;
	width: 26em;
}         
form#formi fieldset {
	background-color: #FCF4E7;
	color: #48493F;
	border: 1px solid #818270;
	margin-bottom: 0.5em; 
	padding:0 0.5em 0.5em 0.5em;
}
form#formi fieldset legend {
	font-size: 100%;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 0.2em 0;
} 
form#formi fieldset.muotoilu div label {
	font-size: 90%;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 0.2em 0;
} 
#formi fieldset input{ 
border: 1px solid #ccc;
 } 
 #formi fieldset.muotoilu input{
	width: 100%;  

}
 fieldset textarea {
	border: 1px solid #ccc;
	width: 100%;
}     
form#formi div.laheta input{
	margin: 0.5em 1em 0.5em 0;
	border: 1px solid #000;
}