@charset "UTF-8";
/* CSS Document */

/*  Sticky Footer Solution by Steve Hatcher */

* {
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	margin-right: 1px;
	margin-bottom: 1px;
	}

/* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height  and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, div#wrap {
	height: 100%;
	text-align: center;
	}

body {
	background-image: url(layout_images/museot_body_background.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-size: 12px;
	}

body > div#wrap {
	width: 935px;
	height: auto;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	}

div#lm_main {
	padding-bottom: 40px;  /* SAMA KUIN ALATUNNISTEEN (FOOTER) Korkeus!! */
	text-align: center;
	*width: 935px;
	}

/* ******* CLEARFIX ******* */

div.lm_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

div.lm_clearfix {
	display: inline-block;
	/*background-color: #CCFF00;*/
	}

/* *** Hides from IE-mac \*** */
* html div.clearfix {
	height: 1%;
	}

div.lm_clearfix {
	display: block;
	}
/* *** End hide from IE-mac *** */

/* ************** HEADER (INTRO-SIVU) ******************* */


div.lm_intro_header {
	background-image: url(layout_images/bg_ylapalkki_sininen_eng.jpg); /* ylapalkki tausta muuta yksikolle maaratty kuva */
	background-repeat: no-repeat;
	height: 90px;
	width: 935px;
	border-bottom: 5px #ffffff solid;
	}

/* ************* VAKIOLINKIT JA NIIDEN MUOTOILUT ************* */

div.lm_intro_header .pysyvaiset {
	float: right;
	}

div.lm_intro_header .pysyvaiset a:link, div.lm_intro_header .pysyvaiset a:visited {
	color: #ffffff;
	background-image: url(layout_images/bg_pysyvaiset_sin.gif); /* muuta yksikolle maaratty pysyvaisten taustakuva*/
	background-repeat: repeat-x;
	background-color: #000099; /* yksikon tummempi savy tahan */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: -0.2em;
	text-decoration: none;
	height: 24px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: -10px;
	padding-top: 5px;
	margin: 0px;
	border-left: 1px solid #ffffff;
	float: left;
	}

div.lm_intro_header .pysyvaiset a:hover {
	color: #282828;
	background-image: none;
	background-color: #b3b3df; /* yksikon vaaleampi savy tahan */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: -0.2em;
	text-decoration: none;
	height: 24px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: -10px;
	padding-top: 5px;
	margin: 0px;
	border-left: 1px solid #ffffff;
	float: left;
	}

/* ************* NAVIGAATIO ja VALIKKO TYYLIMUOTOILUT ************* */

div.lm_navi {
	width: 257px;
	border-right: #c4c4c4 1px solid;
	float: left;
	display: inline-block;
	}
	
div.lm_navi ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	}

/*  1. TASO, normaali */

div.lm_navi ul li {
	list-style-type: none;
	text-align: left;
	border-right: 1px solid #ffffff;
	}

div.lm_navi ul li a:link, div.lm_navi ul li a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold; /* muutettu 7.10.2009*/
	line-height: 1em;
	text-decoration: none;
	color: #282828;
	display: inline-block;
	padding: 5px;
	width: 246px;
	}
	
div.lm_navi ul li a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	text-decoration: none;
	color: #282828;
	display: inline-block;
	padding: 5px;
	width: 246px;
	background-color: #E4E4E4;
	}
	
/* 1. TASO, selected */

div.lm_navi ul li.selected {
	list-style-type: none;
	text-align: left;
	border-right: 1px solid #ffffff;
	}

div.lm_navi ul li.selected a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	text-decoration: none;
	color: #ffffff;
	display: inline-block;
	padding: 5px;
	width: 246px;
	background-color: #005aa9; /* valitun 1. tason kohdan taustavari muuta yksikon taustavariksi ! */
	}
	
/* 2. TASO, normaali */

div.lm_navi ul li.selected  ul {
	*margin-top: -1px;
	}

div.lm_navi ul li.selected ul li {
	background-color: #005aa9; /* 2. tason perustilan taustavari muuta yksikon variksi */
	width: 256px;
	border-right: none;
	}

div.lm_navi ul li.selected ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 9px;
	width: 226px;
	display: inline-block;
	}

