@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 (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 lihavoiduksi */
	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;
	width: 256px;
	border-right: none;
	}

div.lm_navi ul li.selected ul li.selected a {
	background-color: #7A0061;
	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;
	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;
	}
	
/*********************************************************************** */
/* ************ TEKSTIPALSTAT, UUTISLISTAUKSET MUSEOITTAIN ************* */
/*********************************************************************** */

div.lm_historiallinen, div.lm_taide, div.lm_radiotv, div.lm_juliste, div.lm_hiihto, div.lm_yleinen {
	border-top: 1px solid #c4c4c4;
	width: 395px;
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
	}

div.lm_historiallinen div#uutinen, div.lm_taide div#uutinen, div.lm_radiotv div#uutinen, div.lm_juliste div#uutinen, div.lm_hiihto div#uutinen, div.lm_yleinen div#uutinen  {
	padding-bottom: 5px;
	text-align: left;
	clear: both;
	display: inline-block;
	}
	
div.lm_historiallinen img, div.lm_taide img , div.lm_radiotv img, div.lm_juliste img, div.lm_hiihto img, div.lm_yleinen img  {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.lm_tekstipalsta div#uutinen div.paiva {
	width: 80px;
	display: inline-block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 2px;
	text-align: left;
	color: #282828;
	}

/** MUSEOKOHTAISET UUTISLISTAUKSEN MUOTOILUT, COLOR JA LINKKI **/

/**** historiallinen museo ****/
div.lm_historiallinen div#uutinen .paiva {
	color: #f8b93b;
	}

div.lm_historiallinen div#uutinen h1 a {
	color: #282828;
	}

div.lm_historiallinen div#uutinen h1 a:hover {
	color: #f8b93b;
	}

/**** taidemuseo ****/
div.lm_taide div#uutinen .paiva {
	color: #c8d300;
	}
	
div.lm_taide div#uutinen h1 a {
	color: #282828;
	}

div.lm_taide div#uutinen h1 a:hover {
	color: #c8d300;
	}

/**** radio- ja tv-museo ****/
div.lm_radiotv div#uutinen .paiva {
	color: #a8153b;
	}
	
div.lm_radiotv div#uutinen h1 a {
	color: #282828;
	}

div.lm_radiotv div#uutinen h1 a:hover {
	color: #a8153b;
	}

/**** julistemuseo ****/
div.lm_juliste div#uutinen .paiva {
	color: #ffcc00;
	}

div.lm_juliste div#uutinen h1 a {
	color: #282828;
	}

div.lm_juliste div#uutinen h1 a:hover {
	color: #ffcc00;
	}

/**** hiihtomuseo ****/
div.lm_hiihto div#uutinen .paiva {
	color: #005aa9;
	}

div.lm_hiihto div#uutinen h1 a {
	color: #282828;
	}

div.lm_hiihto div#uutinen h1 a:hover {
	color: #005aa9;
	}

/**** Kaupunginmuseo / Yleiset uutiset ****/
div.lm_yleinen div#uutinen .paiva {
	color: #a60084;
	}

div.lm_yleinen div#uutinen h1 a {
	color: #282828;
	}

div.lm_yleinen div#uutinen h1 a:hover {
	color: #a60084;
	}
	
/**** Tekstipalstan tekstimuotoiluja, uutisten yleiset muotoilut ****/

div.lm_tekstipalsta div#uutinen h1 {
	margin: 0px;
	font-size: 1em;
	width: 315px;
	float: right;
	clear: right;
	display: inline-block;
	}

div.lm_tekstipalsta div#uutinen h1 a {
	background-image: none;
	color: #282828; /* violetti */
	text-transform: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	}

div.lm_tekstipalsta div#uutinen h1 a:hover {
	background-image: none;
	/*color: #a60084; /* violetti */
	text-transform: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	}


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


div.lm_oikeapalsta {
	width: 197px;
	float: right;
	padding-top: 10px;
}

/* ******* OIKEA PALSTA, UUTINEN-DIV, YLEISET MUOTOILUT ******* */

div.lm_oikeapalsta  div#uutinen {
	width: 197px;
	float: right;
	text-align: center;
	}
	
div.lm_oikeapalsta #uutinen .paiva {
	display: none;
	}

div.lm_oikeapalsta #uutinen h1 {
	width: 197px;
	margin-right: 5px;
	padding-top: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

div.lm_oikeapalsta #uutinen h6 {
	display: none;
	}
	
.lm_oikeapalsta #uutinen h1 a:link, .lm_oikeapalsta #uutinen h1 a:visited {
	text-decoration: none;
	text-align: center;
	}

.lm_oikeapalsta #uutinen h1 a:hover {
	text-decoration: underline;
	text-align: center;
	}

/* ******* OIKEA PALSTA, UUTINEN-DIV, MUSEOKOHTAISET OTSIKOIDEN MUOTOILUT ******* */

.lm_oikeapalsta .paa_historia #uutinen h1 a { color: #f8b93b; }
.lm_oikeapalsta .paa_taide #uutinen h1 a { color: #c8d300; }
.lm_oikeapalsta .paa_radiotv #uutinen h1 a { color: #a8153b; }
.lm_oikeapalsta .paa_juliste #uutinen h1 a { color: #ffcc00; }
.lm_oikeapalsta .paa_hiihto #uutinen h1 a { color: #005aa9; }


	

/*********************************************************** */
/* ************* ALATUNNISTEEN MUOTOILUT (ALATUNNISTE ON ESILLÄ VAIN INTROSIVULLA TOISTAISEKSI ************* */
/*********************************************************** */

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