@import url(navigation.css);
@import url(hyy.css);
@import url(datapolis.css);

table.hallitus { font-size: 11px; }
table.hallitus p, table.hallitus h2 { margin: 0; padding: 0; } 

body {
	font: 62.5%/14px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #545454;
	height: 100%;
	background: #e2e2e2 url(../images/bg_1.gif) center top repeat-y;
}

a:link, a:visited, a:hover, a:active { color: #4e81c0; text-decoration: underline; overflow: hidden; }
a:hover {color: #1E3859}
a.active:link, a.active:visited, a.active:hover, a.active:active { color: #4e81c0 !important; }

h1 {
	color: #4e81c0;
	font-size: 1.25em;
	font-weight: bold;
	margin: 3px 0 10px 0;
	padding: 0;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
h2 {
	color: #4e81c0;
	font-size: 1.1em;
	font-weight: bold;
	margin: 12px 0 6px;
	padding: 0;
}
h3 {
	font-size: 1.1em;
	margin: 10px 0 8px;
	color: #0069ad;
}
p {
	margin: 0 0 8px;
}
p.date {
	font-size: 10px;
	margin: 2em 0 -1em;
	color: #666;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; }
.link-color {color: #5083BC;}
.error { color: #f00; } /*palaute sivun virheilmoitus*/
.takaisin { color: #5083BC; float: right; font-size: .9em; margin: 5px 0 0 0; } /* ajankohtaista sivuille */
img { border: 0; }
img.inline-left { padding: 3px; border: solid 1px #f0f0f0; margin: 0 10px 10px 0; }
.image-wrapper { float: right; margin: 0 0 10px 18px; width: 241px; }
.image-wrapper img { margin: 0 0 5px; }
.image { margin: 0 0 10px 0; }
img.image-promo { border: 4px solid #f0f0f0; float: left; margin: 6px 6px 3px 0; }

.margin-left-10 { margin-left: 10px; }
.margin-left { margin-left: 10px; }
.margin-left-s { margin: 0 -4px 0 4px; }

p.contacts-title {
	color: #1A8B96;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.contacts-name {
	color: #1A8B96;

	margin: 0;
	padding: 0;
}
p.contacts-phone {
	color: #8E8E8E;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
p.contacts-email {
	color: #595959;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
p.contacts-info {
	color: #000;
	margin: 0;
	padding: 0;
}
p.contacts-text {
	color: #8E8E8E;
	margin: 0;
	padding: 0;
}
p.contacts-email-link {
	color: #1A8B96;
	margin: 0;
	padding: 0;
}
.contacts-phone-text {
	color: #000;
	clear: none;
	float: left;
	display: block;
	margin: 0 8px 0 0;
	overflow: hidden;
	padding: 0;
	width: 30px;
}
.contacts-phone-number {
	color: #8E8E8E;
	clear: none;
	float: left;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#container {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	width: 731px;
}
#header {
	clear: both;
	display: block;
	height: 56px;
	position: relative;
}
#content-area {

	position: relative;
	width: 731px;
}
.content-leftside {
	border: 0 solid #000;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 128px;
	background: #fff;
}
.content-rightside {
	border: 0 solid #000;
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 595px;
	background: #fff;
}
.line {
	display: block;
	height: 1px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	background: #ECE9E5;
}
.module-search {
	background: transparent url(../images/haesivuilta_bg.gif) bottom left repeat-y;
	overflow: hidden;
	width: 117px;
}
.module-search div {
	padding: 9px 6px 6px 6px;
}
.module-search div input.hae {
	float: right;
	margin: 8px 1px 6px 0; 
}
.module-contacts-info {
	width: 200px;
	color: #595959;
	padding: 10px;
}
.module-contacts-info strong {
	color: #000;
	font-weight: normal;
}
.module-contacts-person {
	margin: 0 6px 10px 0;
	padding: 0px 0 0 6px;
	width: 160px;
}
.autoscroll {
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
	width: 589px;
	padding-bottom: 20px;
	margin: 0 0 0 2px;
	background: #F5F5F5;
}
#footer {
	clear: both;
	width: 720px;
	position: relative;
	z-index: 999;
	height: 22px;
	display: block;
}
#footer span { display: none; }
div.columns-2 {
	margin: 0;
	padding-left: 6px;
}
div.columns-2 .column-left {
	float: left;
	width: 120px;
	overflow: hidden;
}
.column-left select, .column-left option { width: 117px !important; }

div.columns-2 .column-middle {
	float: left;
	width: 590px;
	padding: 0 5px 0px;
	margin: 0 0 20px 0;
}
.column-middle div.columnelement {
	width: 295px;
	margin-bottom: 20px;
	float: left;
}
div.column-plus-right {
	margin: 0 0 10px 15px;
	float: right;
}
.contentpadding-right {
	padding: 0 5px 0 0;
}
.largeshadow {
	width: 590px;
	margin: 0 -5px;
	padding: 0 5px;
	background: url(../images/bkgshadow_large.gif);
}
img.shadowstop {
	margin: 0 -5px;
}
.smalltableshadow {
	width: 290px;
	margin: 0 -5px;
	padding: 0 5px;
	background: url(../images/bkgshadow_small_table.gif);
}
.smallshadow {
	width: 292px;
	margin: 0 -5px 10px;
	padding: 0 5px;
	color: #0069ad;
	background: url(../images/bkgshadow_small.gif);
}
.smallshadow h3 {
margin: 0; padding: 0;
font-size: .9em;
}
.smallshadow a { text-decoration: none; }
.smallshadow p { margin: 0; }
.bluebox {
	background: #F3F7F8;
}
div.bluebox {
	margin: 0 1px;
	padding: 1px 10px 0;
}
.lightbox {
	background: #F6F3EE;
}
div.lightbox {
	margin: 0 1px;
	padding: 10px 10px 1px;
}
img.boximage {
	margin: -10px -10px 10px;
}
.center {
	vertical-align: middle;
	text-align: center;
}
.findbtn {
	margin-top: 4px;
	margin-bottom: 2px;
}
.morewidth {
	width: 200px;
}

/* forms */
form { margin: 0; padding: 0; }
.textarea { background: #F9FAF4; border: 1px solid #BEC3BF; height: 125px; padding: 2px 4px; width: 236px; font: 12px Arial, Helvetica, sans-serif; }
.textinput-search { background: #fff; border: 1px solid #71706E; font-size: 11px; height: 12px; padding: 2px 4px; width: 90px; }
input { font-size: 11px; }
input.smallbtn { font-size: 10px; }
select { padding: 0; height: 17px; font: 11px Arial, Verdana; }