/* @override 
	http://extra.activeark.com/dev/mandatumlife/html/vakuutusosakeyhtiohenki-sampo_files/topframe_data/hs_style.css
	http://extra.activeark.com/dev/mandatumlife/html/vakuutusosakeyhtiohenki-sampo_files/topframe_data/hs_style2.css
*/

body {
  margin: 0px;
  font-family: Arial;
  font-size: 12px;
  margin-left: 15px;
  padding-top: 4px;
  position: relative;
  background: transparent url(../kuvat/rakenne/$file/bodybgtop.jpg) repeat-x top left;
 }

#mainTable {
  height: 100%;
  font-size: 12px;
}

#header {
  background: transparent url(../kuvat/rakenne/$file/logobg.jpg) repeat-x left bottom;
  height: 84px;
  width: 200px;
  margin-right: 3px;
}
#header img {
	margin-left: -2px;
	margin-bottom: -6px;
}
#content {
  padding-top: 20px;
}

#search {
  background-image: url(../kuvat/rakenne/$file/search_bg.gif);
  color: #FFFFFF;
  _margin-top: -3px;

}

#searchBox {
  width: 125px;
  xmargin-left: 10px;
}

#searchLabel {
  color: #000000;
  font-size: 11px;
  font-weight: bold;


}

#loginLabel a {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

#languageSelection {
  color: #000000;   
  font-size: 11px;
}

#languageSelection a {
  color: #de6300;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
#languageSelection a:hover {
	text-decoration: underline;
}

#rightBanner {
  border: 1px solid #999999;
}

#leftFade {
  background-image: url(../kuvat/rakenne/$file/fade_left.gif);
}

#rightFade {
  background-image: url(../kuvat/rakenne/$file/fade_right.gif);
}

#kartoita {
  background-image: url(../kuvat/rakenne/$file/leftbox_bg.gif);
  padding: 10px 100px 10px 10px;
  font-size: 12px;
}

#kartoita h1 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}

.tiedottaa {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 0px 10px 10px 10px;
  font-size: 12px;
  line-height: 18px;
}

.tiedottaa h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

.tiedottaa a {
  color: #a53148;
}

.tiedottaa a:hover {
  color: #DB022D;
}

#rightFrame {
  height: 215px;
  background-image: url(../kuvat/rakenne/$file/rightframe.gif);
}

#phoneLinks {
  padding: 5px 10px 10px 10px;  
}

#phoneLinks h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 5px;
}

#phoneLinks a {
  color: #a53148;
  font-size: 12px;
  line-height: 18px;
}

#phoneLinks a:hover {
  color: #DB022D;
}

.itemBall {
  position: relative;
  top: 1px;
}

#service {
  padding: 10px 10px 10px 10px;
}

#call {
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 15px;
}

#phonePic {
  position: relative;
  top: 6px;
}

#naviTop {
  background: transparent url(../kuvat/rakenne/$file/sidenaviheader.jpg) no-repeat center bottom;
  width: 190px;
  height: 26px;
  padding-bottom: 6px;
  _padding-bottom: 0px;
  font-weight: normal;
  padding-left: 1px;
  font-family: arial, verdana;
  font-size: 11px;
  
}
#naviTop h1 {
	font-size: 11px;
	margin-top: 20px;
	color: #c1af91;
	font-weight: bold;
	text-transform: uppercase;
	xpadding-bottom: 10px;
}

#naviContent {
  width: 190px;
  padding: 10px 0px 0px 0px;
  font-size: 11px; 
}
#naviContent a {
	font-size: 11px !important;
}

.naviItem {
  width: 188px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0px 0px 0px 10px;
  xborder-bottom: 1px dotted #000000;
  background: transparent url(../kuvat/rakenne/$file/linebreak.jpg) no-repeat center bottom;
}

