﻿body {
    	background: #D5D0BE;
    	font-family: 'Arial Narrow', Arial, Sans-Serif;
	font-size: 15px;
    	margin: 0px;
}

a:link, a:visited {
	color:#A5001F;
	text-decoration: underline;
	border: 0px;
}

a:hover, a:active {
	color:#000;
	text-decoration: underline;
	border: 0px;
}

div#banner {
    	width:870px;
    	margin:0px auto;
    	padding-top: 30px;
    	text-align: center;
}

div#raita {
    	width:100%;
    	height: 10px;
    	margin:0;
   	background: #A5001F;
}

div#koko {
    	width:870px;
    	margin:auto;
    	text-align: center;
   	background-image: url("Img/page.png");
    	background-repeat: repeat-y;
}

div#navi {
   	width: 870px;
   	position: relative;
}
div#index {
   	width: 675px;
    	background:#fff;
	min-height: 600px;
	padding-top: 30px;
}
div#sisalto {
   	width: 675px;
    	background:#fff;
	padding-left: 85px;
	padding-top: 15px;
	padding-bottom: 55px;
   	position: relative;
    	background:#fff;
    	min-height:350px;
	text-align: left;
}
div#sisalto2 {
   	width: 675px;
    	background:#fff;
	padding-left: 85px;
	padding-top: 15px;
   	position: relative;
    	background:#fff;
	text-align: left;
}
div#ylin {
   	width: 675px;
	height: 400px;
    	background:#fff;
   	position: relative;
    	background:#fff;
	text-align: left;
}

div#alin {
   	width: 675px;
	height: 330px;
    	background:#fff;
   	position: relative;
    	background:#fff;
	text-align: left;
}
div#sisalto3 {
   	width: 675px;
	height: 400px;
    	background:#fff;
	margin-top: 25px;
	padding-left: 85px;
   	position: relative;
    	background:#fff;
	text-align: left;
	border: 1px solid green;
}


div#vasen{
		margin-right:420px;
	padding-left: 85px;
	padding-top: 0px;
	padding-bottom: 55px;
    	background:#fff;
	text-align:left;
}
div#oikea {
   	width:350px;
	padding-top: 0px;
    	float:right;
    	margin-right:50px;
	padding-bottom: 55px;
	text-align:left;
}
div#vasen_hinnasto{
		margin-right:120px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 8px;
    	background:#fff;
	text-align:left;
}
div#oikea_hinnasto {
   	width:100px;
	padding-top: 0px;
    	float:right;
    	margin-right:10px;
			padding-top: 10px;
	padding-bottom: 8px;
	text-align:left;
}

div.viiva {
border-bottom: 1px dotted grey;
	}
	
div#vaseni{
    	margin-right:200px;
	padding-left: 85px;
	padding-top: 15px;
	padding-bottom: 55px;
    	background:#fff;
	text-align:left;
}
div#oikeai {
   	width:180px;
	padding-top: 15px;
    	float:right;
    	margin-right:50px;
	padding-bottom: 55px;
	text-align:left;
}
div#vasenh{
    	margin-right:430px;
	padding-left: 10px;
	padding-top: 15px;
	width: 350px;
    	background:#fff;
	text-align:left;
}
div#oikeah {
   	width:315px;
	margin: 0px;
	padding-top: 15px;
    	float:right;
	text-align:left;
}


div#vasenk{
    	margin-right:450px;
	padding-bottom: 55px;
	text-align:left;
}
div#vasenkalas{
    	margin-right:450px;
	padding-bottom: 55px;
	text-align:left;
	padding-top: 250px;
}
div#oikeak {
   	width:350px;
    	float:right;
    	margin-right:50px;
	padding-bottom: 55px;
	text-align:left;
}

div#paatos {
    clear:both;
    text-align:center;
}
h1 {
	font-size: 140%;
	color: #000000;
    margin:0;
    padding:.5em;
}

p {
    margin:0;
    padding:.5em;
    font-size:.98em;
    text-align:left;
}
p.hinnasto {
    margin:0;
	margin-bottom: 15px;
    padding:.8em;
    font-size:.97em;
    text-align:left;
}
p.hinnasto2 {
    margin:0;
	margin-bottom: 15px;
    padding:.8em;
    font-size:.97em;
    text-align:left;
	background-color: #f4eeee;
}
p.kursiivi {
	font-style: italic;
	text-align: center;
}

p.sivusto {
	font-style: italic;
}

p.bold {
	font-weight: bold;
}

p.bold2 {
	font-size: 18px;
	padding-top: 20px;
	font-weight: bold;
}
span.bold {
	font-weight: bold;
}
span.bold2 {
	font-size: 16px;
	font-weight: bold;

}
span.bold3 {
	font-size: 16px;
	font-weight: bold;

}


img.noborders {
	border: 0px;
}

div#box {
	background-image: url(Img/tausta.png);
	width: 570px;
	height: 200px;
	margin-top: 35px;
	padding-left: 30px;
	margin-bottom: 20px;
}
div#box2 {
	background-image: url(Img/tausta2.png);
	width: 300px;
	height: 480px;
	padding-top: 15px;
	padding-left: 50px;
	margin-left: 50px;
	margin-bottom: 20px;
}


table.sukutaulut {
	width: 460px;
	font-size: 12px;
	background-color: #FFFFFF;
}

td.koira {
	vertical-align: middle;
	background-color: #E9E8E5;
	padding: 7px;
}

