/* OVERHEAD */

html,body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 0.85em verdana;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

ul,li {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

div.sitecontainer {
	width: 800px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #000000;
}

div.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

table {
	width: 798px;
}

td.searchFieldContainer {
	width: 800px;
}

a {
	color: #A20032;
}


/* MAIN NAVIGATION */

div.header {
	position: relative;
	z-index: 5;
	background-color: #A20032;
	border-top: 1px solid #A20032; /* IE Win */
}

/* Hide IE Mac \*/

div.header img {
	display: inline-block;
}

/* End hide */

div.header ul {
	position: absolute;
	top: 48px;
	right: 0;
	z-index: 2;
}

div.header li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
	padding-left: 9px;
	background: url('pix/slide_links.gif') no-repeat;
	position: relative; /* position voor IE Mac */
	z-index: 5;
}


div.header li a {
	font: 11px verdana,sans-serif;
	color: #A20032;
	background-color: #ffffff;
	text-transform: uppercase;
	font-weight: 900;
	text-decoration: none;
	display: block;
	float: left; /* Voor IE Win en Mac */
	height: 41px;
	padding-right: 10px;
	padding-top: 8px;
	background: url('pix/slide_rechts.gif') top right no-repeat;
	position: relative; /* position voor IE Mac */
	z-index: 10;
}

div.header li a.here {
	color: #89952B;
	text-decoration: underline;
}

div.header a:hover {
	text-decoration: underline;
}

/* DATA TABLE */

h2.mainTableHeader {
	background: url(pix/header_links.gif) no-repeat 33px 0;
	padding-left: 45px;
	font-size: 100%;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: -3px;
	width: 100%;
}

h2.mainTableHeader span {
	background: url(pix/header_rechts.gif) no-repeat right top;
	line-height: 21px;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
	padding-right: 10px;
	margin-bottom: 0;
}

form {
	margin: 0;
	padding: 0;
}

table.order {
	margin-top: 0;
	border-collapse: collapse;
	color: #A20032;
}

tr.marker {
	display: none;
}

tr.highlight td {
	background-color: #FEFFDE;
}

tr.highlight td.description {
	font-weight: 600;
}

td {
	font-size: 70%;
	vertical-align: top;
	padding: 5px;
	
}

th.header {
	background-color: #A20032;
	color: #ffffff;
	text-align: left;
	padding-left: 28px;
	font-size: 90%;
}

td.number {
	width: 65px;
	background: url(pix/bg_tabel.gif) repeat-y 14px 0;
	text-align: right;
}

td.number input {
	background: url(pix/bg_input.gif);
	width: 40px;
	height: 15px;
	border: none;
	font-weight: 600;
	padding: 0 2px;
	margin-top: -1px;
}

td.description {
	width: 155px;
	background: url(pix/bg_tabel.gif) repeat-y;
}

td.extra {
	background: url(pix/bg_tabel.gif) repeat-y;
	width: 250px;
	padding-top: 1px;
}

td div {
	background-color: #DFE999;
	clear: both;
	padding: 5px;
	font-weight: 600;
}

td.extra div span {
	display: inline-block;
	width: 90px;
}

span#priceDisplay {
	display: inline;
}

td.extra p {
	margin-top: 3px;
	margin-bottom: 15px;
}

td.extra input.radio {
	margin-top: 0;
	margin-right: 100px;
	margin-left: 0;
}

/* IE Mac hack \*/

td.extra input.radio {
	float: right;
}

/* End hack */

td.empty {
	width: 330px;
	background: url(pix/bg_tabel.gif) repeat-y;
}

tr.spacer td {
	height: 100px;
}

#ordered h3 {
	margin-left: 25px;
	font-size: 120%;
}	

div.extraInfo {
	display: none;
	background-color: transparent;
	color: #000000;
	font-size: 10px;
}

tr.highlight div.extraInfo {
	display: block;
}

