/* CSS Document */

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

body{ background:#44261f;
	 border:0;
	 font:11px Arial, Helvetica, sans-serif; color:#656464; text-transform:uppercase;
	 line-height:17px;
}


/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:57px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-2px; font-weight: normal; line-height:60px; float:left; background: url(images/bg_logo.png) repeat; width:100%}
h1 span{ color: #ffffff;}
h1 a{font:20px Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: 0px; line-height:20px;}

.header {font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; background: url(images/bg_logo.png) repeat; width:100%; height: 142px;}
.header span {color: #FFC84A;}
.header a{font:32px Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: 0px; line-height:34px;}
.header table{border-color:fff; height: 130px; margin-top: 10px;}

h2{ font:41px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; line-height:44px; padding:28px 0 12px 0; letter-spacing:-2px;}
h2 span{ font-size:21px; color:#6b6b6b; letter-spacing:-1px;}
p{ padding-bottom:17px;}
img{ vertical-align:top;}
/* ============================= header ====================== a6a5a5 */
#logo{ display:block; color:#fff; text-decoration:none; padding:40px 38px 14px 40px;}
#logo span{ display: block; font:11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:14px; letter-spacing:0; margin-top:-3px; padding-left:1px}
.line{ height:30px; width:100%; overflow:hidden; font-size:0; line-height:0; background:url(images/bg_logo.png) repeat}
.line2{ height:30px; width:100%; overflow:hidden; font-size:10; line-height:0; background:url(images/bg_logo.png) repeat}
#menu { width:100%; overflow:hidden; height:101px}
#menu li { float:left;}
#menu li a{ display:block; width:193px; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; letter-spacing:-1px; color:#fff; text-decoration:none; line-height:67px;}
#menu li div{display:none;} 

#menu .nav1 a{ background:#f55904}
#menu .nav2 a{ background:#ff972d}
#menu .nav3 a{ background:#ffc84a}
#menu .nav4 a{ background:#aaad3f}
#menu .nav5 a{ background:#2b6e3b}


#menu #navi_items_menu { position:absolute;
    top: 238px;
    left: 192px;
    /* width:602px; */
    color: #ffffff;
    height: 57px;
    /*background: #42261e;
    background: url('images/bg_navi.png') 0 0 repeat-x; */
}

#menu #navi_items_menu li { list-style:none;
    float:left;
    font-size:14px;
    color: #ffffff;
    position:relative;
    top:0;
    left:0;
	padding: 17px 5px 18px 5px;

    margin-right: 10px;
}


#navi_items_menu div.navi_items_menu_active { display: block; background: url('images/bg_navi.png') left bottom repeat-x;  height: 56px; width: 193px; position: absolute; }
#navi_items_menu div.navi_items_sublist { display: block; width: 248px; position: absolute; left: -10px;  background: url('images/bg_main_subnavi.png') 0 0; }

#navi_items_menu div.navi_items_sublist.products { display: block; width: 920px; position: absolute; top: 56px; left: -170px; height: 190px; background: url('images/bg_main_subnavi.png') 0 0; }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_ul { display: block; padding: 0px 10px 10px 10px; }
#navi_items_menu div.navi_items_sublist.products li { float: left; clear:none; width: 130px; height: 275px; padding: 5px 5px 5px 5px; background: none; margin-right: 0px; height: 150px; border-color:#FFFFFF }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_ul li a  { width: 130px;  }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_title { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px #000000; background: none 0 0 repeat-x;  height: 50px; display: block; margin-bottom: 5px; margin-top: -10px; font-size: 14px; }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_ul li a:hover { line-height:67px; }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_imgholder { background: none 0 0 repeat-x; }
#navi_items_menu div.navi_items_sublist.products .navi_items_sublist_img { border: 5px solid #fff; max-width:110px; max-height:110px;}


/* ============================= content ====================== */

.pad_left{ padding-left:30px;}
.pad_left2{ padding-left:35px;}
.pad_bot1{ padding-bottom:22px;}
.pad_bot1 tr{ height: 28px; valign:top;}
.pad_bot1 .tdcol1 { width:40%; }
.pad_bot1 .tdcol2 { width:20%; color:#ffffff; }
.pad_bot2{ padding-bottom:30px;}
.pad_left_voorgerechten {padding-left:50px;}
.pad_right { padding-right: 30px; }

.imageContainer {   
	position: relative;
    overflow: hidden;
    height: 65px;
	width: 490px;
    text-align: center;
	margin: 0px auto;	
}
.imageContainer > span {
    display: block;
	position: relative;
    float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.imageContainer > span > img {
    display: inline-block;
}

.links a{ color:#656464; text-decoration:none; }
.links a:hover{color:#fff;}
.links span{color: #fff;} 

.font1{ color:#fff;}

.button{ display:inline-block; color:#363c39; font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:51px; padding:0 27px; text-decoration:none; background:#fff}
.button:hover{ background:#000; color:#fff}

.inputbtn { 
  float:right; 
  margin-left:9px; 
  margin-top: 22px; 
  display:inline-block; 
  color:#363c39; 
  font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
  height:51px;
  padding:0 27px; 
  text-decoration:none; 
  text-transform: uppercase;
  background:#fff; 
  }
.inputbtn:hover{ background:#000; color:#fff }

.price{ margin-top:-3px;}
.price li{ width:100%;overflow: hidden; vertical-align: top; line-height:23px;}
.price span{ float:right; color:#fff;}
.price span.col1{ float:right; color:#fff; width: 50px; }
.price span.col2{ float:right; color:#fff; padding-left: 40px; width: 55px;}
.price a{ color:#656464; text-decoration:none; float:left;}
.price a:hover{ color:#fff;}
.price li strong{ display: block;overflow:hidden; background: url(images/price.gif) 0 -8px repeat-x; zoom:1}

.box{ float:left; margin-right:15px; background:#fff; font:36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#363c39;  line-height:38px; padding:8px 14px 14px 15px; margin-top:11px}
.box span{ font-size:18px; line-height:20px; display:block; margin-top:-5px;}

.news p{ padding-top:5px}
/* ============================= footer ====================== */

#footer { color:#fff; line-height:16px; padding:26px 30px 0px 32px}
#footer a{ text-decoration:none; color:#5b5b5b}
#footer a:hover{ text-decoration:underline}

.contact{ float:left; width:330px;}
#footer .contact a{ color:#fff;}

#footer_menu{ float:right; padding-bottom:48px}
#footer_menu li{ float:left; padding-left:14px;}
#footer #footer_menu .nav1 a{ color:#f55904;}
#footer #footer_menu .nav2 a{ color:#ff972d;}
#footer #footer_menu .nav3 a{ color:#ffc84a;}
#footer #footer_menu .nav4 a{ color:#aaad3f;}
#footer #footer_menu .nav5 a{ color:#4fac65;}


/* ============================= forms ============================= */

#form_1{ line-height:31px; color:#fff; margin-top:4px; width:871px; overflow:hidden}
#form_1 .input{ float:right; width:320px; height:13px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b;}
#form_1 p{ padding-bottom:8px;}
.col_1{ width:420px; float:left;} 
.col_2{ width:431px; float:left; padding-left:20px;}
#form_1 select{ width:104px; float:right; height:31px; padding:6px; background:#5b5b5b; margin-left:5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
#form_1 .select{ width:149px; margin-right:180px}
#form_1 textarea{ float:right; width:319px; height:92px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b; overflow:auto}
#form_1 a{ float:right; margin-left:9px; margin-top:22px;}

#ContactForm {line-height:31px; color:#fff;width:871px; overflow:hidden; margin-top:4px;}
#ContactForm p{ padding-bottom:8px;}
#ContactForm a{ float:right; margin-left:19px; margin-top:23px;}
#ContactForm .input {float:right; width:328px; height:13px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b;}
#ContactForm textarea { float:right; width:355px; height:131px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b; overflow:auto}

/*==========================================*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -------------------------- error page css ------------------------------*/

#mainerr {	 
	 overflow: hidden;
	 width: 100%;
	 margin-top: 50px;   
	 position: absolute;	 
	 z-index: 1;
}

#mainerr p {   
	width:965px;
	margin: 0px auto;
	font-size:16px;
	color:#CFC;
    background-image:url('images/bg_bot.png');
	padding: 20px 20px 20px 20px;
		
}

#mainerr .errbody {
	width: 100%;
	height:100%;
	background-image:url('images/bg_bot.png');
}

table.checkOption { border: 0px; cellpadding: 0; cellspacing: 0; width : 100%; }
table.checkOption tr { height:20px; vertical-align:middle; }
table.checkOption input { vertical-align:middle; }

table.menu {  cellpadding: 10; cellspacing:0; width:100%; align:center; vertical-align:top; margin: 0px auto; }
table.menu td { text-align: center; padding-left: 8px; }
table.menu span { color:#ffffff; }
table.menu td.tblpad_left { text-align:left; }
table.menu td.tblpad_left span { text-align:left; color:#ffffff }

.printcoupon1 {
    /* width: 250px; */
	width: 100%;
	position: relative;
    overflow: hidden;
    text-align: center;
	margin: 0px auto;	
}
.printcoupon1 > span {
    display: block;
	position: relative;
    /* float: left; */
	padding-left: 10px;
	padding-right: 10px;
}
.printcoupon1 > span > img {
    display: inline-block;
}

div.imgbutton {
  width: 267px;
  margin: 0px auto;
  text-align: center;  
}
div.imgbutton div {
  padding-top: 20px;
}

.printthiscoupon1 { 
   width: 250px;   
}

.printcoupon2 {
	width: 100%;
	position: relative;
    overflow: hidden;
    text-align: center;
	margin: 0px auto;	
}
.printcoupon2 > span {
    display: block;
	position: relative;
    /* float: left; */
	padding-left: 10px;
	padding-right: 10px;
}
.printcoupon2 > span > img {
    display: inline-block;
}

.printthiscoupon2 { 
   width: 250px;   
}