/*------------------------------------

  Lutakko Template CSS
  
  type			stylesheet
  name			styles
  copyright		Aalto & Hautanen
  
------------------------------------*/


/* Basics
------------------------------------*/
*
{
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

body
{
	text-align: center;
	font-size: small;
	font-family: Arial;
	color: #3f3f3f;
}

body#etusivu
{
	background: #ffffff url( gfx/tausta_etusivu.jpg ) top center no-repeat;
}

body#asukasyhdistys
{
	background: #ffffff url( gfx/tausta_etusivu.jpg ) top center no-repeat;
}

body#tutkimus
{
	background: #ffffff url( gfx/tausta_tutkimus.jpg ) top center no-repeat;
}

body#historia
{
	background: #ffffff url( gfx/tausta_historiajpg ) top center no-repeat;
}

body#rakentaminen
{
	background: #ffffff url( gfx/tausta_rakentaminen.jpg ) top center no-repeat;
}

body#uutisia
{
	background: #ffffff url( gfx/tausta_uutisia.jpg ) top center no-repeat;
}

body#havainnekuvia
{
	background: #ffffff url( gfx/tausta_havainnekuvia.jpg ) top center no-repeat;
}

body#historia
{
	background: #ffffff url( gfx/tausta_historia.jpg ) top center no-repeat;
}

body#historia div#container
{
	width: 1020px;
	height: 700px;
	margin: 0 auto;
	background: url( gfx/tausta_historia.jpg ) -440px 0 no-repeat;
}

#container
{
	margin: auto;
	text-align: left;
	width: 900px;
	padding: 30px 0 0 0;
}

#sidebar
{

	width: 280px;
	float: left;
	margin: 0 34px 0 0;
	padding: 270px 0 0 0;
}

#page
{

	width: 586px;
	float: left;
}

#content
{

	width: 550px;
	float: left;
	border-left: 1px solid #dbdbdb;
	padding: 0 0 0 35px;
	margin: 0 0 30px 0;
}

#navigation
{
	width: 550px;
	float: left;
	margin: 0 0 242px 36px;
	display: inline;
}

body#historia #navigation
{

	margin: 0 0 242px 96px;
}


#sidebar img
{
	border: 5px solid #ffffff;
	margin: 0 0 9px 0;
}

#sidebar p
{
	margin: 0 15px 0 15px;
	font-size: 0.85em;
	line-height: 1.8em;
}

#sidebar p a
{
	display: block;
	color: #ec8000;
}

#content p
{
	line-height: 1.6em;
	margin: 0 0 1.4em 0;
}

#content p.ingress
{
	font-size: 1.4em;
	margin: 0 0 1em 0;
	color: #444444;
	line-height: 1.3em;
}

h1
{
	color: #222222;
	font-size: 1.9em;
	font-weight: normal;
	margin: -5px 0 15px 0;
}

h2
{
	color: #ec8000;
	font-size: 1em;
	font-weight: bold;
	margin: 25px 0 15px 0;
}

h3
{
	color: #ec8000;
	font-size: 1.1em;
	font-weight: normal;
	margin: 4px 0 0 0px;
	display: inline;
	float: left;

}

h3.events
{
	color: #6c6c6a;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px 0;
	float: left;
	width: 400px;

}

a
{
	color: #ec8000;
	text-decoration: none;
}

a:hover {text-decoration: underline}

div#kaavio p
{
	margin: 0 5px 0 5px;
	font-size: 0.8em;
} 

/* Navigation
------------------------------------*/


ul#nav
{
	float: left;
	list-style: none;
}

ul#nav li
{
	float: left;
	margin: 0 0px 0 0;
}

ul#nav a
{
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

ul#nav a:link, ul#nav a:visited
{
	text-decoration: none;
}

ul#nav a:hover, ul#nav a:active
{
	text-decoration: underline;
}

body#etusivu ul#nav li#nav_etusivu a
{
	background: url( gfx/nav_etusivu_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#rakentaminen ul#nav li#nav_rakentaminen a
{
	background: url( gfx/nav_rakentaminen_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#asukasyhdistys ul#nav li#nav_asukasyhdistys a
{
	background: url( gfx/nav_asukasyhdistys_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#tutkimus ul#nav li#nav_tutkimus a
{
	background: url( gfx/nav_tutkimus_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#uutisia ul#nav li#nav_uutisia a
{
	background: url( gfx/nav_uutisia_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#historia ul#nav li#nav_historia a
{
	background: url( gfx/nav_historia_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#havainnekuvia ul#nav li#nav_uutisia a
{
	background: url( gfx/nav_havainnekuvia_active.gif ) no-repeat;
	color: #ffffff;
	display: block;
	height: 23px;
	padding: 5px 12px 0px 12px;
	font-size: 1em;
	float: left;
}

body#etusivu ul#nav li#nav_etusivu a:hover, body#rakentaminen ul#nav li#nav_rakentaminen a:hover, body#asukasyhdistys ul#nav li#nav_asukasyhdistys a:hover, body#tutkimus ul#nav li#nav_tutkimus a:hover, body#uutisia ul#nav li#nav_uutisia a:hover, body#historia ul#nav li#nav_historia a:hover
{
	text-decoration: none;
	cursor: default;
}

.submenu
{
list-style: none;
}

.submenu li
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.submenu li a
{
	display: block;
	width: 280px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.submenu li#takaisin a
{
	height: 40px;
	background: url( gfx/nostot_takaisin.gif ) no-repeat;

}

.submenu li#kaavioita a
{
	height: 100px;
	background: url( gfx/nostot_kaavioita.gif ) no-repeat;
}

.submenu li#kaavioita a#active
{
	background: url( gfx/nostot_kaavioita_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#lutakonpuisto a
{
	height: 100px;
	background: url( gfx/nostot_lutakonpuisto.gif ) no-repeat;
}

.submenu li#lutakonpuisto a#active
{
	background: url( gfx/nostot_lutakonpuisto_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#paviljonkimasterplan a
{
	height: 100px;
	background: url( gfx/nostot_paviljonkimasterplan.gif ) no-repeat;
}

.submenu li#paviljonkimasterplan a#active
{
	background: url( gfx/nostot_paviljonkimasterplan_active.gif ) no-repeat;
	cursor: default;

}

.submenu li#suurimmatrakennuttajat a
{
	height: 100px;
	background: url( gfx/nostot_suurimmatrakennuttajat.gif ) no-repeat;
}

.submenu li#suurimmatrakennuttajat a#active
{
	background: url( gfx/nostot_suurimmatrakennuttajat_active.gif ) no-repeat;
	cursor: default;
}


.submenu li#kysymyksiavastauksia a
{
	height: 40px;
	background: url( gfx/nostot_kysymyksiavastauksia.gif ) no-repeat;
}

.submenu li#kysymyksiavastauksia a#active
{
	background: url( gfx/nostot_kysymyksiavastauksia_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#ajankohtaista a
{
	height: 100px;
	background: url( gfx/nostot_ajankohtaista.gif ) no-repeat;
}

.submenu li#ajankohtaista a#active
{
	background: url( gfx/nostot_ajankohtaista_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#punaisenveneenkalastaja a
{
	height: 100px;
	background: url( gfx/nostot_punaisenveneenkalastaja.gif ) no-repeat;
}

.submenu li#punaisenveneenkalastaja a#active
{
	background: url( gfx/nostot_punaisenveneenkalastaja_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#havainnekuvialutakosta a
{
	height: 100px;
	background: url( gfx/nostot_havainnekuvialutakosta.gif ) no-repeat;
}

.submenu li#havainnekuvialutakosta a#active
{
	background: url( gfx/nostot_havainnekuvialutakosta_active.gif ) no-repeat;
	cursor: default;
}

.submenu li#lutakkofisivuille a
{
	height: 100px;
	background: url( gfx/nostot_lutakkofi.jpg ) no-repeat;
	cursor: default;
}

.submenu li a span
{
	display: none;
}

div#kaaviot
{
	background-color: #ffffff;
	padding: 10px;
	float: left;
	width: 505px;
}

div#kaaviot .kaavio
{
	width: 241px;
	float: left;
	margin: 0 0 20px 0;
	display: inline;
}

div#kaaviot .kaavio_vasen
{
	margin: 0 17px 0 0;
	display: inline;
}

div#kaaviot .kaavio .kaavioimg
{
	height: 225px;
	float: left;

}

div#kaaviot .kaavio .kaavioimg img
{
	margin: 18px 0 0 0;
}

div#kaaviot .kaavio p
{
	font-style: italic;
	font-size: 0.85em;
	float: left;
}

ul#havainnelista
{
	list-style: none;
	margin: 30px 0 0 0;
	float: left;
	width: 280px;
	font-size: 0.9em;
	line-height: 1.6;
}

.rightbox
{
	float: right;
	margin: 35px 8px 0 0;
}

dl.events_bands
{
	float: left;
	width: 260px;
}

dl.events_bands dt
{
	color: #ec8000;
	width: 210px;
	
}

dl.events_bands dd
{
	margin: 0 0 20px 0;
	width: 200px;
}

dl.events_messut
{
	float: left;
	width: 450px;
	margin: 0 0 20px 0;
}

dl.events_messut dt
{
	color: #ec8000;
	width: 380px;
	
}

dl.events_messut dd
{
	margin: 0 0 20px 0;
	width: 380px;
}

p.eventem
{
	float: left;
}

p.eventsp
{
	padding: 0 0 20px 0;
}

ol
{
margin: 36px 0 0 22px;
line-height: 1.4em;
}

ul{list-style: none}