/* CSS-tyylitiedosto tyyli5.css */

body
{
	font-family: Verdana, Arial;
	background-color:#ffffff;
	color: #000000;
}
/* Eri otsikkotasot ja kappale-elementti */

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial;
}
h1
{
	color:#000000;
	font-size:20px;
}
h2
{
	color:#000000;
	font-size:19px;
}
h3
{
	color:#000000;
	font-size:18px;
}
h4
{
	color:#000000;
	font-size:16px;
	font-weight:bold;
}
h5
{
	color:#000000;
	font-size:15px;
}
h6
{
	color: #000000;
	font-size:14px;
}

p
{
	font-family: Verdana, Arial;
	font-size:16px;
	color: #000000;
}

/* Linkkien tyylimääritykset */

a:link
{
	color:#000000; 
	text-decoration: underline;
}
a:visited
{
	color:#000000;
	text-decoration: underline;
} 
a:active 
{
	color:#000000;
	font-weight:none;
	text-decoration: underline;
}
a:hover
{
	font-weight:bold;	
	color:#000000;
	text-decoration: underline;
}

a.nav:link{
	font-weight:none;	
	color:#000000;
	text-decoration: none;
}

a.nav:visited{
	font-weight:none;	
	color:#000000;
	text-decoration: none;
}

a.nav:active{
	font-weight:none;	
	color:#000000;
	text-decoration: none;
}

a.nav:hover{
	font-weight:bold;	
	color:#000000;
	text-decoration: none;
}

/* Header on logon ja yrityksen kuvalle varattu alue sivujen yläosassa */

header { 
	width: 801px; 
	height: 150px;
	margin-left: 100px;
	margin-bottom:25px;
	background-color:#ffffff;
	background-image:url('http://www.bonumomen.fi/img/header19.png');
	background-repeat:no-repeat;
	font-family: Verdana, Arial;
}

/* Nav on headerin alla oleva alue, jossa on sivuston navigointilinkit */

nav { 
	width: 761px;
	background-color:#ffffff;
	font-family: Verdana, Arial;
	font-size:18px;
	margin-left: 100px;
	margin-bottom:25px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:20px;

}

/* Section on alue, jolla näytetään sivun sisältö, joka on yleensä tekstiä ja kuvia */

section {
	width: 761px;
	background-color:#ffffff;
	font-family: Verdana, Arial;
	margin-left: 100px;
	margin-bottom:25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border-top: 2px solid;
	border-bottom: 2px solid;

}

/* Footerissa on Bonum Omenin yhteystiedot ja se sijaitsee sivun alalaidassa */

footer {
	width: 761px;
	background-color:#ffffff;
	font-family: Verdana, Arial;
	font-size:12px;
	margin-left: 100px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;


}

/* Navin sisällä olevien navigointilinkit järjestävän taulukon tyylimäärityksiä */

table.eka
{
	width: 100%;
	text-align: center;
}

td.taulukko1 {
	width:200px;
	text-align: center;
}

/* Essee-sivun taulukon solumäärittelyjä */

td.teksti {
	width:500px;
	padding-right:7px;
	text-align: left;
}

/* Kaikkien kuvien tyyli, jotka sijaitsevat tekstin vieressä sivun oikealla tai vasemmalla laidalla */

img.img1 {
	
	float:right;
}

img.img2 {
	
	float:left;
	margin: 10px;
	
}

img.img3 {
	
	float:right;
	margin: 20px;
}

img.img4 {
	
	float:right;
	margin-left: 10px;
}

img.img5{
	float:right;
	padding-bottom: 100px;
}

img.img6 {
	
	float:left;
	margin-right: 10px;
	
}

/* Tyyliluokka diville, josta pääsee englannin- ja suomen-kielisille sivuille */

 div.lang {
    width: 70px; 
	height: 20px;
	font-size:12px;
	margin-left: 850px;
	background-color:#ffffff;
	font-family: Verdana, Arial;
 }
 
 /* Tyyliluokka referenssit-sivun diveille */
 
 div.borderradius{ 
	background-color: #F0F0F0;
	padding: 20px;
	margin: 20px;
	text-align: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
}

div.laskuri{
	background-color: #F0F0F0;
	width: 180px;
	height: 20px;
	text-align: center;
	font-size:12px;
	margin-left: 560px;
	padding: 7px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

/* Esimerkiksi p-tagin sisällä olevan tekstin muotoiluun tarkoitettu luokka */

p.ref {
	font-family: Verdana, Arial;
	font-size:16px;
	color: #000000;
	font-style:italic;
}

.mun_tyyli1 {
	text-align: left;
	font-size:12px;
}


.laskuri {
	text-align: right;
	font-size:12px;
}





