html {
   overflow: hidden;
   background-color: #555555;
   scrollbar-arrow-color: #000000;
   scrollbar-face-color: #555555;
}
body {
   margin-top: 5px;
   font-family: trebuchet-ms, verdana, arial;
   font-size: 13px;
   text-align: center;
}

div.main {
  margin: 0px auto;
  width: 900px;
  height: 580px;
  background-image: url(background.jpg);
  background-repeat: no-repeat;
  text-align: left;
}

div.menu {
  position: relative;
  overflow: auto;
  float: left;
  text-align: left;
  left: 40px;
  top: 170px;
  width: 200px;
  height: 200px;
}

div.menu ul {
  left: 0px;
  margin-left: 0;
  list-style: none;
}

div.menu a {
  text-decoration: none;
  color: #444444;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.3em;
}

div.news {
  position: relative;
  color: #444444;
  float: left;
  overflow: auto;
  left: 40px;
  top: 45px;
  width: 200px;
  height: 200px;
  text-align: left;
  font-weight: bold;
}
div.news h1 {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline
}

div.viewer {
  position: relative;
  padding: 0px 15px 0px 15px;
  overflow-x: hidden;
  overflow-y: auto;
  left: 165px;
  top: 175px;
  width: 470px;
  height: 380px;
  text-align: justify;
}

div#descr {
  font-size: 11px;
  padding-left: 15px;
}

.tab {
  position: absolute;
  top:  0px;
}

.tab a{
  color: #FFFFFF;
  text-decoration: none;
  float: left;
}

table.items {
  padding: 0;
  border-spacing: 0;
}

table.items tr#head {
  color: #FFFFFF;
  padding: 0;
  background-color: #444444;
  font-weight: bold;
  letter-spacing: 0.2em
}
table.items tr#foot {
  color: #FFFFFF;
  padding: 0;
  background-color: #444444;
  text-align: right;
  font-weight: bold;
}

table.items tr {
  border: solid 1px #444444;
  padding: 0;
  border-spacing: 0;
}

table.items td {
  vertical-align: top;
  border: none;
}
table.items td#itemdescr {
  width: 420px;
}

table.items td {
  vertical-align: top;
  border: none;
}

table.lunches {
  padding: 0;
  border-spacing: 0;
  border: solid 1px;
  font-size: 11px;
}

table.lunches tr#head {
  color: #FFFFFF;
  padding: 0;
  background-color: #444444;
  font-weight: bold;
  letter-spacing: 0.2em;
}

table.lunches td {
  border: solid 1px;
  text-align: center;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

.BaseLunch {
  background-color: #FF0000;
}

.BaseLunch tr#head {
  background-color: #444444;
}

.PlusLunch {
  background-color: #00FF00;
}

form.reservation {
  font-size: 11px;
}

form.reservation fieldset {

}

form.reservation legend {
  color: #444444;
  font-family: trebuchet-ms, verdana, arial;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.2em;
}

form.reservation #Persoonsgegevens label {
  position: absolute;
  line-height: 1.4em;
  margin: .2em;
}

form.reservation #Persoonsgegevens input {
  margin-left: 7em;
  margin-bottom: .2em;
  height: 1em;
}

form.reservation #Reservatiegegevens label {
  position: absolute;
  line-height: 1.4em;
  margin: .2em;
}

form.reservation #Reservatiegegevens input {
  margin-left: 7em;
  margin-bottom: .2em;
  height: 1em;
}
form.reservation #Reservatiegegevens #Hour {
  position: relative;
  line-height: 1.4em;
  margin-bottom: .2em;
}

form.reservation #Reservatiegegevens .DateTime {
  position: relative;
  margin-left: 7em;
}
form.reservation #Reservatiegegevens .remarks {
  overflow: auto;
  margin-left: 7em;
  margin-top: .2em;
  width: 242px;
  height: 50px;
}