.naviItem a, .naviItemOpen a {
  color: #000000;
  display: block;
  font-weight: normal;
  
}
.naviItemOpen {
  width: 188px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0px 0px 2px 10px;
  xborder-bottom: 1px dotted #000000;
  background: transparent url(../kuvat/rakenne/$file/linebreakopen.jpg) no-repeat center bottom;
  
}
.naviItemOpen a {
	font-weight: bold !important;
}
.naviItemIndent {
  width: 188px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0px 0px 0px 10px;
  background: transparent url(../kuvat/rakenne/$file/linebreakindent.jpg) no-repeat center 6px;
}
.naviItemIndentlast {
  width: 188px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0px 0px 10px 10px;
  background: transparent url(../kuvat/rakenne/$file/linebreakindentlast.jpg) no-repeat center bottom;
}
.naviItemIndentlast a {
  text-indent: 10px;
  color: #000000;
  display: block;
  font-weight: normal;
}
.naviItemIndent a{
  padding-left: 10px;
  color: #000000;
  display: block;
  font-weight: normal;
}
.naviItem_active {
  width: 188px;
  height: 21px;
  background-color: #a53148;
  padding: 1px 0px 0px 10px;
}

.naviItem_active a {
  color: #FFFFFF;
  font-weight: bold;
}

.naviSubItem {
  padding: 0px 0px 0px 20px;
}

.naviSubItem a {
  color: #333333;
  font-weight: normal;
}

.naviSubItem a:hover {
  color: #333333;
  font-weight: normal;
}

.naviSubItem_active {
  padding: 0px 0px 0px 20px;
}

.naviSubItem_active a {
  color: #A53148;
  font-weight: bold;
}

#naviContent a {
  font-size: 13px;
  text-decoration: none;
}
#naviContent a:hover {
		color: #de6300;
}
.navitop {
  xbackground-image: url(../kuvat/rakenne/$file/navi_bg_bottom.gif);
  width: 150px;
  height: 40px;
  padding-top: 23px;
  padding-bottom: 5px;
  vertical-align: bottom;
}
.navitop a {
 color: #161615;
 font-size: 14px;
 font-weight: bold;
}

td.naviBottom {
	height: 50px;
	vertical-align: top;
}
.naviBottom a {
	color: #de6300;
	font-size: 12px;
	font-weight: bold;
}
.naviBottom a:hover {
	color: #000000;
} 
.greenTab {
  width: 358px;
  height: 26px;
  color: #FFFFFF;
  padding-left: 10px;
  font-weight: bold;
  background-image: url(../kuvat/rakenne/$file/tab_bg.gif);
  font-size: 14px;
}

.greenTabShort {
  width: 345px;
  height: 26px;
  color: #FFFFFF;
  padding-left: 10px;
  font-weight: bold;
  background-image: url(../kuvat/rakenne/$file/greentab_bg_short.gif);
  font-size: 14px;
}

.greenTabShortContent {
  background-color: #F2F2F2;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 0px 10px 5px 10px;
  font-size: 12px;
  color: #a53148;
}

.greenTabShortContent a {
  font-size: 12px;
  color: #a53148;
}

.greenTabShortContent a:hover {
  color: #DB022D;
}

.greenTabShortContent p {
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

.greenTabShortBottom {
  background-image: url(../kuvat/rakenne/$file/greentab_box_bottom_short.gif);
}

.blueTab {
  width: 358px;
  height: 26px;
  color: #FFFFFF;
  padding-left: 10px;
  font-weight: bold;
  background-image: url(../kuvat/rakenne/$file/tab_bg_blue.gif);
  font-size: 14px;
}

.naviArrow {
  position: relative;
  bottom: 2px;
}

#footer {
  background-image: url(../kuvat/rakenne/$file/footer_bg.gif);
  background-repeat: no-repeat;
  padding: 10px 10px 10px 10px;
}

#footerTop {
  color: #a53148;
  font-size: 11px;
}

#footerTop a {
  color: #a53148;
  font-size: 11px;
  text-decoration: none;
}

#footerTop a:hover {
  color: #DB022D;
}

#footerBottom {
  color: #989898;
  font-size: 11px;
}

#footerBottom a {
  color: #989898;
  font-size: 11px;
  text-decoration: none;
}

