/* CSS Dokumentti */
/*body{margin:0px; padding:0px; background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4; color:#6B6854; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}*/
body{margin:0px; padding:0px; background:url(images/mainbg2.gif) repeat-x; color:#FFFFFF; font:12px/16px Verdana, Arial, Helvetica, sans-serif;}

div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----PAANAVIGOINTI ALUE----*/
#mainPaneeli{width:691px;position:relative;margin:0 auto;padding:0px;}


/*----VASEN PANEELI----*/
#VasenPaneeli{width:240px;float:left;}
#MainContent {width:451px; float:left
}
#MainContent {float:none;}

#leftTopPan{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:  url(images/vasen_yla.jpg) 0 0 no-repeat;color: #FFFFFF;text-decoration: none;}
/*#leftTopPan img{width:200px; height:20px; margin:5px 0 0 20px;}*/
#leftTopPan span{width:200px; height:50px; margin:5px 0 0 40px; padding:20px 0 0 0px;}


#leftTopPan span a{color: #FFFFFF;text-decoration: none;font-weight: bold;}
.kieliversiot {
	height: 30px;
	margin-top: 10px;
	padding-left: 20px;
	
}
#leftTopPan span a:hover{color: #3333CC;text-decoration: none;font-weight: bold;}

#VasenPaneeli ul{width:240px;height:272px;display:block;background:0 url(images/menu_bg_2.jpg) no-repeat;padding:28px 0 0;}
#VasenPaneeli ul li{width:190px;height:27px;position:relative;margin:0 auto;background:  url(rus/images/homebg_2.gif) no-repeat;padding-bottom: 2px;}
#VasenPaneeli ul li a{width:160px; height:27px; display:block; background:  url(rus/images/homebg_3_over.gif) no-repeat; color:#FFFFFF; font:bold 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#VasenPaneeli ul li a:hover{background:0 url(../rus/images/homebg_3gif) no-repeat;color:#FFFFFF;text-decoration:none;height: 27px;width: 160px;padding-left: 30px;}
#VasenPaneeli ul li.home{display:block;background:   url(../rus/images/homebg_2.gif) no-repeat;color:#FFFFFF;font:bold 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none;height: 27px;width: 111px;padding-top: 0;padding-right: 0;padding-left: 40px;}
#VasenPaneeli ul li.contact{background:none;}

#VasenPaneeli ul.linkone{width:240px; height:259px; padding:0; background:none;}
#VasenPaneeli ul.linkone li{width:118px; height:26px; position:relative; margin:0 auto; background:none; padding:0px;}
#VasenPaneeli ul.linkone li a{width:96px; height:26px; display:block; background:  url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#VasenPaneeli ul.linkone li a:hover{background:  url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}
#VasenPaneeli h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}

/*
#VasenPaneeli ul{width:240px; height:267px; display:block; background:url(images/menu-bg.jpg) 0 0 no-repeat; padding:28px 0 0;}
#VasenPaneeli ul li{
	width:151px;
	height:27px;
	margin:0 auto;
	background:url(images/homebg_2.gif) no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
}
#VasenPaneeli ul li a{width:129px; height:27px; display:block; background:url(images/arrow-normal.gif) no-repeat 50%; color:#FFFFFF; font:bold 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; text-decoration:none;}
#VasenPaneeli ul li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#003366; text-decoration:none;}
#VasenPaneeli ul li.home{width:129px; height:27px; display:block; background: url(images/homebg_2.gif) no-repeat; color:#FFFFFF; font:bold 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 22px;}
#VasenPaneeli ul li.contact{background:none;}

#VasenPaneeli ul.linkone{width:240px; height:259px; padding:0; background:none;}
#VasenPaneeli ul.linkone li{width:118px; height:26px; position:relative; margin:0 auto; background:none; padding:0px;}
#VasenPaneeli ul.linkone li a{width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#VasenPaneeli ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}

#VasenPaneeli h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}
*/
#VasenPaneeli form{width:222px; height:173px; position:relative; margin:0 auto; background:  url(images/formbg.gif) 0 0 no-repeat #ABA894; color:#fff;}
#VasenPaneeli form input{width:143px; height:17px; margin:3px 0 2px 35px; }
#VasenPaneeli form label{width:143px; height:18px; margin:2px 0 0 35px; font:12px/15px Arial, Helvetica, sans-serif; font-weight:bold;}

#VasenPaneeli form input.button{width:51px; height:17px; float:left; background:  url(images/button.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0;  margin:3px 10px 2px 28px; }

#VasenPaneeli form h2{width:150px; height:47px; display:block; background:  url(images/memberbg.gif) 0 0 no-repeat #D5D2BC; color:#fff; font-size:18px; line-height:47px; padding:0 0 0 65px;}
#VasenPaneeli form #register{width:100px; height:24px; float:left; margin:3px 0 0; }
#VasenPaneeli form #register a{display:block; background:   url(images/arrow4.gif) 100% 50% no-repeat #ABA894; color:#fff; font-size:14px; padding:0 5px 0 0; text-decoration:none;}
#VasenPaneeli form #register a:hover{text-decoration:underline;}

#VasenLisaPaneeli{
	width:240px;
	float:left;
	height: 100%;
	background-image: url(/images/vas_tausta2.gif);
	background-repeat: repeat-y;
}
#VasenLisaPaneeli p{padding:20px 0 0 9px;}


/*----/VASEN PANEELI----*/

/*----OIKEA PANEELI----*/
#OikeaPaneeli{
	width:451px;
	float: right;
}

