ul, li, h1, h2, h3, p {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
min-height: 100%;
}

img {
border: none;
}

body {
background: url(../img/background.png) repeat-x;
font-family: Verdana;
font-size: 11px;
margin: 0;

position: relative;
height: auto !important;
height: 100%;
}

#wrapper {
margin: auto;
width: 891px;
}

#header {
background: url(../img/logo.png) no-repeat 30px;
height: 136px;
}

#menu {
background: white;
height: 289px;
text-align: center;
padding: 0;
margin: 0;
}

#menu .menubg {
height: 289px;
width: 887px;
margin-left: 2px;
background: url(../img/menu/bg.png);
}

#menutext {
color: white;
position: absolute;
z-index: 2;

width: 822px;
margin-left: 34px;
margin-top: 21px;

padding: 0;
}

#menutext li {
background-repeat: no-repeat;
display: block;
float: left;
height: 19px;
cursor: pointer;
}

#menutext li.home {
background: url(../img/menu/home.png);
margin: 0 10px 0 0;
width: 92px;
}

#menutext li.menukaart {
background: url(../img/menu/menukaart.png);
margin: 0 14px;
width: 127px;
}

#menutext li.bestellen {
background: url(../img/menu/bestellen.png);
margin: 0 6px;
width: 114px;
}

#menutext li.bestellen {
background: url(../img/menu/bestellen.png);
margin: 0 10px;
width: 114px;
}

#menutext li.reserveren {
background: url(../img/menu/reserveren.png);
margin: 0 7px;
width: 128px;
}

#menutext li.gastenboek {
background: url(../img/menu/gastenboek.png);
margin: 0 9px;
width: 134px;
}

#menutext li.contact {
background: url(../img/menu/contact.png);
margin: 0 0 0 15px;
width: 107px;
}

#menutext li:hover {
background-position: 0 19px;
}

#menutext img {
float: left;
}

#menutext a {
height: 100%;
display: block;
color: transparent;
}


#content {
padding: 55px 0 100px;
color: #2c2416;
margin: auto;
width: 820px;
}

#content h1 {
margin-bottom: 30px;
}

#content h2 {
color: #a2895e;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}

.h2margin {
margin-top: 25px; 
margin-bottom: 4px;
}

#content h3 {
font-weight: bold;
font-size: 11px;
}

#content hr {
color: #cfbea0;
margin: 15px 0;	
}

#content p {
margin: 15px 0;
}

#content a {
font-weight: bold;
color: #2c2416;
text-decoration: none;
}

#content a:hover {
color: #a2895e;;
}

#content #menukaart {
list-style: url(../img/arrow.png);
margin-left: 15px;
}

#content #menukaart li {
margin-bottom: 15px;
}

#content .collumn {
float: left;
width: 390px;
}

#content .meal {
margin-bottom: 12px;
}

#content .meal .mealinput {
float: left;
border: 1px solid #2C2416;
width: 20px;
height: 15px;
vertical-align: middle;
text-align: center;
margin-right: 5px;
}

#content .meal .totalprice {
font-size:24px;
float: left;
border: none;
width: 200px;
height: 30px;
vertical-align: middle;
text-align: left;
margin-right: 5px;
}

#content .meal .name {
font-weight: bold;
float: left;
}

#content .meal .price {
font-weight: bold;
float: right;
}

#content .meal .description {
clear: both;
width: 305px;
}

#content form input, #content form textarea, #content form label {
float: left;
height: 20px;
}

#content form label {
clear: both;
width: 100px;
padding: 4px 10px 0 0;
}

#content form input, #content form textarea {
margin-bottom: 6px;
width: 292px;
border: 1px solid #2c2416;
height: 16px;
padding: 4px 3px;
font-family: Verdana;
font-size: 12px;
color: #2c2416;
}

#content form input.submit, .submit {
background: url(../img/submit_background.png) no-repeat white;
border: 1px solid #2c2416;
color: #2c2416;
cursor: pointer;
font-family: tahoma, verdana, serif;
font-size: 11px;
font-weight: bold;
height: 22px;
padding: 0 0 4px 15px;
text-align: left;
vertical-align: middle;
width: 120px;
}

#content form select {
margin: 4px 0;
}

#content form textarea#message {
height: 130px;
}

#content #chart {
border: 1px solid #2c2416;
background: #cfbea0;
width: 265px;
padding: 15px 12px;
}

#content #chart label {
width: 70px;
float: left;
}

#content #chart em {
display: block;
margin-bottom: 14px;
}

#content .guestnav {
text-align: center;
width: 500px;
margin: 0 auto;
}

#footer {
position: absolute;
bottom: 0 !important;
bottom: -1px;
width: 100%;
}

#footer #bar {
background: #2c2416;
color: white;
font-size: 12px;
height: 30px;
text-transform: uppercase;
}

#footer #bar span {
display: block;
margin: 0 auto;
width: auto;
text-align: center;
padding-top: 6px;
}

#footer #sitemap {
font-size: 10px;
height: 40px;
}

#footer #sitemap #copyright {
display: block;
margin: 0 auto;
width: 820px;
padding-top: 10px;
}

#footer a {
text-decoration: none;
}

#footer #bar a {
color: white;
}

#footer #sitemap a {
color: black;
}

#footer #sitemap a:hover {
font-weight: bold;
}