body {
text-align: center; /* for IE */
background: #EEEEEE;
background-image: url('tausta.gif');
background-repeat: repeat-x;
font-family: Helvetica, Verdana, Arial, Sans-Serif;
font-size: 12px;
/*margin-left: auto;
margin-right: auto;*/
}

h1 {font-family: Georgia, "Times New Roman";
margin: 0px; font-size: 16px; padding-bottom: 5px; }

h2 {
padding-top: 5px; 
margin-bottom: 5px; margin-top:0px; 
font-size: 14px; font-weight: bold; }

h3 {
padding-top: 5px; 
margin-bottom: 0px; margin-top: 0px;
font-size: 12px; font-weight: bold;
}

h4 {
padding-top: 5px;
margin-bottom: 0px; margin-top: 0px;
font-size: 14px; font-weight: bold;
}

h5 {
padding-top: 0px;
margin-bottom: 5px; margin-top: 0px;
font-size: 12px; font-weight: normal;
}

h1:before { content: ":: "; }

p { 
font-size: 12px;
padding-left: 3px;
margin: 5px; margin-top: 0px;
}

div#kehys { 
position: relative;
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
/*margin-left: auto; margin-right: auto; margin-top: 30px;*/
/*max-width: 900px;*/
width: 900px;
border: 1px solid #A8A8A8;
}

div#otsikko {
/*padding: 0px; 
margin: 0px;
vertical-align: middle; 
*/	       
border-bottom: 1px solid #A8A8A8;
height: 60px;
background-image: url('otsikkob.gif'); 
background-repeat: repeat-x;
}

div#otsikko img { border: 0px; margin:0px; height: 60px; }

div#kuva {
/*position: relative;*/
background-image: url('logo2.png'); 
background-repeat: repeat-x;
height:60px; width:191px;
float:left;
}

.autek { display: none;  }

a { color: #C1B11E; text-decoration: none; font-weight: bold; }

a:hover { text-decoration: underline; }

div#otsikko a {
margin-left: 8px;
font-size: 12px; font-family: Georgia, "Times New Roman";
text-decoration: none; font-weight: bold; 

}

div#otsikko a:hover {
text-decoration: underline;
}

div#linkit {
float: left;
width:auto;
height:50px;
margin-top: 5px;
/*
vertical-align: top;
position:relative;
left:40px;
top:12px;
*/
}

div#linkit hr { margin-top: 1px; margin-bottom: 2px;}

div#sisalto {
padding: 15px 0px 3px 0px;
/*padding-bottom: 3px;*/
background: #F8F8F8; background-image: url('sisaltob.gif'); 
background-repeat: repeat-x;
width:900px;
}

div#innerSisalto {margin: 0px 15px 0px;}

.footer {
font-size: 9px; margin-top: 20px; border-top: 1px dashed #B0B0B0;
padding-top: 3px; text-transform: uppercase; color: #B0B0B0;
}

.small { font-size: 9px; color: #B0B0B0; }

.keski { vertical-align: top; width: auto; }

.oikea { width: 200px; padding-right: 0px; margin:0; padding-left: 10px; 
}
.vasen {margin-left: 0px; vertical-align: top; width: 
160px; padding-right: 10px; /*background: #F0F0F0;*/}

.vasenyritys { width: 220px; padding-right: 15px; }

.oikeayritys { width: 220px; padding-left: 15px; }

.ajankohtaista {
background:#F0F0F0;
font-size: 12px;
width: 100%;
border: 1px dashed #B0B0B0;
 margin-right: 10px; margin-bottom: 10px;
}
.ajacontent { margin: 10px; }

.ajankohtaista h2 { 
color: #505050; padding: 2px; 
border-bottom: 1px dashed #B0B0B0;
text-align: center; background-image: url('liukuaja.gif');
}

td.keski { 
padding: 0px 10px 0px 10px;}

td.oikea {border-left: 1px dashed #B0B0B0;}

td.vasen { border-right: 1px dashed #B0B0B0; }

td.oikeayritys { border-left: 1px dashed #B0B0B0;}

td.vasenyritys { border-right: 1px dashed #B0B0B0; }

td {vertical-align: top; }

.urheilu b { font-size: 12px; font-weight: normal; }

table { 
width: 99%; 
padding: 0px; 
margin:0px; 
font-size: 12px; 
/*align: left;*/
}

.tab { font-size: 12px; margin-left: 15px; }

table.tentti {
width: 60%;
/*align: left;*/

}
td.tentti_td_vasen {
text-align: right;
}

hr {
 color: #B0B0B0;
 background-color: #B0B0B0;
 height:1px;
 padding: 0px;
 margin: 3px;
 border: 0;
}

.aukuva { margin-top: 20px;}

table.ie_ruokalista {
width: 40%;
}

table.myynti { 
position: relative; left: 20%; top: 10px;
/*align: center;*/
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 10px;  font-size: 12px; width: 60%;
} 

table.myynti td.v { background-image: url('liukuaja.gif');
background-color: #EEEEEE; text-align: center; }

table.hallitus {
position: relative;
margin: auto;
font-size: 13px; padding: 3px; width: 75%; 
margin-left: auto;
margin-right: auto;
/*align: center;*/
}

table.hallitus td.h {
text-align: center; border: 1px solid #A8A8A8; 
width: 33%; margin-left: 10px; vertical-align:top; }

table.kuvat { width: 90%; }

table.kuvat td.l { 
padding-top: 20px;
padding-bottom: 10px;
vertical-align: top;
text-align: center;
border-right: 1px solid  #A8A8A8; }

table.kuvat td.r { 
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
vertical-align: top;
width: 30%; 
text-align: left; }

/*li { list-style-type: square; }*/

table.palaute { padding-left:60px; }
table.palaute td.n { width: 10%; }

table.poykyt td.poykyt_oikea {
width: 20%;
border-right: 1px solid #A8A8A8; 
padding-left: 10px; 
vertical-align: top;
}
table.poykyt td.poykyt_vasen {
padding-right: 10px;
vertical-align: top;
}

table.v_hallitus {
width:65%;
padding:20px;
border: 1px dashed #A8A8A8;

}
table.v_hallitus td.v_hall_v {
vertical-align: top;
width: 50%;
}
table.v_hallitus td.v_hall_o {
vertical-align: top;
}

table.info { width:90%; }

table.info td.info { width:50%; }

.ruokalistat { 
width: 60%; 
/*position: relative;*/
margin-left: auto; 
margin-right: auto;
padding-left: 10px; 
/*align: center;*/
}
.ruokalistat hr { display: none; }

table.ruokalista { width: 100%; padding-left: 50px; }

table.ruokalista td.ruokalista_ruoka {
width: 70%;
}

table.ruokalista td.ruokalista_aukiolo {
background: #EEEEEE;
height: 100px;
width: 30%;
border-left: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
border-right: 2px solid black;
border-bottom: 2px solid black;
}