/*PERUSELEMENTIT*/

body {
	margin: 0px;
	padding: 0px;
	
}

img{
	border: none;
}


/*SÄILIÖT*/

#main {
	width: 674px;	
}

#header {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	height: 80px;
}

#logo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 60px;
	
}

#title {

	width: 299px;
	height: 47px;
	margin: 0px 0px 0px 115px;
	padding: 0px 0px 0px 0px;
	background-image: url(../kuvat/title_inst.gif);
	background-repeat: no-repeat;
}

#navi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 120px;
}

#palkki {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 674px;
	height: 100px;
	background-image: url(../kuvat/palkki_vihrea.jpg);
	background-repeat: no-repeat;
	
}


#content {
	margin: 0px;
	padding: 0px;
}	



#subnavi {
	width: 120px;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right; 
}
	



#texttitle {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 674px;
}

#text {
	margin: 25px 0px 0px 120px;
	padding: 0px;
	width: 380px;
}


#footer {
	margin: 40px 0px 0px 120px;
	padding: 10px 0px;
	clear: both;
	border-top: 1px solid #666;
}

/*TEKSTIMÄÄREET*/

h1{
	display: none;
}

h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: georgia, "times new roman", times ;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #111;
	
}

h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #68004E;
}

h4 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #68004E;
}



h5 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #68004E;
}


h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #68004E;
}

#navi ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: tahoma, arial;
}

#navi li {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;

}


#navi a:link, #navi a:visited {
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 15px 0px;
	text-decoration: none;
	color: #628B31;
}

#navi a:link.active, #navi a:visited.active {
	background-image: url(../kuvat/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #68004E;
}

#navi a:hover {
	color: #68004E;
}


#subnavi ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 11px 0px;
	font-family: tahoma, arial;
}

#subnavi li {
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 13px;
}


#subnavi a:link, #subnavi a:visited {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	color: #628B31;
}

#subnavi a:hover, #subnavi a:link.active, #subnavi a:visited.active {
	color: #68004E;
}



#texttitle h2 {
	padding: 0px;
	margin: 40px 0px 0px 120px;
}

#text p {
	padding: 0px;
	margin: 0px 0px 11px 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	color: #111;
}


#text ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	color: #111;
}

#text li {
	margin: 5px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	list-style-type: decimal;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	color: #111;
}

#text a:link, #text a:visited, #text a:hover, #text a:active  {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	color: blue;
}





#linkkilista ul{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	color: #111;
}

#linkkilista li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 15px;
	color: #111;
}

#linkkilista a:link, #linkkilista a:visited, #linkkilista a:hover, #linkkilista a:visited {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	color: blue;
}





#footer p {
	margin: 0px;
	padding: 0px;
	font-family: tahoma, arial;
	font-size: 9px;
	line-height: 12px;
	color: #999;

}

#footer a:link, #footer a:visited {
	font-size: 9px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #628B31;
	
}

#footer a:hover {
	color: #68004E;
}


/*LOMAKKEEN CSS*/

#lomake {
	width: 335px;
}

#lomake p {
   margin: 11px 0px 11px 0px;
	padding: 0px;
	font-family: tahoma, arial;
	font-size: 11px;
}


.row {
	clear: both;
	padding: 5px 0px 0px 0px;
	
}

.label {
	float: left;
	text-align: left;
	width: 80px;
	font-family: tahoma, arial;
	font-size: 11px;
}
 
.formarea {
	float: right;
	text-align: left;
	width: 250px;
}

.singleline {
	width: 230px;
}


.spacer {
clear: both

}

input.btn {
	margin: 0px;
	padding: 3px;
	color: #000;
	background-color: #95b65d;
	border: 1px solid #628B31;
	font-family: tahoma, arial;
	font-size: 11px;
}









/*APULUOKAT*/

#subnaviviiva{
	width: 120px;
	border-top: 1px solid #666;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.imgborder {
	border: 1px solid #666;
}

.karttamargin{
	margin: 0px 0px 10px 0px;
}

.musta{
	color: #000;
}