/* Vihreä = #99CC66 */
/* Yhteydenottolomakkeiden tyylit määritellään ulr-lomake.css -tiedostossa! */

/* YLEISIÄ MÄÄRITYKSIÄ JA VARMISTUKSIA */

body {
	margin: 0; padding: 0; background: #FFFFFF none;
}

p, td, ul, li, ol, span, div, textarea, input, select {
	/* Koko sivuston fontin yleismääritys */
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt; font-style: normal; line-height: 1.35em;
	color: #000000;
}
img {
	border: 0; padding: 0; margin: 0;
}
a {
	text-decoration: none;
	color: #EC8116;
}
a:hover {
	text-decoration: underline;
}

/* PERUSRAKENNE -- Näihin ei saa koskea muokkaamatta myös grafiikkaa! */

#container {
 	width: 750px;
	margin: 0 auto; /* Keskittää näkyvän osan selainikkunaan */
	background: none #FFFFFF;
}
/* Headereiden sisältö määrätään alempana erikseen */
#header-etusivu {
	position: relative; width: 750px; height: 165px;
}
#header-sisasivu {
	position: relative; width: 750px; height: 113px;
}
#otsikko-sisasivu {
	position: relative;
	height: 32px;
	background: url("elements/elem_sisasivu_otsikontausta.jpg") no-repeat transparent;
	font-size: 18pt;
	font-weight: bold;
	color: #99CC66;
	padding: 8px 0 0 14px;
}
/* Dataosan rakenne määritellään erikseen alempana! */
#footer {
	position: relative;
	height: 20px;
	padding: 0 0 20px 0;
	background: url("elements/elem_footer.jpg") #FFFFFF no-repeat;
}
#footer-copy {
	position: absolute;
	top: 18px;
	left: 15px;
	color: #A0A0A0;
	font-size: 7pt;
}
#footer-linkit {
	position: absolute;
	top: 18px;
	right: 16px;
	color: #A0A0A0; /* Linkittömän tekstin (viivat) väri */
	font-size: 7pt;
}
#footer-linkit a {
	color: #B5924A;
	padding: 0 2px 0 2px;
}

/* HEADER-ELEMENTIT -- Näihin ei saa koskea muokkaamatta myös grafiikkaa! */

#header-etusivu-logo {
	position: absolute; top: 0px; left: 0px;
}
#header-etusivu-aurinko {
	position: absolute; top: 0px; right: -1px;
}
#header-etusivu-menurivi {
	position: absolute; top: 127px; left: 0px; width: 751px;
}
#header-etusivu-ulkoreuna {
	position: absolute; top: 0px; right: -44px;
}
#header-etusivu-ulkoreuna2 {
	position: absolute; top: 208px; right: -44px;
}
#header-sisasivu-logo {
	position: absolute; top: 0px; left: 0px;
}
#header-sisasivu-aurinko {
	position: absolute; top: 0px; right: -1px;
}
#header-sisasivu-menurivi {
	position: absolute; top: 76px; left: 0px; width: 751px;
}
#header-sisasivu-ulkoreuna {
	position: absolute; top: 0px; right: -44px;
}

/* VIHREÄ RIVI -- Näihin ei saa koskea muokkaamatta myös grafiikkaa! */

#vihrearivi-etusivu {
	position: relative;
	width: 750px;
	height: 34px;
	background: transparent url("elements/elem_etusivu_vihrearivi.jpg") no-repeat;
	padding: 9px 0 0 15px;
	color: #FFFFFF;
	font-size: 10pt;
}
#vihrearivi-etusivu-avaaforum {
	position: absolute;
	top: 5px;
	right: 21px;
}
#vihrearivi-sisasivu {
	position: relative;
	width: 750px;
	height: 33px;
	background: transparent url("elements/elem_sisasivu_vihrearivi.jpg") no-repeat;
	padding: 9px 0 0 4px;
	color: #EAEAEA;
	font-size: 10pt;
}
#vihrearivi-sisasivu a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 4px 0 4px;
}
#vihrearivi-sisasivu a:hover {
	text-decoration: underline;
}
#vihrearivi-sisasivu-avaaforum {
	position: absolute;
	top: 5px;
	right: 10px;
}

