BODY{
	margin:0;
	padding:0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.4em;
	background-color:#F7F7F7;
	text-align: center;	
}
P,UL,LI,TD {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.4em;	
}
html>body td {font-size:small}
html>body p {font-size:small}

h1 {
	color: #008fc2;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}
#mainnews h1 {
	color: #008fc2;
	font-size: x-small;
	display:inline;
}
#alert h1 {
	margin-top:0;
}

H2 {
	
	font-size: small;
	font-style: normal;
	font-weight: bold;
}
		 
H3 {
	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}

p.footer {
	
	font-size: 11px;
	font-style: normal;
}

.newsdate{
	/* pvm piilotettu */
	display: none;
	width:70px;
	float:left;
	padding-right:5px;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;		 
}
.newsheadline {
	display:block;
	float:left;
	padding-bottom:5px;
}

.headlineitem {
	width:100%;
	clear:both;
}
	 
.boxheading{
	
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0B3D6D;
}
		 
.pageheading{
	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
		 
.topheader{
	
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.mainheader{
	
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
		 
.modifier {
	font:11px;
	color: #333;
}

.printheader{
	
	font-size: 11px;
	font-style: normal;
}

.printfooter{
	
	font-size: 11px;
	font-style: normal;
}

.yhteystieto {
	float:left;
	padding:0 9px 0 9px;
	font:9pt Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:#fff;
	background: transparent url(/www/cms.nsf/alaraita_katkoviiva.gif) repeat-y top right;
	font-style: normal;
	font-weight: normal
}
.toollinks {
	float:right;
	padding:0 9px 0 0;
	color:#fff;
}
span.toollinks a, span.toollinks a:visited, span.toollinks a:active, span.toollinks a:hover {font-size: 11px;color:#fff}
.clearit {clear:both;}

/* Linkkien tyylit */

A {
	
	font-size: x-small;
	font-style: normal;
	text-decoration: none;
	color: #2F6EA9;
	line-height:1.4em;
	}

html>body a {font-size:small}

a:visited {color: #660099}
a:active{color: #0000cc}
a:hover {color: #2F6EA9;
	text-decoration: underline;}


A.toplinks1 {
		 font-size: 12px;
		 color: #FFFFFF;
		 font-weight: bold;
		 }
A.toplinks1:visited {color: #FFFFFF}
A.toplinks1:active{color: #FFFFFF}
A.toplinks1:hover {color: #BB340B;
		 text-decoration: underline;
		 }

A.toplinks11 {
		 font-size: 12px;
		 line-height: 15px;
		 color: #003399
		 }
A.toplinks11:visited {color: #003399}
A.toplinks11:active{color: #003399}
A.toplinks11:hover {color: #003399;
		 text-decoration: underline;
		 }

.toplinks2 {
		 
		 font-size: 11px;
		 font-style: normal;
		 text-decoration: none;
		 color: #cccccc
		 }
.toplinks2:visited {color: #cccccc}
.toplinks2:active{color: #cccccc}
.toplinks2:hover {color: #DFEBFA}

a.footerlinks,a.footerlinks:visited, a.footerlinks:active {font-size: 11px;color:#fff}

A.nav {
	font-size: 12px;
	color: #2F6EA9;
	line-height: 17px;
}
A.nav:visited {color: #2F6EA9}
A.nav:active{color: #2F6EA9}
A.nav:hover {
	color: #2F6EA9;
	text-decoration: underline;
}

.searchresult {
	text-decoration: underline;
	font-size:14px;
}
/* main navibar */
#MainTable {
	-moz-box-sizing: border-box;
	width:100%;
	padding: 0px 0px 0px 9px;
	margin: 1px 0px 0px 0px;
	background:#dbe1e7 url(/www/cms.nsf/ylanavi_tausta_grey.gif);
	color: #FFF;
	float: left;
}
#MainTable a {
	display:block;
	padding: 4px 6px 4px 6px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	color: #2f6ea9
	}
#MainTable a:hover {
	background-color: #dbe1e7
	}
.plain {padding: 0px; float:left; text-align:middle}
.hilite {background:#1036D2; padding: 4px 6px 4px 6px; float:left; text-align:middle;}
#naviline {
	background: transparent url(/www/cms.nsf/bg_greyline_h.gif) repeat-x top left;
	width: 100%;
	height:8px;
	border: 0;
	overflow:hidden;
}
#siteheader {
	height:107px;
}
#masthead {
	padding:0;margin:0;
	
	float:left;
	height:107px
}
#logo {height:107px;width:223px;float:left;background:#fff url(/www/cms.nsf/logo_lahti_blue2.gif) no-repeat top left}
#langoptions {
	width: 100%;
	height:24px;
	padding: 3px 0 0 15px;
}
a.langlinks {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	color: #2f6ea9
	}
a.langlinks:visited, a.langlinks:active, a.langlinks:hover {color: #2f6ea9}

// rollover navi
		 
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
#navcontainer a {
	background-color: #ecf2f7;
	display: block;
	padding: 4px 4px 4px 6px;
	width: 160px;
	border-bottom:1px solid #fff;
}
#navcontainer a:link, #navlist a:visited{color: #2f6ea9;text-decoration: none;}
#navcontainer a:hover { background-color: #dbe1e7 }


#currentpath {
	padding:1px 0px 3px 15px;
	margin-left:2px;
	background: transparent url(/www/cms.nsf/vas_navi_vaakapiste.gif) repeat-x bottom left;
	xborder-bottom: 1px solid #ddd;
	font-size:11px;
}
#currentpath a {font-size:11px}

#maincontainer {
	background: #fff url(/www/cms.nsf/vas_reuna_tausta.gif) repeat-y top left;
	width:90%;
	xwidth: expression(document.body.clientWidth > 1102? "1100px" : "auto");
	border:0;
	text-align: left;
	padding:0px 0px 0px 10px;
	margin:auto;
}
#mainnews, #headlines, #events {padding:0; border-bottom:1px solid #ccc }
#alert {
	padding:10px;
	border: 1px dotted #f00;
}
.seasonalentry {
	border:1px solid #ddd ; /*#2F6EA9;*/
	border:0;
	float:left;
	width:45%;
	height:150px;
	margin:0 5px 5px 0;
	padding:5px;
}
#events a {
	font-weight:bold;
}

#sitefooter {
	-moz-box-sizing: border-box;
	font : normal xx-small arial, verdana, sans-serif;
	text-align: left;
	width: 100%;
	background: transparent url(/www/cms.nsf/alaraita_tausta.gif) repeat-x bottom left;
	border: 0;
	margin-top:0px;
	padding: 5px 8px;
	height:26px;

}
#footersearch {
	float:right;
	text-align: left;
	border: 0;
	margin:0;
	padding: 0;
	
}
#footersearch form {display:inline}
#footersearch input {
	border:1px #50555A solid;
	font:11px Arial, sans-serif;
	color:#000000;
	width:160px		 
}


.subnavicontent {
	padding:0 0 10px 0;
	/*border-bottom: 2px dotted #ccc;
	border-right: 2px dotted #64C500;
	background: transparent url(/www/cms.nsf/vas_navi_vaakapiste.gif) repeat-x bottom left;*/
}
.columncontent {
	padding:0px 0px 0px 15px;
	border:0;
}
.pagecolumncontent {
	padding:0px;
	/*border-right:2px solid #2F6EA9;*/
	height:100%;
}
.pagecontent {
padding:0px 25px 0px 25px;
}
#oik_info   {
	/*background-image: url("/www/cms.nsf/oikea_palsta_tausta.jpg");*/
	background-repeat: no-repeat;
	margin-left: 0px;
	width: 100%;
	height: 100%
}

#infoboxheading {
	-moz-box-sizing: border-box;
	border:0;
	background:#fff;
	width:100%;
	padding:4px 4px 4px 15px;
	margin:0px;
	font:bold 12px Arial,Geneva,Helvetica,sans-serif;
	color:#64a459;
}

#infoboxcontent {
	-moz-box-sizing: border-box;
	border:0;
	background:transparent;
	width:100%;
	padding:4px 4px 4px 25px;
	margin:0px
}
#infoboxheading_o {
	-moz-box-sizing: border-box;
	border:0;
	background:#fff;
	width:100%;
	padding:4px 4px 4px 0;
	margin:0px;
	font:bold 12px Arial,Geneva,Helvetica,sans-serif;
	color:#64a459;
}

