@charset "utf-8";




body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../kuvat/BS_tausta.jpg) center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4B4119;
}
h5 {
	font-size: 90%;
}

#container  {
	width: 62.5em;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #DCCE95 url(../kuvat/BS_tausta7.jpg) 2%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0.06em solid #000000;
	text-align: left;
} 
#header  {
	background: #DCCE95 url(../kuvat/BS_banneri1.01.gif);
	padding: 0em 0.6em 0em 1.25em;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 10.94em;
} 
#header h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0.3em 0em; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header #nav {
	text-align: left;
	position: relative;
	margin-top: 6em;
}
#header #nav ul {
	margin: 0%;
	padding: 0%;
}
#header #nav ul li {
	list-style: none;
	display: inline;
	margin: 0em 1.8em 0em 0em;
}
#header #nav ul li a {
	color: #4B4119;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
}








#header #nav ul li a:hover, a:active, a:focus {
	color: #FFF;
	background: #B69E41;
}
a:link {
	color: #4B4119;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #4B4119;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
}
table#JaCn {
	font-size: 90%;
	width: 97%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaCn td {
	font-size: 80%;
	text-align: left;
	width: 50%;
	padding: 0.2em;
	border: thin solid #B0993B;
}

table#JaCu {
	font-size: 90%;
	width: 97%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaCu td {
	font-size: 80%;
	text-align: left;
	width: 50%;
	padding: 0.2em;
	border: thin solid #B0993B;
	background: #ECE6C6;
}

table#JaCju {
	font-size: 80%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
}
table#JaCju td {
	font-size: 90%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaKn {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaKn td {
	font-size: 80%;
	text-align: left;
	padding: 0.2ex;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaKu {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaKu td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaMn {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaMn td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaMu {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaMu td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaSn {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaSn td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaSu {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaSu td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaPn {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaPn td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}

table#JaPu {
	font-size: 90%;
	width: 100%;
	border: 0.2em ridge #FDFCF8;
	border-collapse: collapse;
	background: #ECE6C6;
}
table#JaPu td {
	font-size: 80%;
	text-align: left;
	padding: 0.2em;
	width: 50%;
	border: thin solid #B0993B;
}




table#KoSu {
	width: 100%;
	font-size: 80%;
	border: 0.3em ridge #FDFCF8;
	border-collapse: collapse;
}
table#KoSu td  {
	padding: 0.2em;
	text-align: left;
	border: thin solid #B0993B;
	background: #ECE6C6;
	font-size: 85%;
	width: auto;
}

table#PeSu {
	font-size: 85%;
	width: 100%;
	text-align: left;
	border: 0.3em ridge #FDFCF8;
	border-collapse: collapse;
	margin: 0em auto;
}
table#PeSu td {
	font-size: 90%;
	padding: 0.2em;
	border: thin solid #B0993B;
	background: #ECE6C6;
	width: auto;
}


table#PeTu {
	width: 100%;
	margin: 0em auto;
	font-size: 90%;
	text-align: left;
	border: 0.3em ridge #FDFCF8;
	border-collapse: collapse;
}
table#PeTu thead th {
	text-align: left;
	font-size: 85%;
	padding: 0.2em;
}
table#PeTu tbody td {
	background: #ECE6C6;
	padding: 0.2em;
	border: thin solid #B0993B;
	font-size: 85%;
	font-weight: normal;
}
table#PeTu tr:hover {
	color: #030;
}
table#PeTu thead tr:hover {
	background: transparent;
	color: #4B4119;
	font-style: normal;
}

#petuNimi {
	width: 18%;
}

#petuSp {
	width: 2%;
}
#petuVari {
	width: auto;
}
#petuSilmat {
	width: auto;
}
#petuLonkat {
	width: 7%;
}
#petuTulos {
	width: auto;
}
table#PnAs {
	font-size: 80%;
	width: 100%;
}
table#PnAs tbody td {
	font-size: 90%;
	text-align: left;
}
table#PnAs thead th {
	color: #E0D6A5;
	background: #E0D6A5;
	text-align: left;
}


#pnasTeks {
	width: 52%;
}
#pnasKuva {
	width: 46%;
}
table#PnSua {
	font-size: 80%;
	width: 100%;
}
table#PnSua tbody td{
	font-size: 90%;
	text-align: left;
}
table#PnSua thead th {
	color: #E0D6A5;
	background: #E0D6A5;
	text-align: left;
}
#pnsuaTeks {
	width: 52%;
}
#pnsuaKuva {
	width: 48%;
}

table#PnSub {
	font-size: 80%;
	width: 100%;
}
table#PnSub tbody td {
	font-size: 90%;
	text-align: left;
}
table#PnSub thead th {
	color: #E0D6A5;
	background: #E0D6A5;
	text-align: left;
}
#pnsubTeks {
	width: 52%;
}
#pnsubKuva {
	width: 48%;
}

table#PnSuc {
	font-size: 80%;
	width: 100%;
}
table#PnSuc tbody td {
	font-size: 90%;
	text-align: left;
}
table#PnSuc thead th {
	color: #E0D6A5;
	background: #E0D6A5;
	text-align: left;
}
#pnsucTeks {
	width: 52%;
}
#pnsucKuva {
	width: 48%;
}