/* DATASIVUT JA PALSTAT */

#data-etusivu {
	background: url("elements/elem_etusivu_datanylaosa.jpg") no-repeat #F7F5E9;
	padding: 14px 0 0 14px;
}
#data-sisasivu {
	background: url("elements/elem_sisasivu_datanylaosa.jpg") no-repeat #F7F5E9;
	padding: 9px 0 0 14px;
}
#data-pohjataulu {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
#data-palstataulu {
	border: 0;
	border-collapse: collapse;
	width: 718px;
}
/* HUOM! 2-palstan leveys määrää 1-palstan leveyden! */
#data-etusivu-palsta1 {
	vertical-align: top;
	border-right: 1px dotted #B0B0B0;
	padding: 0 12px 0 0;
}
#data-etusivu-palsta2 {
	width: 290px;
	vertical-align: top;
	padding: 0 0 0 10px;
}
#data-sisasivu-palsta1 {
	vertical-align: top;
	border-right: 1px dotted #B0B0B0;
	padding: 0 12px 0 0;
}
#data-sisasivu-palsta2 {
	width: 200px;
	vertical-align: top;
	padding: 0 0 0 10px;
}
#data-sisasivu-palsta2-kapeampi {
	width: 140px;
	vertical-align: top;
	padding: 0 0 0 10px;
}
#data-sisasivu-palsta2-puolikas {
	width: 50%;
	vertical-align: top;
	padding: 0 0 0 12px;
}

#data-etusivu-palsta2 img, #data-sisasivu-palsta2 img,
#data-sisasivu-palsta2-kapeampi img, #data-sisasivu-palsta2-puolikas img {
	/* 2-palstan kuviin automaattisesti kuvatyyli */
	border-bottom: 4px solid #99CC66;
	padding: 0 0 2px 0;
}

/* DATASIVUJEN TEKSTIEN KÄYTTÄJÄTYYLIT */
/* Näihin vaikuttaa oletusarvoisesti alussa oleva yleismääritys */

.KUVATEKSTI {
	/* 2-palstalla kuvan perään */
	font-size: 8pt;
	margin: 0.30em 0 1.5em 0;
	color: #99CC66;
	line-height: 1.15em;
}
.LEIPA {
	font-size: 10pt;
}
.PIENI-LEIPA {
	font-size: 8pt;
}
.VIIVALLINEN-OTSIKKO {
	/* Alapuolella olevalle leipätekstille LEIPA-VIIVAN-ALLA tai PIENI-LEIPA-VIIVAN-ALLA */
	font-size: 11pt;
	font-weight: bold;
	color: #99CC66;
	border-bottom: 1px #99CC66 solid;
	padding: 0;
	margin: 0.8em 0 -0.8em 0;
}
.OTSIKKO {
	/* Alapuolella olevalle leipätekstille LEIPA tai PIENI-LEIPA */
	font-size: 12pt;
	font-weight: bold;
	color: #99CC66;
	padding: 0;
	line-height: 1.8em;
	margin: 0.4em 0 -0.8em 0;
}
.OTSIKKO-2 {
	font-size: 10pt;
	font-weight: bold;
	color: #99CC66;
	padding: 0;
	line-height: 1.8em;
	margin: 1.0em 0 -0.8em 0;
}
.LEIPA-VIIVAN-ALLA {
	margin: 1.1em 0 0em 0;
	font-size: 10pt;
	padding: 0;
}
.PIENI-LEIPA-VIIVAN-ALLA {
	margin: 1.3em 0 0em 0;
	padding: 0;
	font-size: 8pt;
}
.PIENI-HARMAA-LEIPA-VIIVAN-ALLA {
	margin: 1.3em 0 0em 0;
	padding: 0;
	font-size: 8pt;
	color: #909090;
}
.PIENI-HARMAA-LEIPA-VIIVAN-ALLA a {
	/* Linkin värin muutos, kun leipäteksti harmaa */
	color: #B5924A;
}