body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #74ae0e;
	background-image: url(/images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;


}

a
{
	text-decoration:none;
	color:#6c951d;
}


hr {
	border:0;
	border-top:1px solid #7ca52d;
	height:0;
	background:#7ca52d;
}




html
{
	height: 100%;
}

form
{
	margin: 0px;
	padding: 0px;
}


#container
{
	margin: 0px auto;
	min-height: 100% !important;
	height: 100%;
	width: 1008px;
}

#textarea { padding: 20px 7px 30px 20px; }

#indexborder { padding: 20px 20px 30px 20px; }



#keski
{
	text-align: left;
	float: left;
	width: 1009px;
	min-height: 100% !important;
	background-color: #ffffff;
	margin:0px;
	padding:0px;
}


#logo
{
	float: left;
	width: 969px;
	height: 215px;
	padding-left: 20px;

	clear: both;
}

#pic
{

}
#header { }

#left
{
	float: left;
		/*Container for left hand boxes*/
	width: 254px;
	margin-left:20px;
	
}

#leftarea
{
	float: left;
	width: 198px;
	background-color: #93c01c;
	padding: 10px 10px 20px 10px;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana;
	margin: 0 0 4px 0;
	display: block;

	top: 0px;
	height: 200px;
}

#leftarea exmbed
{
	margin-top:-10px !important;
	margin-left:-10px !important;
	padding:0px;
}


#flash
{
	margin-top:-10px !important;
	margin-left:-10px !important;
	padding:0px;
}



#leftleft
{
	width: 198px;
}
#leftspacer
{
	float: left;
	width: 200px;
}





#right
{
	width: 254px;
	/*Container for right hand boxes*/
	float: left;
	margin-right:15px;
}

#indextext
{
	font-size: 13px;
}

#indextext H4
{
	margin-top:0px;
	padding-top:0px;

}


#leipis
{
	font-size: 13px;
	float: left;
	width: 384px;
	padding: 0px 20px 20px 20px;
}

#wide
{
	font-size: 13px;
	float: left;
	width: 650px;
	padding: 0px 20px 20px 30px;
}



#indexwide
{
	font-size: 13px;
	float: left;
	width: 380px;
	padding: 0px 20px 20px 30px;
}
#indexright
{
	font-size: 13px;
	float: right;
	width: 292px;
	padding: 10px 10px 10px 10px;
	border:12px solid #b4d46f;
	margin-right:12px;
	min-height:400px;
}

#rightindex
{
	font-size: 13px;
	padding:10px;
}

#leipis td, #wide td { font-size: 13px; }

h2, #leipis h2, #wide h2
{
	padding-top :0px;
	margin-top: 0px;
	font-size: 22px;
	color: #2a5d2b;
	margin-bottom:15px;
	line-height:24px;
}



h3, #leipis h3, #wide h3
{
	padding-top :0px;
	margin-top: 0px;
	font-size: 22px;
	color: #2a5d2b;
	margin-bottom:15px;
	line-height:24px;
}

h4, #leipis h4, #wide h4
{
	font-size: 17px;
	color: #000000;
	margin-bottom:4px;
}

#leipis a, #wide a
{
	color: #2a5d2b;
	text-decoration: underline;
}



.boxes
{
	background: transparent url(/images/vihrea_v_kulma.gif) bottom right no-repeat;
	background-color: #d2ecdc;
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana;
	margin-bottom: 0px;
	
	
}

.boxes img
{
	margin-left: -10px;
	margin-right:10px;
}



.boxes a
{
	color: #2a5d2b;
	text-decoration: underline;
}




/*Menut*/

/*
#dropmenu
{
	float: left;
	height: 25px;
	padding: 12px 0px 0px 40px;
	background-color: red;
	background-image: url(/images/menu_alas.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	width: 210;
	display: block;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
*/

#mainmenu
{
	background: transparent url(/images/menu_bg_p.gif) top left repeat-x;
	clear: both;
	/*needed*/
	height: 37px;
	padding: 0px;
	margin: 0 20px 0px 20px;
	

}

#mainmenu ul
{
	clear: both;
	display: block;
	float: left;
	border: 0px;
	margin: 0px 0px 0px 0px;
}

 .maintb
{
	display: table;
	width: 100%;
	table-layout: fixed;
}





