/* U U D E T */

BODY {
	letter-spacing: normal;
	line-height: normal;
	list-style-type: square;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0;
	background-color: White;
	text-align: center;
}

/* DIVIT */ 

#logo{
	position: relative;
	width: 100%;
	height: 90px;
	clear: both;
	background-image: url(/kuvat/bg_logo.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: White;
	text-align: left;
}

#navigointi {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #669933;
	border-top: 0px solid #609C00;
	border-bottom: 0px solid #609C00;
	text-align: left;
	color: White;
}

#jakaja1 {
	position: relative;
	width: 100%;
	height: 35px;
	background-color: White;
	text-align: left;
}

#vasen {
	width: 22%;
	float: left;
	display: inline;
	margin-left: 3%;
	text-align: left;
	padding: 0 0 35px 0;
}

#keski {
	width: 44%;
	float: left;
	margin-left: 3%;
	text-align: left;
	padding: 0 0 35px 0;
}

#oikea {
	width: 22%;
	float: left;
	margin-left: 3%;
	text-align: left;
	padding: 0 0 35px 0;
}

#yhteistyossa {
}

#info {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 25%;
	height: auto;
	background-color: transparent;
	text-align: right;
}

#lomake {
	width: 90%;
	height: auto;
}

/* Etusivu */ 

#keskietusivut {
	width: 69%;
	float: left;
	margin-left: 3%;
	text-align: left;
	padding: 0 0 35px 0;
}


/* OTSIKOT */

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: Black;
	margin: 0;
	border-bottom: 0px solid #A0A0A0;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: Black;
	border-bottom: 0px solid #A0A0A0;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: Black;
}

/* TEKSTIT */

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: Black;
	text-align: left;
}

.pieni {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: Black;
	text-align: left;
}

#navigointi p {
	padding: 15px;
	color: White;
	font-size: 80%;
	text-align: left;
	margin: 0;
}

#yhteistyossa p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: Black;
	text-align: left;
}


#info p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: Black;
	text-align: right;
}

/* LINKIT */


/* perus */

#keski a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: normal;
	text-decoration: underline;
}

#keski a:hover {
	text-decoration: none;
}

#keskietusivut a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: normal;
	text-decoration: underline;
}

#keskietusivut a:hover {
	text-decoration: none;
}

#oikea a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: normal;
	text-decoration: underline;
}

#oikea a:hover {
	text-decoration: none;
}

#info a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: normal;
	text-decoration: underline;
}

#info a:hover {
	text-decoration: none;
}

#navigointi a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: White;
	font-weight: bold;
	text-decoration: none;
}

#navigointi a:hover {
	text-decoration: underline;
	color: White;
}

#vasen a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

#vasen a:hover {
	color: #B45400;
}

#yhteistyossa a, a:active, a:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #006600;
	font-weight: normal;
	text-decoration: underline;
}

#yhteistyossa a:hover {
	text-decoration: none;
	color: #006600;
}

/* Valittu */

#navigointi a.navivalittu, a.navivalittu:active, a.navivalittu:link, a.navivalittu:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

#navigointi a.navivalittu:hover {
	text-decoration: none;
	color: White;
}

#vasen a.navivasenvalittu, a.navivasenvalittu:active, a.navivasenvalittu:link, a.navivalittu:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #B45400;
	font-weight: bold;
	text-decoration: none;
}

#vasen a.navivasenvalittu:hover {
	color: #006600;
}

/* LISTAT */

ul {
	margin: 0;
	padding-left: 0;
}

li {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#vasen ul {
	margin: 0;
	padding: 0;
}

#vasen li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: White;
	border-bottom: 1px solid White;
	border-right: 0px solid #727272;
	padding: 0px 0px 10px 15px;
	list-style-type: none;
	text-align: right;
}

/* LOMAKE */

select, input, text, textarea {
	border: 1px solid #707070;
	background-color: #F8F8F8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: Black;
}

.nappi {
	border: 1px solid #707070;
	background-color: #F8F8F8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: Black;
} 


/* V A N H A T */

/* LOMAKE */

form {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: Black;
	line-height: 175%;
}

select, input, textarea {
	border: 1px solid #404040;
	background-color: #E8F0DD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: Black;
	padding: 3px;
}
	
	
/* KUVAT */

.kuva {
	border: 0;
}

.logokuva {
	border: 0;
}

/* asettelu */ 

div.vasen {
float:left;
margin-bottom: 10px;
margin-right: 10px;
}

div.keski {
float:center;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

div.oikea {
float:right;
margin-bottom: 10px;
margin-left: 10px;
}

	
/* LISTAT */