body {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(images/images/tausta.png);
	background-color: #616B71;
	margin-top: 0;
	text-align: center;
	padding: 0px;
}

h1 {
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #355B75;
	margin-top: 0;
	margin-bottom: 1.4em;
	border-bottom: 1px solid Gray
}

#hyrracontent h1 {
	font: 1.3em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #355B75;
	margin-top: 0;
	margin-bottom: 1.4em;
	border-bottom: 1px solid Gray
}

h2 {
	font: 1.4em Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	
}

#page {
	width: 773px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;

}

#head {
	margin-top:0;
	margin: 0;
	background-image: url(images/images/head.png);
	background-repeat: no-repeat;
	height: 189px;
	
}

.navi { 
	font-size: 0.8em;
	padding-top: 114px;
	padding-bottom: 4px;
	word-spacing: 1px;
	
}

.navi ul {
	list-style: none;
		padding: 0;
		margin-top: 0;
		margin-left: 27px;
}

.navi li {
	float: left;
	border: 1px dashed;
	border-color: #73A0C1;
	border-width: 0 0 0 1px;
	margin-top: 0px;
	padding-top: 7px;
	padding-bottom: 9px;
}

.navi li a {
		padding: 0 1em;
	}


.navi a:link {
	color: Black;
	text-decoration: none;
	}

.navi a:hover { 
	color: Black;
	background-color: #BBC2CA;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 9px;
}

.navi a:active { 
	color: Black;
	text-decoration: none;
	}

.navi a:visited { 
	color: Black;
	text-decoration: none;
	}

.navi #eireunaa {
	border: 0;
}	

.otsikko {
	margin-top: 150px;
	margin-left: 30px;
	float: left;
	
}	

#content {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: auto;
}

#footer {
	background-image: url(images/images/foot.png);
	height: 63px;
	background-repeat: no-repeat;
}

.copy {
	float: left;
	font-size: 9px;
	color: Gray;
	margin-top: 23px;
	margin-left: 308px;
}
	
.paivays {
	font-size: 10px;
	color: Gray;
	margin-top: 28px;
	margin-right: 35px;
	float: right;
}	 

#juissicontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: 288px;
}

#hyrracontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: 385px;
}



#yhteyscontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: 260px;
}


.juissilogo {
	float: left;
	margin-left: 63px;
}

.juissilogo2 {
	margin-left: 198px;

}

.juissikuva {
float:left;
margin-top:0;
}

.hyrrakuva {
float:left;
margin-top:0;
}

.keskitys {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 7px;
}

.juissinavi {
	float: left;
	background-image: url(images/images/navitausta.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin-left: 125px;
	margin-top: 10px;
	list-style-type: none;
	line-height: 25px;
	padding: 1em;
	border: 1px Black solid;
}

.juissinavi li a {
		padding: 0 1em;

			}
	
.juissinavi li {
		padding: 2px;
	}


.juissinavi a:link {
	color: Black;
	text-decoration: none;
	}
	
	
  
.juissinavi a:visited { 
	text-decoration: none;
	color: #88160C;
	}
	
	.juissinavi a:hover { 
	text-decoration: none;
	background-color: #BBC2CA;
	padding-top: 2px;
	padding-bottom: 2px;
  }
	
	.juissinavinavi a:active { 
	text-decoration: none;
	}



  
  
  
  
  
form {
	margin-top: 2em;
}  
  
 label {
 	display: block;
	float: left;
	width: 8em;
 }
 
 input {
 	width: 150px;
	margin-bottom: 5px;
 }
 
textarea {
	height: 100px;
	width: 350px;
} 

.nappi input {
	width: 70px;
	margin-left: 103px;
	margin-top: 10px;

} 


#kuva {
	float: right;
	margin-top:0;
}

.yhtiedot{
	margin-top: 1.5em;
}

.yhtiedot strong{
	padding-right: 1em;
}

#levy {
	float: left;
	margin-top: 5px;
	margin-bottom: 3em;
	padding-left: 0;
	padding-right: 4em;
	
	
}

.biisit{
	padding-left: 315px;
	padding-top: 5px;
	padding-bottom: 7px; 
}

.viihde-oka03 {
	color: #447294;
	margin-top: 0;

}

.kuvat img{
	float: left;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 1.6em; 
}

.kuvat a:link{
color: White;
}

.kuvat a:hover{
	color: White;
}

.kuvat a:visited{
	color: White;
}

#juissikuvatcontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: 488px;
}



.lisaa{
float: right;
}

.lisaa a:link{
	color: Black;
	text-decoration: none;
}
.lisaa a:visited{
	color: Black;
	text-decoration: none;
}
.lisaa a:hover{
	background-color: #BBC2CA;
}

.korostus {
	color: #447294;
	font-weight: bold;
}


.keskitys {
	text-align: center;
}

.keskitys a:link{
 text-decoration: none;
 color: Black;
}

.keskitys a:hover{
	text-decoration: underline;
	color: #447294;
}

.hyrranavi {
	float: left;
	background-image: url(images/images/navitausta.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin-left: 120px;
	margin-top: 50px;
	list-style-type: none;
	line-height: 25px;
	padding: 1em;
	border: 1px Black solid;
}

.hyrranavi li a {
		padding: 0 1em;
	}
	
.hyrranavi li {
		padding: 5px;
	}


.hyrranavi a:link {
	color: Black;
	text-decoration: none;
	}
	
	
  
.hyrranavi a:visited { 
	text-decoration: none;
	color: #73A0C1;
	}
	
	.hyrranavi a:hover { 
	text-decoration: none;
	background-color: #BBC2CA;
	padding-top: 2px;
	padding-bottom: 2px;
  }
	
	.hyrranavinavi a:active { 
	text-decoration: none;
	}



  

.roki {
	float: left;
	margin-right: 3em;
}

#indexcontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5em;
	padding-right: 4em;
	margin-top: 0;
	height: 350px;
}

.teksti h1{
font: 1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 0;
}

.uutiset {
	background-color: #EEEEFF;
	padding-top: 1em;
	padding-bottom: 20px;
	margin-top: 3em;
	margin-left: 188px;
	border: 1px dashed;
	border-width: 1 0 0 0px;
	border-color: #73A0C1;
	
}

.uutiset h2 {
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 1em;
	
}


.hyrrakuvat{
	float: left;
	width: 250px;
	height: 188px;
	margin: 0 30px 10px 30px;
	white-space: nowrap; overflow: hidden;
	margin-bottom: 1.6em; 
	text-align: center;
}

.hyrrakuvatpysty{
	float: left;
	width: 188px;
	height: 260px;
	margin: 0 80px 10px 50px;
	white-space: nowrap; overflow: hidden;
	margin-bottom: 1.6em; 
	text-align: center;
}

.hyrrakuvat a:link{
color: White;
}

.hyrrakuvat a:visited {
	text-decoration: none;
	color: White;
}

.hyrrakuvatpysty a:link{
color: White;
}

.hyrrakuvatpysty a:visited {
	text-decoration: none;
	color: White;
}

#hyrrakuvatcontent {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5.8em;
	padding-right: 4em;
	margin-top: 0;
	height: 645px;
}

#hyrrakuvat2content {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5.8em;
	padding-right: 4em;
	margin-top: 0;
	height: 995px;
}

#hyrrakuvat3content {
	background-image: url(images/images/content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 1em;
	padding-bottom: 1.8em;
	padding-left: 5.8em;
	padding-right: 4em;
	margin-top: 0;
	height: 650px;
}