@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!! */
	/*background-color: #669900;*/
	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 (INTRO-SIVU) ******************* */


div.lm_intro_header {
	background-image: url(layout_images/bg_ylapalkki_violetti.jpg);
	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_violetti.gif);
	background-repeat: repeat-x;
	background-color: #750035;
	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: #d7b3c4;
	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;
	line-height: 1em;
	font-weight: bold; /* muutettu 7.10.2009*/
	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: #a60084;
	}
	
/* 2. TASO, normaali */

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

div.lm_navi ul li.selected ul li {
	background-color: #a60084;
	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: #7A0061;/******** 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: #7A0061;
	/*background-color: #a60084;*/
	width: 256px;
	border-right: none;
	/*border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;*/
	}

div.lm_navi ul li.selected ul li.selected a {
	background-color: #7A0061;
	/*background-color: #a60084;*/
	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: #a60084;
	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: #a60084;
	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;
	/*background-color: #FFCC99;*/
	float: left;
	display: inline-block;
	text-align: left;
	}

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;
	/*background-color: #0066CC;*/
	text-align: left; /**** lisätty 4.11.2009****/
}

/*div.lm_oikeapalsta a {
	display: inline-block;
	clear: right;
	width: 197px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:  1em;
	color: #282828;
	text-decoration: none;
	}
	
div.lm_oikeapalsta a:hover {
	display: inline-block;
	clear: right;
	width: 197px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:  1em;
	color: #a60084;
	text-decoration: underline;
	background-image: url(layout_images/img_intro_linkki_over.gif);
	background-repeat: no-repeat;
	background-position: 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.4em;
	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 {
	/*float: left;*/
	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;
	/*background-color: #F36;*/
	}

	
/*********************************************************** */
/* ************ 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: #a60084; /* violetti */
	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: #a60084; /* violetti */
	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 {
	/*background-color: #FF0;*/
	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: #a60084; /* violetti */
	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: #a60084; /* violetti */
	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: #a60084; /*purppura*/
	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;
	}