
/*POHJAT*/
HTML {overflow: -moz-scrollbars-vertical;}
BODY {font-family:tahoma;font-size:11px;margin-top:20px;}
TABLE {font-family:tahoma;font-size:11px;}

/*LINKIT*/
A:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A:link{text-decoration:none;color:#000000;}
A:visited{text-decoration:none;color:#000000;}
A:active{text-decoration:none;color:#000000;}
A:hover{text-decoration:none;color:#C3BFB3;}


A.ots:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A.ots:link {text-decoration: none;color:#FF0000;}
A.ots:visited {text-decoration: none;color:#FF0000;}
A.ots:active {text-decoration: none;color:#FF0000;}
A.ots:hover {text-decoration: none;color:#FFFFFF;}


A.alaots:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A.alaots:link {text-decoration: none;color:#6E6E70;}
A.alaots:visited {text-decoration: none;color:#6E6E70;}
A.alaots:active {text-decoration: none;color:#6E6E70;}
A.alaots:hover {text-decoration: none;color:#FF0000;}

A.uutinen:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A.uutinen:link {text-decoration: underline;color:#6E6E70;}
A.uutinen:visited {text-decoration: underline;color:#6E6E70;}
A.uutinen:active {text-decoration: underline;color:#6E6E70;}
A.uutinen:hover {text-decoration: none;color:#FF0000;}


/*UUTISOSIO*/
DIV.uutinen {line-height:10pt;text-align:left;padding:3px;margin-bottom:5px;width:150px;}
.uutisotsikko {color:#FF0000;font-weight:bold;font-family:tahoma;font-size:11px;}
.uutisleipis {color:#6E6E70;font-family:tahoma;font-size:11px;}

/*ETUSIVUN TAULUKOT JA SOLUT*/

TABLE.sivu {width:100%;height:100%;}

TABLE.banneri {width:750px;height:46px;}

TABLE.viiva1 {width:750px;height:1px;font-size:0px;background-color:#FF0000;}
TABLE.viiva2 {width:750px;height:5px;font-size:1px;background-color:#FF0000;}

TABLE.main {width:750px;height:400px;border-top:solid 5px #FFFFFF;border-bottom:solid 1px #FFFFFF;}
TD.vaihtokuvat {width:559px;height:400px;}
	
	TABLE.kuvataulukko {width:557px;height:145px;border-bottom:solid 1px #FFFFFF;}
	TD.kuva {width:185px;height:140px;}
	TD.vali {width:1px;font-size:1px;}

	TABLE.linkit {width:557px;height:145px;}
	TD.linkkisolu {width:185px;background:#F4F4F2;}
		
		DIV.menuotsikko {
		background:#C3BFB3 url("kuvat/menu_tausta.gif") no-repeat top right;
		width:180px;
		height:20px;
		padding: 5px 0px 0px 7px;
		font-family:tahoma;font-size:11px;font-weight:bold;
		}

		DIV.menulinkki {
		background:#F4F4F2;
		width:180px;
		height:17px;
		padding: 2px 0px 0px 7px;
		font-family:tahoma;font-size:11px;font-weight:bold;
		border-bottom:solid 1px #C3BFB3;margin:0px;
		}


TD.mainokset {width:193px;height:400px;background-color:#EDEEE9;padding:4px;}

TABLE.osoite {width:750px;height:45px;font-family:tahoma;font-size:10px;color:#6E6E70;}
	TD.osoitesolu {padding:10px;}

TABLE.alabannerit {width:750px;height:30px;}

/*MUUT SIVUT: TAULUKOT JA SOLUT*/

TABLE.menu {font-family:tahoma;font-size:11px;font-weight:bold;
 width:750px;height:25px;background-color:#C3BFB3;border-top:solid 5px #FFFFFF;}

 TD.perusosio {width:559px;height:400px;padding:8px;line-height:14pt;font-family:tahoma,arial;font-size:12px;}

 /*MUUT SIVUT: YLEISTYYLIT*/

H1 {font-family:tahoma;font-size:16px;font-weight:bold;
 color:#6E6E70;}
H2 {font-family:tahoma;font-size:12px;font-weight:bold;
 color:#6E6E70;}

 DIV.perusotsikko {font-family:tahoma;font-size:16px;font-weight:bold;
 width:543px;height:25px;border-bottom:solid 3px #FF0000;color:#6E6E70;}
 .border {border:solid 1px #000000;}
 
 /* MENU JA SUBMENUT */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li { /* kaikki li-elementit */
	float: left;
	position: relative;
	width: 124px;
}

#menu li ul {/* kakkostaso */
	position: absolute;
	display: block; 
	top: 2em;
    left: 0;
}

#menu li>ul {/* muut kuin IE - top ja vasen */
	top: auto;
	left: auto;
}

#menu li ul li ul  {/* kolmas taso jos tarvitaan */
	position: absolute;
	display: block; 
	top: 2em;
    left: 9em;
}

/* Fixataan IE. Ei IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* loppu */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* marginaalit */
#menu ul, li {
    margin: 0 0 0 0; 
}

/* Menusisällön tyylit */
#menu ul a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #C3BFB3; /* IE6 Bug */
	padding: 5px 0px 5px 7px;
	border: 0px solid #C3BFB3;
}
/* Hover tyylit */
#menu ul a:hover { 
	color: #FF0000; 
	background: #C3BFB3;
} 

/* Submenujen tyylit */
#menu li ul a {
	text-decoration: none;
	color: #6E6E70;
	background: #F4F4F2; /* IE6 Bug */
	border-top:solid 0px #C3BFB3;
	border-bottom:solid 1px #C3BFB3;width:80%;
	border-right:solid 4px #999; padding: 1.5em;	
	border-left:solid 1px #E0E0E0;
    padding: 5px 0px 5px 16px;width:180px; 
	position: relative;
	left: 0px;
	top: 0px;
} 

/* Submenujen hover tyylit */
#menu li ul a:hover {
	background:#C3BFB3 url("kuvat/pikku_nuoli.gif") no-repeat left;
	color: #FF0000; 
	padding: 5px 0px 5px 16px;width:180px; 
} 

/* nuolet */
#menu li a.submenu {background:#C3BFB3 url("kuvat/nuoli.gif") no-repeat top right; }
#menu li a.submenu:hover {background:#C3BFB3 url("kuvat/nuoli.gif") no-repeat top right;}