body
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url( );
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

 
	
h1
{
	COLOR: #740000;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 20pt;
	margin: 0;
	font-weight: normal;
	LINE-HEIGHT: normal;	
}

.pääotsikko { text-align: center; }

h2
{
	COLOR: #740000;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 14pt;
	margin: 10px 0 10px 0; 
	font-weight: normal;
	LINE-HEIGHT: normal;	
}
 
h3
{
	COLOR: #505050;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 12pt;
	margin: 10px 0 10px 0; 
	font-weight: normal;
	LINE-HEIGHT: normal;
} 


P, div, td
{
	COLOR: #505050;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
}
A:link, A:visited, A:active
{
	COLOR: #505050;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}
A:hover
{
	COLOR: #740000;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

li 
{
	background-image: url(/kuvat/li.png);
	background-position: left center;
	background-repeat: no-repeat;
	COLOR: #000000;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 8pt;
	padding-left: 12px;
}



#runko
{
 	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 100%;
 }

 
.reuna { display: none; }
.vasen 
{
display: none;
}
.oikea 
{
display: none;
}
 
#keskiosa
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color : transparent;
background-image: url( );
}
 
#ylaosa 
{
clear: both;
width: 100%;
margin: 0;
padding: 0;
}

#navigointi 
{
display: none;
}

#sisalto
{
clear: both;
width: 100%;
margin: 0;
padding: 0;
}

table#sivutable
{  
margin: 10px 0 10px 0; 
padding: 0;  
}
table#sivutable td 
{    
padding: 0;
margin: 0; 
}

.solu1 { width: 60%;}
.solu2 { width: 40%;}




.valipalkki { height: 20px; margin: 0; padding: 0; clear: both; }

.logo
{
width: 244px;
float: left;
margin: 10px 0 0 0;
padding: 0;
}

.yhteystiedot 
{
width: 500px;
float: right;
margin: 0;
padding: 0;
}

.yhteyskuva
{
float: left;
width: 53px;
margin: 0 5px 0 0;
padding: 0;
}

.yhteystekstit
{
float: right;
width: 440px;
height: 68px;
margin: 0;
padding: 0;
background: ;
border: 1px solid #D9D3C2;
}

.yhteystekstitvasen
{
width: 210px;
float: left;
margin: 5px 0 5px 10px;
padding: 0;
}
 
.yhteystekstitoikea
{
width: 180px;
float: right;
margin: 5px 10px 5px 10px;
padding: 0;
}
 

.clear { clear: both; width: 750px; margin: 0; padding: 0;}

  
}


/* NAVIGATION						*/ 
#nav {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav li {
	display: inline;
	float: left;
}
#nav li a {
	background: url( ) no-repeat;
	color: #686765;
	display: block;
	font-weight: normal;
	font-size: 12pt;
	line-height: 30px;
	padding: 0 5px 0 5px;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	text-transform : uppercase;
}
#nav li a:hover, #nav li a#current {
	background: url(/kuvat/navlineO.png);
	text-decoration: none;
}
#nav li a#currentpage {
	cursor: default;
}
/* -------------------------------- */


table.kategorialistaus 
{  
margin: 0; 
padding: 0;  
}

table.kategorialistaus td 
{
margin: 0;
padding: 0;   
border: solid #B6BC96 1px; 
background-color: #FFFFFF;
}
 
.kategoria
{
width: 285px;
padding: 10px;
margin: 0;
}

.tuotekuva
{
width: 285px;
padding: 0;
margin: 0;
text-align: center;
overflow: none;
}

.hinnat { 

width: 120px;
padding: 0;
margin: 10px 0 10px 0;
color: #5A491C;
text-align: center;
float: right;

}
.hinta { color: #5A491C; font-size: 12pt;}
.nettohinta { color: #5A491C; font-size: 12pt; text-decoration: line-through;}
.alehinta { color: #FF3000; FONT-SIZE: 14pt;}
.näyttö { clear: both; color: #740000;}



.tuotekuvaus
{
width: 140px;
padding: 0;
margin: 5px 5px 10px 0;
color: #5A491C;
float: left;
}


.kohdekuvapalkki
{
float: left;
width: 305px;
margin: 0;
}

.kohdekuva
{
width: 285px;
padding: 5px;
margin: 0 0 10px 0;
text-align: center;
border: solid #B6BC96 1px; 
}

.lisakuvat
{
display: none;
}

.kohdehinnat
{
clear: both;
width: 305px;
margin: 0;
padding: 0;
}


.kohdehinnat_vhp
{
float: left;
width: 150px;
margin: 0 5px 20px 0;
padding: 0;
text-align: center;
FONT-SIZE: 14pt;
}

.kohdehinnat_mh
{
float: right;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
FONT-SIZE: 14pt;
}

.kohdenäyttö
{
margin: 0 ;
padding: 0;
text-align: center;
}

.takaisin
{
display: none;
}

#kohdedata { width: 100%; }

#kohdedata td { padding: 5px; margin: 0; }

.odd { background-color: #F1F1F1; }
.even { background-color: #E8E8E8;}

.teetarjous
{
width: 100px;
height: 100px;
position: absolute;
top: 0;
right: 0;
margin: 0 0 20px 20px;
padding: 0;
}

.kohdekuvaus
{
float: right;
padding: 0 0 0 10px;
margin: 0;
position: relative;
}

.kohdekuvaus h1, .kohdekuvaus h2
{
margin: 0 0 5px 0;
padding: 0;
}








#jasen
{
text-align: center;
padding: 10px 0 10px 0;
margin: 0;
clear: both;
}

.jasenlogot 
{
margin: 0;
padding: 5px 0 0 0;
}

.copyright
{
float: right;
color: #919191;
font-size: 8pt;
}

.copyright A:link, .copyright A:visited, .copyright A:active
{
	COLOR: #919191;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}

.copyright A:hover
{
	COLOR: #5F5F5F;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}


#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, verdana, arial, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

#gmap_canvas
{
	width: 100%;
	padding: .3em;
	margin: 3px 0;
	height: 320px;
	border: 1px solid #d0d0d0;
}




