* {
	margin: 0;
	padding: 0;
}

body {
	background: #508100 url( ../graf/owi_bg.gif );
	padding: 28px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
}

	#header {
		background: url( ../graf/page_top.gif ) no-repeat top;
		width: 950px;
		float: left;
		padding-top: 21px;/*25*/
		padding-bottom: 21px;/*25*/
		
	}
	
		#header h1 {
			width: 336px;
			height: 49px;
			text-indent: -999px;
			float: left;
			padding-left: 45px;
		}
		
			h1 a:link, h1 a:visited {
				display: block;
				background: url( ../graf/owi_logo.gif ) no-repeat;
				width: 336px;
				height: 49px;
			}
		
		#header dl {
			font-size: 11px;
			line-height: 49px;
			float: right;
			padding-right: 50px;
			color: #d7e3e8;
		}
		
			#header dt, #header dd {
				float: left;
				padding: 0 4px;
			}
			
			#header a:link, #header a:visited {
				color: #00b8dd;
				text-decoration: none;
			}

			#header a.extranet:link, #header a.extranet:visited {
				background: #00b8dd;
				color: #fff;
				padding: 5px;
			}
			
			table.kirjoittajat {
					margin: 0 -5px;
			}
			
/* *********************************************************************************************
	NAVIGAATIO
********************************************************************************************* */

	#navi {
		background: #414141;
		float: left;
		width: 950px;
		height: 58px;/*60*/
		overflow: hidden;
	}
	
		#navi dt {
			float: left;
			text-indent: -999px;
			width: 43px;/*48*/
			height: 60px;
		}
		
		#navi dd {
			float: left;
			height: 60px;
			padding-right: 56px;
			background: url( ../graf/navi_separator.gif ) no-repeat right;
		}
		
		#navi a:link, #navi a:visited {
			display: block;
			float: left;
			height: 60px;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent: -999px;
		}
		
		#navi a:hover, #navi .active a {
			background-position: left bottom;
		}
		
		#navi #n0 a {
			width: 111px;
			background-image: url( ../graf/navi_1.gif );
		}
		
		#navi #n1 a {
			width: 69px;
			background-image: url( ../graf/navi_2.gif );
		}
		
		#navi #n2 a {
			width: 32px;
			background-image: url( ../graf/navi_3.gif );
		}
		
		#navi #n3 a {
			width: 196px;
			background-image: url( ../graf/navi_4.gif );
		}
		
		#navi #n4 a {
			width: 75px;
			background-image: url( ../graf/navi_5.gif );
		}
		#navi #n5 a {
			width: 102px;
			background-image: url( ../graf/navi_6.gif );
		}
		
			#navi #n5 {
				padding: 0;
				background: transparent none;
			}
			
	#subnavi {
		margin-top: 5px;
		border-top: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		padding-top: 30px;
		padding-right: 50px;
		padding-bottom: 50px;
		padding-left: 25px;
		font-size: 12px;
		list-style-type: none;
		text-align: right;
	}
	
	#subnavi .act {
		font-weight: bold;
	}
	
		#subnavi li {
			border-bottom: 1px solid #e3e3e3;
			padding: 5px 6px;
		}
		
		#subnavi li ul {
			font-size: 11px;
			color: #787979;
			list-style-type: none;
			padding: 10px 0;
		}
		
		#subnavi li ul li {
			border-bottom: 0 none;
			padding: 5px 0px;
		}
		
	#subnavi a:link, #subnavi a:visited {
		color: #0baadb;
		text-decoration: none;
	}
	
	#subnavi ul a:link, #subnavi ul a:visited {
		color: #787979;
	}
	
	.teamnavi {
		margin-top: 5px;
		border-top: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		padding-top: 30px;
		padding-right: 50px;
		padding-bottom: 50px;
		padding-left: 25px;
	}
	
	.tiimi {
		width: 210px;
		margin: 6px 0 0 auto;
		font-size: 13px;
	}
	
	.tiimi td {
		text-align: right;
	}
	
#front-page-nosto {
	width: 950px;
	float: left;
	height: 169px;/*209,175*/
	padding-top: 26px;/*65,31*/
	background: #1ebbdf url( ../graf/etusivu_kuvatausta.jpg ) no-repeat left;
}

	#front-page-nosto img {
		margin: 0 auto;
		display: block;
		border: 0 none;
	}
	