#pinkBox {
  background-image: url(../kuvat/rakenne/$file/pinkbox_bg.gif);
  background-color: #e8d5c2;
  padding: 5px 10px 10px 10px;
}

#pinkBox h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
}

#select {
  width: 240px;
  margin-top: 10px;
  font-size: 13px;
}

#tracker {
  font-size: 12px;
  font-style: italic;
}

#tracker a {
  color: #a53148;
  text-decoration: none;
}

#tracker a:hover {
  color: #DB022D;
}

.arial12 {
  font-size: 12px;
}

.arial12 h1 {
  margin: 0px;
  margin-top: 10px;
  padding: 0px 0px 5px 0px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  right: 2px;
}

#greyTab {
  background-image: url(../kuvat/rakenne/$file/greytab_bg.gif);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 10px;
}

#greyContent {
  background-color: #f2f2f2;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  padding: 10px;
  font-size: 12px;
}

#greyContent a {
  color: #a53148;
}

#greyContent a:hover {
  color: #DB022D;
}

#greyBottom {
  background-image: url(../kuvat/rakenne/$file/greybox_bottom.gif);
}

#pankkiTop {
  background-image: url(../kuvat/rakenne/$file/pankki_box_top.gif);
}

#pankkiBottom {
  background-image: url(../kuvat/rakenne/$file/pankki_box_bottom.gif);
}

#pankkiContent {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  padding: 10px;
}

#ajkTop {
  background-image: url(../kuvat/rakenne/$file/ajankohtaista_box_top.gif);
}

#ajkBottom {
  background-image: url(../kuvat/rakenne/$file/ajankohtaista_box_bottom.gif);
}

#ajkContent {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  padding: 10px;
  font-size: 12px;
}

#ajkContent h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#ajkContent a {
  color: #a53148;
  font-size: 12px;
}

#ajkContent a:hover {
  color: #DB022D;
}

#blueBox {
  background-image: url(../kuvat/rakenne/$file/bluebox_bg.gif);
  padding: 9px;
  font-size: 12px;
}

#blueBox a {
  color: #a53148;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

#blueBox a:hover {
  color: #DB022D;
}

#blueBox h1 {
  font-size: 14px;
  margin: 0px;
  padding: 10px 0px 5px 0px;
}

.greyText {
  color: #989898;
}

.redTab {
  background-image: url(../kuvat/rakenne/$file/redtab_bg.gif); 
  color: #FFFFFF;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;
}

.redTabBottom {
  background-image: url(../kuvat/rakenne/$file/redtab_box_bottom.gif);
}

.redTabContent {
  background-color: #F2F3F2;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 10px;
}

.redTabContent a {
  color: #a53148;
  font-size: 12px;
  line-height: 20px;
}

.redTabContent a:hover {
  color: #DB022D;
}

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-left:15px;
margin-top:15px;
}

li {
  xbackground:url(../kuvat/rakenne/$file/list_item.gif) no-repeat 0 0.8em;
  line-height: 15px;
  list-style-type: square;
  color:#000;
padding-bottom:10px;
}

.blackFrame {
  border: 1px solid #999999;
  padding: 10px;
}

#tabBG {
  background-image: url(../kuvat/rakenne/$file/layer_bottom.gif);
}

#tabMiddle {
  background-image: url(../kuvat/rakenne/$file/layer_middle.gif);
  padding: 10px;
  font-size: 12px;
}

#tabTop {
  background-image: url(../kuvat/rakenne/$file/layer_top.gif);
  font-size: 12px;
  padding: 0px 10px 10px 10px;
}

#tabTop a {
  color: #a53148;
  font-size: 12px;
}

#tabTop a:hover {
  color: #DB022D;
}

.tabItem {
  margin-top: 10px;
}

a.naviSubItemLink:link {
  color: #000000;
  font-weight: normal;
  text-decoration:none
}
	
a.naviSubItemLink:visited {
  color: #00000;
  font-weight: normal;
  text-decoration:none
}

a.naviSubItemLink:active {
  color: #A53148;
  font-weight: bold;
  text-decoration:none
}

