body{ 
margin:0;
padding:0;
background-color:#CCCC66;
color:#006400;
font-size:14pt;
font-family: Arial, Helvetica, sans-serif, Verdana;
line-height:1.5em;
}



#header{ 
padding-top:1em;
padding-bottom:1em;
display:flex;
flex-flow: row wrap;
justify-content: center;
}

#kuva-logo{
  height:64px;
}

#kuva-nimi{
  height:64px;
  margin-left:1em;
}



#navi{ 
width:90%;
max-width:800px;
margin:0 auto;
display:flex;
flex-flow: row wrap;
justify-content: center;
}

#center { 
width:90%;
max-width:800px;
margin:0 auto;
padding-top:1.5em;
text-align:left;
}


#footer { 
width:90%;
max-width:800px;
display:flex;
flex-direction: row;
justify-content: center;
margin-top:2em;
margin-left:auto;
margin-right:auto;
padding-top:1em;
padding-bottom:2em;
border-top:1px solid #006400;;
}

#footer div{
  margin-left:1.5em;
  margin-right:1.5em;
}

p {
font-size:100%;

}

p.pieni
{
font-size:75%;
text-align:left;
margin-left:25px;
}


table {
width:100%;
margin-left:25px;
margin-right:25px;
}

table.hinnasto{
width: 160px;
margin-left:0px;
text-align: left;
}

ul {
  margin-left: 1em;
}

li {
  padding-bottom:0.5em;
}

#navi div {
  height:auto;
  margin-top:0.5em;
  margin-bottom:0.5em;
  margin-left:0.25em;
  margin-right:0.25em;
}

#navi a {
  
  padding:0.5em 1em;
  /*line-height: 40px;*/
  text-decoration: none;
  font-weight: bold;
  /*#CCCC66;*/
  background-color:#CCF066;
  color:#006400; 
  text-align:center;
  border:1px solid #006400;
  border-radius:8px;
}

#navi a:hover {
  color:#CCCC66;
  background-color:#006400;
}

#navi a.valittu{
  border:3px solid #006400;
}

ul.yhteys {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

ul a.muu {
  display: inline;
  text-decoration: underline;
  color:#00A000; 

}


a.muu {
  display: inline;
  text-decoration: underline;
  color:#00A000; 

}

h2{
font-size:120%;
color:#006400; 
}

h3{
font-size:100%;
font-weight: bold;
color:#006400; 
}

img{
margin:0px;
}

.rajattu{
margin:0px;
border-style:solid;
border-color:#006400;
border-width:2px;
}

hr{
border:0;
height:1px;
width:95%;
background:#006400;
color:#006400;

}

 /* unvisited link */
a:link {
  color:#001600;
}

/* visited link */
a:visited {
  color:#003200;
}

/* mouse over link */
a:hover {
   color:#CCCC66;
  background-color:#006400;
}

/* selected link */
a:active {
  color:#004800;
}