body, html { width:100%;margin:0px;padding:0px; }
body { background:#2e2e2e url('../images/bg25.png') repeat 0 0; font-family:verdana,sans-serif,helvetica,arial; color:#000; font-size:70%; text-align:center; line-height:170%;}
hr { height:1px; border:0px solid #424242; color:#424242; background-color:#424242; margin:4px 0 4px 0; }
ul { list-style:square; margin:0 0 1em 0; padding:0 0 0 34px; }
ul li { line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; }
p { margin:0 0 15px 0; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#DC241F; font-family:verdana,sans-serif,helvetica; margin:4px 0 4px 0; }
h1 { font-size:20px; margin:0 0 0 0; line-height:140%; color:#fff; font-family:Arial,verdana,sans-serif,helvetica; }
h2 { font-size:14px; margin:7px 0 2px 0; }
	#aanbieding h2 { color:#fff; }
h3 { font-size:12px; margin:0 0 2px 0; }
h4 { font-size:100%; margin:0 0 2px 0; color:#333; }
a img { border:none; margin:0 0 0 0; line-height:0px; }
a { text-decoration:underline; color:#DC241F; }
a:hover { text-decoration:underline; color:#000; }
div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.reset { clear:both; height:1px; float:none; font-size:0%; line-height:0%; }
div#headerPrint { display:none; }	
form { margin:0 0 0 0; font-family:verdana,sans-serif,helvetica,arial; font-size:100%;}
table { margin:0 0 0 0; border-collapse:collapse; }
td { vertical-align:top; padding:0 0 0 0; font-size:100%; text-align:left; }

img.title { margin-bottom:12px; }


/* =Main layout 
============================================= */
div#page { width:770px; margin:0 auto; text-align:left; }
	#col1 { width:175px; position:absolute; top:25px; margin-left:0; } 
	#col2 { width:475px; position:absolute; top:25px; margin-left:175px; }
	#col3 { width:120px; position:absolute; top:25px; margin-left:650px; }

	div.box { background-color:#DC241F; border:4px solid #fff; } 
		div.randomH { height:33px; border-bottom:1px solid #fff; background-position:0 0; background-repeat:no-repeat; margin-bottom:0px; }
	.shadowEle { z-index:5; position:absolute; }
	.shadowEff { z-index:1; position:absolute; margin-left:4px; margin-top:4px; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
	
	div#menu { top:0; width:148px; height:282px; }
	div#info { top:320px; width:148px; color:#fff; font-size:94%; }
		div#info p { padding:0 6px 8px 6px; line-height:150%; margin:0 0 0 0; }
	div#main { top:0; width:448px; background-color:#fff; }	
		div#title { background-color:#DC241F; /*border-bottom:1px solid #000;*/ padding:3px 10px 3px 10px; }
		div#content { padding:7px 10px 7px 10px; border-bottom:1px solid #ccc;}
			div#aanbieding { width:150px; float:right; border:1px solid #000; }
				div#aanbieding h2 { background-color:#DC241F; color:#fff; /*border-bottom:1px solid #000;*/ padding:3px 6px 3px 6px; margin:0 0 0 0; }
				div#aanbieding p { padding:4px 6px 4px 6px; margin:0 0 0 0; }
			div#cherith { float:left; width:190px; margin-top:20px; margin-bottom:10px; }
				div#cherith img { margin:0 4px 4px 0; }
				div#cherith p {  }
			div#banners { float:right; width:230px; margin-top:20px; margin-bottom:5px; }
			div#banners img { float:right; margin:0 0 8px 6px; }
	#logo { top:0; width:95px; height:485px; } 
	
	#footer { position:absolute; height:50px; text-align:center; color:#333; font-size:100%; line-height:140%; padding:5px 0 20px 0; }
	* html #footer { padding:0px 0 20px 0; }
		#footer a { color:#333; text-decoration:none; }
		#footer a:hover { color:#000; text-decoration:underline; }
		#footer a#tremani { }



/* =Menu 
============================================= */
  div#menu a,
  div#menu a:visited { display:block; height:27px; background-repeat:no-repeat; background-position:0 0; border-top:4px solid #dc241f; }
  div#menu a:hover { background-position:0 -27px; border-top:4px solid #000;  }
  div#menu a.current { background-position:0 -54px; border-top:4px solid #fff; }
	
	#menu a.btn1 { background-image:url(../images/btn-home.png); }
	#menu a.btn2 { background-image:url(../images/btn-menus.png); /*visibility:hidden; display:none;*/ }
	#menu a.btn3 { background-image:url(../images/btn-lunch.png); }
	#menu a.btn4 {  background-image:url(../images/btn-vieren.png); }
	#menu a.btn5 {  background-image:url(../images/btn-workshops.png); }
	#menu a.btn6 { background-image:url(../images/btn-bruiloft.png); }
	#menu a.btn7 { background-image:url(../images/btn-bezorgen.png); }
	#menu a.btn8 { background-image:url(../images/btn-vacatures.png); }
	#menu a.btn9 { background-image:url(../images/btn-contact.png); }
	
	


/* =Content
============================================= */
	#content div.text img { float:right; margin:15px 0 15px 0; border:1px solid #000; padding:2px; }


/* =Overview tables (with date left) 
============================================= */
table#overview { width:100%; }
table#overview td.date { width:15%; color:#999999; white-space:nowrap; padding-right:15px; }
table#overview td.content { width:85%; }


/* =Forms 
============================================= */
input,textarea { background-color:#fff; border:1px solid #DC241F; font-size:100%; padding:2px; color:#333; font-family:verdana,sans-serif,helvetica,arial; }
textarea.righton { float:right; }
input.submit { background-color:#777; border:1px solid #000; color:#fff; font-weight:bold; padding:2px 6px 3px 6px; }
input.plain { border:none; background:none; }
form .required { background-color:#E7D4A1; }
table.formulier { margin:0 0 0 0; clear:both; }
	table.formulier th { padding:3px 6px 4px 6px; background-color:#777777/*#DC241F*/; color:#fff; font-size:12px; text-align:left; }
	table.formulier th.col2, th.col3 { text-align:right; }
	table.formulier td { padding:4px 6px 8px 0; border-bottom:1px solid #E7D4A1; line-height:150%; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:18.7px; }
	.open table.formulier td{border-bottom:0px solid #fff;}
	table.formulier td.col1, table.formulier th.col1 { width:360px; }
	table.formulier td.col2, table.formulier th.col2 { width:60px; text-align:right; font-weight:bold; white-space:nowrap; }
	table.formulier td.col3, table.formulier th.col3 { width:60px; text-align:right; padding-right:0; }
	table.formulier td.col23 { width:60px; text-align:left; }

	table.formulier td p { margin:0 0 0 0; }
	table.formulier td.small { border-bottom:0; padding-bottom:0; }
	table.formulier td.opm { padding-right:0; width:427px;}
	table.formulier td .opmerking-tekst{font-weight:bold; color:#DC241F;}
		table.formulier td.opm p { float:left; margin-right:6px;  }

	table.formulier td.f1 { width:60%; text-align:right; }
	table.formulier td.f2 { width:40%; }

	table.formulier td.btn { text-align:right; padding-right:0; border-bottom:0; }
	
div.expand a {text-decoration:none;}
.expand-arrow {display:inline-block; height:10px; width:10px; text-align:left; float:left; margin:4px 0 0 25px; background:url(../images/arrow-right.png) top left no-repeat;}
.open .expand-arrow {background:url(../images/arrow-bottom.png) top left no-repeat;}
	
div#error_message {}
div#error_message.highlight { background-color:#E7D4A1; margin-bottom:6px; font-weight:bold; padding:4px 6px 4px 6px; }

body#order {}

div#divbezorgdag { }
	#divbezorgdag td { padding:2px 6px 4px 0; }

table.wabbit_gerechten {width: 100%;}
table.wabbit_gerechten th {padding:3px 6px 4px 6px; background-color:#DC241F;color: #fff;}
table.wabbit_gerechten td {padding-right: 5px;}
table.wabbit_gerechten td.wabbit_gerechten_prijs {font-weight: bold;}
table.wabbit_gerechten td.wabbit_gerechten_beschrijving {}
.alignright {text-align: right;}
.borderleft {border-left: 1px solid #E7D4A1;}

table.bestelling {width: 100%;}
table.bestelling th {padding:3px 6px 4px 6px; background-color:#DC241F;color: #fff;}
table.bestelling td.gerecht {}
table.bestelling td.aantal {text-align: right;padding-right: 5px; width: 50px;}
table.bestelling td.prijs {text-align: right;width: 70px;padding-right: 5px;}
table.bestelling td.subtotaal {text-align: right;padding-right: 5px;}

table.wabbit_edit_datum {}
table.wabbit_edit_datum td {text-align: right;}
input.button_aanpassen {width: 170px; background-color: #DC241F;color: #fff; border: 1px solid #000; font-weight: bold;}
input.button_bevestig {width: 170px; background-color: #24911F;color: #fff; border: 1px solid #000; font-weight: bold;}

div.counter {float: right; font-size: 7pt; margin-top: 8px;}

div#factuurgegevens{
	visibility:hidden;
	display:none;
}

.features { border:1px solid #d22800; padding:15px 10px;clear:both; background:#000;   
background: #f79f11; /* Old browsers */
background: -moz-linear-gradient(top, #f79f11 0%, #f4771a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79f11), color-stop(100%,#f4771a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f79f11 0%,#f4771a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f79f11 0%,#f4771a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f79f11 0%,#f4771a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79f11', endColorstr='#f4771a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f79f11 0%,#f4771a 100%); /* W3C */
}
div.korting-tapas {padding-top:30px; clear:both;}
.features li { list-style:none; color:#fff; font-size:14px; padding:0 0 5px 30px; background:transparent url(../images/check.png) 0 0 no-repeat; text-shadow: -1px -1px 1px #a14d06; font-weight:bold;}
li.korting-tapas { background-image:none;}
li.korting-tapas img { position:relative; margin:-31px -10px 0 0px !important; border:0 !important;}

/*---- contactformulier ---*/
#contactform   { background-color:#fff; background-image:none; text-align:left; }
#contactform h1 { background-color:#DC241F; margin-bottom:15px; padding-left:10px;}
#contactform p { padding:0 0 10px 10px;}
#contactform form {  padding:4px;}
#contactform fieldset { border:0; padding:0; margin:0;}
#contactform ul { padding-left:10px;}
#contactform ul li { padding:0 0 7px; list-style:none; overflow:hidden; }
#contactform label { display:inline-block; width:150px; float:left;}
#contactform input, #contactform textarea { width:255px;float:left;}
#contactform span.required { color:#DC241F; background-color:#fff;}
#contactform a.close { float:right; margin-right:15px;}
#contactform input.submit { margin:10px 15px; float:right; width:90px;}
#contactform input.submit:hover { background-color:#000; cursor:pointer;}
#contactform select { border:1px solid #DC241F; }
span.overlay a { background:#777777 url(../images/arrow-right-white.png) 5px 5px no-repeat; text-decoration:none; color:#fff; padding:2px 10px 2px 20px; font-weight:bold; border:1px solid #000;}
span.overlay a:hover { background-color:#000;}
.no-float {float:none !important;}
#content .text .pep-partners img {margin:30px 0 5px; border:none;}
#content .text .pep-partners p {margin:0;}
#content .text .pep-partners p.group {margin:0 0 15px 0; border-bottom: 1px dotted #ddd; padding-bottom:7px; }

/*---- homepage features ---*/
.lunch-feature, .borrels-feature, .bezorgen-feature { background-color:#000 !important; color:#fff !important;}
.lunch-feature { background:#000 url(../images/bg-lunch.jpg) right 0 no-repeat;}
.bezorgen-feature { background:#000 url(../images/bg-bezorgen.jpg) right 0 no-repeat;}
.borrels-feature { background:#000 url(../images/bg-borrels.jpg) right 0 no-repeat;}
.lunch-feature h2, .borrels-feature h2, .bezorgen-feature h2 { background-color:#DC241F; color:#fff; padding:3px 10px 0px;}
.lunch-feature p, .borrels-feature p, .bezorgen-feature p { width:55%; padding:10px;}
.lunch-feature p, .borrels-feature p, .bezorgen-feature p { margin-bottom:0px;}
.lunch-feature p+p, .borrels-feature p+p, .bezorgen-feature p+p { padding-bottom:15px; padding-top:0;}
.lunch-feature a:hover, .borrels-feature a:hover, .bezorgen-feature a:hover { color:#fff;}


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1 {
  font-family:Arial;
  visibility:hidden;
  text-align:left;
  line-height:1em;
}

.sIFR-active #aanbieding h2 {
  font-family:Arial;
   visibility:hidden;
  text-align:left;
  line-height:1em;
}

.sIFR-active h2 {
  font-family:Arial;
   visibility:hidden;
  text-align:left;
  line-height:1em;
}