#content-wrapper {
	width: 950px;
	float: left;
	background: #fff url( ../graf/blog_content_raidotus.gif ) repeat-x left bottom;
	padding-bottom: 50px;
}

#front #content-wrapper {
	padding-top: 20px;/*30,13*/
}

	#main-content {
		width: 635px;
		float: right;
	}
	
		#content {
			margin-left: 30px;
			margin-right: 50px;
			padding-top: 40px;
			font-size: 13px;
			color: #60646c;
		}
		
		#content h1 {
			font-size: 24px;
			font-weight: normal;
			color: #60646c;
			margin-bottom: 20px;
		}
		
		#content h2 {
			font-size: 16px;
			font-weight: normal;
			color: #6b9c00;
			margin: 20px 0;
		}
		
		#content h2.news {
			margin-top: 0;
		}
		
		#content h3 {
			font-size: 14px;
		}
		
		#content p {
			margin: 20px 0;
			line-height: 20px;
		}
		
		#content p.ingress {
			font-weight: bold;
		}
		
		#content ol, #content ul {
			margin: 20px 0 0 5px;
			padding-left: 25px;
			color: #699800;
			font-size: 12px;
			line-height: 20px;
		}
		
		#content hr {
			height: 1px;
			color: #cacaca;
			background-color: #cacaca;
			border: 0 none;
			margin: 20px -10px;
		}
		
		.news_date {
			font-size: 11px;
		}
		
		.newsLinkBox {
			float: left;
			background: #0baadb url( ../graf/newslinkbox.gif ) repeat-x left center;
			height: 28px;
			line-height: 28px;
			margin-right: 5px;
			padding: 0 10px;
			-moz-border-radius: 2px;
		}
		
			#content .newsLinkBox a:link, #content .newsLinkBox a:visited {
				color: #fff;
			}
		
	
	#sidebar {
		width: 305px;
		padding: 5px;
		float: left;
	}

	.box {
		width: 425px;
		float: left;
		padding-top: 10px;
		min-height: 200px;
		_height: 200px;
		padding-left: 48px;
		font-size: 12px;
		color: #4b4b4b;
	}
	.contact {
		font-size: 12px;
		color: #60646c;
		margin-top: 10px;
		line-height: 19px;
	}
	
	.dynamic {
		width: 420px;
		padding-left: 50px;
		background: #fff url( ../graf/front_greenbar.gif ) no-repeat left top;
	}
	
	#content-wrapper .box h2 {
		text-indent: -999px;
		font-size: 1px;
	}
	
		.box h2.blogi a {
			background: url( ../graf/hl_blogi.gif ) no-repeat left top;
			display: block;
			height: 13px;
			width: 80px;
			margin-bottom: 10px;
			overflow: hidden;
		}
		
		.box h2.ajankohtaista a {
			background: url( ../graf/hl_ajankohtaista.gif ) no-repeat left top;
			display: block;
			height: 13px;
			width: 170px;
			margin-bottom: 10px;
			overflow: hidden; 
		}
		
		.box h2.tapahtumakalenteri a {
			background: url( ../graf/hl_tapahtumakalenteri.gif ) no-repeat left top;
			display: block;
			height: 13px;
			width: 223px;
			margin-bottom: 10px;
			overflow: hidden; 
		}
		.box h2.tapahtumakalenteri_en a {
			background: url( ../graf/hl_tapahtumakalenteri_en.gif ) no-repeat left top;
			display: block;
			height: 13px;
			width: 223px;
			margin-bottom: 10px;
			overflow: hidden; 
		}
	
	#content-wrapper dt {
		font-size: 11px;
		color: #5b5b5b;
	}
	
	#content-wrapper dd {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	#content-wrapper a {
		color: #00bbde;
		text-decoration: none;
	}

	.sitemap_1 {
		font-size: 16px;
		margin: 10px 0;
		display: block;
	}
	
	.sitemap_2 {
		font-size: 14px;
		display: block;
		margin: 10px 15px;
	}
	
	.sitemap_3 {
		display: block;
		margin-left: 30px;
	}
	
