@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 *** */

/*********************************************************** */
/*********************************************************** */
/* ************** YLäPALKKI (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;
}

/* ************* PYSYVäISET PALKKI JA LINKKIEN MääRITYKSET ************* */

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;

}

/* ************* SISäLTöALUEEN MääRITYKSET, UUTISPALSTA JA OIKEA PALSTA (LINKKIPALSTA) ************* */

div.lm_intro_uutispalsta {
	width: 700px;
	float: left;
}

/*********************************************************** */
/*********************************************************** */
/* *********** OIKEA PALSTA, BANNERI JA LINKIT ************* */
/*********************************************************** */
/*********************************************************** */

div.lm_intro_linkkipalsta {
	width: 230px;
	float: right;
}

div.lm_introbanneri {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: right;
	}

div.lm_introbanneri img {
	border: 0px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	}
div.lm_introbanneri a {
	display: inline;
	clear: right;
	width: 230px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}
	
div.lm_introbanneri a:hover {
	display: inline;
	clear: right;
	width: 230px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-image: none;
	}

div.lm_intro_linkkipalsta a {
	display: inline-block;
	clear: right;
	width: 230px;
	text-align: left;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height:  1em;
	color: #282828;
	text-decoration: none;
	}
	
div.lm_intro_linkkipalsta a:hover {
	display: inline-block;
	clear: right;
	width: 230px;
	text-align: left;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	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;
	}

/*********************************************************** */
/*********************************************************** */
/* ******* UUTISET / YLEISET MääRITTEET (INTRO-SIVU) ******* */
/*********************************************************** */
/*********************************************************** */

div#uutinen {
	}
	
div.lm_logo {
	width: 230px;
	float: left;
	display: inline-block;
	margin-right: 5px;
	}
	
div#uutinen h1 {
	float: left;
	width: 230px;
	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-transform: uppercase;
	text-align: left;
	}
	
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: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #282828;
	}

/*********************************************************** */
/* ************ UUTISET / HISTORIALLINEN MUSEO ************* */
/*********************************************************** */

div.lm_historia {
	clear: both;
	display: inline-block;
	border-bottom: solid 1px #c4c4c4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 700px;
	}

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

div.lm_historia h1 a {
	color: #f8b93b;
	}
	
/*********************************************************** */
/* ************ UUTISET / TAIDEMUSEO ************* */
/*********************************************************** */

div.lm_taide {
	clear: both;
	display: inline-block;
	border-bottom: solid 1px #c4c4c4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 700px;
	}

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

div.lm_taide h1 a {
	color: #c8d300;
	}
	
/*********************************************************** */
/* ************ UUTISET / RADIO- ja TV-MUSEO ************* */
/*********************************************************** */

div.lm_radiotv {
	clear: both;
	display: inline-block;
	border-bottom: solid 1px #c4c4c4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 700px;
	}

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

div.lm_radiotv h1 a {
	
	color: #a8153b;
	}
	
/*********************************************************** */
/* ************ UUTISET / JULISTEMUSEO ************* */
/*********************************************************** */

div.lm_juliste {
	clear: both;
	display: inline-block;
	border-bottom: solid 1px #c4c4c4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 700px;
	}

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

div.lm_juliste h1 a {
	color: #f0d702;
	}

/*********************************************************** */
/* ************ UUTISET / HIIHTOMUSEO ************* */
/*********************************************************** */

div.lm_hiihto {
	clear: both;
	display: inline-block;
	border-bottom: solid 1px #c4c4c4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 700px;
	}

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

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


/*********************************************************** */
/* ************* ALATUNNISTEEN MääRITYKSET ************* */
/*********************************************************** */

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

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