/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#000;
}

a {
	text-decoration:none;
	color:#9b3535; 
}

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

#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
	background:url(images/bg.jpg);
	border:0px solid green; 
}

.fl { 
	float:left;
}

.fr { 
	float:right;
}

.clearfix { 
	clear:both;
}

/* header */

#header { 
	position:relative;
	height:111px;
	background:url(images/hd.jpg);
	border:0px solid green; 
}

#logo {
	position:absolute;
	top:30px;
	left:80px;
}

#logo h1 {
	font-size:34px;
	color: #9B3535;
}

#logo div {
	padding-left:100px
	border:0px solid green;
}

#nav {
	position:absolute;
	top:35px;
	left:420px;
	background:url(images/nav.jpg);
	width:454px;
	height:30px;
	line-height:30px;
	padding:0px 0px 0px 10px;
	border:0px solid green;
}

#nav li {
	float:left;
	font-weight:700;
	width:80px;
	padding:0 5px;
}

#nav a {
	text-decoration:none;
	display:block;
	text-align:center;
	color:#fff;
}

#nav a:hover {
	background:#3dd041;
	color:#fff;
}

.aktiivi {
	background:#993233;
	
}

.aktiivi2 {
	background:#fd0000;
	
}

/* content */

.img { 
	margin:0px 0  0 70px;
}

.main {
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/box.jpg);
	color:#000;
	border:0px solid green;
}

.mainb {
	width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/box.jpg);
	color:#000;
	border:0px solid red;
}

.messu {
	width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/box.jpg);
	color:#000;
	border:0px solid blue;
}

.messuside {
	width:50px;
	display:inline;
	font-size:0.9em;
	font-weight:bold;
	margin:0em 0em 0em 0em;
	border:0px solid green;
}

.messutext {
	margin:0em 0em 0em 0em;
}

.messutext p {
	margin:0em 0em 0em 5em;
	width:750px;
	font-weight:bold;
	border:0px solid green;
}

.messutext h2 {
	font-size:1.6em;
	font-weight:bold;
	margin:1em 0em 1em 2em;
	padding:0;
}

.messutext h3{
	font-size:1.4em;
	font-weight:bold;
	margin:0.5em 0em 0.5em 2.5em;
	padding:0;
}

.messutext h4{
	font-size:1.2em;
	font-weight:bold;
	margin:0.5em 0em 0.5em 3.5em;
	padding:0;
}

.messutext ul {
	margin:0em 0em 0em 5em;
}

.messutext li {

	list-style-type:disc;
	list-style-position: inside;
}

.messutext ol {
	margin:0em 0em 0em 5em;
}

.messu table {
	margin:1em 0em 0em 3.5em;
	width:800px;
	text-align:center;
	border:1px solid green;
}

.messu caption {
	height:1.8em;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	border:0px solid green;
}

.messu th {
	height:2em;
	border:1px solid green;
	text-align:center;
	font-weight:bold;
}

.messu td {
	height:2em;
	border:1px solid green;
	text-align:left;
	padding-left:5px; 
}



.alaraja td {
	height:2em;
	border:1px solid green;
	border-bottom:0px solid green;
	border-top:0px solid green;
	text-align:left;
	padding-left:5px; 
}

.alku {
	clear:both;
	border-bottom:0px dotted black;
}

.messutext a {

	text-decoration:underline;
	color: blue;
}

.messutext a:hover {	
	text-decoration:underline;
	color:#23ac20;
}



#text {
	margin:0px 0  0 65px;
	border:0px solid blue;
}

#text p {
	margin:0 auto;
	width:420px;
}

#text h2 {
	font-size:30px;
	padding:20px 0 20px 0;
}

#text h3{
	font-size:1.3em;
	padding:20px 0 20px 0;
}

#text h4{
	font-size:1.2em;
	padding:20px 0 20px 0;
}

#text img {
	margin:10px 0  0 0;
}

#textb {
	margin:0px 0  0 65px;
	border:0px solid black;
}

#textb p {
	margin:0 auto;
	width:720px;
}

#textb h2 {
	font-size:30px;
	padding:20px 0 20px 0;
}

#textb h3{
	font-size:1.3em;
	padding:20px 0 20px 0;
}

#textb img {
	margin:10px 0  0 0;
}

#col {
	margin:30px 0  10px 65px;
	background:url(images/col.jpg) no-repeat;
	width: 419px; 
	height:261px; 
	font-size:12px;
}

#col p {
	margin:10px 0  10px 15px;
	font-size:12px;
	font-weight:bold;
}

#col div {
	width: 150px;
	margin: 20px 0 0  10px;
	display:inline;
}

#col .first {
	margin: 20px 30px 0 20px;
}

#col li {
	line-height:20px;
	list-style:none;
	color:#9b3535;
}

