html,body{margin:0;padding:0;}
body{
	font-family:Arial;
	font-size:12px;
	text-align:center;
	background-color: #000000;
	background-image: url(img/tausta.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#social	{
	position:relative;
	top:35px;
	right:520px;
	}

#fasos	{
	position:relative;
	top:0px;
	}

p{
	text-align: left;
	color: #373737;
	margin: 0 auto;
	padding: 0;
}

P.hannu 
{
    text-align: center;
    }

h1{font-size:20px;line-height:40px;margin:0;padding-left:10px;color: #422e02}/* vanha arvo 26px */
h2{font-size:16px;line-height:40px;margin:0;padding-left:10px;color: #422e02}/* vanha arvo 20px */
h3{font-size:20px;line-height:40px;margin:0;padding-left:10px;color: #422e02}
h4{font-size:14px;line-height:10px;margin: 0 0 10px 0;padding-left:0px;color: #422e02}
h5{font-size:10px;line-height:40px;margin:0;padding-left:10px;color: #422e02}


div#container{
	text-align:left;
}

div#content p{line-height:1.4;}


div#contact_vasen{
	float:left;
	margin:0;
	margin-right:20px;
	padding:0;
}
div#contact_oikea{
	float:right;
	margin:0;
	padding:0;
}


div#container{width:892px;margin:0 auto;}
div#wrapper{clear:both;width:auto;margin:0 auto;}
div#content{height: 400px; padding-left:150px; padding-right:150px; padding-top:50px; margin: 0 auto;}
div#content2{padding-left:150px; padding-right:150px; background: url(img/viiva.jpg) repeat-y center; margin: 0 auto;}

div#top{
padding-left:112px;
height:393px;
}

div#footer{background: url(img/alaosa.jpg) no-repeat center top; clear:both; width:789px; height:224px;margin:0 auto; margin-left:58px; }


div#footer a{
	font-size:10px;
	color: #666666
}

div#footer p{
	font-size:10px;
	color: #666666;
padding-top:200px; 
padding-left:60px;
}


#ylanavi2 {
	margin:0px;
	padding:0px;
	width:auto;
	height: 26px;
	margin-top:5px;
	padding-left:620px;

}
#ylanavi2 ul {margin:0px;padding:0px;}
#ylanavi2 ul li { display: block; margin:0px;padding:0px;}

ul.ykkone li { 
	float: left; 	
	list-style-type: none;
}

ul.kakkone li {
	float: clear;
	list-style-type: none;
}


#ylanavi {
	margin:0px;
	padding:0px;
	width:auto;
	height: 26px;
	padding-left:110px;
}
#ylanavi ul {margin:0px;padding:0px;}
#ylanavi ul li { display: block; margin:0px;padding:0px;}

ul.ykkone li { float: left;}
ul.kakkone li { float: clear;}


#nava a,#navb a,#navc a,#navd a,#nave a, #navf a, #navg a, #navh a, #navi a, #navj a, #navk a, #navl a
{
	display: block;
	overflow: hidden;
	height:26px;
	background-repeat:no-repeat;
}


#nava		a {	 width: 82px; background: url(img/valikko1.png);	background-position:bottom;}
#navb 	 	a {  width: 102px; background: url(img/valikko2.png);	background-position:bottom;}
#navc		a {	 width: 180px; background: url(img/valikko3.png);	background-position:bottom;}
#navd		a {  width: 100px; background: url(img/valikko4.png);	background-position:bottom;}
#nave 	 	a {  width: 138px; background: url(img/valikko5.png);	background-position:bottom;}

#navf		a {  width: 85px; background: url(img/valikko6.png);	background-position:bottom;}


#nava		a:hover {  width: 82px; background: url(img/valikko1-over.png);	background-position:bottom;}
#navb 	 	a:hover {  width: 102px; background: url(img/valikko2-over.png);	background-position:bottom;}
#navc		a:hover {  width: 180px; background: url(img/valikko3-over.png);	background-position:bottom;}
#navd		a:hover {  width: 100px; background: url(img/valikko4-over.png);	background-position:bottom;}
#nave 	 	a:hover {  width: 138px; background: url(img/valikko5-over.png);	background-position:bottom;}

#navf		a:hover {  width: 85px; background: url(img/valikko6-over.png);	background-position:bottom;}


