/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

table {
	/*font-size: 1em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;*/
}

form{
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;	
}

body { 
	/*color: #ffffff; */
	font-size: 13px;
	color: #6E6E6E;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	/*background-color: #232323;*/

	background-color: #d8d8d8;
	background-image: url(images/tg_bg.jpg);
	
	

	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	/*line-height: 17px;*/
	line-height:17px;
}

p { 
	color: #6E6E6E;
	font-size: 13px;
	padding: 0;
	margin: 8px 0 4px 0;
}

h1, h2 { 
	color: #6E6E6E; 
	font-size: 18px; 
	font-weight: normal; 
	word-spacing: 2px;
	margin: 0;
	padding: 12px 0 5px 0;

}

 h3, h4, h5, h6 { 
	color: #6E6E6E; 
	font-size: 14px; 
	/*font-weight: bold; */
	margin-bottom:0;
}

a { 	
	/*color: #469600; */
	/* color:#154b95; */
	text-decoration: none; 
}

a:link { 
	color: #154b95; 
	/*color: 15890f;*/
	text-decoration: none; 
}
a:visited { 
	color: #154b95; 
	
	text-decoration: none; 
}

a:hover { 
	color: #1465d3; 
	text-decoration: none;
}

a[name], a[name]:hover {
	text-decoration: inherit; 
	color: inherit;
}

.yhteydenottoTbl input, .yhteydenottoTbl textarea {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	/*background-color: #ff0000;*/
	width: 200px;
	color:#6E6E6E;

}

.yhteydenottoTbl .nappi {
	width: 120px;
}

.yhteydenottoTbl .checkb {
	text-align:left;
	width: 15px;
/*background-color: #00ff00;*/
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.cb{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0px;
}


#container {
	top: 0;
	width: 960px;
	margin-left: auto;	
	margin-right: auto;
/*border: 1px solid #e6e6e6;*/
}

#masthead {
	margin: 0;
	padding: 0;	
}

#threeColBg{
	width: 100%;
	background-image:url(images/3colbg.gif);
	background-repeat:repeat-y;
	margin: 0;
	padding: 0;
	text-align: left;
}

#twoColBg {
	/*width: 100%;*/
	width: 960px;
	background-image:url(images/2colbg.gif);
/*	background-image:url(images/2colbg.jpg);*/

	background-color: #3F3F3F;
	/*background-color: #959496;*/
	
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	text-align: left;
	float:left;

	height: 225px;

}

html>body #twoColBg {
	height: auto;
	min-height: 225px;
}


#leftColFront {
	width: 672px;
	float: left;
	margin: 0;
	padding: 0;	
}

#leftColSub {
	width: 672px;
	float: left;
	/*margin: 8px 0 0 0 ;*/
	margin: 0px 0 0 0 ;
	padding: 0;	

	background-color: #ffffff;

}



#outextras {
	margin:35px 0 0 50px;
	padding:0px 0 0 0px;
	width: 180px;
	height: 280px;
	border: 1px solid #e6e6e6;
	text-align:center;
	background-color: #ffffff; 
}



#outextras img {
	margin:0px 0 0 0px;
	padding:15px 0 0 0px;
} 


a.readmore:link { 
	/*color: #154b95; */
	color: 15890f;
	text-decoration: none; 
}
a.readmore:visited { 
	color: #15890f;
	
	text-decoration: none; 
}

a.readmore:hover { 
	color: #51d61d; 
	text-decoration: none;
}




.leftColSub1 {
	width: 315px;
	float: left;
	/*margin: 8px 0 0 0 ;*/
	margin: 0px 0 0 0 ;
	padding:  0 8px 0 0px;	
	background-color: #ffffff;

}

.leftColSub2 {
	width: 300px;
	float: left;
	/*margin: 8px 0 0 0 ;*/
	margin: 0px 0 0 0 ;
	padding: 0 0px 0 0px;	
/*border: 1px solid #e6e6e6;*/
	background-color: #ffffff;

}

.leftColSub1 ul.noindent, .leftColSub2 ul.noindent {
	margin: 8px 0 0 12px ;
	padding: 8px 0px 0 8px;	
}