a.naviTopLink:link {
  color: #c1af91;
  font-weight: bold;
  text-decoration:none;
  font-size: 11px;
  letter-spacing: 1px;
}
	
a.naviTopLink:visited {
  font-weight: bold;
  text-decoration:none;
  color: #c1af91;
  font-size: 11px;
  letter-spacing: 1px;
}



a {
	font-size: 12px;
	font-family: arial, verdana;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.main {
	width: 945px;
	height: 89px;
	position: relative;
}

table.navi {
	width: 494px;
	_width: 494px;
	height: 38px;
	border: none;
	_margin-right: -1px;
}

.login {
	height: 39px;
	width: 252px;
	float: left;
	display: inline;
	border: none;
}
.login a {
	text-indent: -9000px;
	display: block;
	width: 252px;
	border: none;
	height: 39px;
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
	margin-left: -1px;
	background: transparent url(../kuvat/rakenne/$file/navibg.jpg) no-repeat bottom left;
}

#menu {
	height: 31px;
	float: left;

}
#menu1 a, #menu2 a, #menu3 a, #menu4 a {
	color: #ffffff;
	height: 31px;
	line-height: 31px;
	display: block;
	margin-top: 8px;
	margin-right: 0;
	xbackground: transparent url(../kuvat/rakenne/$file/navi2.jpg) no-repeat 0 0;
}



#menu1, #menu2, #menu3, #menu4{ 
	background: transparent url(../kuvat/rakenne/$file/navi2.jpg) no-repeat 0 0;
	color: #ffffff;
	height: 39px;
	line-height: 47px;
	float: left;
	display:block;
	text-align: center;
	margin: 0;
}


#menu1 { width:138px; background-position: 0px 8px; }
#menu2 { width:124px; background-position: -138px 8px; }
#menu3 { width:114px; background-position: -262px 8px; }
#menu4 { width:112px; background-position: -376px 8px; }

#menu1:hover { width: 138px; background-position: 0px -31px; color: #000000;}
#menu2:hover { width: 124px; background-position: -138px -31px; color: #000000;}
#menu3:hover { width: 114px; background-position: -262px -31px; color: #000000;}
#menu4:hover { width: 112px; background-position: -376px -31px; color: #000000; overflow: hidden; margin: 0;}

#menu1.selected { width: 138px; background-position: 0px -31px; color: #000000;}
#menu2.selected { width: 124px; background-position: -138px -31px; color: #000000;}
#menu3.selected { width: 114px; background-position: -262px -31px; color: #000000;}
#menu4.selected { width: 112px; background-position: -376px -31px; color: #000000; }


.toprow {
	height: 47px;
 }
table.right {
	height: 90px;
	position: relative;
}
.navirivi tr {
	width: 540px;
}
table.phone {
	height: 110px;
	width: 187px;
	padding-left: 10px;
	margin: 0;
	background: transparent url(../kuvat/rakenne/$file/phone.jpg) no-repeat 0 0;
	font-size: 11px;
	vertical-align: top;	
}

#break td {
	padding: 0;
	margin: 0;
	height: 4px;
}
#navimiddle a {
	font-weight: normal;
	color: #de6300;
	font-size: 11px;
	line-height: 11px;
}

/*--------Maincontent page---------*/

#container {
	width: 740px;
	height: 100%;
	position: relative;
	margin-top: 23px;
	float: left;
	display: inline;
	padding: 0;
	margin-left: -3px;
	_margin-left: -0px;
}

