/* Allset Clearing Method */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

* html .clearfix{height:1%}
.clearfix{display:block;}
/* /Allset Clearing Method */

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

body
{
	font: 11px verdana,arial,helvetica,sans-serif;
	text-align:center;
	background-image:url('../images/bg.jpg');
	outline:none;
}

input, select, textarea
{
	font-size: 9px;
	margin: 2px;
}

img
{
	border:0px;
}

a, a:hover
{
	color:#000000;
}

/* Total box: 841 x 603 px */
div#mainwrap
{
	width:786px;
	height:582px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url('../images/bg_frame.jpg');
	padding:20px 20px 5px 35px;
}

div#header
{
	width:786px;
	height:221px;
}

div#header div#kolom1
{
	width:298px;
	float:left;
}

div#header div#kolom1 #logo, div#header div#kolom1 #kopje
{
	margin-top:7px;
}

div#header div#kolom2
{
	width:238px;
	float:left;
}

div#header div#kolom2 div.rij1
{
	width:238px;
	height:53px;
}

div#header div#kolom2 div.rij2
{
	width:238px;
	height:40px;
}

div#header div#kolom2 div.rij3
{
	width:238px;
	height:83px;
}

div#header div#kolom3
{
	width:248px;
	float:left;
}

div#header div#kolom3 div.rij1
{
	width:248px;
	height:15px;
	text-align:right;
}

div#header div#kolom3 div.rij2
{
	width:248px;
	height:100px;
	text-align:right;
}

div#header div#kolom3 div.rij3
{
	width:198px;
	height:20px;
	margin-left:50px;
}

div#middle
{
	width:786px;
	height:332px;
}

div#middle div#contentarea
{
	width:623px;
	height:332px;
	float:left;
	overflow:auto;
}

div#middle div#contentarea p
{
	margin: 0 auto 0.8em;
}

div#middle div#rightarea
{
	width:153px;
	height:332px;
	margin-left:10px;
	float:left;
}

div#middle div#rightarea div.rij1
{
	width:153px;
	height:117px;
}

div#middle div#rightarea div.rij2
{
	width:153px;
	height:84px;
}

div#middle div#rightarea div.rij3
{
	width:153px;
	height:118px;
}

div#middle div#rightarea div.rij4
{
	width:153px;
	height:13px;
}

div#footer
{
	width:786px;
	height:22px;
	margin-top:7px;
}

div#footer div#facebook
{
	float:left;
	width:150px;
}

div#footer div#address
{
	float:left;
	width:636px;
	color:#d30019;
	text-align:center;
}

table
{
	border-collapse: collapse;
}

td, th
{
	padding:1px;
}

th.item
{
	width:500px;
}

th.prijs, th.aantal
{
	width:50px;
}

tr.header
{
	background-color: #d30019;
	color: #ffffff;
	font-size: 13px;
}

tr.category
{
	background-color: #ffffff;
	color: #d30019;
	font-weight: bold;
	font-size: 13px;
}

tr.header th.item, tr.category td
{
	padding:5px;
}

tr.odd
{
	background-color: #c4e4dc;
	padding-left:20px;
}

tr.even
{
	background-color: #edf7f4;
}

tr.highlight
{

}

td.firstcell
{
	padding-left:16px;
}

th.field
{
	width:110px;
}

th.empty
{
	width:31px;
}
th.value
{
	width:184px;
}

div.error
{
	color:#ff0000;
	font-weight:bold;
	margin-bottom:15px;
}

span.error
{
	color:#ff0000;
	font-weight:bold;
}	

/* 623 x 332 px */
div#twocolumn
{
	width:603px;
	height:312px;
	padding:10px;
	background-color:#c4e4dc;
}

div#twocolumn div.leftcolumn
{
	float:left;
	width:339px;
	padding-right:5px;
}

div#twocolumn div.rightcolumn
{
	float:left;
	width:244px;
	padding-left:5px;
}

/* 623 x 332 px */
div#admincolumn
{
	width:603px;
	height:312px;
	padding:10px;
	background-color:#c4e4dc;
	overflow:auto;
}

div#admincolumn div.leftcolumn
{
	float:left;
	width:100px;
	padding-right:5px;
}

div#admincolumn div.rightcolumn
{
	float:left;
	width:483px;
	padding-left:5px;
}

/* 623 x 332 px - 161px voor top, 10 ertussen 161px voor bottom */
div#catering_top
{
	width:603px;
	height:141px;
	padding:10px;
	margin-bottom:10px;
	background-color:#c4e4dc;
}

div#catering_bottom
{
	width:623px;
	height:161px;
}

div#catering_bottom div#catering_left_nl
{
	width:285px;
	height:125px;
	padding:26px 10px 10px 10px;
	margin-right:13px;
	float:left;
	background-color:#cfe8f0;
	background-image:url('../images/catering_idee-nl.png');
	background-repeat:no-repeat;
}

div#catering_bottom div#catering_left_en
{
	width:285px;
	height:125px;
	padding:26px 10px 10px 10px;
	margin-right:13px;
	float:left;
	background-color:#cfe8f0;
	background-image:url('../images/catering_idee-en.png');
	background-repeat:no-repeat;
}

div#catering_bottom div#catering_right_nl
{
	width:285px;
	height:125px;
	padding:26px 10px 10px 10px;
	float:left;
	background-color:#cfe8f0;
	background-image:url('../images/catering_vbmenu-nl.png');
	background-repeat:no-repeat;
}

div#catering_bottom div#catering_right_en
{
	width:285px;
	height:125px;
	padding:26px 10px 10px 10px;
	float:left;
	background-color:#cfe8f0;
	background-image:url('../images/catering_vbmenu-en.png');
	background-repeat:no-repeat;
}
