HTML {overflow: -moz-scrollbars-vertical;}
BODY {margin:2px 0px 0px 0px;background-color:#A6B8C6;font-family:arial,verdana;}
TABLE {font-family:arial,verdana;font-size:11px;}

/*TAUSTATAULUKOT*/

.etusivu {width:970px;height:580px;background-image: url(kuvat/alku.jpg);}
.yhteystiedot {width:970px;height:580px;background-image: url(kuvat/yhteystieto.jpg);}
.yritys {width:970px;height:580px;background-image: url(kuvat/yritys.jpg);}
.tuotetausta {width:970px;height:580px;background-image: url(kuvat/tuote_tausta.jpg);}
.login {width:970px;height:580px;background-image: url(kuvat/login.jpg);}

/*SEKALAISTA*/
#copy { position:absolute;right:10px;bottom:2px;font-size:9px;}

.otsikko {font-size:28px;font-weight:normal;}
.alt_otsikko {font-weight:bold;color:#39658D;margin-left:9px;}


/*PERUSNAVIGOINTI*/

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:hover{text-decoration:none;color:#39658D;}
A:active{text-decoration:none;color:#000000}

A.h2j:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A.h2j:link{text-decoration:none;color:#39658D;}
A.h2j:visited{text-decoration:none;color:#39658D;}
A.h2j:hover{text-decoration:none;color:#FFFFFF;}
A.h2j:active{text-decoration:none;color:#39658D;}

/*MENUNAVIGOINTI*/

A.menu:focus {user-focus: none; outline: none; -moz-user-focus: none; -moz-outline: none; }
A.menu:link{text-decoration:none;color:#FFFFFF;}
A.menu:visited{text-decoration:none;color:#FFFFFF;}
A.menu:hover{text-decoration:none;color:#FFFFFF;background-color:#254769;}
A.menu:active{text-decoration:none;color:#FFFFFF;}

.menulinkki {padding:5px 0px 0px 6px;letter-spacing:1px;font-weight:bold;}
.lapinakyva {background:#35749A;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

/*menuvalikot*/

.valittu {background: #254769;}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-weight:bold;
}

#nav a {
	display: block;
	width: 170px;
	margin: 0;height:23px;
	
}

#nav li { /* all list items */
	float: left;
	background: #39658D;
	height:23px;
	width: 170px; /* width needed or else Opera goes nuts */
}

#nav li:hover, #nav li.sfhover {
	background: #254769;
}

#nav li ul { /* second-level lists */
	position: absolute;
	
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

INPUT {border:solid 1px #000;}