html { background: transparent }
form { margin: 0 0 5px;}
form td{ padding-right:5px;}
body {

font-family: 'Merriweather', serif;
height: 100%;
color: #5a5a5a;
}

.top-navigation-wrapper{
/* 9a0202 ed0f0f f03939*/
background-color: #ed0f0f;
background-image: url(pattern-top-bar.png);
}

div.top-navigation-wrapper{ position: relative; z-index: 99; }
div.top-navigation.container{ text-align: center; font-size: 13px; color: white; padding-top: 7px; padding-bottom: 7px; line-height: 100%;  }
div.top-navigation-left{ float: left; line-height: 25px; margin-left: 10px; margin-top: 2px; }
div.top-navigation-right{ float: right; line-height: 25px; margin-right: 10px; margin-top: 2px; }

.logo-wrapper{
     position: relative; z-index: 100;
}
div.logo-wrapper a{ position: absolute; display: block; left: 50%; top: -44px;}
div.logo-wrapper img{position: relative; display: block; left: -50%;}


/* ***********************************************************************************/
.btn-secondary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.10);
background-color: #64CC00;
background-image: -moz-linear-gradient(top, #78CC00, #0e8f00);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78CC00), to(#0e8f00));
background-image: -webkit-linear-gradient(top, #78CC00, #0e8f00);
background-image: -o-linear-gradient(top, #78CC00, #0e8f00);
background-image: linear-gradient(to bottom, #78CC00, #0e8f00);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78CC00', endColorstr='#ff0e8f00', GradientType=0);
border-color: #0e8f00 #0e8f00 #2a7800;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0e8f00;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {
color: #ffffff;
background-color: #0e8f00;
*background-color: #3bb300;
}
.btn-secondary:active, .btn-secondary.active {
background-color: #339900 \9;
}

.profile-img {
-moz-border-radius: 20%;
-webkit-border-radius: 20%;
border-radius: 20%;
}

.profile-img2 {
-moz-border-radius: 5%;
-webkit-border-radius: 5%;
border-radius: 5%;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px;
}

#push, #footer {
height: 30px;
}
#footer {
background-color: #f5f5f5;
}

@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}

#wrap > .container {
padding-bottom: 25px;
}
.container .credit {
margin: 20px 0;
}

code {
font-size: 80%;
}

.navbar-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
margin-top: 190px;
margin-bottom: 0px; 

}

.navbar-wrapper .container{

}

.navbar .navbar-inner {
border: 5;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
background: rgba(250,250,250,1.0);

background-image: url(pattern-top-bar.png);

}

.navbar .brand {
padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
font-size: 16px;
font-weight: normal;
text-shadow: 0 -1px 0 rgba(0,0,0,.9);
color: #ed0f0f;
}

.navbar .nav > li > a {
padding: 15px 10px;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
color: #ed0f0f;
}
.navbar .nav > li > a:hover{ 
background: rgba(240,240,240,0.8);
background-image: url(pattern-top-bar.png);
border-radius: 20px;
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
}

.navbar .btn-navbar {
margin-top: 10px;
}

.carousel {
position: relative;
margin-top: 160px

}

.carousel .container {
position: relative;
z-index: 9;
}

.carousel-control {
height: 40px;
margin: 0;
padding: 0;
font-size: 80px;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: transparent;
border: 1;
z-index: 10;
}

.carousel .item {
width: 980px;
/*margin-top: 220px;*/
margin-left: auto;
margin-right: auto;
height: 300px;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 300px;
}

.carousel-caption {
background-color: rgba(0,0,0,0.4);/* transparent;*/
position: static;
max-width: 950px;
/*padding: 0px 20px 0px 40px;*/
margin-top: 210px;
}
.carousel-caption h1, .carousel-caption .lead {
margin: 0;
line-height: 1.05;
color: #fff;
/*color: #ed0f0f;*/
text-shadow: 0 1px 1px rgba(0,0,0,.4);
/*padding-left: 50px;*/
font-size: 24px;
text-align: right;
/*background-color: rgba(0,0,0,0.5);*/
}

.carousel-caption h1{
text-align: left;
font-size: 38px;
color: #ed0f0f;
}

.carousel-caption .btn {
margin-top: 10px;
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  opacity: 0;
}
.carousel.carousel-fade .active.item {
    opacity: 1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}


.marketing .span4 {
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
border: 5;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
background: rgba(250,250,250,0.8);
background-image: url(pattern-top-bar.png);

}


.marketing h2 {
font-weight: normal;
}
.marketing .span4 p {
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}