table#PnSy {
	font-size: 80%;
	width: 100%;
}
table#PnSy tbody td {
	font-size: 90%;
	text-align: left;
}
table#PnSy thead th {
	color: #E0D6A5;
	background: #E0D6A5;
	text-align: left;
}
#pnsyTeks {
	width: 52%;
}
#pnsyKuva {
	width: 48%;
}
#sidebarL  {
	float: left; /* since this element is floated, a width must be given */
	width: 24.9%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ECE5C6 url(../kuvat/BS_tausta7.jpg); /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0.9em 0.6em 0.9em 1.25em; /* padding keeps the content of the div away from the edges */
	font-size: 80%;
}
#sidebarL h1 {
	font-size: 100%;
}

#sidebarLP {
	background: url(../../html/kuvat/BS_tausta7.jpg) left;
	padding: 0.9em 0.6em 0.9em 1.25em;
	float: left;
	width: 74%;
	font-size: 90%;
}
#sidebarL12 {
	font-size: 80%;
	width: 47%;
	float: left;
	padding: 0.9em 0.6em 0.9em 1.25em;
}

#sidebarL13 {
	font-size: 80%;
	padding: 0.9em 0.6em 0.9em 1.25em;
	float: left;
	width: 30%;
}




#sidebarR  {
	float: right; /* since this element is floated, a width must be given */
	width: 25%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ECE5C6 url(../kuvat/BS_tausta7.jpg) right; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0.9em 0.6em 0.9em 1.25em; /* padding keeps the content of the div away from the edges */
	font-size: 80%;
}
#sidebarRP {
	padding: 0.9em 0.6em 0.9em 1.25em;
	float: right;
	width: 20.0%;
	background: url(../../html/kuvat/BS_tausta7.jpg) right;
}
#sidebarR12 {
	font-size: 80%;
	float: right;
	width: 47.0%;
	padding: 0.9em 0.6em 0.9em 1.25em;
}
#sidebarR13 {
	font-size: 80%;
	padding: 0.9em 0.6em 0.9em 1.25em;
	float: right;
	width: 30%;
}



#sidebarK {
	text-align: center;
	margin: 0% 1% 0% 27%;
	width: auto;
}
#sidebarPE {
	font-size: 80%;
	padding: 0.3em 0.6em;
	margin: 0% 1% 0% 27%;
	width: auto;
}
#sidebarNE {
	font-size: 80%;
	margin: 0% 1% 0% 33.5%;
	padding: 0.3em 0.6em;
	width: auto;
}



#mainContent  {
	margin: 0 20%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0em 0.6em;
	text-align: center;
	font-size: 80%;
} 
#mainContentG {
	height: 70%;
	padding: 1.25em;
	text-align: center;
	width: 96%;
}

#mainContentK {
	text-align: center;
	width: 70%;
	margin: 0% 1% 0% 27%;
}
#mainContentNE {
	margin-right: 1%;
	margin-left: 33.5%;
	font-size: 80%;
}
#mainContentP {
	padding: 0% 1%;
	clear: left;
	width: 75%;
	text-align: center;
	font-size: 90%;
}
#mainContentPE {
	margin-right: 1%;
	margin-left: 27%;
	font-size: 100%;
	padding-right: .5%;
	padding-left: 1%;
}

#mainContent12 {
	font-size: 80%;
	width: 47%;
	padding: 1.5% 1% 1.5% 2%;
	margin: 0% 0% 0% 50%;
	text-align: center;
}

#mainContent13 {
	font-size: 80%;
	margin: 0% 31% 0% 33.3%;
	padding: 2% 0% 0%;
	width: 34%;
	text-align: center;
}






#footer  {
	padding: 0em 0.6em 0em 1.2em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #ECE5C6 url(../kuvat/BS_footer1.gif);
} 
#footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 1em 0em; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 60%;
	text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 0.2em;
	line-height: 0em;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0em 0em 0em 0.5em;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0em 0.5em 0em 0em;
}
.hr1 {
	background: #EBE6C6;
	padding: 0.4em 0.2em 0.2em;
	height: 1.4em;
}
.photo051044 {
	float: left;
	margin: 0.3em 0.6em 0.3em 0em;
	width: 51px;
}
.photo127525 {
	margin: 0em 2em 0em 0em;
	height: 525px;
	width: 127px;
	float: right;
}

.photo150100 {
	float: left;
	height: 100px;
	width: 150px;
	margin: 0em 6.25em 0.6em 0em;
}

.photo182107 {
	float: left;
	margin: 0.3em 6.25em 0.3em 0em;
	width: 182px;
}
.photo303R {
	margin: 0.4em 0em 0.4em 0.4em;
	float: right;
	width: 303px;
}
.photo380L {
	font-family: "Comic Sans MS", cursive;
	margin-right: 0.3em;
	margin-bottom: 0.35em;
	float: left;
	width: 26.0em;
	font-weight: normal;
	text-align: center;
	margin-top: 0.35em;
	overflow: hidden;
}
.photo380R {
	font-family: "Comic Sans MS", cursive;
	font-weight: normal;
	text-align: center;
	float: right;
	margin-top: 0.35em;
	margin-bottom: 0.35em;
	margin-left: 0.3em;
	width: 26.0em;
	overflow: hidden;
}
.photo145R {
	float: left;
	width: 145px;
	margin: 0.4em 0em 0.4em 0.4em;
}

.photo303L {
	margin: 0.4em 0.4em 0.4em 0em;
	float: left;
	width: 303px;
}