html, body {
background-image: url("images/bg.gif");
background-repeat: repeat-y;
background-position: center;
text-align: center;
font: normal normal normal 11px/18px "Georgia", Times New Roman, serif;
color: #000;
margin: 0;
padding: 0;
height: 100%;
}

* {
margin: 0px;
padding: 0px;
}

p {
margin: 0 0 12px 0;
padding: 0;
}

img {
float: left;
border: none;
margin-bottom: 30px;
}

#hoyre ul, #venstre ul {
list-style: square inside;
margin-bottom: 18px;
}

ul#submeny {
list-style-type: none;
margin: 18px 0 18px 0;
}

ul#submeny li a.kontaktknapp {
float: left;
width: 116px;
height: 20px;
margin-bottom: 12px;
display: block;
color: #fff;
text-decoration: none;
background: #fff url("images/knapper/kontakt.gif") top;
}

ul#submeny li a.konsulenttjenesterknapp {
float: left;
width: 226px;
height: 20px;
display: block;
color: #fff;
text-decoration: none;
background: #fff url("images/knapper/konsulenttjenester.gif") top;
}

ul#submeny li a.andre_muligheterknapp {
float: left;
width: 226px;
height: 20px;
display: block;
color: #fff;
text-decoration: none;
background: #fff url("images/knapper/andre_muligheter.gif") top;
}

ul#submeny li a:hover {background-position: bottom;}

a {
text-decoration: underline;
color: #000;
}

a:hover {
text-decoration: none;
color: #ccc;
}

/* gjør utvlagt tekst usynelig */

span {
visibility: hidden;
}

/* div bokser */

#wrapper {
margin: 0 auto;
width: 914px;
min-height: 100%;
}

 * html #wrapper {
background-image: url("images/bg.gif");
margin: 0 auto;
width: 914px;
height: 100%;
}

#container {
text-align: left;
float: left;
width: 846px;
padding: 60px 34px 0 34px;
}

/* header */

/*
h1 {
width: 700px;
height: 33px;
background-image: url("images/header.gif");
}

h1 a , h1 a:hover {
float: left;
width: 700px;
height: 33px;
text-decoration: none;
background-image: url("images/header.gif");
}
*/

h1 {
width: 846px;
height: 40px;
background-image: url("images/header_stor.gif");
}

h1 a , h1 a:hover {
float: left;
width: 846px;
height: 40px;
text-decoration: none;
background-image: url("images/header_stor.gif");
}


/* overskrifter */

h2 {
height: 11px;
margin-bottom: 5px;
}

 * html h2 {
height: 11px;
margin-bottom: -2px;
}

h2#velkommen {
width: 163px;
background: url("images/velkommen.gif") no-repeat;
}

h2#matkurs {
width: 123px;
background: url("images/matkurs.gif") no-repeat;
}

h2#selskap {
width: 116px;
background: url("images/selskap.gif") no-repeat;
}

h2#catering {
width: 127px;
background: url("images/catering.gif") no-repeat;
}

h2#gavebutikk {
width: 163px;
background: url("images/gavebutikk.gif") no-repeat;
}

h2#om_oss {
width: 103px;
background: url("images/om_oss.gif") no-repeat;
}

/* meny i liste */

ul#meny {
height: 20px;
width: 846px;
list-style-type: none;
margin: 30px 0 0 0;
color: #fff;
}

#meny li {
float: left;
margin-left: 30px;
}

#meny li.nm {
float: left;
margin-left: 0px;
}

#meny a {
float: left;
width: 116px;
height: 20px;
display: block;
color: #fff;
text-decoration: none;
}

#meny a.matkurs {background: #fff url("images/knapper/matkurs.gif") top;}

#meny a.matkurs:hover {background: #fff url("images/knapper/matkurs.gif") bottom;}

#meny li#active a.matkurs {background: #fff url("images/knapper/matkurs.gif") bottom;}

#meny a.selskap {background: #fff url("images/knapper/selskap.gif") top;}

#meny a.selskap:hover {background: #fff url("images/knapper/selskap.gif") bottom;}

#meny li#active a.selskap {background: #fff url("images/knapper/selskap.gif") bottom;}

#meny a.catering {background: #fff url("images/knapper/catering.gif") top;}

#meny a.catering:hover {background: #fff url("images/knapper/catering.gif") bottom;}

#meny li#active a.catering {background: #fff url("images/knapper/catering.gif") bottom;}

#meny a.gavebutikk {background: #fff url("images/knapper/kafeoslo.gif") top;}

#meny a.gavebutikk:hover {background: #fff url("images/knapper/kafeoslo.gif") bottom;}

#meny li#active a.gavebutikk {background: #fff url("images/knapper/kafeoslo.gif") bottom;}

#meny a.kafeloeve {background: #fff url("images/knapper/kafeloeve.gif") top;}

#meny a.kafeloeve:hover {background: #fff url("images/knapper/kafeloeve.gif") bottom;}

#meny li#active a.kafeloeve {background: #fff url("images/knapper/kafeloeve.gif") bottom;}

#meny a.om_oss {background: #fff url("images/knapper/om_oss.gif") top;}

#meny a.om_oss:hover {background: #fff url("images/knapper/om_oss.gif") bottom;}

#meny li#active a.om_oss {background: #fff url("images/knapper/om_oss.gif") bottom;}


#col{
float: left;
width: 846px;
margin: 30px 0 0 0;
}

.sentrert {
text-align: center;
}

table {
width: 100%;
border: 1px solid #ccc;
margin: 0 0 18px 0;
}

th {
border: 1px solid #ccc;
vertical-align: middle;
}

td {
border: 1px solid #ccc;
vertical-align: top;
width: 25%;
padding: 12px;
}

h3 {
font: normal normal bold 13px/18px "Georgia", Times New Roman, serif;
margin: 0 0 18px 0;
padding: 0;
}

h4 {
font: normal normal bold 11px/18px "Georgia", Times New Roman, serif;
margin: 0;
padding: 0;
}

/* kontaktskjema */

#kontaktskjema {
width: 100%;
margin: 0 0 18px 0;
padding: 0;
float: left;
display: block;
}

#kontaktskjema fieldset {
margin: 0 0 18px 0;
padding: 0;
border: none;
}

#kontaktskjema label {
height: 21px;
margin: 0 0 2px 0;
float: left;
clear: both;
}

#kontaktskjema input {
width: 548px;
height: 15px;
border: 1px solid #ccc;
font: normal normal normal 11px/18px "Georgia", Times New Roman, serif;
margin: 0 0 2px 0;
padding: 2px;
float: right;
clear: right;
}

#kontaktskjema input#send {
width: 120px;
height: 23px;
border: 1px solid #ccc;
background-color: #fff;
font: normal normal normal 11px/18px "Georgia", Times New Roman, serif;
margin: 0 0 0 146px;
padding: 0;
float: left;
clear: right;
}

#kontaktskjema textarea {
width: 548px;
height: 75px;
border: 1px solid #ccc;
font: normal normal normal 11px/18px "Georgia", Times New Roman, serif;
margin: 0;
padding: 2px;
float: right;
}

#kontaktskjema p.pre {
font: italic normal normal 11px/18px "Georgia", Times New Roman, serif;
text-align: center;
margin: 0;
}

/* deler opp i to kolonner */

#venstre {
float: left;
width: 320px;
margin: 30px 0 0 0; 
}

#hoyre {
float: left;
width: 466px;
margin: 30px 0 0 60px; 
}