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

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

body {
    background: #a2d9fb url(img/bodybg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}

main, header.hh, article {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 0px solid #000000;
}

main, header.hh {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
}


main {
    margin:0 auto;
    padding-bottom: 20px;
    width: 1150px;
    /*min-height: 790px;*/
    overflow: hidden;
    background: #efaf39 url(img/main-grad.png) repeat-x bottom;
    position: relative;
    display: block;
}

header.hh {
    height: 111px;
    width: 1111px;
    margin:0 auto;
    padding: 0;
    position: absolute;
    top:40px;
    left:20px;
    z-index:3;
    background: rgba(209,6,23,1), url('img/hbar1tex.png');
    background: url('img/hbar1tex.png'), -moz-linear-gradient(top, rgba(209,6,23,1) 0%, rgba(209,6,23,1) 31%, rgba(193,6,22,1) 100%);
    background: url('img/hbar1tex.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,6,23,1)), color-stop(31%, rgba(209,6,23,1)), color-stop(100%, rgba(193,6,22,1)));
    background: url('img/hbar1tex.png'), -webkit-linear-gradient(top, rgba(209,6,23,1) 0%, rgba(209,6,23,1) 31%, rgba(193,6,22,1) 100%);
    background: url('img/hbar1tex.png'), -o-linear-gradient(top, rgba(209,6,23,1) 0%, rgba(209,6,23,1) 31%, rgba(193,6,22,1) 100%);
    background: url('img/hbar1tex.png'), -ms-linear-gradient(top, rgba(209,6,23,1) 0%, rgba(209,6,23,1) 31%, rgba(193,6,22,1) 100%);
    background: url('img/hbar1tex.png'), linear-gradient(to bottom, rgba(209,6,23,1) 0%, rgba(209,6,23,1) 31%, rgba(193,6,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10617', endColorstr='#c10616', GradientType=0 );
}

header.hh h1 {
    margin-top:3px;
    margin-left:57px;
    margin-bottom:0px;
    font-family: 'LibraBT', 'Arial', sans-serif;
    font-size: 4.9em;
    font-weight: 500;
    text-shadow: 3px 3px 1px rgba(93, 21, 56, 1), 4px 4px 1px rgba(93, 21, 56, 1), 2px 2px 1px rgba(93, 21, 56, 1), 1px 1px 1px rgba(93, 21, 56, 1), 0.5px 0.5px 1px rgba(93, 21, 56, 1), 0px 0px 2px rgba(93, 21, 56, 1),
                 2px 3px 2px rgba(93, 21, 56, 1), 1px 2px 2px rgba(93, 21, 56, 1), 5px 5px 1px rgba(93, 21, 56, 1),
                 -1px 4px 1px rgba(93, 21, 56, 1), -2px 7px 2px rgba(93, 21, 56, 1),
                 0px 7px 2px rgba(93, 21, 56, 1), 0px 4px 1px rgba(93, 21, 56, 1);
    color: #f0d596;
}

header.hh h1 span {
    position:absolute;
    top: 48px;
    left: 58px;
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 0.265em;
    letter-spacing: 0.1em;
    margin:0;
    text-shadow: 1px 1px 2px rgba(93, 21, 56, 1);
    color: #f0d596;
}

article {
    width: 1051px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    top:20px;
    left:50px;
    z-index:2;
    background: #efcb76;
}

section {
    padding-top: 150px;
    padding-left: 10px;
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-weight: 400;
    color: #5d1538;
}

section header {
    margin-bottom:5px;
}

section h2,
section h3,
section h4 {
    font-weight: 600;
    margin:0;
    padding:0;
}
section h2{
    font-size: 1.55em;
    text-decoration:underline;
}
section h3,
section h4 {
font-size: 1.35em;
}

section p {
    margin-top:0px;
    font-size: 1.1em;
}

em {
    font-style: italic;
}
strong {
    font-weight:600;
}

span.libra {
    font-family: 'LibraBT', 'Arial', sans-serif;
    font-size: 2.45em;
    font-weight:500;
}

span.uline {
    font-weight: 600;
    text-decoration: underline;
}

/*<!-- CONTENTSEITEN */
article#res {
    background-image: url('img/opakarl-bg.jpg');
    background-position: 3px 134px;
    background-repeat: no-repeat;
}

article#res div#c-wrapper {
    width:1001px;
    margin:234px auto 0 auto;
    background: rgba(236,208,144,0);
    background: -moz-linear-gradient(top, rgba(236,208,144,0) 0%, rgba(236,208,144,1) 33%, rgba(236,208,144,1) 66%, rgba(236,208,144,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,208,144,0)), color-stop(33%, rgba(236,208,144,1)), color-stop(66%, rgba(236,208,144,1)), color-stop(100%, rgba(236,208,144,0)));
    background: -webkit-linear-gradient(top, rgba(236,208,144,0) 0%, rgba(236,208,144,1) 33%, rgba(236,208,144,1) 66%, rgba(236,208,144,0) 100%);
    background: -o-linear-gradient(top, rgba(236,208,144,0) 0%, rgba(236,208,144,1) 33%, rgba(236,208,144,1) 66%, rgba(236,208,144,0) 100%);
    background: -ms-linear-gradient(top, rgba(236,208,144,0) 0%, rgba(236,208,144,1) 33%, rgba(236,208,144,1) 66%, rgba(236,208,144,0) 100%);
    background: linear-gradient(to bottom, rgba(236,208,144,0) 0%, rgba(236,208,144,1) 33%, rgba(236,208,144,1) 66%, rgba(236,208,144,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecd090', endColorstr='#ecd090', GradientType=0 );
    overflow:hidden;
}

#c-wrapper section {
    margin:0;
    float:left;
    display:block;
    padding:0 0 0 8px;
}

#c-wrapper section.res-con {
    width:637px;
}

#c-wrapper section.res-side {
    width:347px;
}

