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

body{
	margin: 0px;
	background:url(../images/body_bg.jpg) center 100px repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #342f2e;

}

body.basic2{
	margin: 0px;
	background:url(../images/body_bg.jpg) center 100px repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #342f2e;


}


#colRight p{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #342f2e;
	

}


#mainWrapper {

	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height: 100%;
	background:url(../images/header_bg.jpg) repeat-x;

}

#topNavi{
	background-color: #660000;
	padding-top: 2px;
	height: 18px

}

.topNavi_content{
	margin-left:auto;
	margin-right:auto;
	width: 880px;
	height: 18px;
	color: #71191f;
	text-align:right;
	padding-right: 40px;

}
.topNavi_content a{
	color: #999999;
	text-decoration:none;
	font-size:9px;

}
.topNavi_content a:hover{
	color: #fff;


}

.extranetBtn{
	width: 70px;
	height: 15px;
	float: left;
	

}
.extranetBtn a, .extranetBtn a:visited{
	color: #871010;

}


.extranetBtn a:hover{
	color: #a6192c;

}

#contentWrapper{
	margin-left:auto;
	margin-right:auto;
	width: 930px;
	height: 400px;

}

#header {
	width: 951px;
	height: 85px;

}

#mainNavi{
	height: 25px;
	float: left;
	margin: -50px 0px 10px 280px;
	width: 655px;

}

.index #mainNavi{
	height: 25px;
	float: left;
	margin: 50px 0px 0px 38px;
	width: 650px;

}

#content{
	width: 920px;
	min-height: 420px;
	background:#ffffff;
	padding-left: 10px;
	float: left;
	background:url(../images/content_bg.png);

}

#content_extras{

	margin-right: 35px;
	margin-top: 5px;
	height: 25px;
	text-align:right;

	


}

#content_extras img{
	height: 12px;

}

#content #content_extras a{
	color: #8b8b8b;
	text-decoration:none;
	font-size: 12px;
	font-weight:normal;
}

#content #content_extras a:hover{
	color: #336633;
	text-decoration:none;
}

#colLeft{
	width: 200px;
	padding: 10px 20px 10px 20px;
	float: left;
}

#colLeft a{
	color: #790a0a;
	text-decoration: none;
}

#colRight{
	width: 621px;
	padding: 2em;
	float: left;
}



#contentBorders_top{
	width: 930px;
	height: 15px;
	float: left;
	background-image:url(../images/contentHeader.png);
	
	

}

#contentBorders_bottom{
	width: 930px;
	height: 15px;
	float: left;
	background-image:url(../images/contentFooter.png);
	

}


#footer{
	width: 924px;
	height: 20px;
	float: left;
	padding-left: 5px;
	margin-bottom: 5px;
	text-align:center;
	
}



#footer.extrabuttons{
	margin: -5px 0px 0px 0px;
	width: 240px;
	float: left;
}


/*Navin rolloverit */

#rollover01 a{
	display: block; 
	height: 35px; 
	width: 70px; 
 	background:  url(../images/btn01.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 12px;
	border: 0;
	float:left;

}

#rollover01 a:hover {background-position: 0 -35px;
}

#rollover01_on a{
	display: block; 
	height: 25px; 
	width: 70px; 
 	background: url(../images/btn01.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 40px;
	border: 0;
	float:left;
	background-position: 0 -35px;
}


#rollover02 a{
	display: block; 
	height: 35px; 
	width: 85px; 
 	background: url(../images/btn02.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 35px;
	border: 0;
	float:left;

}

#rollover02 a:hover {background-position: 0 -35px;
}

#rollover02_on a{
	display: block; 
	height: 35px; 
	width: 85px; 
 	background: url(../images/btn02.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 35px;
	border: 0;
	float:left;
	background-position: 0 -35px;

}

#rollover03 a{
	display: block; 
	height: 35px; 
	width: 95px; 
 	background: url(../images/btn03.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 35px;
	border: 0;
	float:left;

}

#rollover03 a:hover {background-position: 0 -35px;
}

#rollover03_on a{
	display: block; 
	height: 35px; 
	width: 95px; 
 	background: url(../images/btn03.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 35px;
	border: 0;
	float:left;
	background-position: 0 -35px;
}

