body
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(/sivut/kuvat/taustakuva.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

html
{
margin: 0;
padding: 0;
width: 100%;
}
		
img, div, #runko
{ 
behavior: url(/sivut/css/iepngfix.htc); 
}


 
	
	
h1
{
	COLOR: #033F01;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 20pt;
	margin: 0 0 20px 0;
	font-weight: normal;
 	
}

h2
{
	COLOR: #033F01;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	margin: 10px 0 10px 0; 
	font-weight: normal;
}
 

h3
{
	COLOR: #033F01;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	margin: 10px 0 0 0; 
	font-weight: normal;
} 


P, div
{
	COLOR: #4B4B4B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
A:link, A:visited, A:active
{
	COLOR: #4B4B4B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}
A:hover
{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline 
}

#sisalto ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sisalto li 
{
	background-image: url(/sivut/kuvat/li.jpg);
	background-position: top left; 
	background-repeat: no-repeat;
	COLOR: #4B4B4B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	padding-left: 12px;
}

form { margin: 0; padding: 0;} 

#sisalto label
{
float: left;
width: 200px;
font-weight: normal;
color: #4B4B4B;
}


#sisalto input
{
width: 400px;
margin-bottom: 5px;
border: 0;
border-bottom: 1px solid;
border-color: #4B4B4B;
background: none;
}

#sisalto textarea
{
width: 400px;
height: 300px;
border: 1px solid;
border-color: #4B4B4B;
background: none;
}

#laheta input
{
width: 76px;
margin: 20px 0 0 200px;
border: 0;
clear: both;

}

#runko
{
	width: 950px;
	padding: 0;
 	margin: 0 auto 0 auto;
	background-color: transparent;	
}

#ylaosa
{
width: 950px;
margin: 0;
padding: 100px 0 0 0;
clear: both;
position: relative;
}

#login
{
width: 220px;
height: 70px;
position: absolute;
top: 0;
right: 0;
margin: 0 0 20px 20px;
padding: 10px 30px 10px 30px;
background-image: url(/sivut/kuvat/logintausta.png);
background-position: top center;
background-repeat: no-repeat;
color: #ffffff;
text-align: center;
}

#login A:link, #login A:visited, #login A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}
#login  A:hover
{
	COLOR: #ED9601;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline 
}





#login input
{ 
width: 105px;
margin: 0;
border: 0;
border-bottom: 1px solid;
border-color: #4B4B4B;
background: none;
}

.login_vasen
{
float: left;
width: 105px;
margin: 0 5px 0 0;
padding: 0;
}

.login_oikea
{
float: right;
width: 105px;
margin: 0 0 0 5px;
padding: 0;
}



.logo
{
width: 384px;
height: 84px;
position: absolute;
margin: 0;
padding: 0;
top: 65px;
left: 0;
}

.navigointi
{
width: 920px;
margin: 50px 0 0 30px;
padding: 0;
}

#sisaltoyla
{
	width: 950px;
	height: 12px;
	margin: 0;
	padding: 0;
	background-image: url(/sivut/kuvat/sivutausta_yla.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
}

#sisaltokeski
{
	width: 950px;
	margin: 0;
	padding: 0;
	background-image: url(/sivut/kuvat/sivutausta_keski.png);
	background-position: top center;
	background-repeat: repeat-y;
	clear: both;
}

#sisaltoala
{
	width: 950px;
	margin: 0;
	padding: 0;
	background-image: url(/sivut/kuvat/sivutausta_ala.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
}

#sisalto
{
width: 880px;
margin: 0;
padding: 35px;
clear: both;
}

#sisalto img 
{
border: 1px solid #D7E5D1;
}
.vasen
{
width: 415px;
margin: 0 25px 0 0;
padding: 0;
float: left;
}

.oikea
{
width: 415px;
margin: 0 0 0 25px;
padding: 0;
float: right;
}

.clear
{
width: 880px;
clear: both;
margin: 0;
padding: 0;
}

#copyright
{
width: 915px;
margin: 0 auto 0 auto;
padding: 0 0 0 35px;
clear: both;
text-align: left;
color: #BBC8CE;
font-size: 8pt;
}

#copyright A:link, #copyright A:visited, #copyright A:active
{
	COLOR: #BBC8CE;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}
#copyright A:hover
{
	COLOR: #A6C6D4;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline 
}
 
 
 
 
/* 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: #ffffff;
	display: block;
	font-weight: normal;
	font-size: 10pt;
	line-height: 30px;
	padding: 0 5px 0 5px;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-transform : uppercase;
}
#nav li a:hover, #nav li a.current {
	color: #AAE032;
	text-decoration: none;
}
#nav li a#currentpage {
	cursor: default;
}
/* -------------------------------- */

/* style definitions for main navigation */ 

#navcontainer 
{ 
width: 880px;
margin: 0 35px 0 35px;
padding: 0;
background: #F8FBFC; 
border-bottom: 1px solid #F8FBFC; 
border-top: 1px solid #F8FBFC; 
} 

#product_nav, #product_nav ul 
{ 
float: left; 
list-style: none; 
background: #F8FBFC; 
font-weight: normal; 
padding: 0; 
margin: 0; 
} 

.additional 
{ 
display: block; 
font-weight:bold; 
color: #081D60; 
text-decoration: none; 
padding: 6px 11px 6px 11px; 
font-size:13px; 
float:right; 
} 

#product_nav a
{ 
display: block; 
font-weight:bold; 
color: #0E5A07; 
text-decoration: none; 
padding: 6px 11px 6px 11px; 
font-size:13px; 
background: url( ) top right no-repeat; 
} 

#product_nav a.intramain 
{ 
padding: 7px 7px 7px 7px; 
} 

#product_nav a.parent 
{ 
background: url( ) center right no-repeat; 
} 

#product_nav li 
{ 
float: left; 
padding: 0; 
} 

#product_nav li ul
 { 
 position: absolute; 
 background:#F0F0F0; /* dropdown color*/ 
 left: -999em; 
 height: auto; 
 width: 200px; 
 w\idth: 200px; 
 font-weight: normal; 
 border: 0; 
 border-top:0px solid #B9D952; 
 margin: 0; 
 } 
 
 #product_nav li li 
 { 
 padding: 0; 
 width: 200px; 
 border-top:1px solid #D1D8DB; /* border between drop-down rows*/ 
 } 
 
 #product_nav li ul a 
 { 
 background:transparent; 
 width: 180px !important; 
 width: 200px; 
 width /**/:/**/ 200px; 
 font-weight:normal; 
 padding: 3px 10px 3px 10px; /* drop-down row height*/ 
 } 
 
 #product_nav li ul ul
 { 
 border: 0; 
 border-left:1px solid #D1D8DB; 
 margin: -28px 0 0 180px; /* parameters to set drop-down in place */ 
 } 
 
 #product_nav li ul ul.onleft 
 { 
 margin: -28px 0 0 -180px; /* drop-down on left */ 
 } 
 
 #product_nav li:hover ul ul, #product_nav li.sfhover ul ul 
 { 
 left: -999em; 
 } 
 
 #product_nav li:hover ul, #product_nav li li:hover ul, #product_nav li.sfhover ul, #product_nav li li.sfhover ul 
 { 
 left: auto; 
 } 
 
 #product_nav li:hover, #product_nav li.sfhover, #product_nav li.hilite 
 { 
 background: #B9D952; /* mainbar hovercolor*/
} 

#product_nav li li:hover, #product_nav li li.sfhover { 
background: #B9D952; /* B3BEC3 drop-down hovercolor*/ 
} 

#product_nav li ul a:hover {
color:#0E5A07;
} 

#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", Arial, Verdana, Helvetica, 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", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}