div.extraInfo select {
	background-color: #FFDADA;
	font-size: 10px;
}

td.extra a {
	background-color: #CFB1B1;
	display: block;
	text-align: center;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #000000;
	color: #000000;
	text-decoration: none;
}

a.trash,a.order {
	text-decoration: none;
	width: 40px;
	color: #000000;
	display: none;
	float: right;
	margin-top: 5px;
	border: 1px solid;
}

a.trash:hover,a.order:hover {
	color: #A20032;
}

tr.highlight a.order {
	display: block;
}

#ordered a.order {
	display: none;
}

#ordered a.trash {
	display: block;
}

/* ORDER FORM */

#orderForm {
	border: 1px solid #ffffff;
	background-color: #89952B;
	padding: 5px;
	line-height: 150%;
	color: #ffffff;
	width: 300px;
	z-index: 2;
}

#orderForm div {
	background-color: #89952B;
	clear: both;
	padding: 0;
}

#orderForm img {
	margin-bottom: 15px;
}

#orderHeader {
	margin-bottom: 10px;
}

#orderHeader div {
	float: right;
	font-size: 180%;
	display: none;
	color: 	#334616;
}

#orderForm input,#orderForm textarea {
	font-weight: 600;
}

#orderForm input {
	width: 150px;
	margin-bottom: 10px;
	height: 20px;
}

#orderForm label {
	width: 100px;
	display: block;
	float: left;
}

#orderForm textarea {
	width: 250px;
	clear: both;
	height: 75px;
}

#orderForm input.submit {
	background-color: #000000;
	color: #ffffff;
	border: none;
	text-align: center;
	float: none;
	width: 250px;
	display: block;
	padding: 2px;
	height: auto;
	margin-top: 5px;
}

#orderForm input.foutmelding {
	margin-bottom: 0;
}

#orderForm span.foutmelding {
	margin-left: 100px;
	font-weight: 300;
	color: #A20032;
	width: 120px;
	clear: both;
	display: block;
}

#orderForm .belangrijk {
	color: #A20032;
	width: auto;

}

#contact
{
height:700px;
width:100%;
text-align:center;
margin-top:50px;
}
button.extraButton {
	margin-left: 30px;
	background-color: #334616;
	color: #ffffff;
	border: none;
	text-align: center;
	padding: 2px;
	
}

table.search {
	color: #A20032;
	border-collapse: collapse;
	border-bottom: 5px solid #DFE999;
}

table.search td.searchFieldContainer {
	background-color: #DFE999;
	padding-left: 28px;
}

#searchTable {
	display: none;
	position: relative;
}

h4 {
	font-size: 100%;
	margin: 0;
	font-weight: 600;
	background: url(pix/pijltje.gif) no-repeat left center;
	background-position:top left;
	padding-left: 10px;
}

td.searchFieldContainer input {
	width: 190px;
	height: 19px;
	background: url(pix/bg_zoekveld.gif);
	border: none;
	padding: 0 3px;
}

/* IE Mac hide \*/

table.search td {
	background-color: #ECEFD4;
	border-bottom: 1px solid #ffffff;
}

/* End hide */

/* FOOTER */

div#footer {
	
}

div#waitingRoom {
	display: none;
}
.error
{
display: none;
color:#FF0000;
font-size: 9px;
}
.formfield
{
border: 3px solid blue;
margin:0px;
padding:0px;
height: 5px;
}
#thankyou
{
margin:15px;
height:400px;
}
#hours
{
position:absolute;
right:140px;
top:0px;
width:auto;
color:#ffffff;
z-index:100;
}
#map_canvas
{
position:absolute;
left:250px;
top:400px;
}
.smalltext
{
padding-top: 2px;
font-size:9px;
color:#A20032;
}
#message
{
padding-top: 2px;
font-size:9px;
color:#A20032;
}
#delivery
{
padding:0px;
margin:0px;
}
#hideablearea
{
display:none;
}
#itemError {
font-size: 16px;

}