#rollover04 a{
	display: block; 
	height: 35px; 
	width: 120px; 
 	background:  url(../images/btn04.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover04 a:hover {background-position: 0 -35px;
}

#rollover04_on a{
	display: block; 
	height: 35px; 
	width: 120px; 
 	background:  url(../images/btn04.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 30px;
	border: 0;
	float:left;
	background-position: 0 -35px;
}

#rollover05 a{
	display: block; 
	height: 35px; 
	width: 130px; 
 	background:  url(../images/btn05.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 30px;
	border: 0;
	float:left;

}

#rollover05 a:hover {background-position: 0 -35px;
}

#rollover05_on a{
	display: block; 
	height: 35px; 
	width: 130px; 
 	background:  url(../images/btn05.png) 0 0 no-repeat;
 	margin-top: 0px;
 	margin-left: 30px;
	border: 0;
	float:left;
	background-position: 0 -35px;
}

a img{
	border: 0px;
}



a.textSize{
	border: 1px solid #cccccc; 
	margin: 2px;
	width: 10px;
	height: 10px;
	font-size: 8px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 2px;
	text-decoration:none;
	color: #8b8b8b;

}

a.textSize:hover{
	border: 1px solid #fff; 
	background-color:#000000;
	color: #fff;

}
a.textSize:active{
	border: 1px solid #fff; 
	background-color:#336633;
	color: #fff;

}

.basic #colLeft{
	width: 235px;
	padding: 10px 0px 10px 0px;
	float: left;
}


.basic #contentBorders_top{
	width: 930px;
	height: 15px;
	float: left;
	margin-top: 55px;
	background-image:url(../images/contentHeader.png);
	
	

}

.basic #content{
	width: 925px;
	min-height: 420px;
	padding-left: 5px;
	float: left;
	background:url(../images/content_bg.png);

}
.basic #colRight{
	width: 601px;
	padding: 2em 2em 2em 4em;
	float: left;

	line-height:20px;
	color: #342f2e;

}


.basic #colLeft .bulletlistMenu{
	width: 255px; /*width of menu*/
	margin-left: 3px;
	border-right: 1px solid #e4e4e4;

}



.basic #colLeft .bulletlistMenu .headerbar{
	font: bold 0.90em Verdana, Arial, Helvetica, sans-serif;
	color: white;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	background:none;

}

.basic #colLeft .headerbar a, .headerbar a:visited{
	color: white;
	text-decoration:none;
}

.basic #colLeft .headerbar a:hover{
	color: #666;
	text-decoration:underline;
}

.basic #colLeft .bulletlistMenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; /*pohjavälistys ul:ien vÃlillÃ*/
}

.basic #colLeft .bulletlistMenu ul li{
	padding-bottom: 0px; /*menu li:n välistys toisistaan*/
	margin: 0px;
	margin-left: 7px;
}

.basic #colLeft .bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
	color: #990000;
	display: block;
	margin: 0px;
	padding: 1em 0;
	padding-left: 40px; /*teksti vasemmalta, ei bullet*/
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	background: url(../images/pointer01.gif) no-repeat 16px 11px;
}


.basic #colLeft .bulletlistMenu ul li a:hover{ /*hover state CSS*/
	color: #336633;
background-color: #d9d9d9;
background: none;
}


.basic2 #colLeft{
	width: 228px;
	padding: 0px;
	background:url(../images/secNavi_content_bg.png);
	float: left;


	

}

.basic2 #colLeft_header{
	width: 228px;
	height: 47px;
	padding: 0px;
	float: left;
	background:none;

}

.basic2 #colLeft_footer{
	width: 228px;
	height: 30px;
	padding: 0px;
	


}


.basic2 #colRight{
	width: 640px;
	padding: 0em;
	float: right;
	padding: 0 3em 4em 2em;
	height: 90%;


}

.basic2 #content{
	width: 931px;
	padding: 0px;
	min-height: 100px;
	background: url(../images/content_bg02.png) repeat-y top right;




}

.basic2 #contentWrapper{
	margin-left:auto;
	margin-right:auto;
	width: 930px;


}

.basic2 #contentBorders_top{
	width: 930px;
	height: 17px;
	float: left;
	margin-top: 55px;
	float: right;
	background: url(../images/contentHeader_02.png) no-repeat top right;
	

}

.basic2 #contentBorders_bottom{
	width: 703px;
	height: 37px;
	float:right;
	background:url(../images/contentFooter_02.png);
	background-position:right;
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;


}


.extranet #colLeft{
	width: 235px;
	padding: 10px 0px 10px 0px;
	float: left;
}