#rightTopPanel h1{
	width:438px;
	height:133px;
	color:#fff;
	font:20px/13px Georgia, "Times New Roman", Times, serif;
	padding-top: 37px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
}
#rightTopPanel h1 span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#rightTopPanel{width:451px;  height:170px; color:#fff; font:20px/13px Georgia, "Times New Roman", Times, serif;/* padding:38px 0 0 13px;*/}
#rightTopPanel span{width:451px;height:171px;}
#rightTopPanel span a{color: #FFFFFF;text-decoration: none;font-weight: bold;}
#rightTopPanel span a:hover{color: #3333CC;text-decoration: none;font-weight: bold;}

#OikeaPaneeli #ylaLinkit {
	float:none;
	width:441px;
	font-size:99%;
	line-height:normal;
	padding-left: 10px;
	height: 20px;
}
#OikeaPaneeli #ylaLinkit ul {margin:0;list-style:none;padding-top: 0px;padding-bottom: 0;padding-left: 0px;}
#OikeaPaneeli #ylaLinkit li {display:inline; margin:0;padding:0;}
#OikeaPaneeli #ylaLinkit a { float:left; background:  url(images/tableftJ.gif) no-repeat left top;  margin:0; padding:0 0 0 5px; text-decoration:none;}
#OikeaPaneeli #ylaLinkit a span {
	float:left;
	display:block;
	background:  url(images/tabrightJ.gif) no-repeat right top;
	padding:5px 11px 4px 6px;
	color:#003366;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#OikeaPaneeli #ylaLinkit a span {float:none;}
    /* End IE5-Mac hack */
#OikeaPaneeli #ylaLinkit a:hover span {color:#FFF; }
#OikeaPaneeli #ylaLinkit a:hover {background-position:0% -42px;}
#OikeaPaneeli #ylaLinkit a:hover span { background-position:100% -42px;}


#OikeaPaneeli a:link{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#OikeaPaneeli a:visited {
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#OikeaPaneeli a:active {
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#OikeaPaneeli a:hover {
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

#OikeaPaneeli #hinnasto a:link{font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #CC6666;}
#OikeaPaneeli #hinnasto a:visited {font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #CC6666;}
#OikeaPaneeli #hinnasto a:active {font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #CC6666;}
#OikeaPaneeli #hinnasto a:hover {font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#OikeaPaneeli h1{width:438px; height:133px; background:0 url(images/yla_header.jpg) no-repeat; color:#fff; font:20px/13px Georgia, "Times New Roman", Times, serif; padding:37px 0 0 13px;}
#OikeaPaneeli h1 span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}



#OikeaPaneeli h2{
	width:420px;
	height:30px;
	display:block;
	background:  url(images/otsikkotausta3.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	line-height:26px;
	text-align:center;
	/*padding:0px 0px 10px 95px;*/
	margin:15px 0 0 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#OikeaPaneeli h3{
	width:420px;
	height:30px;
	display:block;
	background:  url(images/H3_otsikkotausta.jpg) no-repeat;
	color:#FFFFFF;
	font-size:12px;
	line-height:26px;
	text-align:left;
	margin:15px 0 0 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#OikeaPaneeli h4{
	width:240px;
	height:50px;
	display:block;
	background:  url(images/icon2_uusi.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	line-height:22px;
	padding:0 0 0 75px;
	margin:0 0 0 9px;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#OikeaPaneeli h4 span{
	color:#FFFFFF;
	background:#F6F4E4;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#OikeaPaneeli p{padding-top: 10px;padding-right: 5;padding-left: 9px;padding-bottom: 5px;}

#OikeaPaneeli p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#OikeaPaneeli p span.boldtext{font-weight:bold;}
#OikeaPaneeli p span.magedacolortext{background:#F6F4E4; color:#8F146E;}
#OikeaLisaPaneeli{width:420px; height:28px; display:block; background:  url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#OikeaLisaPaneeli p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#OikeaLisaPaneeli a{float:left; width:36px; height:28px; display:block; background:  url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#FFFFFF; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#OikeaLisaPaneeli a:hover{text-decoration:underline;}

#rightmorenextPan{width:420px; height:28px; display:block; background:  url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorenextPan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorenextPan a{float:left; width:36px; height:28px; display:block; background:  url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#FFFFFF; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorenextPan a:hover{text-decoration:underline;}


#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}
#rightaddonePan{width:218px; height:110px; float:left; background:  url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}
#rightaddonePan a{width:97px; height:33px; display:block; background:  url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddonePan a:hover{text-decoration:underline;}

#rightaddtwoPan{width:218px; height:110px; float:left; background:  url(images/image2.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; margin:0 0 0 6px;}
#rightaddtwoPan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddtwoPan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}

#rightaddtwoPan a{width:82px; height:33px; display:block; background:  url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddtwoPan a:hover{text-decoration:underline;}

/*----/OIKEA PANEELI----*/


/*----FOOTER PANEELI----*/
/*#FooterPaaPaneeli{
	background:0 url(images/footerbg.gif) repeat-x;
	color:#fff;
	
	position:relative;
	margin:0 auto;
	height:150px;
	clear:both;
}*/
#FooterPaaPaneeli{
	color:#fff;
	height: 81px;
	width: 691px;
}

#FooterPaneeli{
	width:691px;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#FooterPaneeli ul{
	width:691px;
	padding-top: 20px;
}
#FooterPaneeli li{
	text-align: center;
	display: inline;
}
#FooterPaneeli ul li a{padding:0 3px; color:#fff; text-decoration:none;}
#FooterPaneeli ul li a:hover{text-decoration:underline;}

#FooterPaneeli p.copyright{
	color:#FFFFFF;
	top:45px;
	width: 691px;
	line-height: 12px;
	margin-top: 10px;
}

.kieliversiot a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 2px;
	text-decoration: none;
}
.kieliversiot a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 2px;
	text-decoration: none;
}
.kieliversiot a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 2px;
	text-decoration: underline;
}
.kieliversiot a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 2px;
	text-decoration: none;
}