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

/*  Sticky Footer Solution by Steve Hatcher */

* {
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

/* 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;
	}

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

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

/* ************** HEADER ******************* */


div.lm_intro_header {
	background-image: url(layout_images/bg_ylapalkki_vihrea_eng.jpg); /* ylapalkki, muuta yksikon varin mukaiseksi */
	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_vihr.gif); /*muuta tahan yksin varin mukainen taustavari*/
	background-repeat: repeat-x;
	background-color: #ffb900; /* 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: #dfe5b3; /* yksikon vaalea 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; .... vihrea EI toimi taustavärinä, kun tekstin vari on valkoinen. Muutamme tekstin varin toiseksi */
	color: #788B00;
	display: inline-block;
	padding: 5px;
	width: 246px;
	background-color: #c8d300; /* valitun 1. tason kohdan taustavari muuta yksikon variksi ! */
	}
	
/* 2. TASO, normaali */

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

div.lm_navi ul li.selected ul li {
	background-color: #c8d300; /* 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;
	/* color: #ffffff; .... vihrea EI toimi taustavärinä, kun tekstin vari on valkoinen. Muutamme tekstin varin toiseksi */
	color: #788B00;
	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: #91a700;/******** 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: #91a700; /*2.tason valikkokohdan tummempi taustavari*/
	width: 256px;
	border-right: none;
	}

div.lm_navi ul li.selected ul li.selected a {
	background-color: #91a700; /* 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: #91a700; /*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: #91a700; /* 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;
	text-align: left;
	}

div.lm_tekstipalsta div.paiva {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-bottom: 10px;
	font-size: 0.8em;
	}

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;
	}

h6 /*uutisten ingressille varattu otsikko */ {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: normal;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 12px;
	text-align: left;
	color: #999;
	}

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;
	}

/* ******* UUTINEN-DIV / YLEISET MUOTOILUT ******* */

div#uutinen {
	}
	
div#uutinen .paiva {}

div#uutinen h1 {
	width: 197px;
	margin-right: 5px;
	padding-top: 5px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}
	
div#uutinen h1 a:link, div#uutinen h1 a:visited {
	text-decoration: none;
	}

div#uutinen h1 a:hover {
	text-decoration: underline;
	}
	
div#uutinen h6 {
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #282828;
	}

	
/*********************************************************** */
/* ************ OIKEA PALSTA: SUURIN UUTINEN INTRO-SIVULTA ************* */
/*********************************************************** */

div.lm_tarppi {
	clear: both;
	display: inline-block;
	border-bottom: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}

div.lm_tarppi div.paiva {
	display: none;
	}

div.lm_tarppi div#uutinen h1 a {
	color: #c8d300; /* muuta haluttu yksikon vari! */
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	}

div.lm_tarppi div#uutinen h1 a:hover {
	background-image: none;
	color: #c8d300; /*  muuta haluttu yksikon vari! */
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: underline;
	}

div.lm_tarppi div#uutinen h6 {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	}

/*********************************************************** */
/* ************ OIKEA PALSTA: MUUT UUTISET ************* */
/*********************************************************** */

div.lm_muut_uutiset {
	clear: both;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 0px;
	}
	
div.lm_muut_uutiset div#uutinen {
	border-bottom: 1px #c4c4c4 dotted;
	padding-bottom: 5px;
	}

div.lm_muut_uutiset div#uutinen div.paiva {
	width: 197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 0px;
	}

div.lm_muut_uutiset div#uutinen h1 {
	margin: 0px;
	text-align: left;
	font-size: 1em;
	}

div.lm_muut_uutiset div#uutinen h1 a {
	background-image: none;
	/*color: #c8d300; /*muuta haluttu yksikon vari */
	color: #282828;
	text-transform: normal;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}

div.lm_muut_uutiset div#uutinen h1 a:hover {
	background-image: none;
	/*color: #c8d300; /* muuta haluttu yksikon vari */
	color: #282828;
	text-transform: normal;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}

div.lm_muut_uutiset div#uutinen h6 {
	text-transform: normal;
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;;
	}
	
/* OIKEA PALSTA POIKKEAVAT TEKSTIMUOTOILUT */

div.lm_oikeapalsta h1 {
	/*color: #c8d300; /* muuta haluttu yksikon vari*/
	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;
	}