#mainmenu ul li
{
	float: left;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
	padding: 0px;
	margin: 0px;

}

#mainmenu ul li a, #mainmenu ul li a:visited, #mainmenu ul li a:hover
{
	background: transparent url(/images/menu_bg_p.gif) bottom right repeat-x;
	color: #ffffff;
	display: block;
	line-height: 37px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#mainmenu ul li a.active
{
	background: #2a5d2b;
	color: #ffffff;
	text-decoration: none;
}

#mxainmenu ul li a:hover
{
	background: #2a5d2b;
	color: #ffffff;
	text-decoration: none;
}

#mainmenu ul li:hover a
{
	background: #2a5d2b;
	color: #ffffff;
	text-decoration: none;
}

#mainmenu ul ul, #mainmenu ul ul ul,
#mainmenu ul li:hover ul ul, #mainmenu ul ul li:hover ul ul ul  { display: none; }



#mainmenu ul li:hover ul,#mainmenu ul ul li:hover ul ul,
#mainmenu ul ul li:hover ul, #mainmenu ul ul ul li:hover ul ul { display: block; }

#mainmenu ul ul
{
	z-index:1;
	position: absolute;
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-color: #1a3100;
	background: #b7eb77;
}

#mainmenu ul ul li
{
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	/*needed*/
	width: 170px;
	background: #b7eb77 !important;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #1a3100;
}

#mainmenu ul ul li a, #mainmenu ul ul li a:visited
{
	clear: both;
	display: block;
	text-decoration: none;
	background: #b7eb77 !important;
	color: #000000 !important;
	font-size: 11px;
	line-height: 32px;
	padding: 0px 10px 0px 10px;
}

#mainmenu ul ul li a.active, #mainmenu ul ul li a:hover
{
	background: #92bf1c !important;
	text-decoration: none;
	color: #ffffff !important;
	font-size: 11px;
	line-height: 32px;
	padding: 0px 10px 0px 10px;
}





#mainmenu ul ul ul
{
	position:absolute;
	padding: 0px;
	margin:-33px 0px 0px 170px;	
	border-style: solid;
	border-color: #1a3100;
	border-width: 1px 0px 0px 0px;	
	background: #b7eb77;
	width:auto !important;
}

#mainmenu  ul ul ul li
{
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	/*needed*/
	background: #b7eb77 !important;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #1a3100;
}

#mainmenu ul ul ul li a, #mainmenu ul ul ul li a:visited
{
	display: block;
	text-decoration: none;
	background: #b7eb77 !important;
	color: #000000 !important;
	font-size: 11px;
	line-height:14px;
	padding: 9px 10px 9px 10px;
}

#mainmenu ul ul ul li a.active, #mainmenu ul ul ul li a:hover
{
	background: #92bf1c !important;
	text-decoration: none;
	color: #ffffff !important;
	font-size: 11px;
	line-height:14px;
	padding: 9px 10px 9px 10px;

}



























#apumenupalkki
{
	background: transparent url(/images/menu_bg.gif) top left repeat-x;
	height: 32px;

	margin: 0px 20px 0px 20px;
}

#search
{
	width: 187px;
	height: 26px;
	background: transparent url(/images/haku.gif) top left no-repeat;
	margin: 3px 10px 0px 24px;
	float:left;
}

#search input
{

	border: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 11px;
	background: transparent;
	margin: 5px 0px 0px 20px
}

#buttons {
	float: left;
	padding-right:10px;
	border: 0px; 
	margin: 0px; 
	width:590px;
}

#buttons a{
	border: 0px;
	margin: 0px 8px 0px 0px;
}
#buttons img
{
	border: 0px;
	margin: 0px 8px 0px 0px;
}

#apumenu
{
	float: right;
}

#apumenu ul
{
	clear: both;
	display: block;
	float: right;
	border: 0px;
	margin: 0px;
}

#apumenu ul li
{
	float: left;
	font-size: 12px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	
}

#apumenu ul .last
{
	float: left;
	font-size: 12px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-right:10px;
	background: transparent url(/img/pad.gif) top right no-repeat;
	
}


#apumenu ul li img
{
	float: left;
	padding: 0px;
	padding-top:8px;
	margin: 0px;
	
}

