/* ---------------- perus */
body {
background-image:url(isotausta.gif);
background-repeat:repeat-x;
background-color:#bbc739;
margin:0px;
/*
 * Pudotusvalikkoa varten 
 * Mahdollistaa minkä tahansa elementin
 * hover-efektin myös IE:llä      
 * http://www.xs4all.nl/~peterned/csshover.html        
 */
 
behavior: url(csshover.htc);
}

input, textarea {
color:#3b2015;
background-image:url(lomaketausta.gif);
font-size:12px;
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
text-align:left;
border:1px solid #3b2015;
}

#kokosivu {
margin:0 auto;
width:920px;
margin-top:0px;
}

/* ---------------- valikko */

.ulko {
background-image:url(ulointausta.gif);
background-repeat:repeat-x;
margin-top:0px;
padding:0;
background-color:#b4be37;
width:184px;
float:left;
display:block;
}

.keski {
background-image:url(keskitausta.gif);
background-repeat:repeat-x;
margin-top:0px;
background-color:#95952e;
width:182px;
margin:0 auto;
margin-left:1px;
padding:0 0 1px 0;
float:left;
display:block;
}

.sisa {
background-image:url(lyskalehti.jpg);
background-repeat:repeat-x;
margin-top:0px;
background-color:#d9e078;
width:180px;
min-height:500px;
margin:0 auto;
margin-left:1px;
padding:0 0 1px 0;
text-align:center;
float:left;
display:block;
}

/* ---------------- pudotusvalikko */

.valikko {
	display:block;
	float:left;
	width:180px;
	padding:0;
	margin:0;
}
.valikko ul {
	display: block;
	float: left;

	border: 0;
	list-style: none;
	padding: 1px 0 0 0;
	margin: 0;
}
.valikko ul a, .valikko ul a:visited {
	color: #3b2015;				
	text-decoration: none;				
	display: block;				
	padding: 0 0 0 40px;		
	float: left;
	clear: both;
	width: 140px;
	text-align: left;
	line-height: 25px;
	background:#d9e078;
	margin: 0;	
	border: 0;
	z-index: 1;
}





.valikko ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	float: left;
}
.valikko ul li a:hover {
	color: #3b2015;
	background: #e3e89a;
}
.valikko ul li ul a, .valikko ul li ul li ul a,.valikko ul li ul a:visited, .valikko ul li ul li ul a:visited  {
	width: 130px;
	line-height: 24px;
	background: #d9e078;
	border: 1px solid #95952e;
	border-top: 0;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
	float: left;
	display: block;
	z-index: 11;
}
.valikko ul li ul a:hover, .valikko ul li ul li ul a:hover  {
	background: #e3e89a;
	color:#3b2015;
}
.valikko ul li ul.first, .valikko ul li ul li ul {				
	list-style: none;				
	position: absolute;	
	top: -1px;
	left: 180px;
	display: none;				
	background-image: none;		
	border: 0;
	border-top: 1px solid #95952e;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 10;
	width: 152px;
}		
.valikko ul li ul li ul {
	top: -1px;
	left: 150px;
}	
.valikko ul li ul li, .valikko ul li ul li ul li {								
	margin-bottom: 0;	
}
.valikko ul li:hover ul.first, .valikko ul li ul li:hover ul { display: block; }

/* ---------------- linkit oikealla */

.oikealoota {
width:100px;
float:right;
text-align:center;
}

/* ---------------- yläkuva */

.ulkoasukuva {
margin-left:200px;
margin-top:0px;
width:599px;
height:321px;
background-image:url(ylakuva.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:0;
}

/* ---------------- tekstilaatikko */


.reunukset {
width:548px;
margin-left:232px;
margin-top:25px;
}

.ylaosa {
background-image:url(ylateksti.gif);
background-repeat:no-repeat;
background-position:bottom;
width:548px;
height:6px;
}

.teksti {
width:548px;
background-color:#ffffff;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:5px;
}

.alaosa {
width:548px;
height:6px;
background-image:url(alateksti.gif);
background-repeat:no-repeat;
margin-bottom: 40px;
}


/* ---------------- tekstimuotoilut */

h1 {
font-size:25px;
font-family:'century gothic', arial, 'trebuchet ms', tahoma, verdana, serif; 
color:#3b2015;
text-align:center;
letter-spacing:5px;
border-bottom:1px dotted #bbc739;
}

h2 {
font-size:17px;
font-family:'century gothic', arial, 'trebuchet ms', tahoma, verdana, serif; 
color:#3b2015;
text-align:center;
border-bottom:1px dotted #bbc739;
}

h3 {
font-size:14px;
font-family:'century gothic', arial, 'trebuchet ms', tahoma, verdana, serif; 
color:#3b2015;
text-align:left;
font-weight:600;
padding-left: 10px;
}

p {
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
font-size:12px;
padding: 5px; 
color:#3b2015; 
line-height:17px;
text-align:justify;
}
p.virhe {
font-weight:bold;
color:#c30;
}
td {
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
font-size:12px;
padding: 5px; 
color:#3b2015; 
line-height:100%;
}

.valikko {
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
font-size:12px; 
color:#3b2015; 
line-height:17px;
}

strong {
font-weigth:bold;
}

address {
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
font-size:12px;
padding-left: 15px; 
color:#3b2015; 
line-height:17px;
text-align:justify;
}

li {
font-family:arial, tahoma, verdana, 'trebuchet ms', serif; 
font-size:12px;
color:#3b2015; 
line-height:17px;
}

/* ---------------- linkkimuotoilut */

a {
color:#28a0b2; 
} 
a:link, 
a:visited {
color:#28a0b2;
border-bottom:1px solid #28a0b2;
} 
a:hover,
a:active {
color:#bbc739;
border-bottom:1px dotted #bbc739;
}
a.kuvalinkki,
a.kuvalinkki:link,
a.kuvalinkki:visited,
a.kuvalinkki:hover,
a.kuvalinkki:active {
text-decoration: none;
border: none;
}
a.kuvalinkki img {
border: none;
}