.top {
	width: 560px;
	height: 320px;
	float: left;
	display: inline;
}
.rightcol {
	width: 165px;
           *width: 175px;
	padding-left: 10px;
	float: left;
	display: inline;
}
.rightcolItem, .rightcolItemGeneral {
	width: 159px;
           height:104px;
           float:left;
           display:inline;
	border: 3px solid #e9d9c5;
	margin-bottom: 10px;
}
.rightcolItem h2, .rightcolItemGeneral h2 {
	color: #724100;
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 0;
          *padding-top:10px;
}
.rightcolItem ul li {
	list-style-type: none;
	height: 15px;
	padding-left:5px;
	line-height: 15px;
	background: transparent url(../kuvat/rakenne/$file/redarrow.jpg) no-repeat 0 5px;
}
.rightcolItemGeneral ul li {
	list-style-type: none;
	height: 17px;
	padding-left:5px;
	line-height: 17px;
	background: transparent url(../kuvat/rakenne/$file/redarrow2.jpg) no-repeat 0 5px;
}
.rightcolItem a,.rightcolItemGeneral a  {
	font-weight: normal;
           float:left;
           width:120px;
}
.rightcol a:hover {
	color: #de6300;
}
.rightcolItem ul,.rightcolItemGeneral ul {
	*margin-bottom: 7px;
}
.rightcolItemnoborder {
           border:0;
           float:left;
           display:inline;
           xwidth:155px;
}
.rightcolItemnoborder img {
           width:165px;
           *width:159px;
           height:90px;
           *height:87px;
}
.news {
	clear: both;
	border-top: 1px solid #b8aa91;
	padding-top: 5px;
	width: 735px;
	height: 33px;
	float: left;
	display: inline;
}
.headeline {
	float: left;
	display: inline;
	padding-left: 25px;
}
.news a {
	color: #e95301;
	font-weight: normal;
}
.footer {
	clear: both;
	float: left;
	display: inline;
	_float: none;
	_display: table-cell;
	margin-top: 10px;
	width: 740px;
	height: 40px;
	color: #7b6e55;
	font-size: 11px;
	border-top: 3px solid #caa56e;
}
.footer a {
	xxxcolor: #7b6e55;
           color: #555555;
	font-weight: normal;
	font-size: 11px;
}
.footer p {
	margin-top: 13px;
	xxxwidth: 300px;
           width: 740px;
	color: #7b6e55;
	font-weight: normal;
	font-size: 11px;
	float: left;
	display: inline;
	_overflow: hidden;
	
}
.footer a:hover {
	color: #de6300;
}
small {
	color: #7b7b7b;
}
.newsarchive {
	float: right;
	display: inline;
	width: 126px;
	height: 30px;
	line-height: 30px;
}
.newsarchive img {
	padding-left: 1px;
	padding-right: 3px;
	vertical-align: middle;
	border: none;
}


/*--------call me page---------*/

.texcontent {
	border-left: 1px solid #a2a173;
	padding-left: 20px;
	width: 720px;
	float: left;
	display: inline;
	_margin-top: 20px;
	*margin-top: 20px;
	clear: both;
	vertical-align: top;
font-size:12px !important;

}
.rightcontent {
	width: 189px;
_width: 179px;
*width: 179px;
	padding-left: 10px;
	float: left ;
	display: inline;
overflow:hidden;
	xxborder-left: 1px solid #ababab;
	xmargin-top: 50px;
}

.rightcontent table {
	width: 160px;
}

.leftcontent {
	float: left !important;
	display: inline !important;
	width: 520px !important;
}


.texcontent_right {
	width: 170px;
	float: left;
	display: inline;
}
.texcontent p {
	xxwidth: 400px;
           width: 700px;
}
.texcontent a {
	font-weight: normal;
           color: #e56600;
}
.leftcontent p {
	width: 470px;
}
.rightcontent p {
	width: 190px;
_width: 169px;
	margin-top: 0;
}
.texcontent h2 {
           font-size: 23px;
           font-weight: normal;
	width: 400px;
}
.breadcrumb {
	height: 31px;
	_height: 30px;
	width: 740px;
	float: left;
	display: inline;
	margin-top: -7px;
	_margin-top: -5px;
	*margin-top: -1px;
	xxmargin-bottom: 20px;
	line-height: 20px;
	xborder-bottom: 1px solid #a2a173;
	background: transparent url(../kuvat/rakenne/$file/breadbg.jpg) no-repeat 0 24px;
	_padding-bottom: 3px;
	*padding-bottom: 5px;
}
.breadcrumb p {
	margin: 0;
}
.breadcrumb a {
	color: #e56600;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	_line-height: 26px;
	*line-height: 26px;
           font-size: 11px !important;
}