#apumenu ul li a, #apumenu ul li a:visited, #apumenu ul li a:hover
{
	color: #ffffff;
	display: block;
	line-height: 32px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
}

#apumenu ul li a.active
{
	color: #000000;
	text-decoration: none;
}

#apumenu ul li:hover a
{
	color: #000000;
	text-decoration: none;
}






.popuplink {
	text-decoration:none;
	font-weight:bold;
	color: #2a5d2b;
	font-size:11px;
}

.popuptext {
	text-decoration:none;
	color: #000000;
	font-size:11px;

}
















#sponsorit
{
	display: block;
}

.whiteBG {
	background:#FFFFFF;
}

.greenBG {
	background:#D1F0E0;
}



#boxesmenu ul ul,
#boxesmenu ul li:hover ul ul { display: none; }
#boxesmenu ul li:hover ul,
#boxesmenu ul ul li:hover ul { display: block; }



#boxesmenu
{

}

#boxesmenu ul
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	display: block;	
}


#boxesmenu ul li
{
	list-style: none;
}

#holder {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:0;
	position:absolute;
}

#holder ul{

	padding:0px 0px 0px 0px;
	margin:0px;
}

.testmenu {
	display: block;
	line-height: 37px;
	list-style: none;
	padding: 0px 0px 0px 0px;	
	background: transparent url(/img/kiinni.gif) center left no-repeat;
	background-color: #93c01c;
	background-position:5px 0px;
	margin-left:0px;
	height:37px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;		

}

.testmenuact {
	line-height: 37px;
	list-style: none;
	padding: 0px 0px 0px 0px;	
	background: transparent url(/img/auki.gif) center left no-repeat;
	background-color: #93c01c;
	background-position:5px 0px;
	margin-left:0px;
	height:37px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;		

}

.testmenu a, .testmenuact a {
	display: 		block;
	color: 			#ffffff !important;
	text-decoration:	none;
	font-weight:		bold;
	font-size:		13px;
	line-height:		37px;
	padding-left:		40px;

}

.smenuactive  {
	display: 		block;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff !important;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;	
}


.smenupassive  {
	display: block;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;		
}


.smenupassive:hover  {
	display: block;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff !important;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;		
}


.ssmenuactive  {
	display: 		block;
	font-size: 11px;
	font-weight:normal;
	color: #ffffff !important;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;	
}


.ssmenupassive  {
	display: block;
	font-size: 11px;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;		
}


.ssmenupassive:hover  {
	display: block;
	font-size: 11px;
	font-weight:normal;
	color: #ffffff !important;
	text-decoration: none;
	list-style: none;
	padding: 0px 12px 0px 12px;		
}







.linormal {
	line-height: 32px;
	font-size: 11px;
	font-weight:bold;
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	/*needed*/
	width: 198px;
	background: #b7eb77 !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;

}
.linormalact {
	line-height: 32px;

	font-size: 11px;
	font-weight:bold;
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	/*needed*/
	width: 198px;
	background: #92bf1c !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}


.lisub {
	line-height: 20px;
	font-size: 11px;
	font-weight:normal;
	list-style: none;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	clear: both;
	width: 188px;
	background: #b7eb77 !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}

.lisubact {
	line-height: 20px;
	font-size: 11px;
	font-weight:normal;
	list-style: none;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	clear: both;
	width: 188px;
	background: #92bf1c !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}

.linormal:hover, .linormalact:hover {
	line-height: 32px;
	font-size: 11px;
	font-weight:bold;
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
	clear: both;
	/*needed*/
	width: 198px;
	background: #92bf1c !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}

.lisub:hover, .lisubact:hover  {
	line-height: 20px;
	font-size: 11px;
	font-weight:bold;
	list-style: none;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	clear: both;
	/*needed*/
	width: 188px;
	background: #92bf1c !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}


.linormal:hover a, .linormalact:hover a, .lisub:hover a, .lisubact:hover a {
	color:#ffffff !important;
	display: block;

}






#polku {
	padding: 0px 0px 10px 0px;	
	margin:0px;
	font-size:10px;
	color:#909090;
}

#polku a {
	color: #909090 !important;
	text-decoration:none;
	font-size:10px;
}

.ostoskori {
	border:8px solid #b4d46f;
	padding:10px;
}