* {outline: none;}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
}

body {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	background: #94d794 url('img/tausta.png') repeat-x;
	text-align: center;
}

a:link, a:visited {color: #236f23;}

a:hover, a:active {color: #24a724;}

#runko {
	width: 1031px;
	margin: 28px auto;
}

#banneri {
	background: url('img/banneri.png') no-repeat;
	position: relative;
	width: 1031px;
	height: 186px;
	text-indent: -9999px;
	margin: 0;
}

#navi {
	background: url('img/navi.png') no-repeat;
	width: 1031px;
	height: 33px;
	text-align: center;
	color: #fff;
	position: relative;
}

#fi {
	background: url("img/fi_hover.jpg") no-repeat;
	width: 24px;
	height: 14px;
	position: absolute;
	left: 977px;
	top: 8px;
	z-index: 9999;
}

#en {
	background: url("img/en_hover.jpg") no-repeat;
	width: 24px;
	height: 14px;
	position: absolute;
	left: 977px;
	top: 8px;
	z-index: 9999;
}

#fi a:link, #fi a:visited {
	background: url("img/fi_hover.jpg") no-repeat;
	width: 24px;
	display: block;
	height: 14px;
}

#fi a:hover, #fi a:active {
	background: url("img/fi_hover.jpg") no-repeat;
}

#en a:link, #en a:visited {
	background: url("img/en_hover.jpg") no-repeat;
	width: 24px;
	height: 14px;
	display: block;
}

#en a:hover, #en a:active {
	background: url("img/en_hover.jpg") no-repeat;
	display: block;
}

#keski {
	background: url('img/keski.png') repeat-y;	
	width: 1031px;
	text-align: left;
}

#fade {
	background: url('img/fade.png') repeat-x;
	width: 1031px;
	text-align: left;
	padding-top: 10px;
	h\eight: 376px;
	min-height: 376px;
}

#vasen {
	width: 160px;
	margin-left: 30px;
	text-align: left;
	color: #606060;
	float: left;
}

#tekstit {
	width: 615px;
	text-align: left;
	color: #606060;
	float: left;
}

#oikea {
	width: 160px;
	text-align: left;
	color: #606060;
	float: left;
}

.viiva {
	background: url('img/viiva.gif') no-repeat;
	width: 21px;
	height: 256px;
	float: left;
}

#footer {
	background: url('img/footer.png') no-repeat;
	width: 1031px;
	height: 52px;
	text-align: center;
}

#footer span {
	height: 15px;
	position: relative;
	top: 7px;
	color: #abdfab;
	font-size: 12px;
}

#footer a, #footer a:visited {
	color: #abdfab;
	text-decoration: none;
}

.clear {
	clear: both;
	width: 160px;
	height: 1px;
}

h1 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #0f6a0f;
}

h2 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #0f6a0f;
}

h3 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #0f6a0f;
}

p {
	margin: 0;
}

td {
	vertical-align: top;
	border: 0px;
}

/* PUDOTUSVALIKKO */
/* Alkuperäinen koodi: www.cssplay.co.uk */

.navi { width:100%; height:32px; position:relative; left: 24px; top: 1px; z-index:100; border: 0; font-family: "Arial", sans-serif; white-space: nowrap;}
/* hack to correct IE5.5 faulty box model */
* html .navi { width:100%; w\idth:100%; position:relative; left: 24px; top: 1px; z-index:100; border: 0; font-family: "Arial", sans-serif;  }
/* remove all the bullets, borders and padding from the default list styling */
.navi ul { padding:0; margin:0; list-style-type:none; }
.navi ul ul { width:200px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navi li { float:left; position:relative; }
/* style the links for the top level */
.navi a, .navi a:visited { display:block; font-size:12px; text-decoration:none; color:#fff; height:30px; border-bottom:1px solid #3f883f; background-color: #3f883f; background-image: url('img/navi2.png'); background-repeat: repeat-x; padding-left:10px; line-height:29px; font-weight:normal; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .navi a, * html .navi a:visited { width:15px; w\idth:15px; }
 
/* style the second level background */
.navi ul ul a.drop, .navi ul ul a.drop:visited { background:#439943; }
/* style the second level hover */
.navi ul ul a.drop:hover{ background:#387e38; }
.navi ul ul :hover > a.drop { background:#387e38; }
/* style the third level background */
.navi ul ul ul a, .navi ul ul ul a:visited { background:#e2dfa8; }
/* style the third level hover */
.navi ul ul ul a:hover { background:#b2ab9b; }
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:-1px; width:200px; border-top:0px solid #000; }
/* another hack for IE5.5 */
* html .navi ul ul { top:30px; t\op:31px; }
 
/* position the third level flyout menu */
.navi ul ul ul{ left:200px; top:-1px; width:200px; }
 
/* position the third level flyout menu for a left flyout */
.navi ul ul ul.left { left:-200px; }
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.navi table { position:absolute; top:0; left:0; border-collapse:collapse; }
 
/* style the second level links */
.navi ul ul a, .navi ul ul a:visited { background:#439943; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:180px; border-width:0 1px 1px 1px; }
/* yet another hack for IE5.5 */
* html .navi ul ul a, * html .navi ul ul a:visited { width:150px; w\idth:128px; position: relative; top: -2px; }
 
/* style the top level hover */
.navi a:hover, .navi ul ul a:hover{ color:#bcebbc; background: url('img/navi2.png') no-repeat 100px 0; }
.navi :hover > a, .navi ul ul :hover > a { color:#bcebbc; background: url('img/navi2.png') no-repeat 100px 0; }
.navi a.wiiva:hover, .navi ul ul a.wiiva:hover{ color:#fff; background: url('img/navi2.png') no-repeat 100px 0; }
.navi :hover > a.wiiva, .navi ul ul .wiiva:hover > a { color:#fff; background: url('img/navi2.png') no-repeat 100px 0; }
 
/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navi ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.navi ul :hover ul :hover ul{ visibility:visible; }