* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	background: transparent;
}
input, textarea, select { border:1px black solid;}

body {font: 75%/150% "Trebuchet MS", Tahoma, Arial; background:url(elementit/sivun_bg.jpg) repeat-x; background-color: #727272; color:#000000;}

.white { color:#ffffff; }

.wrap {  width:1000px; margin: 0 auto; border: #808080 2px solid ; }

.otsikko {
padding-top:65px;
color: #817b57;
font-weight: bold;
font-size:18px;
}

.navi_logo{
display: block;
height: 50px;
margin: 0px;   padding:0px;
}
.taulukko {
border: 0px solid;
}

.wrap2 {  width:580px; margin: 0px; border:0px; display:block; background: url(elementit/sisalto_tausta.png) top left repeat-y; min-height:450px;  }

.left { float: left; width: 213px;    padding:0px;  }

.center { float: left; width: 580px; margin: 0px; display: block; padding:0px 0px 0px 0px; ;}

.palsta { color:#000000; float: left; width: 260px; margin: 0px;   padding:0px; margin-left:42px; min-height:380px;  }

.palsta_wide { color:#000000; float: left; width: 400px; margin: 0px; display: block; padding:0px; margin-left:42px; }

.palstaoikea { float: left; width: 220px;  margin: 5px 45px 15px 4px;  }

.palstaoikea2 { float: left; width: 220px;  margin: 5px 45px 15px 4px;  }

.clear { clear:both; height:0; line-height:0px; }

.centertop {
width:580px;
height: 105px;
margin-top:5px;
text-align:center;
background: url(elementit/sisalto_top.png) no-repeat bottom;
}

.v_valikko{
background:#707070 url(elementit/vasen-lohko_bg.png) repeat-x top;
width: 170px;
min-height: 100px;
border:#3b3b3b 2px solid;
margin-top: 20px;
margin-left: 20px;
color: #FFFFFF;
}

.v_valikko2{
background:#707070 url(elementit/vasen-lohko_bg2.png) repeat-x top;
width: 170px;
min-height: 100px;
border:#3b3b3b 2px solid;
margin-top: 20px;
margin-left: 20px;
color: #FFFFFF;
}

.o_valikko{
float:left;
background:#727272 url(elementit/vasen-lohko_bg.png) repeat-x top;
width: 170px;
min-height: 100px;
border:#3b3b3b 2px solid;
margin-top: 100px;
margin-left: 20px;
color: #FFFFFF;
}



/* vasemman navin linkkien määritykset */

.v_valikko a, .v_valikko a:link, .v_valikko a:visited {
background:url(elementit/navi_nuoli.gif) no-repeat;
background-position: 2px 4px;
color: #FFFFFF;
padding-left: 18px;
}

ul.valikko {
background-position: 2px 4px;
padding: 4px 4px 4px 4px; 
}

.valikko li a , .valikko li a:link, .valikko li a:visited  {
background:url(elementit/navi_nuoli.gif) no-repeat;
background-position: 2px 4px;
color: #FFFFFF;
padding-left: 18px;
}

.valikko li a:hover {
color: #999999;
text-decoration: none;
}


.navi {
background:#707070 url(elementit/navi_tausta.png) repeat-x; height:28px; padding: 0 1px 0 5px; color: #FFF; font-weight:bold; }

.navi p { padding: 3px 0px 4px 4px; display:block; }

.sponsori { background: transparent; position: absolute center; padding: 4px 5px 4px 4px; }

.sponsori p { text-align: left; font-size: 90%; padding: 5px; color: #FFF; }


  .header { 
  height: 142px;
  position: relative;
  }
  #header-logo {
  background: url(elementit/xon-puisto_logo.png) 0 0 no-repeat;
  height: 247px;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  }
  
    #header-alku {
	  background: url(elementit/header_alku2.jpg) 0 0 no-repeat;
	  height: 167px;
	  width: 100%;
  }
  
      #header-keski {
	  float: left;
	  background: url(elementit/header_keski.jpg) 0 0 no-repeat;
	  height: 28px;
	  width: 258px;
		margin-right:-4px;
  }
      #header-loppu {
	  background: url(elementit/header_loppu2.jpg) 0 0 no-repeat;
	  height: 81px;
	  width: 213px;
  }
  .footer1 {
   height: 160px;
   width:580px;
   background: url(elementit/center_pohja.png) no-repeat;
   padding-bottom: 15px;
 }
 
 .footer {
 font-size:10px;
 color:#999999;
 text-align:center;
 clear: both;
 height:40px;
 width:1000px;
 background: url(elementit/footer_bg.jpg) ;
 }
 
 .footer p {
color:#999999;
 }

 .footer a, .footer a:link, .footer a:visited {
 font-size:90%;
 color: #1d7ec2;
 }
 
 .small {
 font-size:11px;
 color: #999999;
 text-align:left;
 padding-top:0px;
 }
 

 a, a:link, a:visited {
 font-size:12px;
 color: #1d7ec2;
text-decoration: none;
 }
 

a:active {color: #CB833F;}

div.etusivu {padding: 0px 0px 0px 0px;clear: both; margin: 0px; }

p {padding: 0px 0px 10px; margin: 0px;}



hr { color: #ad913d; border-style:dashed; padding:0px; }
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #817b57;
	text-align: left;
	padding: 0px 0px 0px 15px;
	
}

h2 {
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #897d57;
	text-align: left;
	padding-bottom: -5px;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6378A7;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6378A7;
}

h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6378A7;
}

.fi{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#00639C;
	background:#FFFFFF url(elementit/fibg.gif) no-repeat top left;
	border:#48DCBC 1px solid;
}
.sb{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#707070;
	border:#505050 2px solid;
}
.sb:hover{
	color:#FACEA2;
	border:#FACEA2 2px solid;
}

.sb:active{
	color:#CB833F;
	border:#CB833F 2px solid;
}
	
.tbl{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	border:2px solid #404040;
	border-top-width:8px;
	border-bottom-width:8px;
	background:#808080;

}

.tbl1{
	height: 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#758FC6;
}

.tbl2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#758FC6;
}

.mini{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#004D91;
	text-align:center;
	}
	



	
/* valikon määritykset */

.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmsh div a{float:left;}.qmmc div {visibility:hidden;position:absolute;}

	#qm0	
	{	
		display: block;
		background-color:#FFFFFF;
		background-image:url(elementit/navi_tausta.png);
		width: 745px;
		height: 28px;
		background-color:transparent;
	
	border:0px;
float:left;
	}

	#qm0 a	
	{	
	
		padding:4px 12px 5px 1px;
		background-color:transparent;
		color:#FFFFFF;
		font-family:Arial;
		font-size: 105%;
		font-weight: bold;
		text-decoration:none;
		border:0px;
	}


	#qm0 a:hover	
	{	
		color: #bbbbbb;
		text-decoration:none;
	}

	#qm0 .qmparent	
	{	
	}

	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		
		color:#ffffff;
		text-decoration:none;
	}


	#qm0 div	
	{	
		padding:2px;
		margin:0px;
		/*background-color:#eeeeee;*/
		min-width: 100px;
	}


	#qm0 div a	
	{	
		padding:0px 0px 0px 6px;
		color:#ffffff;
		font-size: 90%;		
		border-color:#808080;
	}


	#qm0 div a:hover	
	{	
		background-image:url(elementit/nuoli_oikea.gif);
		background-repeat:no-repeat;
		background-position: center left;
		background-color:transparent;
		color:#000000;
		text-decoration:none;	
	}


	#qm0 div .qmparent	
	{	
	}


	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#808080;
		color:#000000;
		text-decoration:underline;
		border-color:#000000;
	}