#mainNavContainer {	
	width: 100%;
	height: 45px;
	background-color: #232323;
	background-image:url(images/navi_bg.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding-top: 0px;
}


#mainNav {
	clear: both;
	height: 45px;
	/* border: 1px solid blue; */
}

#mainNav .mainNavi {
	float: left;
	height: 45px;
}


.mainNavSep {
	float: left;

	width: 3px;
	height: 45px;
	background-image: url(images/piippu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 0;
	/*padding: 0  20px 0 20px ;*/

}



.piippu {
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 3px;
	height: 38px;
	background:  url("images/zxpiippu.gif");	
	background-repeat: no-repeat;
	background-position: bottom;
}

#mainNav a {
	float: left;
	margin: 0;
	padding: 12px 25px 10px 25px;
}

#mainNav a:link, #mainNav a:visited {
	color: #A9A9A9;
	font-size: 12px;
	font-weight: normal;
}

#mainNav a:hover {
	/*color: #C9C9C9;	*/
	color: #e0e0e0;	
	text-decoration: none;

}


#zxnostobg {
	/*float:right;*/
	margin: 0;
	padding: 0;
	background-image:url(images/tgnosto_bg.jpg);
	/*background-position: top right;
	background-repeat:no-repeat;*/
	border-bottom: 20px solid red;

}

#mainNav .mainNaviSelected a {
	height:23px;
	background-image: url(images/mainnavselected_bg.gif);
	background-color:#4E4E4E;
	background-repeat: repeat-x;
	background-position: bottom;
}



#mainNav #selectedMain {

	/*background:  url("images/nav_sel_bg_blue.gif");	
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;*/
}

#mainNav #selectedMain a {
	color: #FF0000;	
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
}

#mainNav #selectedMain a:hover {


}

#extranavi {
	float:right;
	/* width: 288px; */
	margin: 0;	
	padding: 0;
	padding: 6px 12px 0 0;
}

.extranaviLink {
	float:left;
	padding: 0;
	margin: 0;
}

.extranaviLink a{
	float:left;
	padding: 0;
	margin: 0;
}

#extranavi a{
	padding: 0;
	margin: 0;
}


.mainPic {
	/*border: 1px solid white; */
	margin: 0;
	padding: 0;
	height:200px;
	overflow:hidden;
	border-bottom: 1px solid white;
}

#content {
	padding: 8px 20px 15px 25px;
	/*padding: 0;*/
	margin:0;
	/*border: 1px solid red;*/
	min-height:220px;
}

#SubColContent { 
	float:right; width: 288px; height: auto;  
	margin: 0;
	/*padding: 0;*/
	padding: 8px 0 0 0;

	/*background-color: #3B3B3B;
	background-image: url("images/tgnosto_bg.gif");	*/


} 


#SubMenuContent  { 
	float:right; width: 288px; height: auto;  

	margin: 0;
	padding: 8px 0 0 0;


	/*background-color: #3B3B3B;
	background-image: url("images/tgnosto_bg.gif");	*/

} 


#SubColContent ul { 
	margin: 0; 
	padding: 10px 0 0 0;
} 


#SubMenuContent ul { 
	margin: 0; 
	padding: 10px 0 0 0;

} 

#SubMenuContent li { 
	color: #B3B3B3; font-size: 12px; font-family: "Trebuchet MS"; background-image: url("images/pallo_bg_b.gif"); background-repeat: no-repeat; list-style-type: none; list-style-position: outside; display: block; margin: 0; padding: 5px 20px 25px 60px 
}


#SubColContent li  { 
	color: #878787; font-size: 12px; font-family: "Trebuchet MS"; background-image: url("images/pallo_bg_g.gif"); background-repeat: no-repeat; list-style-type: none; list-style-position: outside; display: block; margin: 0; padding: 10px 20px 15px 60px 
}

#SubColContent h1, #SubMenuContent h1 {
	color: #B3B3B3;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	/*margin: 19px 0 9px 0;*/
	padding: 12px 0 0px 0;
}

#SubColContent h2, #SubMenuContent h2 {
	color: #CACACA; 
	font-size: 12px; 
	font-weight: normal;
	margin: -8px 0 0px 0px;
	padding: 0px 0 0px 0px;
}

