/*...CSS-tiedosto on ohjeistettu (made by Mirva Holappa 2006). 
	Kun lisäät tyylejä, niin seuraa järjestystä, ihan päivitettävyyden vuoksi...*/



/*Rungon asetukset:*/

body {
	
	background-color: #FFFFFF; 
	margin: 21px 0px 0px 200px;
	text: #000000;
}

body#kartta {

	 background-color: #FFFFFF; 
	 text: #000000;
	 margin-left: 0; 
	 margin-top: 20;	 
}



/*peruslinkki:*/

a:link {color: #006600;}
a:visited {color: #006600;}
a:hover {color: #7BA24D;}
	

	
/*sub-menun asetukset:*/

table.sub td {border-top: solid 1px #0d9fb5;}


table.sub a {	
		font: normal 10px verdana,sans-serif; 
		color: #ffffff; 
		text-decoration: none; 
		display: block;
}

table.sub a:hover {
	 background-color: #4c7c14; 
	 color: #7BA24D;
}



/*tekstityylit*/

p{	font: normal 10px verdana,sans-serif; 
	color:#000000;
}

p.ilmoitus{	font: normal 11px verdana,sans-serif;
			color: #000000;
			text-align: center;
}

p.vasen{	font: normal 11px verdana,sans-serif;
			color:#000000;
			margin-left: 10px;
			margin-right: 5px;
}

.leipis {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 20px;
	clip:   rect(   );
}

.leipis2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.iso {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.taulu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.otsikko {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;

}
.otsikko2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.noteteksti {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding-left: 10px;
	left: 10px;

}
.noteotsikko {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background-color: #FEE8BC;
}
.osote {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #61300c;
}
.alle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
.buffone {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #003300;
}

.vaaleesin {
	background-color: #e3f5fc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.linkki {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}



/*kartta -sivun vasen palkki*/

.reunat {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #e3f5fc;
	background-image: url(kuvat/saarikylat_small.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #4c7c14;
}



/*Rungon taulukot (tablet) */

table.ylin { 	width: 567px;				
}

table.keski { 	width: 567px;
}

table.ala { 	width: 567px;
				height: 75px;
				background-color: #bee4A0;
				cellspacing: 0;
				cellpadding: 0;
}

table.ala2 { 	width: 567px;
				height: 50px;
				cellspacing: 0;
				cellpadding: 0;
				background-color: #bee4A0;
}

table.kartta { 	border: solid 3px #4c7c14;
}



/*taulukoiden sarakkeet*/

td {font: normal 10px verdana,sans-serif;
	color: #ffffff;}

td.vaaleevihr {  background-color: #bee4A0}
 
td.ylapalkki { 	width: 567px;
				height: 73px;
				background-image: url(kuvat/saarikylat.jpg);
				background-color: #e3f5fc;
				border-bottom: solid 0px #4c7c14;
				background-repeat: no-repeat;
}

td.notet {
	border: solid 1px #4c7c14;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #e3f5fc;
	font-weight: normal;
	
}

td.kehykset { 
				border: solid 1px #4c7c14;
}

td.ilmoitustaulu { 	width: 500px;
					height: 399px;
					background-color: #FDFCF2;
					border: solid 2px #69542F;
					
}



/*divit, eli layerit*/

div.tausta {width: 567px;
			border: solid 3px #4c7c14;
}

div.ilmoitustaulu {	width: 480px;
					height: 371px;
					margin-left: 10px;
					overflow: auto;
					valign: top;					
}



/*Menu-valikon asetukset*/

ul.menu{
width:100%;
padding-left:22px;
padding-bottom: 30px;
margin: 0;
list-style-type:none;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: center;

}



/*Menu-valikon painikkeiden asetukset*/

a.button{
float:left;
width: 9em;
height: 12px;
text-decoration:none;
color: #ffffff;
background-color: #4C7C14;
padding:0.2em 0.6em;
border-right:1px solid #0d9fb5;
border-left:1px solid #0d9fb5;

}

a.button:visited{
float:left;
width:9em;
height: 12px;
text-decoration:none;
color: #ffffff;
background-color: #4C7C14;
padding:0.2em 0.6em;
border-right:1px solid #0d9fb5;
border-left:1px solid #0d9fb5;

}

a.button:hover{
float:left;
width:9em;
height: 12px;
text-decoration:none;
color: #7BA24D;
background-color: #4C7C14;
padding:0.2em 0.6em;
border-right:1px solid #0d9fb5;
border-left:1px solid #0d9fb5;


}



/*menun lista*/

li {display:inline;
	align: center;	
}