.marketing .span4 .more {
text-align: center;
}

/*** For second level pages content */
.second-level-pages{
margin-top: 220px;
}

.span12 {
text-align: center;
/*margin-left: 5px; /* 18px 18px 18px 18px;*/
/*padding: 12px 12px 12px 12px;
*/

padding-top: 4px;
padding-bottom: 4px;
border: 5;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
background: rgba(250,250,250,0.8);
background-image: url(pattern-top-bar.png);
margin-bottom: 5px;
}

.span-style{
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
border: 5;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
background: rgba(250,250,250,0.8);
background-image: url(pattern-top-bar.png);
margin-bottom: 5px;
}

.span-style p{
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
.span-style h3{
margin-left: 10px;
text-align: left;
}

.span-style object{
align: middle;
}


.span-style-burning{
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
border: 5;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
background: rgba(250,250,250,0.8);
background-image: url(pattern-top-bar.png);
margin-bottom: 5px;
}


.span-style-burning #burning{
        color: #ee0f0f;
        text-shadow: 0px -1px 4px yellow, 0px 0px 0px yellow, 0px -10px 20px #ff8000, 0px -18px 30px red;
        font-size: 40px; /*'BlackJackRegular';*/
        padding-top: 20px;
}

.span-style-burning #burning2{
        /*color: #ed0f0f;*/
        text-shadow: 0px 1px 3px yellow, 0px 1px 1px black, 0px 6px 15px #ff8000, 0px 12px 20px red;
        font-size: 17px; /*'BlackJackRegular';*/
        padding-top: 10px;
        padding-bottom: 0px;
        text-align: center;
        line-height: 25px;
}


img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(80%);
filter: grayscale(80%);
filter: url(desaturate.svg#greyscale);
}

.span12 p {
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}

.span12 h3{
margin-left: 10px;
text-align: left;
}

.speisekarte {
margin-left: 10px;
margin-right: 10px;
}

/* LIST #8 */
#list8 {  }
#list8 ul { list-style:none; }
#list8 ul li a { display:block; height:38px; text-decoration:none; color:#ed0f0f; }
#list8 ul li a:hover {  -moz-transform:rotate(-1deg); -moz-box-shadow:5px 5px 10px #000000;
    -webkit-transform:rotate(-1deg); -webkit-box-shadow:5px 5px 10px #000000;
    transform:rotate(-1deg); box-shadow:5px 5px 10px #000000; }
#list8 li.current {color: #000000;}


/* bmenu */
.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    position: relative;
}
.bmenu li{
    font-size: 14px;
    display: block;
}

