html { background: url(/img/bg.jpg) #7bab7c fixed }

body, table { font: 14px "Trebuchet MS", sans-serif  }

body { 
  background: #efe; 
  background: #f0ffcc;
  margin: 60px 60px; padding: 0; 
  border: 1px solid black;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
}

a { text-decoration: none }

div.logo { 
  background: white;
  text-align: center; 
  font: 30px "Trebuchet MS", serif; 
  letter-spacing: 0.2em;
  padding: 20px 0;
  border-bottom: 1px solid black;
}

div.logo img { margin-bottom: -20px }

div.boks { 
  font-family: Georgia, serif; 
  margin: 0 0 0 180px;
  padding: 20px 10px;
  border-left: 1px solid black;
}

div.boks h1, div.boks h2 { text-align: left; font-weight: normal; margin: 0; padding: 20px 0 0 0; clear: right; }

div.meny {
  float: left; clear: left;
  width: 180px;
  padding: 5px 0px;
  font: 14px "Trebuchet MS", serif; 
  background: #f5ffbb;
}

div.meny p { 
  margin: 0px;
  padding: 2px 10px;
}

div.meny a { 
  text-decoration: none; color: #480;
  display: block; font-weight: bold;
  padding: 2px 10px;
}

div.meny a:hover { background: #485; color: white }

div.motto a { color: orange; text-decoration: none }

hr { display: block; clear: right; border: none; border-bottom: 1px dotted black }

blockquote { font-style: italic; margin: 1em }

div.boks img {
  border: 1px solid black; 
}

img.hoyre {
  float: right; margin: 0 0 10px 10px; max-width: 150px; max-height: 150px;
}

div.motto { clear: both; background: black; color: white; font-weight: bold; text-align: center; padding: 3px; border-bottom: 1px solid black }