/* --------- 1. oletukset  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		}
		
/*  --------- 2. rakenne  --------- */

#runko {
		margin: 0 auto;
		width: 900px;
		padding-top: 20px;
		}		

#otsake {
		background: url(logot/SeponLaru.gif) no-repeat;
		height: 155px;
		margin-bottom: 10px;
		}

#asia {
		padding: 20px 0 0;
		width: 650px;
		float: left;
		margin-right: 40px;
		}

#sivupalkki {
		width: 180px;
		float: left;
		margin-top: 20px;
		}

.sivupalkkialue {
		background: #b4b4b4 url(assets/boxout-base.gif) 0 100% no-repeat;
		margin-bottom: 20px;
		padding: 10px;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}
		
/* ---------- 3. linkit ja navigointi ---------- */

a {
		}
		
a:hover {
		}

#navigointi {
		padding-top: 8px;
		float: right;
		width: 240px;
		}

#navigointi ul {
		list-style-type: none;
		}

#navigointi li {
		font: 1.3em/100% Arial, sans-serif;

		padding-bottom: 2px;
		}

#navigointi a {
		color: #0000FF;
		text-decoration: none;
		}

#navigointi a:hover {
		text-decoration: underline;
		}
		
/* ---------- 4. fontit ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {
		font: bold 1.8em/100% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

h2 {
		font: bold 1.4em/100% Arial, sans-serif;
		margin-bottom: 3px;
		}

#sivupalkki h2 {
		background: #b4b4b4;
		margin: 0;
		padding: 8px 10px 6px;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 1.3em;
		}

#sivupalkki h2.blueHeader {
		background: #0000FF;
		border-bottom: 1px solid #ffffff;
		}

#sivupalkki h2.pinkHeader {
		background: #0000FF;
		border-bottom: 1px solid #ffffff;
		}

p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}

ul {
		margin-bottom: 1em;
		}

li {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-left: 1.3em;
		}

#sivupalkki p, #sivupalkki li {
		line-height: 1.3em;
		font-family: Arial, sans-serif;
		}

.break {
		display: none;
		}

/* ---------- 5. kuvat ---------- */

a img {
		border: 0;
		}
		
#sivupalkki img {
		display: block;
		border: 1px solid #ffffff;
		margin-bottom: 1em;
		
		}
. img {
		display: block;
		border: 1px solid #ffffff;
		margin-bottom: 1em;