* {
    margin: 0;
    padding: 0;
}
html{
    background: #b90000;
    font-family: Verdana,georgia, Arial,times,sans-serif;
}
.add_speise{
    padding: 1px 8px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.rem_speise{
    padding: 1px 8px;   
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.rem_speise:hover,.add_speise:hover {
    background-color: #eb675e;
}
body {
    background: none repeat scroll 0 0 white;
    font-family: georgia,times,serif;
    height: auto;
    margin: 0 auto;
    width: 90%;
    /*border: 1px #b90000 solid;*/
    position: relative;
    font-size: 16px;
}

#links{
    width: 68%;
    margin-right: 7px;
    float: left;
    min-width: 400px;

}

#rechts{
    width: 30%;
    float: left;
    min-width: 300px;
}
#header {
    background-image:  url("../bilder/head.png");
    background-repeat: no-repeat;
    position: relative;
    width: 100%; 
    float: left;
    background-size: 100% 100%;
    /*margin-right: 10px;*/
    /*    height: 100%;*/

}
#extrazutaten{
    font-family: verdana;
    font-size: 12px;
}
.nav {
    width: 100%;
    margin: 265px 10px 10px auto;
    float: left;
    font-size: 13px;
}
.nav li a,#extrazutaten a{
    text-decoration: none;
}
.nav li a label{
    border: 1px #b90000 solid;
    background: #b90000;
    color:#fff;
    text-decoration:none;
    display:block;
    padding:10px 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 1px 1px 2px 1px #ff0;
    padding: 5px;
}

.nav li a label:hover{
    cursor: pointer;
    background: #eb675e;
    
}
#info{
    width: 99%;
    padding: 6px;
    /*    position: absolute;
        left: calc(73% + 10px);*/
    height: 325px;
    max-height: 325px;
    /*font-size: 100%;*/
    /*border: 1px red solid;*/
    float:left;
    background:  linear-gradient(top, #ffd396,#ffaa92 );
    background:  -moz-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -webkit-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -ms-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -o-linear-gradient(top, #ffd396,#ffaa92 );
    margin-bottom: 7px;
    font-family: Verdana,georgia, Arial,times,sans-serif;

}
#info_rechts{
    width: 98%;
    float: left;
}
#info_rechts div, #info_links div{
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 5px;
    width: 90%;
    /*font-size: 80%;*/
}
#info_links{
    width: 49%;
    float: left;
    margin-right: 5px;
}
#ueberraschung, #firmenangebot{
    text-align: center;
    color: #fff;
    background: #cc33ff;
    border: 1px #fff solid;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
}
/*#firmenangebot:hover{
    cursor: pointer;
    color: #cc33ff;
    background:  #fff;
}*/
#abholer_rabatt{

    text-align: center;
    background: #ffeba8;
}
.rabatt{
    font-size: 18px;
    color: #cc33ff;
}
#sammel_rabatt{
    background: #ffeba8;
    text-align: center;
    font-size: 12px;
}
#firmentelnr{
    font-size: 14px;
    color: #cc33ff;
    font-weight: bolder;
    background: #ffeba8;
}
#fax{
    background: #ffeba8;
    font-size: 14px;
}
#oeffnungzeiten{
    border: 1px solid salmon;
}
#lieferkosten{
    border: 1px solid salmon;
}
.nav input[type=radio]{
    position: absolute;
    top: -999px;
    left: -999px;
}
.nav ul li{
    float: left;
    list-style: none;
    width: 100px;
    margin: 5px;
}
.nav ul ul {
    display: none;
    visibility: hidden;

}
.nav li input[type="radio"]:checked  ~ ul{
    display: block;   
    visibility: visible;
    position: absolute;    
    margin-left:auto;
    left: 0;
    background-color: #cacaca;
    /*width:calc( 100% - 40px);*/
    width: 100%;
    top:100%;
    /*    overflow: scroll;
        height: 50px;*/
}

.nav li input[type="radio"]:checked  ~ ul li{
    margin: 5px;
    width: 120px;
}

.nav input[type="radio"]:checked + a label {
    font-weight: bold;
    color: yellow;
}