div.lm_navi ul li.selected ul li a:hover {
	background-image: url(layout_images/img_navi_nuoli.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #000099;/******** MUUTETAAN MOUSE OVERIN VARI TUMMAKSI, nuoli sailytetaan edessä! ************/
	padding-left: 20px;
	padding-right: 9px;
	width: 226px;
	display: inline-block;	
	}

/* 2. TASO, selected */

div.lm_navi ul li.selected  ul {
	*margin-top: -1px;
	}

div.lm_navi ul li.selected ul li.selected {
	background-color: #000099; /*2.tason valikkokohdan tummempi taustavari*/
	width: 256px;
	border-right: none;
	}

div.lm_navi ul li.selected ul li.selected a {
	background-color: #000099; /* tummempi taustavari myos tahan */
	background-image: url(layout_images/img_navi_nuoli.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 9px;
	width: 226px;
	display: inline-block;
	}

/* 3. TASO, normaali */

div.lm_navi ul li.selected  ul li.selected ul {
	*margin-top: -1px;
	}

div.lm_navi ul li.selected ul li.selected ul li {
	background-color: #000099; /*muuta tummempi savy myos tahan*/
	width: 256px;
	border-right: none;
	*margin-top: -1px;
	}

div.lm_navi ul li.selected ul li.selected ul li a {
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	padding-left: 40px;
	padding-right: 9px;
	width: 206px;
	display: inline-block;
	}

div.lm_navi ul li.selected ul li.selected ul li a:hover {
	background-image: url(layout_images/img_navi_nuoli_ala.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	padding-left: 40px;
	padding-right: 9px;
	width: 206px;
	display: inline-block;	
	}

/* 3. TASO, valittu */

div.lm_navi ul li.selected  ul li.selected ul {
	*margin-top: -1px;
	}

div.lm_navi ul li.selected ul li.selected ul li.selected {
	background-color: #000099; /* muuta tummempi savy myos tahan */
	width: 256px;
	border-right: none;
	border-top: none;
	border-bottom: none;
	}

div.lm_navi ul li.selected ul li.selected ul li.selected a {
	background-image: url(layout_images/img_navi_nuoli_ala.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	padding-left: 40px;
	padding-right: 9px;
	width: 206px;
	display: inline-block;
	}

/* ************* TEKSIT JA TEKSTIPALSTA ************* */

div.lm_tekstipalsta {
	width: 395px;
	margin-left: 35px;
	margin-right: 50px;
	float: left;
	display: inline-block;
	}

h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-bottom: 16px;
	margin-top: 16px;
	color: #282828;
	}
	
h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-bottom: 12px;
	color: #282828;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-bottom: 12px;
	color: #282828;
	}

p,table,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-bottom: 12px;
	color: #282828;
	}
	
a:link, a:visited {
	color: #a60084;
	text-decoration: underline;
	}

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


/* *********** OIKEA PALSTA ************* */


div.lm_oikeapalsta {
	width: 197px;
	float: right;
	text-align: left;
	}

	
/* OIKEA PALSTA POIKKEAVAT TEKSTIMUOTOILUT */

div.lm_oikeapalsta h1 {
	/*color: #005aa9; /* muuta haluttu yksikon vari tahan */
	color: #282828;
	font-size: 1.2em;
	font-weight: bold;
	}

div.lm_oikeapalsta h2 {
	color: #282828; /* pida h2-otsikon vari mustana */
	font-size: 1em;
	font-weight: bold;
	}

	

/*********************************************************** */
/* ************* ALATUNNISTEEN MUOTOILUT ************* */
/*********************************************************** */

div#lm_intro_footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height. MUST be the same!! */
	height: 40px;
	clear:both;
	background-color: #CC3300;
	text-align: center;
	visibility: hidden;
	}

div.lm_intro_linkkilista {
	width: 935px;
	height: 30px;
	background-image: url(layout_images/bg_footer_violetti.gif);
	repeat: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	}

div.lm_intro_linkkilista a {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 0px;
	font-style: normal;
	font-weight: normal;
	padding-right: 10px;
	text-decoration: none;
	}

div.lm_intro_linkkilista a:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 0px;
	font-style: normal;
	font-weight: normal;
	padding-right: 10px;
	text-decoration: underline;
	}