.extranet #contentBorders_top{
	width: 930px;
	height: 15px;
	float: left;
	margin-top: 55px;
	background-image:url(../images/contentHeader.png);
	
	

}

.extranet #content{
	width: 925px;
	min-height: 420px;
	padding-left: 5px;
	float: left;
	background:url(../images/content_bg.png);

}
.extranet #colRight{
	width: 601px;
	padding: 2em 2em 2em 4em;
	float: left;

}


.extranet #colLeft .bulletlistMenu{
	width: 254px; /*width of menu*/
	margin-left: 3px;

}


.extranet #colLeft .bulletlistMenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*pohjavälistys ul:ien vÃlillÃ*/
}

.extranet #colLeft .bulletlistMenu ul li{
	padding-bottom: 0px; /*menu li:n välistys toisistaan*/
	margin-left: 7px;
}

.extranet #colLeft .bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
	color: #990000;
	display: block;
	padding: 1em 0;
	padding-left: 30px; /*teksti vasemmalta, ei bullet*/
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	background: url(../images/menuBtn02_bg.jpg);
}


.extranet #colLeft .bulletlistMenu ul li a:hover{ /*hover state CSS*/
	color: #336633;
	background-color: #d9d9d9;
	background: none;
}

.extranet #colLeft .bulletlistMenu ul li ul{
	margin: 0px;
	padding: 0;

}

.extranet #colLeft .bulletlistMenu ul li ul li a, bulletlistMenu ul li ul li a:visited{
	color: #333333;
	background: url(../images/pointer01.gif) no-repeat 19px;
	display: block;
	padding: 0.60em 0;
	padding-left: 43px; /*teksti vasemmalta, ei bullet*/
	text-decoration: none;
	border-bottom: 1px dotted #cccccc;
	font-size: 12px;
	font-weight:300;
}

.extranet #colLeft .bulletlistMenu ul li ul li a:hover{
	background: url(../images/pointer01_mo.gif) no-repeat 19px;

}

.extranet #contentBorders_top{
	width: 930px;
	height: 15px;
	float: left;
	margin-top: 0px;
	background-image:url(../images/contentHeader.png);
	

}


#topLogo{
	margin-top: 7px;
	margin-bottom: 5px;
	margin-right:-4px;
	margin-left: -2px;
	float: left;

}
.index #topLogo{
	width: 180px;
	margin-top: 12px;
	margin-left: 20px;
	float: left;

}

.footerText{
	margin-left: 1px;
	font-size: 9px;
	color:#FFFFFF;
	margin-top: -3px;
	letter-spacing: -0.09em;
	font-weight:200;
	float: left;
}

.basic2 .footerText{
	margin-left: 16px;
	font-size: 9px;
	color:#FFFFFF;
	margin-top: 5px;
	letter-spacing: -0.06em;
	font-weight:200;
	float: left;
}


.basic2 #contentWrapper{
	margin-left:auto;
	margin-right:auto;
	width: 930px;

}

#search{
	width: 215px;
	height: 57px;
	background:url(../images/search_bg.jpg) no-repeat;
	margin-top: 30px;
	margin-left: 13px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 1px;
}

#bannerArea{
	width: 215px;
	margin-left: 13px;

	

	
}

.index div#bannerArea{
	width: 215px;
	margin-left: 3px;
	margin-top: 17px;
	

	
}

.basic #bannerArea{
	width: 245px;
	height: 45px;
	margin-left: 13px;
	

	
}


.basic h1 .nosto{
	width: 170px;
	background: url(../images/infoNosto_bg.jpg) no-repeat;
	height: 44px;
	padding: 5px 10px 0px 65px;
	border-bottom: 1px dotted #999999;
	float: left;
	margin-top: 2px;
	margin-bottom: 0px;
	font-family: 'Adamina', Georgia serif;
}

h1 .nosto{
	width: 136px;
	background: url(../images/infoNosto_bg.jpg) no-repeat;
	height: 46px;
	padding: 13px 10px 0px 63px;
	border-bottom: 1px dotted #999999;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Adamina', Georgia serif;
	
}

#colLeft h3{
	margin-left: 10px;
	margin-top:0px;
	font-size:12px;
	color:#333333;

}

#bannerArea ul li{
list-style:square;
color: #333333;
margin-top: 0;

}



#bannerArea h1 a.nosto, #bannerArea h1 a.nosto:visited{
	font-size: 17px;
		font-family: 'Adamina', Georgia serif;
	color: #333333;
	font-weight:normal;



}