#content{
    float: left;
    width: 100%;
    /*min-width: 250px;*/
    /*margin-right: 10px;*/
    margin-top: 39px;
    /*margin-top:39px; 39px;*/
    position: relative;
    background:  linear-gradient(top, #ffd396,#ffaa92 );
    background:  -moz-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -webkit-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -ms-linear-gradient(top, #ffd396,#ffaa92 );
    background:  -o-linear-gradient(top, #ffd396,#ffaa92 );
    font-family: Verdana,georgia, Arial,times,sans-serif;
}

.speisen{
    border-spacing: 5px 2px;
    width: 73%;
    margin: auto;
    font-size: 1em;
    font-family: Verdana,georgia, Arial,times,sans-serif;
    /*min-width: 350px;*/
}
.speisen div{
    font-weight: bolder;
    margin:4px 8px;
}
.speisen span{
    font-size: 10px;
    text-align: center;
    display: block;
}
.speisen tr:nth-child(even){
    background-color: #aaa;
}
.speisen tr:nth-child(odd){
    background-color: #ffeba8;  
}
.gerichte, .zutaten{
    visibility: hidden;
    display: none;
}
#impressum table{
    margin-top: 50px;
    margin-left: 10px;
    
}
/*.zutaten{
    visibility: hidden;
    display: none;
    border: 1px solid green;
}*/

.zutaten a{
    width: 120px;
    /*height: 17px;*/
    padding: 3px 7px;
}
.zutaten a:hover{
    background: red;
    color: #fff;
    cursor: pointer;
    background: #eb675e;
    border-radius: 10px;
}
#ingredient a:hover{
    text-decoration: line-through;
    background: #eb675e;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
}
#cart{
    margin-top:0; /*39px;*/
    /*margin-right: 0;*/
    float: left;
    width: 99%;
    /*min-width: 250px;*/
    /*border: 1px green solid;*/
    position: relative;
    padding: 6px;
    background: none repeat scroll 0 0 #9B70C0;
    /*overflow: scroll;*/
    background:  linear-gradient(top,#ffaa92, #ffd396 );
    background:  -moz-linear-gradient(top,#ffaa92, #ffd396 );
    background:  -webkit-linear-gradient(top,#ffaa92, #ffd396 );
    background:  -ms-linear-gradient(top,#ffaa92, #ffd396 );
    background:  -o-linear-gradient(top,#ffaa92, #ffd396 );
}
form{
    width: 80%;
}

.fehler{
    background-color: #f4e623;
    color: #f4234b;
    border-radius: 10px;
    padding: 15px;
}
.fehler span{
    font-weight: bolder;
    text-decoration:underline;

}
#warenkorb{
    margin-bottom: 20px;
    padding: 5px;
    /*width: 97%;*/
}

#divBetrag{
    /*border: 1px saddlebrown solid;*/
    width: 100%;
    position: relative;
    height: 40px;
    margin-bottom: 25px;
}
.MBWerterreicht{
    display: non;
    visibility: hidden;
}
.MBWert{
    display: block;
    visibility: visible;
}
#mindesbestellwert{
    font-size: 12px;
    display: block;
    max-width: 60%;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 5px;
    /*float: left;*/
}
#betrag{
    /*border: 1px green solid;*/
    display: block;
    position: absolute;
    right: 10px;
    width: 50px;
    top:10px;
}
textArea{
   width: 95%;
    max-width: 95%;
    height: 70px;
}
.clear{
    clear: both;
    margin: 5px;
}

a.preis,a.ohneExtra {
    text-decoration: none;
    display: block;
}

a.preis:hover, a.ohneExtra:hover {
    background-color:  #eb675e; /*#00cccc;*/
    cursor: pointer;
    /*display: block;*/
}

#cart h1{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
#cart label{
    display: block;
    width: 75px;
    margin-left: 0;
    cursor: pointer;  
}
.inputFeld{
    display: block;
    width: 94%
}
.inputBox{
    float: left;
    width: 48%;
    padding: 3px;
    margin-bottom: 5px;
}

.inputBox sup{
    color: red;
}

#in_den_wk{
    /*text-align: right;*/
    /*margin: 20px 0;*/
    position: absolute;
    right: 70px;

}
#in_den_wk span{
    background-color:#b90000; /*yellow;*/
    border: 1px #b90000 solid;
    padding: 3px 7px;
    font-size: 15px;
    display: block;
    float: left;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 1px #ff0;
    color: #fff;
}

#in_den_wk span:hover{
    cursor: pointer;
    background: #eb675e;
}

#foods{
    width: 100%;
    background-color: #ffaa92;
    margin-bottom: 20px;
}

#price{
    position: absolute;
    width: 60px;
    top: 2px;
    right: 0;
    border: 1px salmon solid;
}
.betragklein{
    background-color: red;
}
.betrag{
    background-color: green;
}

