/* PERUSPOHJA */
BODY {
font-family:arial,helvetica;font-size:12px;color:#000;
background-color:#F1F1F1;
margin: 10 0 0 0px;
}
TABLE {font-family:arial,helvetica;font-size:12px;color:#000;
background-color:#FFFFFF;
}

/*TAULKOT JA SOLUT*/
TABLE.logo {
width:100%; height:98px;}
TD.logotausta {
width:100%; height:98px; background-image: url(../kuvat/logotausta.jpg);background-repeat: repeat-x;}
TABLE.menutaulukko {
width:100%; height:12px;}
TD.tyhjasolu1 {width:78px;}
TD.tyhjasolu {width:80px;}
TABLE.tyhja {width:100%; height:30px;}
TABLE.sisalto {width:100%; height:375px;}
TABLE.sisus {
width:100%; background-color:transparent;}
TD.taus {width:227px;}
TABLE.alaosa {
width:100%; height:40px;color:#FF0000;font-weight:bold;}
TD.viiva1 {
border:solid;border-color:#D6D6D6;border-width:2px 0px 0px 0px;width:650px;}
TD.viiva2 {
border:solid;border-color:#D6D6D6;border-width:2px 0px 0px 0px;}

/*vaihtuva sisuskuva yms.*/
TD.sauli {
width:658px;
background-image: url(../kuvat/sauli.jpg); 
background-repeat: no-repeat;
background-position:bottom left;
}
TD.muu {width:648px;}
/*LINKIT*/

A:link{text-decoration:underline;color:#000000;}
A:visited{text-decoration:underline;color:#000000;}
A:hover{text-decoration:none;color:#FF0000;}
A:active{text-decoration:underline;color:#000000;}


A.laser:link {text-decoration:none;color:#CACACA;}
A.laser:active {text-decoration:none;color:#CACACA;}
A.laser:hover {text-decoration: none;color:#FE0000;}
A.laser:visited {text-decoration:none;color:#CACACA;}

A.laser2:link {text-decoration:underline;color:#FF0000;letter-spacing:1px;}
A.laser2:active {text-decoration:underline;color:#FF0000;letter-spacing:1px;}
A.laser2:hover {text-decoration: none;color:#000000;letter-spacing:1px;}
A.laser2:visited {text-decoration:underline;color:#FF0000;letter-spacing:1px;}

INPUT  {
background-color:transparent;
border-right: #D6D6D6 1px solid;
border-top: #D6D6D6 1px solid;
border-left: #D6D6D6 1px solid;
border-bottom:#D6D6D6 1px solid;
font-family: Arial; 
font-size: 12px;
height:17px;

}
TEXTAREA {
background-color:transparent;
border-right: #D6D6D6 1px solid;
border-top: #D6D6D6 1px solid;
border-left: #D6D6D6 1px solid;
border-bottom:#D6D6D6 1px solid;
font-family:  Arial; 
font-size: 12px;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#D6D6D6;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;}

.painike {width:100px;height:20px;border-right: #D6D6D6 1px solid;
border-top: #D6D6D6 1px solid;
border-left: #D6D6D6 1px solid;
border-bottom:#D6D6D6 1px solid;}

.sisennys {margin-left:25px; }

/* MENU */



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

}

#menu li { /* kaikki */
	float: left;
	position: relative;
	width: 5em;
}

#menu li ul {/* kakkostaso */
	position: absolute;
	display: block; 
	top: 25px;
    left: 0;
	
}

#menu li>ul {/* ohitetaan top ja vasen muissa kuin IE:ssä */
	top: auto;
	left: auto;
}

#menu li ul li ul  {/* kolmostaso */
	position: absolute;
	display: block; 
	top: 0;
    left: 9em;
}

/* korjataan IE. Piilota IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* marginit */
#menu ul, li {
    margin: 0 0 0 0; 
}

/* Menun tyylit */
#menu ul a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bugi */
	padding: 5px;
	
}
/* Hover tyylit */
#menu ul a:hover { 
	color: #FF0000; 
	background: #fff;
	font-weight:bold;
} 

/* Alavalikon tyylit */
#menu li ul a {
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	
    padding: 5px; 
} 

/* Alavalikon Hover -tyylit */
#menu li ul a:hover { 
	color: #FF0000; 
	background: #fff; 
} 

/* Nuolet */
#menu li a.submenu {background:#fff; }
#menu li a.submenu:hover {background:#fff;}
#menu li ul a.submenu {background:#fff url("r_arrow.gif") no-repeat right;}
#menu li ul a.submenu:hover {background:#fff url("r_arrow.gif") no-repeat right;}

/* Nuolet poissa 
#menu li a.submenu {background:#fff url("v_arrow.gif") no-repeat right; }
#menu li a.submenu:hover {background:#fff url("v_arrow.gif") no-repeat right;}
#menu li ul a.submenu {background:#fff url("r_arrow.gif") no-repeat right;}
#menu li ul a.submenu:hover {background:#f9f9f9 url("r_arrow.gif") no-repeat right;}*/

h1 {
font-family:arial,helvetica;font-size:14px;color:#000;
font-weight:bold;
margin: 10 0 0 0px;
}
h2 {
font-family:arial,helvetica;font-size:12px;color:#000;
font-weight:bold;
margin: 10 0 0 0px;
}