div.fezi_ausstattung {
    border:1px solid #ab9154;
    padding:5px;
    width:315px;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    margin:0 auto 15px auto;
}

div.fezi_ausstattung ul li,
div.fezi_ausstattung table { color:#5d0f14; }

div.fezi_ausstattung table {
    margin:5px auto 5px auto;
    width:100%;
}

div.fezi_ausstattung table,
div.fezi_ausstattung td,
div.fezi_ausstattung th {
    border:1px solid #ab9154;
    border-collapse: collapse;
    padding:3px;
}

div.fezi_ausstattung th,
div.fezi_ausstattung td {
    width:50%;
    text-align:center;
}

div.fezi_ausstattung th { font-weight:600 }

div.fezi_ausstattung div { text-align:center }
div.fezi_ausstattung a {
    font-size:1.45em;
    display:block
}
div.fezi_ausstattung h3 { text-decoration:underline; }

table#bpreise {
    width:97%;
    color:#5d0f14;
}
table#bpreise,
#bpreise th,
#bpreise td {
    border:1px solid #ab9154;
    border-collapse:collapse;
}
#bpreise th, #bpreise td {
    width:33%;
    text-align:center;
}
#bpreise th {
    font-weight:600;
}

img.fezimg {
    border:2px solid #5d0f14;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    margin-bottom: 15px;
}

/*CONTENTSEITEN//-->*/

.clearfix{ clear: both; }

/*TEXTLINKS*/

a,
a:visited {
    color:#5d0f14;
    font-weight:600;
}
a:hover,
a:active,
a:focus {
    color:#b31c2c;
    text-decoration:none;
}

/*NAVIGATION*/

nav ul {
    list-style: none;
}

/*top bar navi */

nav#bar {
    position:absolute;
    top:88px;
    right:48px;
    z-index: 4;
}

nav#bar ul {
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-variant: small-caps;
    font-weight: 600;

    color: #f0d596;
    margin: 0;
    padding: 0 0 5px 0;
    display:inline;

}

