@charset "utf-8";
/* CSS Document */
/* 
Pvm	:		15.01.2009, Copyright
		:	 	www.karttakeskus.fi 
		:		karttakeskus.css maaritykset
		:
*/



/* Sivurakenne */

html, body { 
	height:100%;
	background-image: url(../images/site_bg.gif);
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
body { 
	margin: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 0px; 
} 
	
table.main_body {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	width: 932px; 
	border: 0px;
} 
	
table.main {
 	width: 960px;
  border: 0px;
} td.m_left {
	width: 195px;
	vertical-align: top;
} td.m_center {
	text-align: left;
	vertical-align: top;
} td.m_right {
	width: 155px;
	vertical-align: top;
} td.m_space {
 	width: 5px;
}

table.m_top {
 	width: 960px;
 	height: 85px;
  border: 0px;
	margin-bottom: 4px;
	background-image: url(../layout/h_bg.jpg);
	background-repeat: no-repeat;
}	
div.moduletable {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.pad12px {
	padding-top: 0px;
	padding-left: 22px;
	padding-right: 25px;
}
.pad2px_top {
	padding-top: 2px;
}
.pad4px_top {
	padding-top: 4px;
}
.pad5px_top {
	padding-top: 5px;
}
.pad6px_top {
	padding-top: 6px;
}
.pad8px_top {
	padding-top: 8px;
}
.pad2px {
	padding-top: 2px;
	padding-bottom: 2px;
}

td.bg_cc {
	padding-left: 5px;
	border: 0px;
}
td.bg_tl {
	height: 8px;
	width: 8px;
	background-image:url(../images/td_bg_tl.gif);
	background-repeat: no-repeat;
	border: 0px;
} td.bg_tc {
	height: 8px;
	background-image:url(../images/td_bg_tc.gif);
	background-repeat: repeat-x;
	border: 0px;
} td.bg_tr {
	height: 8px;
	width: 8px;
	background-image:url(../images/td_bg_tr.gif);
	background-repeat: no-repeat;
	border: 0px;
} td.bg_l {
	width: 8px;
	background-image:url(../images/td_bg_l.gif);
	border: 0px;
} td.bg_r {
	width: 8px;
	background-image:url(../images/td_bg_r.gif);
	background-position: right top;
	border: 0px;
} td.bg_bl {
	height: 8px;
	width: 8px;
	background-image:url(../images/td_bg_bl.gif);
	background-repeat: no-repeat;
	border: 0px;
} td.bg_bc {
	height: 8px;
	background-image:url(../images/td_bg_bc.gif);
	background-repeat: repeat-x;
	background-position:bottom left;
	border: 0px;
} td.bg_br {
	height: 8px;
	width: 8px;
	background-image:url(../images/td_bg_br.gif);
	background-repeat: no-repeat;
	border: 0px;
} 

td.m1 {
	width: 608px;
	vertical-align: top;
	background-image:url(../images/main_bg1.gif);
	text-align: left;
	border: 0px;
} td.m2 {
	width: 326px;
	vertical-align: top;
	background-image:url(../images/main_bg2.gif);
	background-repeat:no-repeat;
	background-position: right top;
	text-align: left;
	border: 0px;
} td.m3 {
	width: 604px;
	height: 5px;
	vertical-align: top;
	background-image:url(../images/main_bg3.gif);
	background-position: left bottom;
	text-align: left;
	border: 0px;
} td.m4 {
	width: 326px;
	height: 5px;
	vertical-align: top;
	background-image:url(../images/main_bg4.gif);
	background-position: right bottom;
	text-align: left;
	border: 0px;
} 


/* Fontit */

a {
	color: #004494;
	text-decoration: underline;
}

td.tp1 {
 height: 61px;
}
td.tp2 {
 height: 61px;
}


.main_ots {
	font-size: 19px;
	font-weight: bold;
	color: #999999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} .main_txt {
	font-size: 13px;
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} .main_txt a:link {
	text-decoration: none;
	color: #0957CE;
} .main_txt a:visited {
	text-decoration: none;
	color: #003399;
} .main_txt a:active {
	text-decoration: none;
} .main_txt a:hover {
	text-decoration: none;
	color: #CC0000;
} .main_txt form {
  margin: 0px;
  padding: 0px;
} .m_top1_3 {
	font-size: 8pt;
	color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} .m_top1_3 a:link {
	text-decoration: none;
	border-bottom: 1px dotted #6699FF;
	color: #FFFFFF;
} .m_top1_3 a:visited {
	text-decoration: none;
	color: #FFFFFF;
} .m_top1_3 a:active {
	text-decoration: none;
	color: #FFFFFF;
} .m_top1_3 a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #6699FF;
	color: #FFFFFF;
} .spot_h {
	font-size: 11px;
	color: #FFFFFF;
	font-family: 'lucida grande', 'lucida sans unicode', 'bitstream vera sans', 'trebuchet ms', arial, sans-serif;
} .bottom_txt {
	font-size: 8.5pt;
	color:#FFFFFF;
  font-family: 'lucida grande', 'lucida sans unicode', 'bitstream vera sans', 'trebuchet ms', arial, sans-serif;
} .bottom_txt a:link {
	text-decoration: none;
	color: #FFFFFF;
} .bottom_txt a:visited {
	text-decoration: none;
	color: #FFFFFF;
} .bottom_txt a:active {
	text-decoration: none;
	color: #FFFFFF;
} .bottom_txt a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #6699FF;
	color: #FFFFFF;
} .link1 {
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 17px;
} .link2 {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 20px;
} div.ajankohtaista_date {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	line-height: 13px;
} div.ajankohtaista_alink {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0px;
	border: 0px;
	padding-top:13px;
} .ajankohtaista_ots {
	font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #E83187;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	}
p {
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 9px;
	}
img {
	border:none;
}

 .componentheading {
  text-align:left;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #E83187;
} .contentpaneopen {
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	width: 100%;
} .searchintro {
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .small {
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .highlight {
  text-align:left;
	font-size: 13px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .blog{
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	border:none;
} .pagenav{
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .blog_more{
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .blogsection{
  text-align:left;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
} .noborder{
  margin: 0px;
  padding: 0px;
  border: 0px;
} .listdate {
  color: #666666;
}

/* content tables */
td.sectiontableheader {
  padding-top: 13px;
  padding-bottom: 4px;
  border-right: 1px solid #fff;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding-bottom: 3px;
  text-align: left;
  color: #FFFFFF;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  text-align: left;
}

td.sectiontablefooter {
  padding: 4px;
  color: #0033CC;
  font-size: 10px;
  border-right: 1px solid #fff;
  font-weight: bold;
}
.pagenav {
  color: #0033CC;
}


div.product_spot {
	width: 100%;
	padding-left: 6px;
}

.tuotpalv a {
	color: #004494;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}

.ajankohtaista {
	padding-top: 8px;
}

.ajankohtaista_date a {
	color: #004494;
	font-weight: bold;
	text-decoration: underline;
}

.ajankohtaista_alink {
	padding-top: 6px;
	padding-bottom: 13px;
}

.ajankohtaista_alink a {
	color: #004494;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
}

#paikkatieto {
	padding-top: 26px;
}

#paikkatieto a {
	color: #004494;
	text-decoration: underline;
}

#header {
	padding: 28px 0 25px 0;
}

#topNavi {
	padding-left: 5px;
	border: 0px none;
	background: transparent none;
}

	#topNavi .border {
		background: transparent url(../images/menu/bg.jpg) repeat-x left top;
	}

#searchBox .padding { padding: 10px 8px 0 0; }

#searchBox a { 
	color: #004494;
	font-size: 11px;
	text-decoration: underline;
	padding-right: 10px;
}

#kauppaan {
	padding-top: 8px;
}