.breadcrumb a.selected {
	background: transparent url(../kuvat/rakenne/$file/breadarrow.jpg) no-repeat bottom center;
	_background: transparent url(../kuvat/rakenne/$file/breadarrow.jpg) no-repeat 50% 9px;
	*background: transparent url(../kuvat/rakenne/$file/breadarrow.jpg) no-repeat 50% 9px;
	padding-bottom: 14px;
           font-size: 12px;
} 
.soita {
	width: 540px;
	height: 90px;
	float: left;
	display: inline;
	
}
.soita fieldset {
	background:transparent url(../kuvat/rakenne/$file/fieldsetbg.jpg) no-repeat 0 0;
	_background:transparent url(../kuvat/rakenne/$file/fieldsetbg.jpg) no-repeat 0 7px;
	*background:transparent url(../kuvat/rakenne/$file/fieldsetbg.jpg) no-repeat 0 7px;
	height: 90px;
	border: none;
	padding-left: 10px;
	
}
.soita legend {
	background: #ffffff;
	padding: 0 10px 0 10px;
	font-size: 15px;
	color: #703f05;
}
.rightinput label{
	float: left;
	display: inline;
	height: 30px;
	
}

.fieldmiddle,.fieldright,.fieldleft {
	float: left;
	display: inline;
	height: 40px;
	padding-top: 7px;
	
}
.fieldmiddle,.fieldright {
	margin-left: 20px;
}
.fieldright {
	position: relative;
}
input.laheta {
	width: 102px;
	height: 35px;
	vertical-align: bottom;
	display: block;
	background: transparent url(../kuvat/rakenne/$file/laheta.jpg) no-repeat 0 0;
	text-indent: -9000px;
	border: none;
	cursor: pointer;
	margin-top: 12px;
	_position: absolute;
	*position: absolute;
	_top: 10px;
	*top:10px;
	_right: -90px;
	
}
.bottomlink {
	float: left;
	display: inline;
	clear: both;
}
.bottomlink a{
	font-weight: normal;
	color: #e56600;
}
.print {
	background: transparent url(../kuvat/rakenne/$file/print.jpg) no-repeat 0 0;
	padding-left: 15px;
	font-weight: normal;
	color: #e56600;
}
.oikeakuva {
	float: right;
	display: inline;
}

/* ---  henkilo page  --- */

.bigheader {
	width: 740px;
	float: left;
	display: inline;
	height: 220px;
}
.twocol {
	margin-top: 19px;
	width: 740px;
	clear: both;
	float: left;
	display: inline;
}
.leftbox {
	width: 349px;
           *width: 363px;
	min-height: 100px;
	height:auto !important;
  	height:100px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	display: inline;
	padding: 20px 0 0px 10px;
	border: 3px solid #f0e6d9;
	position: relative;
}
.leftbox h1, .rightbox h1 {
	position: absolute;
	top: -18px;
	_top:-10px;
	*top:-10px;
	left: 10px;
	padding: 0 15px 0 10px;
	background-color: #ffffff;
	float: left;
	display: inline;
	font-size: 15px;
	color: #724100;
	font-weight: bold;
}
.leftbox p {
	float: left;
	display: inline;
	width: 330px;
           xwidth: 300px;
	color: #de6300;
	font-weight: normal;
	clear: both;
	margin-top: 3px;
	line-height: 12px;
}
.leftbox a {
	color: #de6300;
	font-weight: normal;
}
.leftbox a:hover,.rightbox a:hover {
	color: #000000;
}
.rightbox a {
	float: left;
	width: 210px;
	display: inline;
	color: #de6300;
	font-weight: normal;
	xfont-size: 15px;
	margin-top: 0;
	
}
.tyre {
	background: transparent url(../kuvat/rakenne/$file/rengas.jpg) no-repeat right 90%;
	width: 320px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-bottom: 18px;
	padding-top: 9px;
	float: left;
	display: inline;
}
.leftbox span {
	color: #c1af91;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
}
.rightbox {
	width: 349px;
           *width: 363px;
           float: left;
           min-height: 100px;
	height:auto !important;
  	height:100px;
          display: inline;
           padding: 20px 0 0px 10px;
	border: 3px solid #f0e6d9;
	position: relative;
	margin-top: 10px;
	font-size: 15px;
	color: #de6300;
}
.rightbox img {
           float:right;
}
.rightboximage {
           float:left;
           display:inline;
           width: 375px;
           *width: 374px;
           padding-top:2px;
}
.rightboximage img {
           width:365px;
           *width:365px;
       
}
.rightboximage2 {
           float:left;
           display:inline;
           width: 365px;
           *width: 364px;
           padding-top:2px;
}
.rightboximage2 img {
           width:365px;
           *width:365px;
       
}
.rightboximage3 {
           float:left;
           display:inline;
           width: 365px;
           *width: 364px;
           xpadding-top:2px;
           margin-top:-2px;
}
.rightboximage3 img {
           width:365px;
           *width:365px;
       
}
/* ---  Activearkin tekemä buttoni alkaa tästä  --- */

