body
{
background-color: rgb(255,153,0);
background-image: url(images/retkikuvat/tausta_retki_oranssi4.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top-left;
color: rgb(102,0,0);
font-family: Arial, sans-serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(255,255,255);
}


#logo, #logo a
{
	height: 142px;
margin-top: 0px;
margin-left: 10px;
background-color: transparent;
background-image: url(images/retkikuvat/logo_retki4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
color: rgb(0,0,0);
border-width: 0px;
border-style: none;
padding: 0em;
}

#head
{

margin-left: 10px;
background-color: transparent;;
color: rgb(153,0,0);
font-size: 90%;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 0px; border-right-width: 0px; border-top-width: 10px; border-bottom-width: 0px;
border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
border-color: rgb(153,0,0);
text-align: left;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 10px;
}

#trail, #trail a
{

background-color: rgb(153,153,153);
color: rgb(255,255,204);
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 1px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: dotted;
padding: 11px 11px 11px 11px;
border-color: rgb(255,204,102);
text-align: right;
}



#content
{

font-family: Arial, sans-serif;
margin-left: 10px;
font-size: 80%;
background-color: rgb(255,255,204);
border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;
border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
border-color: rgb(153,0,0);
text-align: left;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;

}


.pieni {
font-size: smaller;
  }

.paivakirja
 {
 font-weight: 600;
 letter-spacing: 0.1em;
 color: rgb(255,153,0);
   }

#menu
{
background-color: transparent;
color: rgb(255,255,255);
font-family: Arial, sans-serif;
font-style: normal;
border-color: rgb(198,210,181);


}

#update
{
background-color: rgb(255,201,102);
color: rgb(102,102,102);
font-family: Arial, sans-serif;
font-style: normal;
border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;
border-left-style: dashed; border-right-style: dashed; border-top-style: dashed; border-bottom-style: dashed;
border-color: rgb(255,255,255);
padding: 10px;
text-align: left;
}

#update a:link
{
color: rgb(0,51,255);
text-decoration: underline;
}

#update a:visited
{
color: rgb(102,102,102);
text-decoration: underline;
}

#update a:hover, #update a:active
{
color: rgb(255,102,0);
text-decoration: underline;
}

#bottom

 {
 margin-left: 10px;
 background-color: transparent;
 font-family: Arial, sans-serif;
font-style: normal;
font-size: 80%;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(255,255,255);
padding: 10px;
text-align: center;
   }

 #bottom a:link
	  { text-decoration: none;
		color: rgb(0,0,255);
		 }
		 
		 #bottom a:visited
			 {
			 text-decoration: none;
			 color: rgb(102,102,102);
			   }	
				 	
		 #bottom a:hover, #bottom a:active
		  { text-decoration: underline;
			color: rgb(0,153,204);
			 }
			 
			

#info
{
margin-left: 10px;
background-color: transparent;
color: rgb(204,204,204);
font-family: Arial, sans-serif;
font-style: normal;
font-size: x-small;
border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: dashed; border-bottom-style: none;
border-color: rgb(255,204,0);
padding: 10px;
text-align: center;
}

	 	

a.menuitem
{
font-size: 90%;
font-family: verdana, Arial, sans-serif;
background-color: transparent;
color: rgb(153,0,0);
font-variant: normal;
text-transform: none;
font-weight: bold;
margin-left: 18px; margin-right: 18px; margin-top: 18px; margin-bottom: 18px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 2px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: dotted;
border-color: rgb(153,0,0);
text-align: left;
}





#trail a:hover
 {text-decoration: underline;  }



#content a:link
{
color: rgb(0,0,255);
text-decoration: underline;
}

#content a:visited
 {
 color: rgb(102,102,102);
   }
	 
	 #content a:hover, #content a:active
{
color: rgb(0,153,204);
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
}

.valkoinen
 { 
 color: rgb(255,153,0);
  }

	.link
	 { 
	  color: rgb(255,255,255);
		letter-spacing: 0.2em;
		 }
	
	.update
 {
  letter-spacing: 0.2em;
  }

#menu a

{
text-decoration: none;

}

.menuitem:hover
{
background-color: rgb(153,0,0);
color: rgb(255,153,0);
}


#trail a
{
text-decoration: none;
}

#logo a
{
text-decoration: none;
}

	 
img 
{ 
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
border-style: solid;
border-width: 1px;
 }
 
 div.oikeakuva {
float: right;
text-align: center;
font-size: smaller;
 }


 
.noborder
 {
 border-width: 0px;
   }
	 
.logo {
border-width: 3px;
margin: 0em;
padding: 0px 0px 0px 0px;
  }
	
.raami {
border: dotted 1px;
padding: 5px;
background-color: rgb(255,255,255);
  }
	 
ul
.harmaakuva
 {list-style-image: url(images/lista_harmaa.gif);  }
.oranssikuva
{list-style-image: url(images/lista_oranssi.gif);  }
.tahti {
list-style-image: url(images/lista_tahti.gif); 
  }
.inside
 {list-style-type: none; 
 list-style: inside;
  }

	div.marita { 
width: 95%;
background-color: rgb(204,204,204);
padding: 10px;
border-width: 1px;
border-style: dotted;
color: rgb(102,51,51);
margin-top: 10px;
margin-bottom: 10px;
 }
 
 div.minna {
 width: 95%;
background-color: rgb(255,255,255);
padding: 10px;
border-width: 1px;
border-style: dotted;
color: rgb(102,51,51);
margin-top: 10px;
margin-bottom: 10px;
   }
	 
	 div.keskikuva {
float: center;
margin-right: 30px;
margin-bottom: 20px;
	font-size: 11px;
	text-align: center;
  }


	 



/* layout */
#menu		{width: 26%; position: relative; top: 0; right: 0; float: right; text-align: center;}
.menuitem		{width: auto;}
#content		{margin-right: 26%; width: auto;}
.menuitem		{display: block;}




@media print

{

#menu       {display: none;}

#content    {padding: 0px;}

#content a  {text-decoration: underline;}

}