﻿* {font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #4B4740;}
body {background: #fdf2bd url(grafikk/bakgrunn.jpg) repeat-y 50% 0;}
p {margin-top: 6pt; margin-bottom: 12pt; font-size: 10pt; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}

/* Total */
div#total {width: 800px; margin: 0 auto;}

/* Innhold */
div#innhold {width: 770px; margin: 0 auto; margin-top: 50px;}

/* Logo */
div#logo {background: no-repeat url(grafikk/logo.gif) 50% 0; height: 91px;}
  div#logo span {display:none;}

/* Meny */
div#meny {float: left; margin: 50px 0;}
div#meny2 {float: left; margin: 50px 0; font-size: 10pt;}
  ul#menyliste {list-style: none; margin: 0; padding: 0; border: 1px solid #FDF2BD; border-style: solid none;}
  ul#menyliste li {margin-top: 0px; border-top: 1px solid #FDF2BD;}
  ul#menyliste li:first-child {margin-top: 0; border-top: none;}
  ul#menyliste li a {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    color: #4B4740;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 12px;
    display: block;
    width: 200px;}
  ul#menyliste li a:hover {background-color: #FDF2BD;}
  ul#menyliste li a#aktiv {background-color: #4B4740; color: #FFF;}
  ul#menyliste li#aktiv {border-top-color: #4B4740;}
  div#meny2 ul#menyliste li a {width: 145px;}
  div#meny2 ul#menyliste li ul li a {width: 157px;}
  
  ul#menyliste li ul {list-style: none; padding: 0; margin: 0; font-size: 80%; border-bottom: 1px solid #4B4740; background-color: #EEE;}
  ul#menyliste li ul li {margin: 0; padding: 0; display: block; border-top: 1px solid #4B4740;}
  ul#menyliste li ul li:first-child {border-top: none;}
  ul#menyliste li ul li a {font-style: italic; margin: 0; padding: 4px 0 4px 12px;}
  ul#menyliste li ul li a:hover {background-color: #FFF}

/* Forsidebilde */
div#kjerne {height: 400px; background: no-repeat url(grafikk/forside.jpg) bottom right;}
  div#kjerne span {display: none;}
  
/* Akkurat nå */
div#akkuratkjerne {height: 420px; background: no-repeat url(grafikk/akkuratnaa.jpg) bottom right;}
  div#akkuratkjerne span {display: none;}
p#akkurattekst {position: absolute; top: 550px; margin-left: 200px; width: 566px; text-align: center;}

/* Brødtekst */
div#tekst {margin-left: 200px; margin-top: 50px;}
  div#tekst span {display: none;}
  div#tekst span#omnottero {display: inline;}

/* Om Nøtterø Bakeri */
div#omnottero p {width: 250px; text-transform: none; text-align: justify}

/* Tabell */
tr.hode {background-color: #FDF2BD; font-weight: bold; text-align: left;}
tr.hode th {padding: 12px 0 3px 0;}
tr.hode th:first-child {padding-left: 7px;}
table {font-size: 80%; width: 566px; border-collapse: collapse;}
table td {padding: 2px 7px 2px 7px; border-left: 1px solid #FDF2BD;}
table td:first-child {padding-left: 7px; border-left-style: none}

/* Produkter */
table.katliste {border-collapse: collapse; background-color: #4B4740;}
table.katliste a {text-decoration: none; color: #4B4740;}
table.katliste a img {border: none;}
table.katliste tr {border-top: 1px solid #4B4740;}
table.katliste tr:first-child {border-top: none;}
table.katliste tr td {background-color: #EEE; vertical-align: top; margin: 5px; border-left: 1px solid #4B4740;}
table.katliste tr td:first-child {border-left: none;}
table.katliste tr td p {text-align: center; position: relative; bottom: 2px; font-family: Georgia, serif; font-size: 14pt;}

table#produkttabell {border-left: none; border-collapse: collapse;}
table#produkttabell tr {margin: 0; border-top: 1px solid #DDD;}
table#produkttabell td {vertical-align: middle; margin: 0;}
table#produkttabell tr:first-child {border-top: none;}
 
/* Bunn/kontaktinformasjon */
div#bunn {width: 770px; float: left; border-top: 1px solid #4B4740; font-size: 80%; margin-bottom: 10px; margin-top: 36pt;}
  div#bunn span {text-transform: uppercase; margin-top: 5px; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
  div#bunn span#telefon {float: left; width: 250px;}
  div#bunn span#telefaks {float: left; width: 270px; text-align: center;}
  div#bunn span#epost {float: left; width: 250px; text-align: right;}
  div#bunn span#epost a {text-decoration: none; color: #4B4740; text-transform: none; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
  div#bunn span#epost a:hover {text-decoration: underline;}