#navg		a {	 width: 82px; background: url(img/valikko7.png);	background-position:bottom;}
#navh 	 	a {  width: 102px; background: url(img/valikko8.png);	background-position:bottom;}
#navi		a {	 width: 180px; background: url(img/valikko9.png);	background-position:bottom;}
#navj		a {  width: 100px; background: url(img/valikko10.png);	background-position:bottom;}
#navk	 	a {  width: 138px; background: url(img/valikko11.png);	background-position:bottom;}

#navl		a {  width: 85px; background: url(img/valikko12.png);	background-position:bottom;}


#navg		a:hover {	 width: 82px; background: url(img/valikko7-over.png);	background-position:bottom;}
#navh 	 	a:hover {  width: 102px; background: url(img/valikko8-over.png);	background-position:bottom;}
#navi		a:hover {	 width: 180px; background: url(img/valikko9-over.png);	background-position:bottom;}
#navj		a:hover {  width: 100px; background: url(img/valikko10-over.png);	background-position:bottom;}
#navk	 	a:hover {  width: 138px; background: url(img/valikko11-over.png);	background-position:bottom;}

#navl		a:hover {  width: 85px; background: url(img/valikko12-over.png);	background-position:bottom;}


	a:link, a:visited {
	text-decoration : underline;
		color: #000;
	background: transparent; 
	}

a:hover {
	color: #999;
	background: transparent; 
	}

	a:active {
	text-decoration : none;
	background: transparent;  
	}
	
.lf
{
	text-decoration: underline;
	color: #000;
	font-size: 18px;
} 
	
	
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


td.pieni {
	font-family:Arial;
	font-size:10px;
	margin:0;
	padding:0;
	width: 90px;
}

table {
	margin:0;
	padding:0px;
}

table.synttarit td {
	align: center;	
}


div#kielet {
	text-align: right;	
	padding-right:20px;
	padding-top:35px;
}

/* Slideshows */

#home div.image{position:relative;float:right;width:270px;height:279px;margin: -24px 0 -10px 10px;}
div.imageR{position:relative;float:right;width:270px;height:279px;margin: 0px 0 10px 10px;clear:left}
div.imageL{position:relative;float:left;width:270px;height:279px;margin: 0px 25px 10px 10px;clear:right;}
#home div.image span,div.imageR span,div.imageL span{background: url(images/picFrame.gif) no-repeat;display:block;position:absolute;z-index:5;height:100%;width:100%;top:0;left:0;}
div.imageL img,div.imageR img{position:absolute;top:15px;left:5px;border:0;}
#home div.image img{position:absolute;top:20px;}
/*Pirate Frsame */
#pirate div.imageR{position:relative;float:right;width:276px;height:360px;margin: -10px 0 -10px 10px;}
#pirate div.imageL{position:relative;float:left;width:276px;height:360px;margin: -10px 25px -10px 10px;}
#pirate  div.imageR span,#pirate div.imageL span{background: url(images/framePirate.gif) no-repeat;display:block;position:absolute;z-index:5;height:100%;width:100%;top:0;left:0;}
#pirate  div.imageL img{position:absolute;top:120px;left:3px;border:0;}
a.slideshowNextSlide,a.slideshowPrevslide,div.slideshowLinks{visibility:hidden;}
#content .imgAlign{padding-top:50px;}
#pirate .imgAlign{padding-top:100px;}

/* First Letters of Headings */
span.t{background: url(images/letters/t.png) no-repeat;}
span.b{background: url(images/letters/b.png) no-repeat;width:70px}
span.m{background: url(images/letters/m.png) no-repeat;width:80px}
span.p{background: url(images/letters/p.png) no-repeat;width:70px}
span.f{background: url(images/letters/f.png) no-repeat;width:75px}
span.d{background: url(images/letters/d.png) no-repeat 0 8px;width:70px}
span.y{background: url(images/letters/y.png) no-repeat;width:70px}
span.s{background: url(images/letters/s.png) no-repeat;width:70px}
span.c{background: url(images/letters/c.png) no-repeat;width:70px}

dt{font-weight:bold;  font-size:14px; color: #422e02;padding-top: 10px; padding-bottom: 10px;}
dt.clearR{margin-left:305px;}
dt.clearL{margin: 0px; }
dd{padding: 0px; margin: 0 auto;}
dl{padding: 0px; margin: 0 auto;}

ul.inline{padding:0;margin:10px 0 12px 0;}
ul.inline li{display:inline;padding: 0px; margin:0 auto;}

.clear{clear:both;}
.clearR{clear:right;}
.clearL{clear:left;}


ol.formList{
	list-style: none;
	margin: 30px 20px;
}
.formList label{display:block;float:left;width:140px;margin-left:5px;}