td#haku {
	padding-left: 10px;
	vertical-align: bottom;
	height: 22px;
}


#haku.submit {
	_height: 22px;
	vertical-align: bottom;

}
.laskuri span {
height: 22px;
text-align: center;
display: block;
float:left;
margin-right: 3px;
_margin-right: 1px;
padding: 0 7px 0 10px;
_padding: 0 7px 0 10px;
color: #584528;
background: transparent url(../kuvat/rakenne/$file/buttonbgleft.gif) no-repeat top left;
}
a.laskuri{
display: block;
cursor:pointer;
float: left;
height: 22px;
line-height: 22px;
background: transparent url(../kuvat/rakenne/$file/buttonright.gif) no-repeat top right;
font-family: arial, verdana;
font-weight: bold;
color: #584528;
text-decoration: none !important;/*--- tähän laitettu !important perään niin tekstiin ei tule alleviivausta...Huom. "!important" käsky Yliajaa kaikki muut css määritteet sivulla. ;) ---*/
font-size: 11px;
}
/* onko hoveria ollenkaan?? tässä ehdotus  */
xxxxxxxxa:hover {
color: #cbb181;
}



/*new navi*/

.headernew {
	width: 960px;
	float: left;
}
.headertop {
	width: 740px;
	height: 44px;
	float: left;
	display: inline;
}
.logo {
	width: 200px;
	xheight: 68px;
	background: transparent url(../kuvat/rakenne/$file/logobg.jpg) repeat-x 0 79px;
  	height: 84px;
  	xwidth: 200px;
  	float: left;
  	display: inline;
}
.logo img{
         margin-top:11px;
}
.kieli {
	width: 465px;
	_width: 474px;
	height: 25px;
	float: left;
	display: inline;
	text-align: right;
	color: #000000;   
  	font-size: 11px;
  	padding-right: 10px;
  	padding-top: 16px;
  	
}

