@charset "utf-8";
/* CSS Document */

* { 
    margin: 0; 
} 

html, body { 
    height: 100%; 
	font-family: Meta, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	background:#6dab24;
	margin:0;
	padding:0;
} 

#container { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -198px; 
	background:#fff;
	width:825px;
} 

.push {
	height:auto;
}

#maincontent{
	height: 100%; 
	background:#fff;
}


.logos{
	white-space:nowrap;
	height:42px;
	font-size:8px;
	color:#6eab24;
}


.logos span{
	position:relative;
	top:-15px;
}

.logos img{
	border:0;
}

#header{
	font-size:11px;
	float:right;
	margin:0;
	height:115px;
	width:570px;
}
#header a{
                      white-space:nowrap;
                      color:#6eab24;
                      font-weight:normal;
                      text-decoration:none;
}

#header ul{
                      list-style: none;
                      margin:0;
                      padding:45px 0 0 0px;
}

#header li{
	float:left;
	padding:3px 6px 2px 0;
}

#header ul .inactive div{
	padding-top:3px;
}

.redheader ul .active a{
	color:#fff !important;
	padding:3px 6px 2px 10px;
	margin-right:-6px;
	background:  url(menu_bg_red_l.gif) left bottom no-repeat;
}

.redheader ul .active div{
	padding:3px 10px 2px 0px;
	background:#a2120b url(menu_bg_red_r.gif) right top no-repeat;
}

.blueheader ul .active a{
	color:#fff !important;
	padding:3px 6px 2px 10px;
	margin-right:-6px;
	background:  url(menu_bg_blue_l.gif) left bottom no-repeat;
}

.blueheader ul .active div{
	padding:3px 10px 2px 0px;
	background:#12809b url(menu_bg_blue_r.gif) right top no-repeat;
}

.greenheader ul .active a{
	color:#fff !important;
	padding:3px 6px 2px 10px;
	margin-right:-6px;
	background:  url(menu_bg_green_l.gif) left bottom no-repeat;
}

.greenheader ul .active div{
	padding:3px 10px 2px 0px;
	background:#57871c url(menu_bg_green_r.gif) right top no-repeat;
}


#footer{
	width:825px;
	height:198px;
	margin: 0 auto; 
	background-image:url(bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#left{
	float:left;
	width:210px;
	color:#737170;
	margin:0px 20px 25px 20px;
	_margin:0px 20px 25px 10px;
	padding-top:215px;
	background-image:url(logo.jpg);
	background-position:0px 10px;
	background-repeat:no-repeat;
}


#palsta1{
	width:55%;
	float:left;
}

#palsta2{
	width:40%;
	float:right;

}

#palsta1_homepage{
	width:55%;
	float:left;
	_margin-right:20px;
}
#palsta1_homepage_full{
	width:100%;
	float:left;
	_margin-right:20px;
}

#palsta2_homepage{
	width:40%;
	float:right;
}

.spacer40{
	margin:0;
	padding:0;
	height:40px;
}

.main{
	position:relative;
	width:520px;
	float:right;
	padding:25px 25px 25px 25px;
	_padding:25px 0px 25px 25px;
}


h1{
	font-size:16px;
	margin:20px 0 20px 0;
}

h2{
	font-size:14px;
 	margin:20px 0 20px 0;
}


#left h3,h4,h5,h6{
	color:#6eab24;
	margin:10px 0 10px 0;
}

h3,h4,h5,h6{
	font-size:12px;
 	margin:20px 0 20px 0;

}

p{
	margin:3px 0 3px 0;
}

a{
	color:#fff;
}

.leftnavi{
	list-style: none;
	list-style-position:outside;
	padding:0;
}

.leftnavi li{
	height:21px;
	padding:3px 0 5px 25px;
	background:url(menu_inactive.gif) left top no-repeat;
}

.leftnavi li.active{
	background:url(menu_active.gif) left top no-repeat;
}


.leftnavi li a{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.submenu{
	list-style: none;
	list-style-position:outside;
	padding:0;
	margin-left:2px;
}
.submenu li{
	height:21px;
	padding:0px 0 2px 22px;
	background:url(submenu_inactive.gif) left top no-repeat;
}

.submenu li.active{
	background:url(arrow_w.gif) 5px 4px no-repeat;
}

.submenu li a{
	font-size:11px;
	color:#6eab24;
	font-weight:bold;
	text-decoration:none;
}

.red{
	background:#a2120b;
}

.blue{
	background:#12809b;
}

.green{
	background:#57871c;
	_padding:25px 20px 25px 25px;
}

.box_red{
	margin-top:15px;
	width:165px;
	background:#a2120b url(box_red_top.gif) left top no-repeat;
	padding:5px 10px 10px 10px;
	_padding:5px 0px 8px 10px;
	color:#fff;
}

.box_red .bottom{
	width:185px;
	height:10px;
	margin-left:-10px;
	margin-bottom:-11px;
	background: url(box_red_bottom.gif) left top no-repeat;
}

.box_red h3{
	font-size:11px;
	color:#fff !important;
}


.box_blue{
	margin-top:15px;
	width:165px;
	background:#12809b url(box_blue_top.gif) left top no-repeat;
	padding:5px 10px 10px 10px;
	_padding:5px 0px 7px 10px;
	color:#fff;
}

.box_blue .bottom{
	width:185px;
	height:10px;
	margin-left:-10px;
	margin-bottom:-11px;
	background: url(box_blue_bottom.gif) left top no-repeat;
}

.box_blue h3{
	font-size:11px;
	color:#fff !important;
}

.box_green{
	margin-top:15px;
	width:165px;
	background:#57871c url(box_green_top.gif) left top no-repeat;
	padding:7px 10px 2px 10px;
	_padding:7px 0px 6px 10px;
	color:#fff;
}

.box_green .bottom{
	width:185px;
	height:10px;
	margin-left:-10px;
	margin-bottom:-11px;
	background: url(box_green_bottom.gif) left top no-repeat;
}

.box_green h3{
	font-size:11px;
	color:#fff !important;
}

.box_lightgreen{
	margin-top:15px;
	width:196px;
	background: #6eab24 url(box_lightgreen_top.gif) left top no-repeat;
	padding:5px 10px 2px 10px;
	_padding:5px 0px 7px 10px;
	color:#fff;
}

.box_lightgreen .bottom{
	width:216px;
	height:10px;
	margin-left:-10px;
	margin-bottom:-11px;
	background: url(box_lightgreen_bottom.gif) left top no-repeat;
}

.box_lightgreen h3{
	font-size:11px;
	color:#fff !important;
}


.titleimage{
	width:570px;
	max-width:570px;
	border:0;
	margin-top:-25px;
	margin-left:-25px;
}

.littleimg{
	padding:20px 0 10px 0;
	border:0;
}

.logo{
	padding:20px 0 10px 20px;
}

.arrowlink{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:13px 0 3px 0;
}
TD.otsikko{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}
TD.otsikko_black{
	font-size:16px;
	color:#000000;
	font-weight:bold;
}