#SubColContent p, #SubMenuContent p {
	/*B3B3B3*/
	color: #838383; 
	/*font-size: 12px; */
	font-weight: normal;
	margin: 0;
	padding: 0px 5px 0px 30px;
}

#SubColContent a:link, #SubColContent a:visited, #SubMenuContent a:link, #SubMenuContent a:visited {
	color: #CACACA;
}

#SubColContent a:hover, #SubMenuContent a:hover {
	/*color: #C9C9C9;	*/
	color: #e0e0e0;	
	text-decoration: none;
}
 
#SubColContent p a:link, #SubColContent p a:visited, #SubColContent p a:hover, #SubMenuContent p a:link, #SubMenuContent p a:visited, #SubMenuContent p a:hover

 {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#footer {
	clear: both;
	height: 36px;
	padding-top: 16px;
	background-color: #222222;
	text-align: center;
	font-size: 11px;
	color:#8F8F8F;
	/*CFCFCF*/
	}

.ch h1, .ch h2 {
	font-family: SimSun,Arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin: 13px 13px 13px 60px;
	padding: 0px 0px 0px 0px;
}

.ch p {
	font-family: SimSun,Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	margin: 13px 13px 13px 60px;
	padding: 0px 0px 0px 0px;
}


.ch a {
	height: 22px;
	font-size: 14px;
	font-family: SimSun,Arial,Verdana,sans-serif;
	color: #24358b;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}

.ch a:hover {
	text-decoration: underline;
}



/*VALUEFRAME**/ 

.rekrytointi_nappi 
  {
  color: #006699;
  }

.rekrytointi_valiotsikko {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rekrytointi_valiotsikko b {
  color: #6E6E6E; 
  font-size: 18px; 
  font-weight: normal; 
  word-spacing: 2px
}

.kehysLomake
{

}
.isompi 
{

}

.isompi b 
{
	color: #6E6E6E; 
	font-size: 18px; 
	font-weight: normal; 
	word-spacing: 2px;
	padding-left: 2px;


}
td {
	color: #6E6E6E;
	font-size: 13px;
	padding: 2;

}

.ryhmaotsikko 
{
	color: #6E6E6E; 
	font-size: 18px; 
	font-weight: normal; 
	word-spacing: 2px;
	padding-bottom: 20px;
}
.ryhmaotsikko b 
{
  color: #6E6E6E; 
  font-size: 18px; 
  font-weight: normal; 
  word-spacing: 2px;
  margin: 0;

}
.tyokokemus td{
  font-size: 10px;
}
.otsikko_kehys
{
  color: #6E6E6E; 
  font-size: 18px; 
  font-weight: normal; 
  word-spacing: 2px;
  margin: 0;
}

.otsikko_kehys b {
  color: #6E6E6E; 
  font-size: 18px; 
  font-weight: normal; 
  word-spacing: 2px;
  margin: 0;

}
.kehys
{
  padding-left: 10px;
}
.kehys td 
{
	color: #6E6E6E;
	font-size: 13px;

}
.pvm
{
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #999999;
  border-bottom: #999999 1px solid;
  width: 30%;
}
.tyopaikka
{
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #999999;
  border-bottom: #999999 1px solid;
}

.valiotsikko
{    

}
.valiotsikko b
{    
  color: #6E6E6E; 
  font-size: 18px; 
  font-weight: normal; 
  word-spacing: 2px;
  margin: 0;
}

.yhtiostyle
{
  height: 45px;
}
.alaotsikot
{
  width: 300px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0px;
  font-weight: bold;
  border-bottom: 1px #999999 solid;
  color: #ffffff;
}
.alaotsikot td
{
  color: #ffffff;
}




#tgvf {
	top: 0;
	width: 960px;
	margin-left: auto;	
	margin-right: auto;
	border: 1px solid #e6e6e6;

}

#tgvf .kehys {
	margin: 15px 10px 15px 40px;
	padding: 0;
	width: 800px;
}

.fblogo {

	margin: -6px 0 -6px 0 ;
	padding: 0px 10px 0 2px;
}