nav#bar ul li {
    display: inline-block;
    height: 40px;
    line-height:40px;
    padding: 0 0 0 8px;
    width:192px;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    border:3px solid #f2ddc3;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;

    background-color: rgba(240, 213, 150, 1);

    -webkit-box-shadow: inset 0px -11px 31px -14px rgba(162,163,134,1),0px 0px 7px 1px rgba(93,21,56,1);
    -moz-box-shadow: inset 0px -11px 31px -14px rgba(162,163,134,1),0px 0px 7px 1px rgba(93,21,56,1);
    box-shadow: inset 0px -11px 31px -14px rgba(162,163,134,1),0px 0px 7px 1px rgba(93,21,56,1);

    text-shadow: 1px 1px 0px rgba(240, 213, 150, 1),
                 2px 1px 1px rgba(240, 213, 150, 1),
                 2px 2px 1px rgba(240, 213, 150, 1),
                 1px 2px 0px rgba(240, 213, 150, 1);
    font-size: 1.55em;
    font-weight:600;
    color:#5d1538;
}
nav#bar ul li.tbstrt {
    background-image:url('img/btn-haus.png');
    background-position:155px 6px;
    background-repeat:no-repeat;
}
nav#bar ul li.tbrest {
    background-image:url('img/btn-besteck.png');
    background-position:161px 1px;
    background-repeat:no-repeat;
}
nav#bar ul li.tbfezi {
    background-image:url('img/btn-sessel.png');
    background-position:155px 3px;
    background-repeat:no-repeat;
}

nav#bar ul li:hover,
nav#bar ul li:focus,
nav#bar ul li:active {
/*8daf2d*/
    /*border:3px solid #5d1538;*/
    background-color: rgba(240, 213, 150, 1);

   -webkit-box-shadow: inset 0px -11px 45px -11px rgba(140,175,45,1),0px 0px 7px 1px rgba(93,21,56,1);
   -moz-box-shadow: inset 0px -11px 45px -11px rgba(140,175,45,1),0px 0px 7px 1px rgba(93,21,56,1);
    box-shadow: inset 0px -11px 45px -11px rgba(140,175,45,1),0px 0px 7px 1px rgba(93,21,56,1);
}
nav#bar ul li ul {
    margin:0;
    padding-top: 9px;
    list-style: none;
    position: absolute;
    top:39px;
    left:-3px;
    opacity: 0;
    visibility: hidden;
    transition:visibility 0s linear 0.4s,opacity 0.4s linear;
}

nav#bar ul li ul li {
    height:28px;
    width:202px;
    margin-bottom: 5px;
    padding:0;
    display: block;
    overflow:hidden;
    /*background:#efcb76;*/

    border:2px solid #fee8ce;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(93,21,56,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(93,21,56,1);
    box-shadow: 0px 0px 5px 0px rgba(93,21,56,1);
}

nav#bar ul li ul li:hover,
nav#bar ul li ul li:focus,
nav#bar ul li ul li:active {
/*    -webkit-box-shadow: inset 7px 7px 38px -2px rgba(178,227,138,1), 0px 0px 6px 0px rgba(93,21,56,1),inset 0px -8px 36px -2px rgba(238,101,85,1);
    -moz-box-shadow: inset 7px 7px 38px -2px rgba(178,227,138,1), 0px 0px 6px 0px rgba(93,21,56,1),inset 0px -8px 36px -2px rgba(238,101,85,1);
    box-shadow: inset 7px 7px 38px -2px rgba(178,227,138,1),0px 0px 6px 0px rgba(93,21,56,1),inset 0px -8px 36px -2px rgba(238,101,85,1); */
    -webkit-box-shadow: inset 0px -8px 31px -9px rgba(140,175,45,1),0px 0px 5px 0px rgba(93,21,56,1);
    -moz-box-shadow: inset 0px -8px 31px -9px rgba(140,175,45,1),0px 0px 5px 0px rgba(93,21,56,1);
    box-shadow: inset 0px -8px 31px -9px rgba(140,175,45,1),0px 0px 5px 0px rgba(93,21,56,1);

   /* border:2px solid #ff3740;*/
}

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

nav#bar a {
    margin:0;
    padding:0;
    height:28px;
    width:202px;
    display:block;
    line-height:28px;
    text-decoration:none;
    text-align:center;
    font-size: 0.50em;
    font-variant: normal;
    font-weight:600;
    color:#5d1538;
}

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