body { margin: 0; padding: 0; }
h1,h2,h3,h4 {font-family: arial, sans-serif;}
p,ul,ol,dl,address {font-family: arial, sans-serif; color: #000000}
.contentheading { font-size: 1.4em;font-family: arial, sans-serif;  font-weight: normal; color: #315678;}


h1 {font-size: 1.4em; font-weight: normal; color: #315678;}
h2 {font-size: 1.2em; font-weight: normal; color: #315678;}
p,dl {font-size: 80%; }
ul.sitemap { font-size: 80%; line-height: 160%; }
ul.sitemap li.mainmenu { margin-top: 10px; }
a:link          {color: #3355cc;}
a:active        {color: #ff0000;}
a:visited       {color: #445588;}
a:hover         {color: #2244cc; text-decoration: none;}

.modulefobar tr { width: 300px; }


.modulefobar tr td { width: 200px; height:20px;  text-align: right; text-decoration: none; }
.modulefobar tr td a.mainlevelsxp { display:block; font-family: arial, sans-serif; text-align:right;font-size: 0.9em; font-weight: bold;  text-decoration: none; height:18px; width:142px; min-width: 100; color: #ffffff; background-color:rgb(119,156,197); padding: 0px 10px 0px 0px}

.modulefobar table tr td  { background:url(http://www.sonaatti.fi/images/bodybg.jpg);  }

div a.sublevelsxp { display:block; text-align:right;font-family: arial, sans-serif;  font-size: 0.8em; font-weight: bold;  text-decoration: none; height:18px; width:128px; min-width: 100; background-color: white; font-weight: bold; background:url(http://www.sonaatti.fi/images/bodybg.jpg);padding: 0px 20px 0px 0px }

.contentpaneopen  { font-family: arial, sans-serif; }


.contentpaneopen p { font-family: arial, sans-serif; }
.contentpane a { font-family: arial, sans-serif;  font-size: 0.9em;}
.contentpane  { font-family: arial, sans-serif; }



p.submenuitem {font-size: 12px; font-weight: bold;}
p.submenuactive {font-size: 12px; font-weight: bold; color: #000000;}

a#active_menusxp { color: #000000; }




p.pageheader {color: #000000; margin-left: 20px;}
.headerbrowsepath {font-size: 11px; font-weight: bold; color: #315678}
a.headerbrowselink:link, a.headerbrowselink:visited, a.headerbrowselink:active {text-decoration: none; color: #517698}
a.headerbrowselink:hover {text-decoration: underline; color: #214668;}
.headeractivepage {font-size: 17px; font-weight: bold; color: #315678;}

a.submenu:link, a.submenu:visited, a.submenu:active {color: #517698; text-decoration: none;}
a.submenu:hover {color: #000000; text-decoration: underline;}


p.foodweekday,p.fooddayrestaurant {font-weight: bold;margin-top:1px; margin-bottom:1px;}
p.foodname,p.fooddayfood {margin-left: 12px; margin-top:1px; margin-bottom:1px;}
p.foodprice {}
p.fooddayshow {text-align: right; font-size: 0.7em; margin-top:1px; margin-bottom:1px;}


.rinfo {background-color: #EEF2F7; padding: 8px; font-family: arial, sans-serif; font-size: 0.8em}
.rinfo h2 { font-weight: bold; color: black; margin-top: 10px; margin-bottom: 10px;}

td.formgrid {border: none; border-top: 1px solid #719AC3;}
tr.kyselyrivi{background: #f0f0f0}
tr.darker {background: #f8f8f8}
.fat {font-weight: bold}
.smaller {font-size: 0.7em}
.req {font-weight: bold; color: #aa0000}
.reqmissing {background: #e0c0c0; font-weight: bold;}

td.header {font-family: arial, sans-serif; font-size: 0.8em; font-weight: bold}
td.food {font-family: arial, sans-serif; font-size: 0.8em; padding-left: 16px}
td.priceheader {font-family: arial, sans-serif; font-size: 0.8em; text-align:center}
td.price {font-family: arial, sans-serif; font-size: 0.8em; text-align:center}

table.queryresults {background: #f0f8ff; border: 15px solid #f0f8ff;}
table.queryresults td, table.queryresults th {padding: 3px 6px; border-bottom: 1px solid #888888; border-right: 1px solid #888888;}
table.queryresults tr.average td {border-top: 1px solid #888888; font-weight: bold;}