.bg_cc .link1 a {
	color: #004494;
	text-decoration: underline;
}

#searchInput {
	padding-top: 4px;
	padding-right: 8px;
	display: inline;
}

	#searchInput .inner {
		background: transparent url(../images/bg_haku.gif) no-repeat left top;
		padding: 0 5px 10px 20px;
		display: inline;
	}

	#searchInput input {
		border: none;
		width: 116px;
		background-color: transparent;
		font-size: 11px;
		padding-top: 5px;
	}
	
#suomalainen {
	padding-top: 20px;
	color: #333333;
}

#topNavi {
	height: 26px;
}

#topNavi a {
	display: block;
	float: left;
	height: 25px;
}

#topNavi a img { visibility: hidden; }

#topNavi .navi_etusivu { background: transparent url(../images/menu/etusivu.gif) no-repeat left top; }
#topNavi .navi_yritysesittely { background: transparent url(../images/menu/yritysesittely.jpg) no-repeat left top; }
#topNavi .navi_paikkatieto_on { background: transparent url(../images/menu/paikkatieto_on.jpg) no-repeat left top; }
#topNavi .navi_asiakkaamme { background: transparent url(../images/menu/asiakkaamme.jpg) no-repeat left top; }
#topNavi .navi_yhteytta { background: transparent url(../images/menu/yhteytta.jpg) no-repeat left top; }

#topNavi .navi_etusivu_act { background: transparent url(../images/menu/etusivu_act.jpg) no-repeat left top; }
#topNavi .navi_yritysesittely_act { background: transparent url(../images/menu/yritysesittely_act.gif) no-repeat left top; }
#topNavi .navi_paikkatieto_on_act { background: transparent url(../images/menu/paikkatieto_on_act.gif) no-repeat left top; }
#topNavi .navi_asiakkaamme_act  { background: transparent url(../images/menu/asiakkaamme_act.gif) no-repeat left top; }
#topNavi .navi_yhteytta_act { background: transparent url(../images/menu/yhteytta_act.gif) no-repeat left top; }

td.sectiontableheader {
	display: none;
}

.contentpane form table {
	margin-left: -10px;
}

.nosto {
	padding-left: 20px;
	height:92px;
	color: WHITE;
	font-weight: bold;
}


td.tuotpalv {
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 11px;
	color:#333333;
}

.menu_right ul {
  margin-left: 0px; 
  padding-left: 20px;
  padding-bottom: 4px;
  list-style-type: none;
  line-height: 17px;
}

ul.menu_right {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-left: 5px;
  list-style-type: none;
  line-height: 23px;
}

.menu_right a {
	color: #006699;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}
.active a  {
	color: #F557A5;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

.active li a  {
	color: #006699;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
  line-height: 18px;
}