.bmenu li a{
    white-space: nowrap;
    display: block;
    height: 28px;
    /*text-transform: uppercase;*/
    text-shadow: 1px 1px 2px rgba(71,80,23,0.3);
    color: #ed0f0f;
    padding: 5px 20px;
    margin: 2px;
    background: rgba(255,255,255,0.2);
    letter-spacing: 1px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bmenu li:first-child a{
    -webkit-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}
.bmenu li:last-child a{
    -webkit-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
}

.bmenu:hover li a{
    text-shadow: 0px 0px 3px #0d1a3a;
    color: transparent;
}
.bmenu li a:hover{
    background: transparent;
    text-shadow: 1px 1px 10px rgba(71,80,23,0.6);
    color: #cd0f0f;
    font-size: 15px;
    text-decoration: none;
}

table { 
margin-left: 10px;
color: #333;
font-family: Helvetica, Arial, sans-serif;
#width: 640px; 
border-collapse: 
collapse; border-spacing: 0; 
}

td, th { 
border: 1px solid transparent; 
height: 20px; 
padding-right: 30px;
transition: all 0.3s;  
}

th {
background: #DFDFDF;  
font-weight: bold;
}

td {
text-align: center;
}

input[type=text]{
width: 20px;
}

tr{
vertical-align: middle;
}

.featurette-divider {
margin: 80px 0; 
}
.featurette {
padding-top: 120px; 
overflow: hidden; 
}
.featurette-image {
margin-top: -120px; 
}

.featurette-image.pull-left {
margin-right: 40px;
}
.featurette-image.pull-right {
margin-left: 40px;
}

.featurette-heading {
font-size: 50px;
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}

@media (max-width: 995px) {
.container{ margin: 0px auto; max-width: 420px; }
.top-navigation-wrapper{ display: none; }
div.top-navigation-wrapper{ display: none; }
div.top-navigation-left, div.top-navigation-right{ text-align: center; float: none; margin: 0px; }
div.logo-wrapper{ height: auto; margin-bottom: 20px; }
div.logo-wrapper a { top: 0px; position: relative; left: auto; }
div.logo-wrapper a img{ position: relative; left: auto; margin: 0px auto; }

.second-level-pages{
margin-top: 40px;
}


.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel .container {

}
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
.carousel-caption {
width: 65%;
padding: 0 70px;
margin-top: 100px;
}
.carousel-caption h1 {
font-size: 30px;
}
.carousel-caption .lead, .carousel-caption .btn {
font-size: 18px;
}

.marketing{
margin: auto; 
}

.marketing .span4 + .span4 {
margin-top: 40px;
}


.featurette {
margin-top: 150px;
}


.featurette-heading {
font-size: 30px;
}
.featurette .lead {
font-size: 18px;
line-height: 1.5;
}

}

@media (max-width: 979px) {
.row {margin-left: 0px;}
.marketing .span4 {
text-align: center;
}
.span4{ width: auto;}

}

@media (min-width: 768px) and (max-width: 979px) {
/*body {
background: ffffff url(none);
background-image: none;
background: ;
}
*/
.row {margin-left: 0px;}
.marketing .span4 {
text-align: center;
}
.span4{ width: auto;}
.container{ margin: 0px auto; max-width: 420px; }
.top-navigation-wrapper{ display: none; }
div.top-navigation-wrapper{ display: none; }
div.top-navigation-left, div.top-navigation-right{ text-align: center; float: none; margin: 0px; }
div.logo-wrapper{ height: auto; margin-bottom: 20px; }
div.logo-wrapper a { top: 0px; position: relative; left: auto; }
div.logo-wrapper a img{ position: relative; left: auto; margin: 0px auto; }

.navbar-inner {
margin: 0px;
}

.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel .container {

}
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
.carousel-caption {
width: 65%;
padding: 0 70px;
margin-top: 100px;
}
.carousel-caption h1 {
font-size: 30px;
}
.carousel-caption .lead, .carousel-caption .btn {
font-size: 18px;
}

.marketing{
margin: 60px auto;

}

.marketing .span4 + .span4 {
margin-top: 40px;
}


.featurette {
margin-top: 150px;
}

.featurette-heading {
font-size: 30px;
}
.featurette .lead {
font-size: 18px;
line-height: 1.5;
}

}


@media (max-width: 767px) {
.container{ margin: 0px auto; max-width: 420px; }
.top-navigation-wrapper{ display: none; }
div.top-navigation-wrapper{ display: none; }
div.top-navigation-left, div.top-navigation-right{ text-align: center; float: none; margin: 0px; }
div.logo-wrapper{ height: auto; margin-bottom: 20px; }
div.logo-wrapper a { top: 0px; position: relative; left: auto; }
div.logo-wrapper a img{ position: relative; left: auto; margin: 0px auto; }

.navbar-inner {
margin: 0px;
}

.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel .container {

}
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
.carousel-caption {
width: 65%;
padding: 0 70px;
margin-top: 100px;
}
.carousel-caption h1 {
font-size: 30px;
}
.carousel-caption .lead, .carousel-caption .btn {
font-size: 18px;
}

.marketing{
margin: 60px auto;
}

.marketing .span4 + .span4 {
margin-top: 40px;
}


.featurette {
margin-top: 150px;
}

.featurette-heading {
font-size: 30px;
}
.featurette .lead {
font-size: 18px;
line-height: 1.5;
}

}


@media (max-width: 380px){
.navbar .navbar-inner{
padding-top: 0px;
padding-right: 0px;
color: blue;
}
.second-level-pages{
margin-top: 50px;
}
.navbar .brand{
float: left;
padding: 15px 0px 15px 0px;
}
.marketing{
margin: 70px auto;
}
}


.facebook {
    position:relative;
    /*border-color:#3c5a98;*/
    text-transform:lowercase;
    /*text-indent:34px;*/
    letter-spacing:10px;
    font-weight:bold;
    font-size:19px;
    /*line-height:66px;*/
    color:#fff;
    background:#3c5a98;
    /* css3 */
	    -moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
    box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */
}
							    
.google {
	position:relative;
	border-color:#26478d;
	text-transform:lowercase;
	text-indent:16px;
	font-size: 19px;
	letter-spacing:8px;
	color:#fff;
	background:#1e3c7f;
	/* css3 */
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */
    background:-webkit-gradient(linear, left top, left bottom, from(#447aec), to(#1e3c7f));
    background:-moz-linear-gradient(top, #447aec, #1e3c7f);
}