/*<!-- SPEISEKARTE*/

@font-face {
  font-family: 'MightypeScript';
  src: url('../../fonts/MightypeScript.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MightypeScript';
  src:  url('../../fonts/MightypeScript.otf') format('opentype'), url('../../fonts/MightypeScript.woff') format('woff'), url('../../fonts/MightypeScript.ttf') format('truetype'), url('../../fonts/MightypeScript.svg#MightypeScript') format('svg');
  font-weight: normal;
  font-style: normal;
}

article#speiska {
    height:815px;
    background-image: url('../../img/buch.jpg');
    background-position: 4px 0px;
    background-repeat: no-repeat;
}

#speiska .p1, #speiska .p2 {
    float:left;
    display:block;
    padding-left:0;

    /*border: #000 1px solid;*/
}

#speiska .p1 {
    width:475px;
    margin:0 0 0 35px;
}
#speiska .p2 {
    width:490px;
    margin:0 0 0 15px;
}
#speiska section div.seiten {
    position:absolute;
    top:771px;
    width:485px;
    height:20px;
    line-height:20px;
    display:block;
    font-size:1.5em;
    font-weight:600;
    text-align:center;
}
#speiska section div.seiten a {

    display:block;
    width:35px;
    height:20px;
    margin:0;
    text-decoration:none;

}
#speiska section div.seiten a.vor {
    float:right;
    background:url('../../img/sp_vor.png');
}
#speiska section div.seiten a.zurueck{
    float:left;
    margin-left:5px;
    background:url('../../img/sp_zurueck.png');
}
#speiska section div.seiten a.vor:hover,
#speiska section div.seiten a.vor:active,
#speiska section div.seiten a.vor:focus {
    background:url('../../img/sp_vor-a.png');
}
#speiska section div.seiten a.zurueck:hover,
#speiska section div.seiten a.zurueck:active,
#speiska section div.seiten a.zurueck:focus {
    background:url('../../img/sp_zurueck-a.png');
}
#speiska table {
    width:100%;
    margin:1em 0 0 0;
    border-collapse:collapse;
}
#speiska table.kl {
    width:100%;
    margin:0.5em 0 0 0px;
    border-collapse:collapse;
}
#speiska table.sprit {
    margin:auto auto;
    border-collapse:collapse;
}
#speiska table.sprit td {
    font-size:0.9em;
    font-style:italic;
    text-align:center;
    width:50%;
}
#speiska table.wein {
    margin:auto auto;
    border-collapse:collapse;
    width:85%;
}
#speiska table.wein td {
    font-size:0.9em;
    font-style:italic;
    text-align:center;
    width:33%;
}
#speiska table.wein td.w {
    font-style:normal;
    font-weight:600;
}
#speiska table.allg {
    width:85%;
    margin:auto auto;
}
#speiska table.allg td {

    font-size:0.9em;
}
#speiska table td,
#speiska table th {
    padding:0;
}
#speiska table td {
    vertical-align:bottom;
}
#speiska table td.descr,
#speiska table td.descr-b,
#speiska table td.descr-g {
    border-bottom:2px dotted #5d1538;
}
#speiska table td.descr,
#speiska table td.descr-b {
    width:90%;
}
#speiska table td.descr-g {
    width:45%;
    text-align:center;
}
#speiska table td.descr {
    font-style:italic;
    font-size:0.9em;
}
#speiska table td.preis {
    width:10%;
    font-weight:600;
}
#speiska table th {
    line-height:0.75em;
    text-align:left;
}
.zsatzstoffe,
.zsatzstoffe a {
    font-size:0.8em;
    vertical-align:top;
}
#speiska h3 {
    margin:0;
    font-size:1.3em;
    font-weight:600;
    text-decoration:underline;
}
#speiska h4 {
    margin:0;
    font-size:2.2em;
    font-family: 'MightypeScript', 'Arial', sans-serif;
    font-weight:normal;
}
#speiska h5 {
    margin:0;
    font-size:1.2em;
    font-weight:600;
}

nav#spiha {
    position:relative;

}
nav#spiha ul {
    margin:0;
    padding:0;
}

nav#spiha ul li#mbutton {
    height:38px;
    width:57px;
    background: url('../../img/speiska-inhalt.png');
    cursor:pointer;
}

nav#spiha ul li#mbutton:hover,
nav#spiha ul li#mbutton:focus,
nav#spiha ul li#mbutton:active {
    background-image: url('../../img/speiska-inhalt-h.png');
}

nav#spiha ul li ul {
    opacity: 0;
    visibility: hidden;
    transition:visibility 0s linear 0.4s,opacity 0.4s linear;
    position:absolute;
    top:38px;
}
nav#spiha ul li ul li {
    display:block;
    width:135px;
    height:25px;
    border:#4a323f 2px solid;
    position:relative;
    background-color:#fee8ce;

    margin-bottom:2px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;

    -webkit-box-shadow:inset 0px -11px 31px -14px rgba(162,163,134,1), 1px 1px 2px 0px rgba(93,21,56,1);
    -moz-box-shadow:inset 0px -11px 31px -14px rgba(162,163,134,1),1px 1px 2px 0px rgba(93,21,56,1);
     box-shadow:inset 0px -11px 31px -14px rgba(162,163,134,1), 1px 1px 2px 0px rgba(93,21,56,1);
}
nav#spiha ul li ul li.spsub {
    background-image:url('../../img/speiskasubplus.png');
    background-position:118px 0px;
    background-repeat:no-repeat;
}
nav#spiha ul li ul li.spsub:hover,
nav#spiha ul li ul li.spsub:focus,
nav#spiha ul li ul li.spsub:active {
    background-image:url('../../img/speiskasubplus-h.png');
    background-position:118px 0px;
    background-repeat:no-repeat;
}

nav#spiha ul li:hover > ul,
nav#spiha ul li:focus > ul,
nav#spiha ul li:active > ul {
    opacity: 1;
    visibility: visible;
    transition-delay:0s;
    -webkit-transiton: visibility 400ms ease-out 0s;
    -moz-transition: visibility 400ms ease-out 0s;
    -ms-transition: visibility 400ms ease-out 0s;
    -o-transition: visibility 400ms ease-out 0s;
    -transition: visibility 400ms ease-out 0s;
}

nav#spiha ul li ul li:hover,
nav#spiha ul li ul li:focus,
nav#spiha ul li ul li:active {
    background-color:#fee8ce;
    border-color:#ff3740;
}

nav#spiha ul li ul li:hover > ul,
nav#spiha ul li ul li:focus > ul,
nav#spiha ul li ul li:active > ul {
    opacity: 1;
    visibility: visible;
    transition-delay:0s;
    -webkit-transiton: visibility 400ms ease-out 0s;
    -moz-transition: visibility 400ms ease-out 0s;
    -ms-transition: visibility 400ms ease-out 0s;
    -o-transition: visibility 400ms ease-out 0s;
    -transition: visibility 400ms ease-out 0s;
}

nav#spiha ul li ul li ul {
    opacity: 0;
    visibility: hidden;
    transition:visibility 0s linear 0.4s,opacity 0.4s linear;
    position:absolute;
    padding-left:5px;
    left:135px;
    top:-2px;
}

nav#spiha a {
    margin:0;
    padding:0;
    display:block;
    width:135px;
    height:25px;
    text-decoration:none;
    color:#4a323f;
    text-align:center;
    font-weight:600;
    font-size:1em;
    line-height:25px;
}

nav#spiha a:hover,
nav#spiha a:focus,
nav#spiha a:active {
    text-decoration:underline;
}