/* E21 CSS Pohja */

/* Käytännöt:
	* Tyylien nimet pienillä kirjaimilla.
	* Välimerkkinä ja -lyöntinä "_" (alaviiva).
	* Etäisyys-suureena pikseli (esim. "28px").

/***************************/
/*SIVUTYYLIT*/
/***************************/
body {
	margin: 0;
	padding: 0;
	
	background-color: #FFF;
	background-repeat: repeat-x;
	
	color: #5a5a5a;
	
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/***************************/
/* LINKKITYYLIT */
/***************************/
a:link { color: #b5121b; font-weight: normal; text-decoration: none; }
	a:active {}
	a:hover { text-decoration: underline; }
	a:visited { color: #8f3c41; text-decoration: none; }

.internal_link { color: #b5121b; font-weight: normal; text-decoration: none; }
.internal_link:hover { text-decoration: underline; }
.internal_link:visited { color: 8f3c41; }

.file_link { font-size: 11px; color: #b5121b; font-weight: normal; text-decoration: none; }
	.file_link:hover { text-decoration: underline; }
	.file_link:visited { color: #8f3c41; }

.file_size { font-size: 10px; color: #999999; font-weight: normal; text-decoration: none; }

/***************************/
/* PÄÄTEKSTITYYLIT */
/***************************/
.plaintext, .html_area_block span { /* leipis */
	color: #515151;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	/*line-height: 14px;*/
}

.ingress {
	font-weight: bold;
	font-size: 12px;
	color: #515151;
}

h1, .header1, span.level_1 { /* pääotsikko*/
	color: #b5121b;
	font-size: 16px;
	font-weight: bold;
} 
h2, .header2 { /* 2. pääotsikko*/
	color: #b5121b;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/***************************/
/* VASEMMAN LAIDAN TEKSTITYYLIT */
/***************************/

.left_plaintext,
span.left_plaintext p { /* vasen navigaatio*/
	color: #515151;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	/*line-height: 12px;*/
}
.left_plaintext a{}
.left_plaintext a:hover{}

/***************************/
/* QUICK LINKS HEADER BREDCRUMBS JA FOOTER */	
/***************************/
div#quicklinks { font-size: 10px; font-weight: normal; text-align: right; background-color: #686868; color: #bbbbbb; }

	div#quicklinks { text-align: right; }
	
	div#quicklinks table {  border-collapse: collapse; }
	div#quicklinks table td { height: 28px; padding: 0 8px 0 8px; }
	div#quicklinks td.separator { background: url("/images/customer/legalett/icon_quicklinks_line.gif") no-repeat left 8px; }
	
	div#quicklinks a { text-decoration: none; color: #bbbbbb; }
	div#quicklinks a:hover,
	div#quicklinks a:active,
	div#quicklinks a.active { text-decoration: underline; }
	
#header {
	display: none;
}

.breadcrumbs { font-size: 10px; padding: 4px 7px 8px 7px; width: 578px; }
	.breadcrumbs a.inactive,
	.breadcrumbs a.active,
	.breadcrumbs a:link,
	.breadcrumbs a:visited { color: #888888; text-decoration: none; }
	
	.breadcrumbs a:hover,
	.breadcrumbs a:active,
	.breadcrumbs a.last { text-decoration: underline; }
	
	.dropshadow { background: url("/images/customer/legalett/txt_area_top.jpg") no-repeat; }

#footer { font-size: 10px; color: #FFFFFF; }

	#footer a { color: #FFFFFF; }
		#footer a:hover,
		#footer a:active,
		#footer a.active { text-decoration: underline; }

/***************************/
/* NAVIGAATIO */	
/***************************/


/* .nav_1 { visibility: hidden; } */
/* Navigation levels are 0 based now! */
.side_menu a { padding-left: 8px; }
.side_menu > div { margin-bottom: 2px; }

.nav_1 { background-image: url("/images/customer/legalett/bullet_8_arrow_horizontal.gif"); background-repeat: no-repeat; background-position: left 3px; }
	.nav_1 a { font-size: 11px; text-transform: uppercase; background: none; }
	.nav_1 a:hover { text-decoration: underline; }
	.nav_1 a.active { color: #515151; text-decoration: underline; }

	.active_parent { background-image: url("/images/customer/legalett/bullet_8_arrow_vertical.gif"); }

.side_menu > .nav_2 {
	background-image: url("/images/customer/legalett/bullet_8_next.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 11px; margin-left: 8px; padding-left: 4px;
	}
	
	.nav_2 a,
	.nav_2 a.inactive { background: none; } /* font-size: 12px; */
	.nav_2 a:hover{ text-decoration: underline; }
	
	.nav_2 a.active,
	.nav_3 a.active,
	.nav_4 a.active { color: #515151; text-decoration: underline; }
	
.side_menu > .nav_3 {
	background-image: url("/images/customer/legalett/bullet_8_next.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 11px; margin-left: 22px; padding-left: 4px;
	}
	
	.nav_3 a { background: none; } /* font-size: 12px */
	.nav_3 a:hover{ text-decoration: underline; }

.side_menu > .nav_4 {
	background-image: url("/images/customer/legalett/bullet_8_next.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 11px; margin-left: 36px; padding-left: 4px;
	}
	.nav_4 a { background: none; } /* font-size: 12px */
	.nav_4 a:hover{ text-decoration: underline; }

/***************************/
/* HAKU */
/***************************/
div#search_results { padding-top: 4px; margin-top: 8px; }
div#search_results table.results { margin-top: 8px; }
div#search_results td.number { vertical-align: top; }

div#search_results td.number,
div#search_results td.target { font-size: 11px; padding-bottom: 8px; }

div#search_results div.result_path { font-size: 10px; padding: 4px 0 0 1px; }

div#search_results h2 { text-transform: none; font-size: 11px; font-weight: normal; color: inherit; }
div#search_pages { text-align: center; padding: 2px 0 8px 0; font-size: 11px; }

div.result_path a { color: #888888; }

/***************************/
/* SIVUKARTTA */
/***************************/
div#sitemap { padding: 8px; }

div#sitemap .level_1 { font-size: 16px; color: #515151; font-weight: bold; }
div#sitemap a.level_1:hover { text-decoration: none; }

div#sitemap .level_1,
div#sitemap .level_2 { text-transform: uppercase; }

div#sitemap .level_2,
div#sitemap .level_3,
div#sitemap .level_4,
div#sitemap .level_5 { font-size: 11px; }

div#sitemap .level_3,
div#sitemap .level_4,
div#sitemap .level_5 { text-transform: none; padding-left: 6px; }

div#sitemap li.level_2 {
	background-image: url("/images/customer/legalett/bullet_8_arrow_horizontal.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 6px;
	}
	
	div#sitemap li.level_3,
	div#sitemap li.level_4,
	div#sitemap li.level_5 { background: url("/images/customer/legalett/bullet_8_next.gif") no-repeat left 2px; }

/***************************/
/* ELEMENTIT */
/***************************/
ul {}
	ul li {}
	
.html_area_block p,
.html_area_block ul { margin-bottom: 8px; }

span.filesize { font-size: 11px; color: #999; }
.bullet { padding-right: 3px; }

/* List bullet colors */
.html_area_block ul { padding: 0 0 0 20px; color: #929292; }
	.html_area_block ul li { margin-bottom: 6px; color: #515151; }

input.button { background: #4d4d4d; color: #fff; border: solid 1px #fff; font-size: 11px; font-family: Arial; text-transform: uppercase; font-weight: bold; padding: 1px; }

input.searchfield { width: 300px; }

table.form td.form_caption,
table#feedback_form th { font-weight: bold; }

table#feedback_form input.text,
table#feedback_form textarea,
td.form_field input.textfield,
td.form_field select { border: solid 1px #8e8e8e; background: #fff;  }

td.form_field input.submit {
	background: #4d4d4d;
	color: #fff;
	font-size: 11px;
	font-family: Arial;
	text-transform: uppercase;
	border: solid 1px #fff;
	font-weight: bold;
}

div.form_submit,
span.form_submit { border: solid 1px #6a6a6a; display: inline-block; }

input.invalid { border: solid 1px #f00 !important; }

/* IE escapes */
* html .nav_2 {
	background-image: url("/images/customer/legalett/bullet_8_next.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	font-size: 11px; margin-left: 8px; padding-left: 0;
}

* html .nav_3 {
	background-image: url("/images/customer/legalett/bullet_8_next.gif");
	background-repeat: no-repeat;
	background-position: 12px 3px;
	font-size: 11px; margin-left: 14px; padding-left: 2px;
}