.kieli a {
	color: #de6300;
  	text-decoration: none;
  	font-size: 11px;
  	font-weight: normal;
}
.kieli a:hover {
	color: #000000;
}
.hakupalvelu {
	float: left;
	display: inline;
	width: 255px;
	height: 30px;
	padding-top: 16px;
}
.hakupalvelu label {
	font-size: 11px;
	float: left;
	display: inline;
	margin: 0;
	width: 90px;
}
.hakupalvelu input {
	width: 90px;
	float: left;
	display: inline;
	height: 22px;
	margin-top: -5px;
}
.navigaatio {
	width: 488px;
	height: 39px;
	float: left;
	display: inline;
          background: transparent url(../kuvat/rakenne/$file/logobg.jpg) repeat-x 0 35px;
	
}
.kirjaudu {
	width: 251px;
	text-indent: -9000px;
	height: 39px;
	_height: 40px;
	background: transparent url(../kuvat/rakenne/$file/navibg.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.kirjaudu a {
	display: block;
	width: 251px;
	height: 38px;
}
.submit {
	height: 22px;
	width: 48px !important;
	margin-left: 20px;
	border: none;
	background: transparent url(../kuvat/rakenne/$file/submithae.jpg) repeat-x 0px 0px;
	xborder: 1px solid #a18651;
	cursor: pointer;
	display: block;
	padding: 0;
}

.submit_en {
	height: 22px;
	width: 48px !important;
	margin-left: 20px;
	border: none;
	background: transparent url(../kuvat/rakenne/$file/search.jpg) repeat-x 0px 0px;
	xborder: 1px solid #a18651;
	cursor: pointer;
	display: block;
	padding: 0;
}

.submit_se {
	height: 22px;
	width: 48px !important;
	margin-left: 20px;
	border: none;
	background: transparent url(../kuvat/rakenne/$file/sok.jpg) repeat-x 0px 0px;
	xborder: 1px solid #a18651;
	cursor: pointer;
	display: block;
	padding: 0;
}

/*---taulukko---*/


.chart {
		 float: left;
		 clear: both;
		 display: inline;
		 width: 740px;
		 margin-top: 20px;		 
}
.chart a { text-decoration: underline; font-weight: normal; }
.chart a:hover { color: #de6300; }
.orange { color: #de6300; }
.chart table {
		 border-top: 1px solid #a6a6a6;
		 text-align: left;
		 background-color: #d9d9d9;

}
.chart table th {
		 font-size: 11px;
		 border-left: 1px solid #e4d6be;
		 text-indent: 10px;
		 height: 46px;
		 background-color: #ede4d4;
		 padding-right: 20px;
}
.chart table td {
		 height: 25px;
		 line-height: 25px;
		 padding-right: 5px;
		 padding-left: 10px;
		 
}
.chart table tr { background: white; }

.beige td{
		 background-color: #f2efe5 !important;
		 border-top: 1px solid #d9d9d9;
		 border-left: 1px solid #ebe7d8;
}

.alalinkki {
color:#de6300 !important;
}
a:hover.alalinkki {
color:#000 !important;
}

.arial11b {
color:#de6300 !important;
}
a:hover.arial11b {
color:#000 !important;
}

xx.rightboximage {
	DISPLAY: inline; FLOAT: left; WIDTH: 350px; PADDING-TOP: 3px; HEIGHT: 136px
}

.kirjaudu_en {
	width: 251px;
	text-indent: -9000px;
	height: 39px;
	_height: 40px;
	background: transparent url(../kuvat/rakenne/$file/kirjaudu_eng.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.kirjaudu_en a {
	display: block;
	width: 251px;
	height: 38px;
}

.kirjaudu_se {
	width: 251px;
	text-indent: -9000px;
	height: 39px;
	_height: 40px;
	background: transparent url(../kuvat/rakenne/$file/kirjaudu_swe.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.kirjaudu_se a {
	display: block;
	width: 251px;
	height: 38px;
}

.kirjaudu_bl {
	width: 251px;
	text-indent: -9000px;
	height: 39px;
	_height: 40px;
	background: transparent url(../kuvat/rakenne/$file/kirjaudu_blanko.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.kirjaudu_bl a {
           cursor: 0;
	display: block;
	width: 251px;
	height: 38px;
}

h2 {
          font-weight: normal;
}
.text {
          width:565px;
          float:left;
          display:inline;
}
.arialgray11 {
          font-size:12px !important;
}
.submitinfo {
	width: 102px;
        margin-top:17px;
	border: none;
	cursor: pointer;
	height: 35px;
	text-indent: -9000px;
	background: transparent url(/public/sbd/hs.nsf/kuvat/rakenne/$file/lahetatiedot.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.submitinfo_se {
	width: 102px;
        margin-top:17px;
	border: none;
	cursor: pointer;
	height: 35px;
	text-indent: -9000px;
	background: transparent url(/public/sbd/hs.nsf/kuvat/rakenne/$file/skicka_info_button.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
.submitinfo_en {
	width: 102px;
        margin-top:17px;
	border: none;
	cursor: pointer;
	height: 35px;
	text-indent: -9000px;
	background: transparent url(/public/sbd/hs.nsf/kuvat/rakenne/$file/send_info_button.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}