/* Yleiset */

html, body, div, span, p, h1, a, ul, li, img, input, textarea, button, form, fieldset, table, tr, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

html {
height: 100%;
}

body {
background: url(maikkitexture.jpg);
color: #fffcc8;
font: normal 0.7em/1.3em Verdana, Tahoma, helvetica, "Trebuchet MS", sans-serif;
height: 100%;
text-align: center;
}

p {
margin: 10px 0;
}

h1 {
color: #fffcc8;
font: bold 1.6em/1.3em Century, Arial Black, Tahoma;
margin: 0px 0 0px 0;
}

a {
color:#ffffff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Sisältö */






#wrapper {
background: url(wrapper.png) repeat-y;
margin: 0 auto;
min-height: 100%;
text-align: left;
width: 899px;
}

#header {
background: url(header.png) no-repeat;
height: 156px;
margin-left: 9px;
width: 880px;
}

#nav {
background: url(nav.png) no-repeat;
height: 43px;
margin-left: 9px;
width: 899px;
}

#nav ul {
text-align: center;
padding: 10px 0 0 0;
}

#nav ul li {
display: inline;
font: normal 1.6em/1.3em Century, Arial Black, Tahoma;
list-style: none;
margin: 0 0 0 20px;
}

#nav a {
color: #fffcc8;
margin: 0 20px 0 0;
}

#nav a:hover {
text-decoration: underline;
}

#flash {
background: url(flash.jpg) no-repeat;
margin-left: 9px;
}


table.ruoat
{ width: 330px;

}


td.nro
{ background-color: #009933;

font-family: Verdana;
font-weight: bold;
font-size: 1em;
color: #ffffff;
padding-top: 4px;
padding-bottom: 4px; 
padding-left: 2px;
border-right: 1px #69B723 solid;
}


td.ruoka
{ background-color: #009933;

font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #AF251B;
padding-top: 4px;
padding-bottom: 4px; 
padding-left: 2px;}

td.hinta
{ 
background-color: #009933;
font-family: Verdana;
font-weight: bold;
font-size: 1em;;
color: #000000;
padding-top: 4px;
padding-bottom: 4px; 
padding-left: 2px;
border-left: 1px #69B723 solid;}

td.tayte
{

text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 1em;
color: #000000;
background-color: #8DC474;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
border-bottom: 15px #69B723 solid;
 }

#content {

float: left;

width: 880px;
}


#left {
border-right: 1px solid #fffcc8;
float: left;
margin: 30px ;
padding: 0 10px;

width: 355px;
}

#right {


float: left;
margin: 30px 0 30px -1px;
padding: 0 20px;

width: 355px;
}


#footer {
background: #60992c url(footer.png) no-repeat;
clear: both;
font-weight: bold;
height: 27px;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
width: 880px;
}