#infoboxcontent_o {
	-moz-box-sizing: border-box;
	border:0;
	background:transparent;
	float:right;
	padding:4px 4px 4px 15px;
	margin:0px
}

#sitesearch {
	border:0;
	background:transparent;
	width:100%;
	padding:10px 4px 4px 11px;
	margin:0px
}

#sitesearch input {
	border:1px #50555A solid;
	font:11px Arial, sans-serif;
	color:#000000;
	width:160px		 
}

#sitesearch H1 {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	display: inline;
}
#toolbox {
	float:right;
	margin:40px 8px 8px 0;
}
#toolbox a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
/* Sitemap page */
#sitemap {margin:0}
#sitemapcontainer ul {
	list-style-type: none;
}
#sitemapcontainer a {
	display: block;
	padding: 5px 10px;
	width: 100%;
	border-bottom:1px solid #01afef;
	font-weight:bold;
}
#sitemapcontainer ul ul a {
	padding: 0;
	border-bottom:0;
	font-weight:normal;
}
img.absmiddle {
	vertical-align:middle;
	
}
/* Left navigation */
#pagenavlist {
	padding:0;
	margin:0 0 0 10px;
	border:0;
	font: 12px arial, verdana,sans-serif;
	color: #003399;
}
#pagenavlist li { 
	list-style: none;
	}
