.toggle {
	display:none;
}

.toggle2 {
	display:none;
}

.callme {
	display:none;
}

div#mainnavigation {display:block; width:0; background: url(../img/bg_navigation.gif) repeat-y; position:absolute; z-index:3313;}

div#mainnavigation {
	float: left;
	font-size: 11px;
	margin: 70px 0 40px 0;
	height: 200px;
}
	div#mainnavigation h3.navigation {
		height: 50px;
		background: url(../img/h_navigation.png) top left no-repeat;
		margin: 0;
		padding: 0;
	}
	div#mainnavigation h3.basket {
		height: 64px;
		background: url(../img/h_basket.png) top left no-repeat;
		margin: 10px 0 0 0;
		padding: 0;
	}
		div#mainnavigation h3 span {
			display: none;	
		}	
	div#mainnavigation a {
		color: #000000;
	}
	div#mainnavigation ul {
		list-style: none;
		width: 270px;
		float: right;
		margin: 0;
		padding: 0;
	}
		div#mainnavigation ul li {
			display: block;
			float: left;
			width: 125px;
			height: 18px;
			background: url(../img/bg_navpoint.gif) top left no-repeat;
			padding: 3px 0 0 10px;
			margin: 0;
			border-bottom: 1px dashed #5a676e ;
		}
			div#mainnavigation ul li a {
				text-decoration: none;
				font-size: 12px;
			}

@media (min-width:975px){
	#mainnavi-close,#navi-close {display:none;}
}
@media (max-width:975px){
	
	.toggle {
	display:block;
}


body {border:0px solid; width:100%;}

	div#wrapper {max-width:95%;}	
	
div#fb-root {width:100%;}

div#head {border:0px solid; width:100%; background-size:100% auto; background-position:0px bottom; height:100px;margin:0 0 0 0;}

div.container_16 {border:0px solid red; max-width:100%; padding-top:50px;}

div#head h1 a  {border:0px solid;  background-size:100% auto; top:0px; width:100px; left:10px; min-width:100%!important;  max-width:300px;  display:block; height:100px;}

div#catering  {position:fixed; right:0; top:0; border:1px solid red;}

div#navigation, div#mainnavigation {border:0px solid;  display:; position:absolute; z-index:300; width:0; transition: 1s;}

div#navigation {top: 30px;}

div#mainnavigation {top: 0;}

button#mainnavi-close, button#navi-close { color: #FFFFFF; background-color: #a20000; border: 1px dotted; float: right; margin: 10px 8px 0 0; cursor: pointer; };

div#navigation, div#content, div#mainnavigation {display:block;float:;}

div#navigation .order ,div#mainnavigation .order{border:0px solid green;}
	
div#navigation img, div#mainnavigation img {display:none;}	

div#content_top {border:0px solid red; width:98.5%; background-size:100% 100%;}

div#content {border:0px solid blue; width:98%; white-space:wrap;position:relative; float:unset; top:100px;margin:unset; margin:0 auto; background-size:100% auto;padding:0 0 0 0;}

	div#content p {border:0px solid; min-width:100%; margin:0 auto;}	
	
div#content_middle {border:0px solid green; background-size:100% auto;}
  .slider-wrapper {width:90%; margin:0 auto;}
div#content_middle img {border:0px solid;width:90%; margin:0 5% 0 5%;}

div.grid_11 {max-width:100%; border:0px solid;}

	.productlist {border:0px solid; max-width:95%; margin: 0 0% 0 0%; }
table.productlist tr {border:0px solid;width:80%;}
	
	.productlist td.price {border:0px solid; white-space:nowrap;}
	.productlist td.form {border:0px solid;}
	
	.productlist select.field.l {max-width:;}
	
	.productlist td.number {max-width:10px;}
	.productlist  td.number strong {display:none;}
	
	input.submit {border:0px solid; height:25px; margin:20px 0 0 0;}
	
	div#content .grid_9 {border:0x solid; max-width:95%;}
	div#content .grid_4 {border:0x solid; width:95%;}
	div#content li {border:0px solid; max-width:100%; white-space: wrap; position: relative;}
	div#content h1 {border:0px solid; max-width:100%;position:relative;}
	
	div.grid_7 {border:0px solid; width:unset; max-width:90%; }
	div.startcat {border:0px solid red; width:40%!important; margin:10px; display:inline-block;}
	
div#content_bottom {border:0px solid magenta;background-size:100% 175%; width:98.5%; height:auto;padding:0 0 0px 0;}
	div.box_top {border:0px solid; width:unset; min-width:90%; background-size:100% 100%;}
		div.box_bottom {border:0px solid; width:unset; min-width:90%; background-size:100% 100%;}

	.respnav {width:95%;margin:0 auto;border:1px solid orange; border-top:none; background-color:orange; position:fixed;z-index:444;margin-left:2.5%;}
.toggle {
	display:inline-block;
  border-right:2px solid white;
	top:0px;
	z-index:333;
	display:block;
	background: url(../img/delivery.svg) no-repeat;  
	background-color:none;
	background-size: 100% 100%;
	width:32%; 
	height:50px;
	float:left;
	margin:1px;

	}
	
	
	.toggle2 {
	display:inline-block;
	border-right:2px solid white;
	top:0px;
	z-index:333;
	display:block;
	background: url(../img/restaurant-menu.svg) no-repeat;  
	background-color:none;
	background-size: 50px 100%;
	background-position: center;
	width:32%; 
	height:50px;
	float:left;
  margin:1px;
	}
	
	.toggle:hover {color:white;	text-decoration: none;
}	
	
.callme {
	display:inline-block;
	border-right:0px solid white;
	z-index:333;
	background: url(../img/telephone.svg) no-repeat;
	background-color:none;
	background-size: 50px 70%;
		background-position: center;


	width:32%; 
	height:50px;
	margin:1px;
	}
	
	.callme:hover {color:white;	text-decoration: none;
}		
	
	.grid_3 {display:none;}
	
	
	div.grid_7 { border:0px solid;min-width:90%; margin: 0 5% 0 5%;}
	
div.grid_7 div {border:0px solid; min-width:45%;}
	
	div.grid_4  {border:0px solid; width:100%;}
	
	div.grid_4 img {border:0px solid!important; max-width:50%; margin: 0 25% 0 25%!important;}
	
    }

@media (max-width:490px){	.productlist select.field.l {max-width:40px;}}

@media (max-width:453px){	
	div.grid_7 { border:0px solid;min-width:90%; margin: 0 10% 0 10%;}
div.grid_7 div {border:0px solid; min-width:40%;}
	
}