/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }

body {
	background: #fff;
	font-size: 11px;
	font-family: "tahoma", "arial", "verdana";
	color: #00302c;
	height: 100%;
	text-align: center;
}

h1 { font-size: 24px; color: #004646; font-weight: normal; margin: 18px 0; line-height: 25px; }
h2 { font-size: 18px; color: #004646; font-weight: normal; }
h3 { font-size:	13px; color: #00302c; font-weight: bold; margin-bottom: 3px; }
h4 { font-weight: bold; }

.copy, .copy a { font-size: 10px; color: #ccc; font-weight: normal; text-decoration: none; margin-top:10px; }
.copy a:hover { text-decoration: none; color: #666; font-weight: normal; }

a { color: #000; text-decoration: underline;}
a:hover {; text-decoration: none; }

#header a, .col2 a, .col3 a, .sub a, .sub3 a { text-decoration: none; }
#header a:hover, .col2 a:hover, .col3 a:hover, .sub a:hover { text-decoration: underline; }

.clear {clear: both; margin: 0; padding: 0; }
.bold { font-weight: bold; }
.imgBorder { padding: 2px; border: 1px solid #bdc2c2; }

#page {
	width: 746px;
	margin: 0 auto;
	text-align: left;
}

#haastattelu {
	padding: 10px;
	text-align: left;
}

#header {
	background: url('../images/header_bg.jpg') no-repeat;
	background-position: 190px 0;
	padding-bottom: 14px;
}

#logo { float: left; display: inline; margin: 8px 0 4px 6px; }
#lang { float: right; display: inline; margin: 4px 0px 0 0; }

#navi { 
	height: 27px; 
	border-top: 1px solid #bdc2c2; 
	border-bottom: 1px solid #bdc2c2; 
	line-height: 27px; 
	background-color: #f7f7f7;
}
#navi a { font-weight: bold; color: #004242; }

#navi ul { margin-left: 12px;}
#navi li { float: left; display: inline; list-style:none; margin-right: 24px; margin-left: 0px; }

#navi li.search { float: right; margin-right: 4px; }

.hBg { 
	background: url('../images/hr_bg_middle.gif') repeat-x top left; 
	height: 14px; 
	display: block; 
	font-weight: bold; 
	color: #fff;
	line-height: 14px;
	width: 100%;
}

.hBgLeft { background: url('../images/hr_bg_left.gif') no-repeat top left; display: block;}
.hBgRight { background: url('../images/hr_bg_right.gif') no-repeat top right; padding-left: 8px;  display: block;}
.hPos { position: relative; top: -1px; }

.sub { float: left; display: inline; width: 136px; margin: 10px 7px 0 0; }
.sub2 { float: left; display: inline; width: 234px; margin: 10px 7px 20px 0; }
.sub3 { float: left; display: inline; width: 200px; margin: 10px 7px 0 0; }
.sub p { padding: 2px 8px; }

.col1 {
	float: left; display: inline;
	width: 430px;
	margin: 0 40px 0 10px;
}

.col2 {
	float: left; display: inline;
	width: 234px;
	padding-top: 12px;
	text-align: left;
}

.col3 {
	float: left; display: inline;
	width: 194px;
}

.col4 {
	float: left; display: inline;
	width: 362px;
	margin-left: 25px;
}

.col5 {
	float: right; display: inline;
	width: 158px;
	text-align: right;
}



.col1 p, .col1 ul, .col4 p, .col4 ul, #haastattelu p {margin-bottom: 18px; }


ul.altList { list-style: disc; }
ul.altList li { margin-bottom: 5px;  margin-left: 0px;}

ul.list1 { list-style-image: url('../images/list_arrow.gif'); margin-left: 18px; }
ul.list1 li { margin-bottom: 3px;  list-style-image: url('../images/list_arrow.gif'); margin-left:18px; }
ul.list1 a { color: #a9998f; font-weight: bold; text-decoration: underline; }
ul.list1 a:hover { color: #000;}

ul.list2 { list-style-image: url('../images/list_arrow.gif'); margin-left: 0px;  }
ul.list2 li { margin-bottom: 0px;  list-style-image: url('../images/list_arrow.gif'); margin-left:18px; }
ul.list2 a { color: #a9998f; font-weight: bold; text-decoration: underline; }
ul.list2 a:hover { color: #000;}

.col2 .item { margin-top: 15px; padding: 0 8px; color: #000;text-align:left;}
.col2 .item p.hr { font-weight: bold; margin-bottom: 3px; color: #004242;}
.col2 .item a , a.A4 { color: #004646; font-weight: bold; text-decoration: none;}
a.A4:hover { text-decoration: underline; }

ul.leftNavi {
	background: url('../images/navi_bg.jpg') repeat-x top left;
	padding: 10px 20px 7px 23px;	
}

ul.leftNavi li, #lang ul li {
	 list-style:none; margin-left: 0px;
}

ul li, ul.blank li {list-style:circle;margin-left:20px;}
ol li, ol.blank li {margin-left:20px;}

ul.kokemukset li {
	background:#fff url('../images/image_quote.gif') no-repeat top left;
	font-style:italic;
	margin-bottom:20px; 
	padding-top:25px;
	list-style:none;
	margin-left: 0px;
}

ul.kokemukset a {font-style:normal;}

div#suomi{float:left; width:180px;}
div#ruotsi{float:left; width:180px;}

span.caption { font-size: 10px; color: #666; font-style: italic; }