body{width: 99%;text-align: center;margin-top: -10px;background-color: #ddd;}

h2 a{color: #000;text-decoration: none;}
h2 a.mark{font-weight: lighter;}

a{text-decoration: none;color: #000;font-weight: bold;}

.lizenz{position:fixed;width:100%; height: 50px;background-color: #F00;top: calc(100% - 50px); line-height:50px; color:#FFF; margin-left: -8px; display: none;}
.lizenz a{color:#FFF;}
.lizenz.false{display: block;}

.top{max-width: 1500px;min-width: 1000px;height: 350px;margin: 0 auto;background-position: right;box-shadow: 0 0 25px #222;background-repeat: no-repeat;}
	.top .logo{width: 465px;height: 300px;margin-left: 150px;background-color: #FFF;opacity: 0.8;float: left;}
	.top .languages{width: 150px;height: 75px;float: right;margin-top: 15px;}
	.top .languages .flag{float: left;margin-right: 10px;width: 50px; height: 45px;background-image: url(../img/languages.jpg);
		background-repeat: no-repeat;border-radius: 35px;border: 5px solid #FFF;cursor: pointer;}
	.top .languages .flag.de{background-position: -274px -148px;}
	.top .languages .flag.uk{background-position: -430px -445px;}
.menubg{max-width: 1500px;min-width: 1000px;height: 50px;background-color: #000;opacity: 0.5;margin: -50px auto;z-index: 1;position: relative;}
.menu{max-width: 1500px;min-width: 1000px;height: 50px;margin: -50px auto;z-index: 10;position: relative;}
.toparrow{background-image: url(../img/top.png);width: 50px;height: 50px;position: fixed;background-size: contain;z-index: 1;right:10px;bottom: 10px;opacity: 0.25;
	cursor: pointer;display: none;}
.toparrow:hover{opacity: 0.85;}
.mobilmenu,.menumobil{display: none;}
	.menu .menubutton{width: 200px; height: 50px;color: #FFF;float: left;line-height: 50px;font-size: 20px;cursor: pointer;}
	.menu .menubutton.right{float: right;}
	.menu .menubutton:hover{background-color: #ddd;cursor: pointer;opacity:0.5;font-weight: bold;color: #000;}
.main{max-width: 1500px;min-width: 1000px;background-color: #bbb;margin: 50px auto;box-shadow: 0 0 25px #222;}
	.main .footer{max-width: 1500px;min-width: 1000px;height: 100px;background-color: #fd7f3e;margin: 0px auto;text-align: left;}
		.main .footer a{text-decoration: none;color: #FFF;padding-left: 25px;font-size: 18px;line-height: 50px;}
	.main .content{clear: both;}
		.main .content .none{background-color: #FFF;width: calc(100% - 20px);min-height: 150px;padding: 10px;}
		.main .content .clear{width: 100%;clear: both;}
		.main .content .left{float: left;width: 350px;background-color: #FFF;min-height: 150px;margin-bottom: 2px;}
		.main .content .left2{float: left;min-width: 646px;max-width: 1146px;background-color: #FFF;margin-left: 2px;min-height: 150px;margin-bottom: 2px;}
.contact{clear: both;text-align: center;margin: 0 auto;box-shadow: 0 0 2px #222;display: inline-block;border-radius: 5px;margin-top: 5px;}
  .contact .description, .contact .input{float: left;}
  .contact .description{text-align: right;line-height: 35px;border: groove 1px #999;width: 145px;border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;background-color: #fd7f3e;color: #FFF; border-right: none;padding-right: 5px;}
  .contact .input input{width: 250px;line-height: 33px;padding-left: 3px;border: outset 1px #aaa;
	border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-left: none; }
  .contact .input input.more{width: 660px;}
  .contact textarea{width: 802px;border: none;margin: 1px;padding: 5px;height: 150px;resize: none;}
  .contact input[type="button"]{width: 250px;line-height: 35px;border: none;background: none;cursor: pointer;color: #FFF;font-size:16px;}
  .contact.bg{background-color: #fd7f3e;}
.popupbg{position: fixed;background-color: #888;opacity: 0.4;width: 110%;height: 110%;z-index: 90;display: none;overflow: hidden;margin-left: -10px;}
.popup{background-color: #ddd;border: 1px solid #FFF;border-radius: 8px;position: fixed;z-index: 99;box-shadow: 5px 10px 15px #222;display: none;}
	.popup .header{height: 50px;background-color: #fd7f3e;color: #FFF;width: 100%;line-height: 50px;font-size: 25px;border-top-left-radius: 8px;
		border-top-right-radius: 8px;border-bottom: 1px solid #FFF;}
	
	.popup input[type=button],.admin input[type=button]{width: 150px;height: 40px;line-height: 40px;font-size: 20px;background-color: #fd7f3e;color: #FFF;border-radius: 5px;
		border: none;box-shadow: 2px 3px 5px #222;border: 1px solid #FFF;margin-left: 10px;margin-right: 10px;cursor: pointer;}
	.popup input[type=button]:active{box-shadow: 0 0 0 #FFF;}
	.popup input[type=mail],.popup input[type=password],.popup input[type=text],.popup input[type=number],.admin input[type=mail],.admin input[type=password],.admin input[type=text],.admin input[type=number],
	.admin select{width: 200px;line-height: 30px;border: none;border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;font-size: 17px;padding-left: 5px;margin-left: 5px;}
	.popup .inputtag,.admin .inputtag,.admin .hint{width: 350px;text-align: right;background-color: #fd7f3e;color: #FFF;line-height: 30px;font-size: 20px;height: 32px;margin-top: 10px;
		border-radius: 5px;margin-left: 50px;border: 1px solid #FFF;box-shadow: 2px 3px 5px #222;}
	.popup .inputtag.hint, .admin .hint{text-align: left;line-height:14px;font-size: 13px;height: auto;cursor: pointer;}
	.popup input[type=checkbox]{height: 35px;float: left;margin-right: 10px;}
	.popup .hint{font-size: 12px;margin-top: 30px;}
	.popup .address{width: 160px;height: 115px;border: 1px solid #fd7f3e;border-radius: 5px;float: left;margin-top: 15px;overflow: hidden;text-align: left;padding-left: 5px;font-size: 14px;}
	.popup .address:nth-child(2n+1){margin-left: 15px;}
	.popup .address input[type="button"]{width: 60px;background-color: #fd7f3e;color: #FFF;height: 15px;margin-left: 5px;margin-right: 10px;
		border-radius: 5px;border: 1px solid #FFF;box-shadow: 2px 3px 5px #222;line-height:14px;font-size: 12px;}
	.popup .address input[type="button"].red{padding-left: 2px;background-color: #F00;}
	.popup .address.std{border-color: #FFF;}
	.popup .addresses{float:left;max-width: 350px;padding-left:50px;}
	.addressentry{height: 90px;overflow: hidden;margin-bottom: 5px;}
	.addressentrys{height: 15px;white-space: nowrap;}
	.popup .addtocard{width: 200px !important;}
	
	.adminbuttonspop input{margin-top: 15px;}
	.admin{display: inline-block;width: 100%;}
	.admin .adminbutton{width: 200px;line-height: 35px;background-color: #fd7f3e;color: #FFF;height: 40px;margin-left: 5px;border-radius: 5px;border: 1px solid #FFF;
		box-shadow: 2px 3px 5px #222;float: left;cursor: pointer;}
	.admin .hint{text-align: center;width: 500px;}
	.admin .content input,.admin select{width: 300px;}
	.admin .inputtag{width: 500px;}
	.admin .content input[type=button]{margin-top: 10px;}
	.admin .content .category{border: 1px solid #000;display: block;height: 35px;width: 600px;clear: both;margin-top: 5px;margin-left: 15px;}
	.admin .content .category > div{float: left;line-height: 35px;margin-left: 15px;overflow: hidden;}
	.admin .content div.move{width: 20px;background-image: url(../img/doublearrow.png);min-height: 35px;background-position: center center; background-repeat: no-repeat;cursor: move;}
	.admin .content div.edit{float:right;margin-left: 0px;margin-right: 5px;width: 20px;background-image: url(../img/pen.png);min-height: 35px;background-position: center center; background-repeat: no-repeat;cursor: pointer;}
	.admin .content div.del{float:right;margin-left: 0px;margin-right: 5px;width: 15px;background-image: url(../img/bin.png);min-height: 35px;background-position: center center; background-repeat: no-repeat;cursor: pointer;}
	.admin .content div.editmeal{float: right;margin-left: 0px;margin-right: 5px;cursor: pointer;width: 20px}

.mealss{display: inline-block;width: 1400px;z-index: 80;}
	.mealss .category, .mealss .show{float: left;}
	.mealss .category{display: inline-block;width: 500px;height: 700px;}
		.mealss .category div{float: left;width: 200px; height: 40px;background-color: #fd7f3e;border-radius: 5px;color: #FFF;line-height: 40px;font-weight: bold;box-shadow: 2px 3px 5px #222;
			cursor: pointer;margin-left: 10px;margin-bottom: 10px;}
			.mealss .category div.selected {background-color: #FFF;color: #fd7f3e;}
			.mealss .category div.text{line-height: 20px;}
	.mealss .category .fastorder{width: 75px;height: 75px;line-height: 75px;font-size: 40px;}
	.mealss .category .fastorder:active{box-shadow:0px 0px 0px;}
	.mealss .category .fastorder.big{width: 160px;}
	.mealss .show{width: 850px;height: 700px;overflow-y: auto;overflow-x: hidden;padding-left: 10px;}
	.mealss .meal{border: 2px solid #999;height: 105px;width: 98%;text-align: center;border-radius: 5px;float: left;margin-left: 15px;margin-top: 17px;cursor:pointer;}
	.mealss .datatext{text-align: left;}
		.mealss .meal{width: 250px;height: 250px;}
		.mealss .meal div.linepic{position: relative;width: 250px;background-color: #000;opacity: 0.5;height: 25px;line-height: 25px;
		border-top-left-radius: 3px;border-top-right-radius: 3px;}
		.mealss .meal div.linepic2{font-size: 20px;height: 25px;line-height: 25px;color: #FFF;position: relative;width: 250px;overflow: hidden;margin-top: -25px;}
		.mealss .meal .headlinepic{width: 250px;height: 100px;margin-top: -25px;}
		.mealss .meal .headline{font-size: 18px; font-weight: bold;}
		.mealss .meal .headline span{width: 13px;height: 15px;border-radius: 10px;border: 1px solid #FFF;position: relative;display: inline-block;margin-top: 3px;margin-left: 5px;padding: 0px;font-size: 12px;color: #FFF;}
		.mealss .meal .bg{color: #FFF;height: 25px;background-color: #fd7f3e;}
		.mealss .meal .desciption{height: 50px;display: inline-block;}
		.mealss .meal .price{margin-left: 130px;margin-right: 0px;height: 40px;font-size: 28px;line-height: 40px;background-color: #fd7f3e;color: #000;
			text-align: right;padding-right: 5px;padding-left: 5px;border-radius: 3px;position: relative;color: #FFF;}
		.mealss .meal .sizes{height: 45px;width: 100%;color: #aaa;}
		.mealss .meal .price span{font-size: 12px;}
	
	.popup{width: 60%;left: 20%;top: 5%;}
	.popup .choosesize{width: 150px; height: 80px;line-height: 25px;font-size: 20px;background-color: #FFF;color: #000;border-radius: 5px;border: 1px solid #fd7f3e; float: left;
		margin-left: 15px;margin-top: 15px;box-shadow: 2px 3px 5px #222;cursor: pointer;}
	.popup .choosesize.selected{background-color: #fd7f3e;color: #FFF;border: 1px solid #FFF;}
	.popup .choosesize .price{font-size: 20px;}
	.popup .choosesize span:not(.price){font-size: 12px;line-height: 12px;display: block;}
	.popup .choosesize div.offer{position: absolute;color:red;transform: rotate(-35deg);margin-left: -20px;font-weight: bold;}
	.popup .choosesize:active{box-shadow: 0px 0px 0px #FFF;}
	.popup .choosenumber,.popup .addtocard,.popup .popupprice{float: right;margin-top: 15px;}
	.popuü .choosennumber{width: 50px;line-height: 40px;border-radius: 0px;}
	.popup .clear{clear: both;width: 100%;height: 1px;}
	.popup .popupprice {font-size: 20px;line-height: 32px;background-color: #FFF;margin-right: 45px;padding: 5px;}
	.popup .popupprice span{color: #fd7f3e;}
	.popup .extras,.popup .garnishes{clear: both;display: inline-block;height: 85px;overflow: auto;}
	.popup .chooseextra{width: 200px;line-height: 40px;font-size: 17px;padding-left: 5px; margin-top: 15px;height: 40px;border: none;float: right;}
	.popup .extratomeal{height: 25px;border: none; background-color: #FFF;padding: 2px 5px 2px 5px;margin-left: 5px;margin-bottom: 3px;line-height: 20px;cursor: pointer;overflow: hidden;float: left;}
	.popup .extratomeal:hover{color: #F00;}
	.popup .garnish,.popup .extra{clear: both;font-size: 12px;border-top: 3px solid #fd7f3e;border-bottom: 3px solid #fd7f3e;margin: 15px;padding-top: 15px;}
	.popup .extras{width: calc(100% - 250px);float: left;}
	.popup .extra{margin: 15px auto;display: inline-block;width: 100%;}
	.popup .garnish span,.popup .extra > span{float: left;padding-left: 10px;padding-top: 2px;}
	.popup .garnishes div{float: left;height: 25px;margin-top: 10px;margin-right: 10px; padding: 2px 5px 2px 5px;line-height: 25px;width: 180px;text-align: left;cursor: pointer;font-size: 14px;}
	.popup .garnishes div > div.circle{width: 2px;height: 8px;border-radius: 15px;border: 3px solid #FFF;margin-top: 3px;}
	.popup .garnishes div > img{width: 15px;height: 15px;margin-left: -25px;margin-right: 10px;display: none;}
	.popup .garnishes div.selected > img{display: inline-block;}
	
.bubble { position:absolute; z-index:1000; display:none; max-width:250px; padding:8px; font-size:12px; color:white; border-radius:3px; background-color:rgba(0, 0, 0, 0.65);}
.bubble:after { position:absolute; top:calc(100% - 18px); left:-12px; display:block; width:0; content:" "; transform:rotate(90deg); opacity:0.65; border-width:8px 8px 0; border-style:solid;
	border-color:#000000 transparent;}
	
	
.card{width: 100%;display: inline-block;padding-bottom: 25px;}
	.card .currentcard, .card .startorder{float: left;height: 700px;}
	.card .currentcard {width: 950px;border-right: 1px solid #555;padding-right: 50px;}
	.card .currentcard .itemcont{height: 500px;overflow: hidden; overflow-y: auto;}
	.card .currentcard h2{text-align: left;padding-left: 100px;}
	.card .currentcard .item{text-align: left;padding-left: 50px;clear: both;width: 95%;}
	.card .currentcard .item h4{margin-bottom: 3px;}
	.card .currentcard .item span{padding-left: 15px;}
	.card .currentcard .item .count, .card .currentcard .item .name, .card .currentcard .item .price{float: left;}
	.card .currentcard .item .name{width: 350px;cursor: pointer;}
	.card .currentcard .item .count{width: 250px;margin-top: 20px;}
	.card .currentcard .item .price{width: 280px;margin-top: 20px;text-align: right;font-size: 12px;}
	.card .currentcard .item .price span{font-weight: normal;font-size: 16px;}
	.card .currentcard .item .price span.non{font-weight: bold;}
	.card .currentcard .prices{border-top: 2px solid #000;margin-top: 10px;text-align: right;}
	.card .currentcard .prices div{float: right;margin-right: 10px;}
	.card .currentcard .prices .priceto{line-height: 20px;padding-bottom: 1px;}
	.card .currentcard .prices .pricetopay{text-decoration: underline;border-bottom: 2px solid #000;font-weight: bold;margin-left: 5px;}
	.card .currentcard .prices div span:not(.priceto){font-size: 14px;color: #999;line-height: 18px;}
	.card .currentcard .prices div span:not(.priceto) div{margin-left: 5px;}
	
	
	.card .startorder {width: 400px;}
	.card .startorder .headline{margin-left: 70px;}
	.card .startorder .choose{padding-left: 55px;}
	.card .startorder .choose .ok{font-weight: bold;}
	.card .startorder .choose .time{font-size: 14px;padding-top: 10px;text-align: left;}
	.card .startorder .choose .time div{float: right;font-size: 14px;cursor: pointer;}
	.card .startorder .choose .time div input{border: none;padding-bottom: 10px;}
	.card .startorder .choose .time div span.ok{font-weight: bold;}
	.card .startorder .choose .clear{clear: both;}
	.card .startorder .choose .clear hr{border:none;border-top: 0.5px solid #aaa;width: 90%;}
	.card .startorder .choose input[type=button]{width: 150px;height: 40px;line-height: 40px;font-size: 20px;background-color: #fd7f3e;color: #FFF;border-radius: 5px;
		border: none;box-shadow: 2px 3px 5px #222;border: 1px solid #FFF;cursor: pointer;margin: 0 auto;}
	.card .startorder .choose .hint{font-size: 12px;margin-top: 15px;margin-bottom: 5px;}
	
	.card .startorder .choose .delivery{text-align: center;display: inline-block;}
	.card .startorder .choose .delivery div{float: left;width: 105px; height: 65px;line-height: 65px;border: 1px solid #AAA;margin-right: 5px;margin-bottom: 10px;border-radius: 3px;cursor: pointer;}
	.card .startorder .choose .delivery div.marked{border:3px solid #fd7f3e;width: 101px;height: 61px;line-height: 62px;}
	.card .startorder .address{text-align: left;}
	.card .startorder .address input[type=radio]{display: none;}
	.card .startorder .address .addresstext{text-align: center;font-size: 12px;clear: both;display: block;border: 1px solid #000; border-radius: 3px;margin-bottom: 2px;cursor: pointer;overflow: hidden;}
	.card .startorder .address .addresstext.marked{color: #FFF;background-color: #fd7f3e;}
	
	.card .startorder .payment{text-align: left;clear: both;margin-bottom: 5px;display: inline-block;}
	.card .startorder .payment .paymenticon{float: right;width: 75px;height: 65px;border: 1px solid #AAA;border-radius: 3px;margin-right: 5px;box-shadow: 2px 3px 5px #222;cursor: pointer;margin-top: 10px;}
	.card .startorder .payment .paymenticon img{max-width: 70px;max-height: 60px;margin-top: 2px;margin-left: 2px;}
	.card .startorder .payment .paymenticon.marked{border:3px solid #fd7f3e;width: 73px;height: 63px;}
	.card .startorder .payment .paymenticon.grey{opacity: 0.4;filter: alpha(opacity=40); background-color: #777;}
	.card .startorder .desc textarea,.card .startorder .desc input{width: 70%;}
	.card .startorder .desc [data=coupon]{display: none;font-size: 12px;}
	.card .addressadmin input[data=plz]{width: 50px;}
	
	.card .addressadmin span{width: 50px;display: inline-block;}
	.card .addressadmin input{margin-left: 5px;height: 25px;margin-top: 5px;}
	.ui-menu-item-wrapper{text-align: left;}
	.card .hint{color: #F00;}
	
	.orders {width: 1000px;border: 1px solid #000; border-radius: 5px;margin: 0 auto;padding: 10px;display: inline-block;margin-bottom: 10px;cursor: pointer;}
	.orders.kitchen{width: 400px;float: left;margin-right: 10px;overflow: hidden;white-space: normal;}
	.orders .detail{float: left;}
	.orders .detail.first{width: 50px;text-align: left;}
	.orders .detail.second{width: 350px;text-align: left;}	
	.orders .detail.third{width: 100px;text-align: left;}
	.orders .detail.four{width: 100px;text-align: left;}
	.orders .detail.five{width: 300px;text-align: right;}	
	.orders .extend{display: none;}
	.orders .extend.show{display: block;}
	.orders .extend div{float: left;}
	.orders .extend div:not(:last-child){border-right: 1px solid #444;}
	.orders .extend.show div:not(:last-child){border:none;}
	.orders .extend .articles{margin-left: 25px;width: 600px;text-align: left;}
	.orders .extend .articles span.price{padding: 10px;}
	.orders .extend .articles span.extra{padding-left: 10px;font-size: 14px;}
	.orders .extend .address{text-align: left;width: 200px;margin-left: 25px;}
	.orders .extend .payment{text-align: right;width: 120px;margin-left: 25px;}
	.timetosearch{float: left;width: 200px; border: 1px solid #000;cursor: pointer;}
	.timetosearch.mark{font-weight: bold;}
	.orders.admin{float: left;}
	.orders.red{background-color: rgba(255, 0, 0, 0.5);}
	.orders.green{background-color: rgba(0, 128, 0, 0.5);}
	.orders.blue{background-color: rgba(0, 0, 255, 0.5);}
	.adminbutton{height: 40px;float: left;margin-left: 5px;border-radius: 5px;cursor: pointer;}
	.cursor{cursor: pointer;}
	select{height: 35px;line-height: 35px;font-size: 16px;border-radius: 5px;
		border: none;box-shadow: 2px 3px 5px #222;border: 1px solid #FFF;cursor: pointer;margin: 0 auto;}
	
	.checkstand{position: absolute;float: right;background-color: #FFF;font-size: 20px;right: 50px;width: 630px;line-height: 50px;margin-top: -50px;}
	.checkstand div{float: left;}
	.checkstandinput{height: 50px;width: 250px;font-size: 30px;text-align: right;}
	.checkstandinputs{margin-left: 50px;width: 350px;}
	.checkstandinputs div{float: left;height: 75px;width: 75px;line-height: 75px;border-radius: 2px;background-color: #fd7f3e;color: #FFF;margin-right: 10px;margin-bottom: 10px;cursor: pointer;}
	.checkstand .payed{height: 75px;width: 175px;line-height: 75px;border-radius: 2px;background-color: #fd7f3e;color: #FFF;margin-top: 255px;margin-left: 35px;cursor: pointer;}
	.checkstand .payed2,.checkstand .payed3{height: 75px;width: 175px;line-height: 75px;border-radius: 2px;background-color: #fd7f3e;color: #FFF;margin-top: -245px;margin-left: 35px;cursor: pointer;}
	.checkstand .payed2{margin-top: -330px;}
	
	.inputtag .shortcut{width: 205px;height: 15px;background-color: #FFF;color:#000;margin-left: 145px;text-align: left;line-height: 15px;cursor: pointer;font-size: 13px;}
	.inputtag .shortcut:hover{background-color: #ccc;}
	
	
	.search{height: 25px;float: left;margin-left: 150px;width: 250px;border-radius: 3px;border: 1px solid #bbb;padding-left: 5px;}
	
	.footer .copy a{font-size: 12px; padding-left: 0px;float: right;color: #FFF;line-height: 12px;margin-top: 35px;}
	
	.sumup input[type=button],.driverorder input[type=button]{width: 150px;height: 80px;line-height: 40px;font-size: 20px;background-color: #fd7f3e;color: #FFF;border-radius: 5px;
		border: none;box-shadow: 2px 3px 5px #222;border: 1px solid #FFF;margin-left: 10px;margin-right: 10px;cursor: pointer;white-space: normal;}
	.sumupe{clear: both;width: 80%;display: inline-block;margin: 0 auto;}
	.sumupe div{float: left;width: 30%;}
	.sumupe div:nth-of-type(2){text-align: left;}
	.sumupe div:last-of-type{text-align: right;}
	.sumupe div.under{text-decoration: underline;font-weight: bold;}
	.sumupe.grey div{color: #777;}
	
	.driverorder{float: left;width: 350px;border: 1px solid #000;margin-right: 10px;margin-bottom: 10px;padding: 10px;text-align: left;}
	.driverorder.red{background-color: rgba(255, 0, 0, 0.5);}
	.driverorder div{margin-bottom: 10px;line-height: 20px; height: 30px;}
	.driverorder.yellow{background-color: rgba(255, 255, 0, 0.5);}