#divsuppe, .divsuppe {
    background-image:  url("../bilder/suppe.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}

#divvorspeise, .divvorspeise {
    background-image:  url("../bilder/vorspeise.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}

#divclasic, .divclasic {
    background-image:  url("../bilder/pizza.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}


#divcalzone, .divcalzone {
    background-image:  url("../bilder/calzone.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}
#divmexikanisch, .divmexikanisch {
    background-image:  url("../bilder/mexikanisch.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}

#divpizzabroetchen, .divpizzabroetchen {
    background-image:  url("../bilder/pizzabroetchen.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}
#divpartypizza, .divpartypizza{
    background-image:  url("../bilder/partypizza.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px; 
}

#divf_Angebot, .divf_Angebot {
    /*    background-image:  url("../bilder/auflaeufe.jpg");
        background-size: 678px 200px;
        background-repeat: no-repeat;
        background-position: center 10px;*/
    padding-left: 20px;
    height: 250px;
    padding-top: 20px;
}

#divauflauf, .divauflauf {
    background-image:  url("../bilder/auflaeufe.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;
}

#divbaguette, .divbaguette{
    background-image:  url("../bilder/baguette.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divgnocchi,.divgnocchi{
    background-image:  url("../bilder/gnocchi.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divtortellini,.divtortellini{
    background-image:  url("../bilder/tortellini.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divmaccheroni, .divmaccheroni{
    background-image:  url("../bilder/macchroni.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divspaghetti, .divspaghetti{
    background-image:  url("../bilder/spaghetti.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divtagliatelle,.divtagliatelle{
    background-image:  url("../bilder/tagliattelle.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divschnitzel, .divschnitzel{
    background-image:  url("../bilder/schnitzel.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divchicken , .divchicken {
    background-image:  url("../bilder/schnitzel.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}
#divgyros , .divgyros {
    background-image:  url("../bilder/gyros.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divburger , .divburger {
    background-image:  url("../bilder/burger.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divbratwurst , .divbratwurst {
    background-image:  url("../bilder/bratwurst.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divechiladas, .divenchiladas{
    background-image:  url("../bilder/indisch.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divtacos, .divtacos{
    background-image:  url("../bilder/tacos.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divdessert, .divdessert{
    background-image:  url("../bilder/tiramisu.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divsoftdrink, .divsoftdrink{
    background-image:  url("../bilder/cola.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divbier, .divbier{
    background-image:  url("../bilder/cola.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divwein, .divwein{
    background-image:  url("../bilder/cola.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#diveis, .diveis{
    background-image:  url("../bilder/eis.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divsalat, .divsalat{
    background-image:  url("../bilder/salat.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divgebratnenudel, .divgebratnenudel{
    background-image:  url("../bilder/gebnudel.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divgebratenereis, .divgebratenereis{
    background-image:  url("../bilder/reis.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divhuehnerfleisch, .divhuehnerfleisch{
    background-image:  url("../bilder/huehner.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}


#divschweinefleisch, .divschweinefleisch{
    background-image:  url("../bilder/schwein.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divrindfleisch, .divrindfleisch{
    background-image:  url("../bilder/rind_cr.jpg");
    background-size: 678px 200px;
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#diventenfleisch, .diventenfleisch{
    background-image:  url("../bilder/ente.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divhummer, .divhummer{
    background-image:  url("../bilder/hummer.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divch_fisch, .divch_fisch{
    background-image:  url("../bilder/fisch.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divch_spezialitaet, .divch_spezialitaet{
    background-image:  url("../bilder/ente.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}

#divch_vegetarisch, .divch_vegetarisch{
    background-image:  url("../bilder/vegetarisch.jpg");
    background-size: 678px 200px;
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 230px;    
}




.Three-Dee{
    font-family: georgia, serif;
    line-height: 1em;
    color: #ad0303;
    font-weight:bold;
    font-size: 188px;
    text-shadow:0px 0px 0 rgb(146,-24,-24),1px 1px 0 rgb(128,-42,-42),
        2px 2px 0 rgb(111,-59,-59),3px 3px 0 rgb(93,-77,-77),
        4px 4px 0 rgb(76,-94,-94), 5px 5px 0 rgb(59,-111,-111),
        6px 6px 5px rgba(0,0,0,0.6),
        6px 6px 1px rgba(0,0,0,0.5),0px 0px 5px rgba(0,0,0,.2);
}