#footer {
	float: left;
	width: 950px;
	background: url( ../graf/page_bottom.gif ) no-repeat bottom;
	padding-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #9c9c9c;
	padding: 15px 0;
	margin-bottom: 20px;
}

	#footer .copy {
		padding-left: 42px;
		width: 500px;
		float: left;
	}
	
	#footer .links {
		padding-right: 42px;
		width: 300px;
		float: right;
		text-align: right;
		text-transform: uppercase;
	}
	
	#footer a:link, #footer a:visited {
		color: #9c9c9c;
		text-decoration: none;
	}

	
/* TOIMIALAREKISTERI */

#toimialarekisteri input, #toimialarekisteri select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #727272;
	border: 1px solid #c0c0c0;
	padding: 6px 6px;
	float: left;
	margin-right: 90px;
	width: 160px;
}

#toimialarekisteri select {
	width: 366px;
}

#toimialarekisteri input.btn {
	width: auto;
	border: 0 none;
	padding: 0;
	float: left;
}

.rekisteriyritys, .companyTable {
	width: 548px;
	margin-bottoM: 20px;
}



.companyTable .kuvaus {
	padding: 10px;
	font-size: 13px;
}

.infoCell {
	border-left: 10px solid #e9f0cf;
	border-right: 10px solid #e9f0cf;
	border-bottom: 10px solid #e9f0cf;
	width: 528px;
	padding: 10px;
}

.infoTable {
	width: 508px;
}

.infoTable td.otsikko {
	font-weight: bold;
	font-size: 11px;
	width: 120px !important;
	padding-left: 10px;
}

.infoTable td.tiedot {
	font-size: 11px;
	width: 378px;
}

.infoTable td.otsikko, .infoTable td.tiedot {
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	line-height: 18px;
}

.yritys {
	background: url( ../graf/rekisteri_top.gif ) no-repeat left top;
	height: 44px;
	padding: 0 0 0 26px;
	color: #6b9c00;
	font-size: 16px;
	vertical-align: middle;
}

.no-more{
color:#e3e2e2;
}

div#front_lift {line-height: 19px; width: 390px; margin: 0px; padding: 0px;}

/* TAPAHTUMAKALENTERI */

#content-wrapper table.calendar {margin-left: 0px; margin-bottom: 20px;}
#content-wrapper table.calendar td {padding: 4px 1px 4px 1px;}
#content-wrapper table.calendar td.calendar_header {color: #00b8dd; font-weight: normal; font-size: 14px; text-align: left; padding: 8px 0px 12px 0px;}
#content-wrapper table.calendar td.weekday {color: #00b8dd; font-weight: normal; font-size: 14px; text-align: center; padding: 2px 0px 4px 0px;}
#content-wrapper table.calendar td.weeknbr a {color: #9cd327; text-align: center; padding: 0px;}
#content-wrapper table.calendar td.offday {color: #cacaca; font-weight: normal; font-size: 14px; text-align: center;}
#content-wrapper table.calendar td.day {color: #00b8dd; font-weight: normal; font-size: 14px; text-align: center;}
#content-wrapper table.calendar td.linkday {color: black; font-weight: normal; font-size: 14px; text-align: center;}
#content-wrapper table.calendar td.linkday a {color: #9ad227; font-weight: bold; font-size: 14px; text-align: center;}
#content-wrapper table.calendar td.weekend {color: #00b8dd; font-weight: normal; font-size: 14px; text-align: center;}
#content-wrapper table.calendar td.thisday {color: #fff; background: url('../graf/current_day_bg.gif') no-repeat; font-weight: normal; font-size: 14px; text-align: center;}

#content-wrapper hr.grey_line { text-align: left; color: #e3e3e3; background-color: #e3e3e3; height: 1px; width: 230px; margin: 15px 0px 15px 0px; border: 0px; padding:0px;}

table.eventTable {line-height: 19px;}
table.eventTable td {padding: 5px 5px 5px 5px;}

div.event a {color: #9cd327; font-weight: bold; line-height: 18px;}
div.event_description {margin: 8px 0px 8px 0px; line-height: 18px; width: 370px;}
span.event_date { color: #9cd327; font-weight: bold; line-height: 18px;}