#col a {
	color:#9b3535;
	text-decoration:underline;
}

.side {
	width:320px;
	display:inline;
	font-size:0.9em;
	font-weight:bold;
	border:0px solid black;
}

.side h2 {
	font-size:1.3em;
	font-weight:bold;
}

.side li {
	line-height:20px;
	list-style:none;
	color:#9b3535;
}

.side ul {
	margin:20px  0 30px 20px;
}

.side a {	
	text-decoration:underline;
	color:blue;
}

.side a:hover {	
	text-decoration:none;
	color:red;
	/*color:#fff;*/
}

#top {
	margin-top:8em;
	border:0px solid green;
}

/* footer */

#footer {
	background:url(images/ft.jpg);
	height:100px;
	position:relative;
}

#ftinner{
	position:absolute;
	bottom:20px; width:680px;
	margin-left:80px;
	color:#E98383;
}

#ftinner a {
	color:#FFFFFF;
}

.ftlink {
	width:500px;
	color:#fff;
}


table {
	margin-top:2em;
	width:100%;
	text-align:center;
	table-layout:auto;
	border:0px solid green;
}

caption {
	padding:0.5em;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

th {
	padding:0.5em;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:0px solid green;
}

td {
	padding:0.5em;
	text-align:left;
	font-size:12px;
	border:0px solid green; 
}


#menu {
	width:200px;
	border-top:0px solid  #94AA74;
	border-right:0px solid  #94AA74;
	border-bottom:0px  none  #94AA74;
	border-left:0px solid  #94AA74;
	margin:80px 0px 0px 0px;
}
	
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:98%;
	text-align:left;
}

#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	/*acolor: #888;*/
	/*bcolor: #777;*/
	/*ccolor: #fff;*/
	/*dcolor: #c7377d;*/
	color:#4d4d4d;
	display: block;
	background: url(images/menu1.gif);
	padding: 8px 0 0 20px;
}
	
#menu li a:hover {
	/*acolor: #283A50;*/
	/*bcolor: #257EB7;*/
	/*ccolor: #fff;*/
	/*dcolor: #c7377d;*/
	color: #ff9834;
	background: url(images/menu1.gif) 0 -32px;
	padding: 8px 0px 0px 20px;
}	

ul.vert-one {
	margin-left:2.5em;
	padding:0;
	list-style-type:none;
	display:block;
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	font-weight:700;
	line-height:165%;
	width:200px;
}

ul.vert-one li {
	margin:0;
	padding:0;
	border-top:1px solid #4D0000;
	border-bottom:1px solid #761A1A;
}

ul.vert-one li a {
	display:block;
	text-decoration:none;
	color:#fff;
	background:#ac4546;
	padding:0 0 0 20px;
	width:180px;
}

ul.vert-one li a:hover {
	background:#3dd041 url("images/vert-one_arrow.gif") no-repeat 0 9px;
}

ul.vert-one li a.current,ul.vert-one li a.current:hover {
	background:#3dd041 url("images/vert-one_arrow.gif") no-repeat 0 9px;
}

div.kuva2 {
	float: left;
	width: 350px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 23em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kuva2 p {
	width: 420px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.kuva22 {
	float: left;
	width: 420px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 23em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kuva22 p {
	width: 420px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.kuva2matala {
	float: left;
	width: 264px;
	margin:0em 1em 0em 0em;
	text-align: center;
	vertical-align:middle;
	height: 17.2em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kuva2matala p {
	width: 264px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.kuva2matalay {
	float: left;
	width: 350px;
	margin:0em 1em 0em 0em;
	text-align: center;
	vertical-align:middle;
	height: 38em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kuva2matalay p {
	width: 350px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.kuva2d {
	float:right;
	width: 264px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 21em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kuva2d p {
	width: 264px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.korkea2 {
	float: left;
	width: 264px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 31em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.korkea2 p {
	width: 264px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}

div.korkea2d {
	float:right;
	width: 264px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 21em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.korkea2d p {
	width: 264px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}


div.kylatvas {
	float:left;
	width: 290px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 20em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kylatvas p {
	width: 290px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}




div.kylatoik {
	float:right;
	width: 290px;
	margin:2em 0.5em 0em 1em;
	text-align: center;
	vertical-align:middle;
	height: 20em;
	overflow: hidden;
	background:#fff;
	border:0px solid #993233;
}

div.kylatoik p {
	width: 290px;
	text-align:left;
	color:#37418c;
	margin: 0;
	font-size:0.9em;
	padding: 0.6em 0em 0em 0em;
	background:#fff;
	border:0px solid red;
}


p.clear-both {
  clear: both;
}


.etu	{
	width:1px;
	height:1px;
}

.etu img	{
	width:1px;
	height:1px;
}