#pagenavlist a {
	color: #003399;
	text-decoration: none;
	display: block;
	padding: 1px 2px 3px 15px;
	
	background: transparent url(/www/cms.nsf/naviarrow01.gif) no-repeat center left;
}
#pagenavlist a:hover {
	color: #003399;
	text-decoration: underline
}
#pagesubnavlist li a { border: 0; padding: 1px 2px 2px 15px; margin-left: -35px;background:transparent;background: transparent url(/www/cms.nsf/naviarrow02.gif) no-repeat 6px left;}
#pagesubnavlist1 li a { border: 0; padding: 1px 2px 2px 15px; margin-left: -60px;background: transparent url(/www/cms.nsf/naviarrow03.gif) no-repeat 6px left;}
#pagesubnavlist2 li a { border: 0; padding: 1px 2px 2px 15px; margin-left: -90px;}
#pagesubnavlist3 li a { border: 0; padding: 1px 2px 2px 15px; margin-left: -120px;}
#pagesubnavlist #current {font-weight:bold;color:#0033AA}
#pagesubnavlist1 #current {font-weight:bold;color:#0033AA}
#pagesubnavlist2 #current {font-weight:bold;color:#0033AA}
#pagesubnavlist3 #current {font-weight:bold;color:#0033AA}
.extlink {padding-right: 18px; background: transparent url(/www/cms.nsf/icon_external.gif) no-repeat center right;}
.enhlink {padding-right: 18px; background: transparent url(/www/cms.nsf/icon_default.gif) no-repeat center right;}
.pdflink {padding-right: 22px; background: transparent url(/www/cms.nsf/icon_pdf.gif) no-repeat center right;}
.excellink {padding-right: 22px; background: transparent url(/www/cms.nsf/icon_excel.gif) no-repeat center right;}
.wordlink {padding-right: 22px; background: transparent url(/www/cms.nsf/icon_word.gif) no-repeat center right;}
.pptlink {padding-right: 22px; background: transparent url(/www/cms.nsf/icon_powerpoint.gif) no-repeat center right;}
.eservlink {padding-right: 18px; color:#d59c00; background: transparent url(/www/cms.nsf/icon_eservice.gif) no-repeat center right;}
.arrows_orange {
	padding:0;
	margin:0;
	border:0;
	font: 12px arial, verdana,sans-serif;
	color: #003399;
}
.arrows_orange li { 
	list-style: none;
	}
.arrows_orange a {
	color: #003399;
	text-decoration: none;
	padding: 1px 2px 3px 15px;
	
	background: transparent url(/www/cms.nsf/naviarrow_orange.gif) no-repeat center left;
}