#bannerArea h1 a.nosto:hover{

	color: #336633;

}

#bannerArea h1{

	margin-top: 0px;
	height: 22px;
	display:block;
}

/*Menun tyylit*/

#colLeft .bulletlistMenu{
	width: 215px; /*width of menu*/
	margin-left: 13px;

}

#colLeft .bulletlistMenu .headerbar{
	font: bold 0.90em Trebuchet MS;
	color: white;
	background: black url(media/titlebar.png) repeat-x center left;
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 5px 0 4px 10px; /*header text is indented 10px*/
}

#colLeft .headerbar a, .headerbar a:visited{
	color: white;
	text-decoration:none;
}

#colLeft .headerbar a:hover{
	color: #333333;
	text-decoration:underline;
}


#colLeft .bulletlistMenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*pohjavälistys ul:ien välillä*/
}

#colLeft .bulletlistMenu ul li{
	padding-bottom: 0px; /*menu li:n välistys toisistaan*/
}

#colLeft .bulletlistMenu ul li a, bulletlistMenu ul li a:visited{
	color: #990000;
	display: block;
	padding: 0.60em 0;
	padding-left: 15px; /*teksti vasemmalta, ei bullet*/
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px dotted #999999;
	font-size: 12px;
	background:url(../images/menuBtn01_bg.jpg);
}


#colLeft .bulletlistMenu ul li a:hover{ /*hover state CSS*/
	color: #336633;
	background-color: #d9d9d9;
	background:url(../images/menuBtn01_bg.jpg);
}

#colLeft .bulletlistMenu ul li ul{
	margin: 0px;
	padding: 0;

}

#colLeft .bulletlistMenu ul li ul li a, bulletlistMenu ul li ul li a:visited{
	color: #333333;
	background: url(../images/pointer01.gif) no-repeat 16px ;
	display: block;
	padding: 0.60em 0;
	padding-left: 45px; /*teksti vasemmalta, ei bullet*/
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	font-size: 12px;
	font-weight:300;
}

.basic2 #content_extras{

	margin-right: 0px;
	height: 20px;
	margin-top: 0px;
	float: right;
	text-align:right;
	font-size:9px;



}


.index #colRight{
	width: 663px;
	padding: 0 10px 0 0;
	margin-left: 0px;
	margin-top: -1px;
	float: left;
}
.index #colLeft{
	width: 220px;
	padding: 0px 5px 5px 0px;
	margin-left: 4px;
	float: left;
}

.otsikko{
	margin-top: 15px;
}



#graafinenNosto1{
	width: 215px;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;

	
}


#graafinenNosto1 a{

	color: #416c28;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 0.7em;
	margin-top: 2px;
	margin-bottom: 1px;
	
}

#graafinenNosto1 a img{
	margin-bottom: 1px;
	height: 124px;
	
}

#colLeft a.uutisnosto{
font-family:Georgia, "Times New Roman", Times, serif;
color: #336633;
font-size:11px;
margin-top: 0;
}

#colLeft a.uutisnosto:hover{
color: #810909;
}


/*#graafinenNosto{
	width: 210px;
	height: 65px;
	margin: 0px;
	float: left;
	
}*/


#searchBar{
margin: 29px 0px 0px 17px;
float:left;

}


#searchGo{
	float: left;
	margin: 29px 0px 0px 17px;

}

#searchGo a{
color: #990000;
}


h6{}

#topbar{
	position:relative;
	padding: 0px;
	background-color: #ffffff;
	width: 255px;
	z-index: 100;

}

hr {
	border: none 0;
	border-top: 1px dashed #cccccc;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.extraButtons{
	width: 225px;
	height: 25px;
	float: left;
	margin: -5px 0 0 17px;
}
.extraButtons img{
	float: left;
	margin-right: 1px;
}


#colRight a{
	font-size: 12px;
	text-decoration: underline;
	font-weight:bold;
	color: #336633;

}

#colRight a:hover{
	font-size: 12px;
	text-decoration:none;
	color: #333333;

}

#colRight li{
	padding-left: 5px;
	margin-left: 15px;
	
	line-height:20px;
	

}

.pieniTeksti{
	font-size: 10px !important;
	margin-top: 2px;
	font-weight:bold;
}

#colRight .lomake p
{
font-size:12px;
margin-left:25px;
margin-bottom:20px;
}

.lomake textarea, .lomake input
{margin-top:10px;}

.lomake h3
{
margin-top:35px;
}

.lomake strong
{color:#666;}