@charset "utf-8";
/* CSS Document for Joomla 3 styles */

@import url('content_styles.css');

/* ===========================
	FONT STYLES
	========================== */
body {
	/*font-family: Verdana, Arial, sans-serif; */
	font-family: 'PT Serif', serif;
	/*font-family: 'IM Fell English', serif; */
	font-size: 16px;
	padding-top: 0px; /* 40px */
	padding-bottom: 40px;
	 background-image: url("../images/paper.png") !important;
	 /* color: #00579c;	 */
}

h1, h2, h3 {
	/*font-family: 'Open Sans Condensed',sans-serif; */
	font-family: 'Great Vibes', cursive;
	font-weight: 700;
}

/*
h1 {
  font-size: 30px; 
  line-height: 34px; 
}
*/

h1 {
  font-size: 46px; /* 26 */
  line-height: 50px; /* 30 */
  color: #444;
  /* color: #00579c; */
  /* color: #00467e; */
  text-shadow: 5px 5px 3px rgba(150, 150, 150, 0.3);
}

h2 {
  font-size: 30px; /* 26 */
  line-height: 34px; /* 30 */
  color: #444;
  /* color: #00579c; */
  /* color: #00467e; */
  text-shadow: 5px 5px 3px rgba(150, 150, 150, 0.3);
  margin: 35px 0 20px 0;
}

h3 {
  font-size: 22px;
  line-height: 26px;
  color: #444;
}

h4 {
  font-size: 18px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

/* ======================
	GENERAL STYLES
	===================== */
/* Write your general styles here */

/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/

/* ======================
	MODULES
	===================== */

/* ----------------------
	Special module styles
	--------------------- */
/* Special general */
[class*="special"] .module-content ul {
	margin: 0 0 10px 17px;
}

[class*="special"] .module-content ul.unstyled {
	margin: 0 0 10px 0;
}

/* -------------
	Special Grey
	------------ */
.specialgrey {
    border: 1px #e6e6e6 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
    background: #F5F5F5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
}

.specialgrey .page-header {
	border-bottom: 1px #ccc dotted;
	margin: 0;
	padding: 4px 19px;
}

.specialgrey .module-content {
	padding: 4px 19px;
}

/* -------------
	Special Blue
	------------ */
.specialblue {
    border: 1px #3c67a5 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #507bb9; /* Old browsers */
	background: -moz-linear-gradient(top,  #507bb9 0%, #3c67a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507bb9), color-stop(100%,#3c67a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #507bb9 0%,#3c67a5 100%); /* W3C */
}

.specialblue .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialblue hr {
    margin: 5px 0;
}

.specialblue .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialblue .module-content a {
	color: #fff;
}

/* -------------
	Special Red
	------------ */
.specialred {
    border: 1px #990000 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 0%,#990000 100%); /* W3C */
}

.specialred .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content a {
	color: #fff;
}

/* -------------
	Special Gold
	------------ */
.specialgold {
    border: 1px #ab7915 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #cc9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc9933 0%, #ab7915 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9933), color-stop(100%,#ab7915)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc9933 0%,#ab7915 100%); /* W3C */
}

.specialgold .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content a {
	color: #fff;
}


/* ------------------- */
/* ab hier Anpassungen */
/* ------------------- */


@media (max-width: 661px) {
.nav-tabs > li {
    float: none;
}



* {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    border: none;
}
}

/* Activates hovering the main items to show the sub items */
@media (min-width: 980px) {
   .nav-pills > li > a,
   .dropdown-menu {
      margin: 0;
   }
   .nav-pills > li.dropdown:hover ul.dropdown-menu,
   .nav-tabs > li.dropdown:hover ul.dropdown-menu {
      display: block;
   }
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu {
      display: none;
   }
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
      display: block;
   }
}

.dropdown-backdrop{
      position: static;
}

/* ------------------ */
/*      Testing       */
/* ------------------ */

@media (max-width: 767px) { 
.dropdown :hover .dropdown-menu {
	 visibility: visible;
	 display:block;
	 border-radius:0;
}
}

/* deaktiviert Pfeil nach oben des dropdown Mens */
.dropdown-menu:before, 
.dropdown-menu:after {
     border: none !important;
     content: none !important;
}

/* Pfeil nach unten fr dropdown menu entfernt */
.nav .dropdown-toggle .caret {
	 display:none;
}

/* dropdown Farbe */
.dropdown-menu > li > a {
	 background-image: none !important;
	 background-color: #FFF !important;
     color: black !important;
	 border-radius: 0 !important;
	 -moz-border-radius: 0 !important;
	 -webkit-border-radius: 0 !important;
	 font-size: 14px;
}
/* dropdown hover Farbe */
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	 background-image: none !important;
	 background-color: #DDDDDD !important;
     color: black !important;
}

/* dropdown background */
.nav-collapse .dropdown-menu,
.nav-collapse .dropdown-menu li + li a {

}

/* navbar leicht transparent */ 
.navbar-inner  {
	 background: rgb(0, 0, 0);
	 background: rgba(0, 0, 0, 0.7); 
}

/* navbar-inverse leicht transparent */ 
.navbar.navbar-inverse .navbar-inner {
	 background: rgb(0, 0, 0);
	 background: rgba(0,0,0,0.7);
	 background-image:  url("../images/leather_tile.jpg") !important;
	 background-position: center bottom;
	 /*background-attachment: fixed;	 */
	 /*background: rgba(255,255,255,0.7);*/
	 left:200;
}
.nav-tabs {
	 border:none;
}
.navbar-inverse .nav .active > a {
	 border: 0 !important;
}
.navbar-inverse .nav > li > a {
	 border: 0 !important;
	 color: #DDD;
	 text-shadow: 1px 1px 1px #000000 !important;
	 /* font-style: italic; */
	 /* text-shadow: 1px 1px 1px rgba(0,0,0,0.9), -1px -1px 1px rgba(255,255,255,0.5) !important; */
}

/* Hauptpunkt hover */
.navbar-inverse .nav > li > a:hover {
	 color: #FFF !important;
/* 	 background: rgb(180, 255, 95); 	
	 background: rgba(180, 255, 95, .6); 
	 background-color: #222222 !important;	*/ 
	 background: rgba(97, 57, 30, 0.4);
	 box-shadow: inset 3px 3px 6px 0px rgba(255,255,255,0.1); 
	 -moz-box-shadow: inset 3px 3px 6px 0px rgba(255,255,255,0.1);
	 -webkit-box-shadow: inset 3px 3px 6px 0px rgba(255,255,255,0.1);
}
/* aktiver Hauptpunkt ohne Unterpunkte */
.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:hover,
.navbar-inverse .nav .active>a:focus {
	 background: rgba(38, 21, 10, 0.4);
	 box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,0.5);
}

/* aktiver Hauptpunkt mit Unterpunkten */
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	 background: rgba(38, 21, 10, 0.4);
}

/* collapsed hover */
.navbar-inverse
.nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse.dropdown-menu a:hover,
.navbar-inverse.nav-collapse.dropdown-menu a:focus {
	 background: rgba(97, 57, 30, 0.4);
}

/* kein Innenschatten bei den Untermens */
div.navbar.navbar-inverse.navbar-fixed-top > div > div > div > div:nth-child(3) > div > ul > li.active.dropdown.deeper.parent > ul > li > a {
     box-shadow: none;
}

/* Abstand zwischen Logo und Listen-Men */
@media (max-width: 979px) {
    div.navbar.navbar-inverse.navbar-fixed-top > div > div > div > div:nth-child(3) > div > ul {
     margin-top: 20px;
	}
}
	/*
    div.navbar.navbar-inverse.navbar-fixed-top > div > div > div > div.span9.hidden-desktop {
     margin-bottom: 20px;
    } */
	
	
/* Navbar Schlagschatten */
div.navbar.navbar-inverse.navbar-fixed-top {
	 box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);
	 -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);
	 -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);	 
	 border-bottom: 1px solid #8d664c;
	}

/* dropdown Innen-Schlagschatten oben */
.dropdown-menu {
	 box-shadow: inset 0px 12px 6px -10px rgba(0, 0, 0, 1.9), 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
	 -moz-box-shadow: inset 0px 12px 6px -10px rgba(0, 0, 0, 1.9), 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
	 -webkit-box-shadow: inset 0px 12px 6px -10px rgba(0, 0, 0, 1.9), 0px 3px 6px 0px rgba(0, 0, 0, 0.4);		 
	 border-top: 1px solid #8d664c;
	 padding-top: 10px;
}	
	
.nav-hover {
	 border: 0 !important;
}
.dropdown:hover > .dropdown-menu{
	 display: block; 
}


/* Submenus below each other */
@media (max-width: 733px) {
   .dropdown,
   .dropdown-submenu {
     display: block;
     position: static;
     float: none;
   }
   .dropdown-menu {
     position: static;
     float: none;
   }
   .open .nav-child.dropdown-menu {
     display: block;
     background-color: transparent;
     border: none;
     border-radius: 0;
     box-shadow:none;
   }
}

/* Subitems must be equal to each other */
@media (max-width: 733px) {
   .nav-child.dropdown-menu {
     padding: 0;
   }
   .nav-child.small {
     font-size: 13px;
   }
   .dropdown-menu > li > a {
     padding: 8px 12px 8px 20px;
   }
}

/* Background color of het active items, care tand border */
@media (max-width: 733px) {
   .nav > li.active > a,
   .nav > li.active > a:hover,
   .nav > li.active > a:focus {
     background-color: #999;
     color: #fff;
   }
   .nav li.dropdown.active .caret,
   .nav li.dropdown.active a:hover .caret,
   .nav li.dropdown.active a:focus .caret {
     border-bottom-color: #FFFFFF;
     border-top-color: #FFFFFF;
   }
   .nav-tabs .open .dropdown-toggle,
   .nav-pills .open .dropdown-toggle,
   .nav > li.dropdown.open.active > a:hover,
   .nav > li.dropdown.open.active > a:focus {
     border: none;
   }
}


/* ----------------------- */
/* Neu bis hier lief alles */
/* ----------------------- */

.navbar-fixed-top {
	 margin-bottom: 0px;
}

/* navbar-inverse auf kleinem screen schwarz */ 
@media (max-width: 979px) {
.navbar.navbar-inverse .navbar-inner {
	 background: rgb(0, 0, 0);
	 background: rgba(0,0,0,1.0);	 
	}
}

/* damit beim navbar collapsed auch der Schlagschatten angezeigt wird */
@media (max-width: 979px) {
	div.navbar.navbar-inverse.navbar-fixed-top {
		position: absolute;
	}
}

/* navbar collapsed fix weil sonst abgeschnitten & fix fr footer ber volle Breite wenn <767px */
@media (max-width: 767px) {
	div.navbar.navbar-inverse.navbar-fixed-top {
		padding: 0 20px 0 20px;
	}
	body {
		padding: 0 0 0 0;
	}
	.container {
		padding: 0 25px 0 25px;
	}
}

h1:first-letter {
	 font-size: 60px;
	 font-weight: bold;
	 color: #00579c;
	 /* color: #00467e; */
	 margin-right: 3px;
	 text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

}


h2:first-letter {
	 font-size: 44px;
	 font-weight: bold;
	 color: #00579c;
	 margin-right: 3px;
	 text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

}


/*
p:first-letter {
	 font-size: 18px;
	 font-weight: bold;
	 color: #777777;
	 margin-right: 0px;
}
*/

/* bigimage Grenanpassung fr standard-slider */
/*
@media (max-width: 979px) {
.bigimage {
	 margin-left: -20px;
	 margin-right: -20px;
	}
}

@media (max-width: 767px) {
.bigimage {
	/* -20px fr full width */ /*
	 margin-left: -40px;
	 margin-right: -40px;
	}
}

@media (max-width: 480px) {
.bigimage {
	 margin-left: -60px;
	 margin-right: -60px;
	}
}

@media (min-width: 1200px) {
.bigimage {
	 margin-top: -40px; /* -40px */ /*
	}
}

@media (min-width: 1800px) {
.bigimage {
	 margin-top: -80px;
	}
}
*/

/* Das ist auch beim "Revolution Slider" notwendig */
@media (max-width: 979px) {
.bigimage {
	 margin-top: 40px;
	}
}


/* Flexslider instant load-up fix */
.flexslider .slides > li:first-child {
	 display: block
	}
/*
.top-menu-row .span3 {
    width: 22% !important;
    float: left; 
    height: auto;     
}
*/
/*
.top-menu-row .span9 {
	width: 74% !important;
    float: right;
}*/

@media (min-width: 979px) {
.top-menu-row .span9 {
	 width: 74% !important;
     float: right;
	}
}

@media (max-width: 978px) {
.top-menu-row .span9 {
	 width: 98% !important;
     float: right;
	}
}

@media (min-width: 1200px) {
.top-menu-row .span9 {
	 width: 78% !important;
     float: right;
	}
}

@media (max-width: 767px) {
    a.toplogo {
     position:relative;
	 margin-top: 20px;
    }
}	

@media (max-width: 979px) {
    a.toplogo {
	 margin-top: -5px;
    }
}	

div.toplogo {
     position: absolute;
	 background-image: url("../images/mqr-logo_3b.png") !important; /* mqr-logo */
	 width: 217px; /* 252 220 */
	 /* height: 140px; */
	 height: 154px;   
	 z-index: 10;
}
 
div.toplogo a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     text-decoration: none; /* No underlines on the link */
     z-index: 10; /* Places the link above everything else in the div */
     background-color: #FFF; /* Fix to make div clickable in IE */
     opacity: 0; /* Fix to make div clickable in IE */
     filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

@media (max-width: 979px) {
div.toplogo {
     position: absolute;
	 background-image: url("../images/mqr-logo_sm.png") !important; /* mqr-logo_sm */
	 width: 156px;
	 height: 51px;
	 margin-top: -5px;
	 z-index: 10;
	}
}	


@media (max-width: 979px) {
   .nav-collapse .nav > li > a {
      margin-bottom: 0;
   }
   .dropdown-submenu > a:after {
      margin-top: 0;
   }
   .nav-collapse .dropdown-menu,
   .nav-collapse .dropdown-menu li + li a {
      margin: 0; 
   }
   .nav-collapse .dropdown-menu .dropdown-menu li.active a {
      color: #fff;
   }
}

.container-content {
	 margin-top: 5px;
	 background-image: url("../images/muster.png") !important;
	 background-repeat: no-repeat;
	 background-position: 50% 0%;
}

.breadcrumb {
	 border: none;
	 background: none;
	 /* background-image: url("../images/bread_back.png") !important;
	 box-shadow: 0px -4px 10px -4px rgba(0,0,0,0.1); */
	 font-style: italic;
	 font-size: 14px;
	 margin-left: -20px;
	 margin-top: 15px; /* 30 */
}

/* Modul styling allgemein */
.well {
	 background: none;
	 border: none;
	 background-image: url("../images/sidebar_back.png") !important;
	 background-repeat: repeat-x;
     /*text-align: center; */
	 box-shadow: 0px -4px 10px -4px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px -4px 10px -4px rgba(0,0,0,0.1);
	 -webkit-box-shadow: 0px -4px 10px -4px rgba(0,0,0,0.1);	 
	 margin-top: 40px; /* 30px */
	 color: #333;
}


@media (max-width: 767px) {
	.well {
	   margin-top: -20px;
	}
}

.well.banner {
	 background: none;
	 border: none;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
	 margin-top: 40px; /* 30px */
   padding: 0 0 0 0;
	 color: #333;
	 background-image: url("/images/banners/bg_1d.png") !important;
   background-position: top left;
	 background-repeat: no-repeat;
   /*background-size: cover responsive; */
   /* background-size: contain; */   
   /* background-size: 100% 100%; */
   background-size: cover;      
   height: 380px;
   max-width: 270px;
}

.well.banner_gut {
	 background: none;
	 border: none;
-webkit-box-shadow: none);
-moz-box-shadow: none;
box-shadow: none;
	 margin-top: 40px; /* 30px */
	 margin-bottom: -10px !important; /* 30px */   
   padding: 0 0 0 0;
	 color: #333;
	 background-image: url("/images/banners/st_gut_bg1b.png") !important;
   background-position: top left;
	 background-repeat: no-repeat;
   /*background-size: cover responsive; */
   /* background-size: contain; */   
   /* background-size: 100% 100%; */
   background-size: contain;      
   height: 180px;
   max-width: 270px;
}

.well.banner_book {
	 background: none;
	 border: none;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
	 margin-top: 40px; /* 30px */
   padding: 0 0 0 0;
	 color: #333;
	 background-image: url("/images/banners/buchung_bg.png") !important;
   background-position: top left;
	 background-repeat: no-repeat;
   /*background-size: cover responsive; */
   /* background-size: contain; */   
   /* background-size: 100% 100%; */
   background-size: cover;        
   height: 270px;
   max-width: 270px;  
}

.well.banner_book a {

}

.well.banner_christmas {
	 background: none;
	 border: none;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
	 margin-top: 40px; /* 30px */
   padding: 0 0 0 0;
	 color: #333;
	 background-image: url("/images/banners/chrstms_bg_2.png") !important;
   background-position: top left;
	 background-repeat: no-repeat;
   /*background-size: cover responsive; */
   /* background-size: contain; */   
   /* background-size: 100% 100%; */
   background-size: 100% 100%;   /* cover */     
   height: 270px;
   max-width: 270px;  
}

.well.banner_christmas a {

}

.well.banner_bbq {
	 background: none;
	 border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
	 margin-top: 30px; /* 30px */
   padding: 0 0 0 0;
	 color: #333;
	 background-image: url("/images/banners/mq_bbq_sm.png") !important;
   background-position: top left;
	 background-repeat: no-repeat;
   /*background-size: cover responsive; */
   /* background-size: contain; */   
   /* background-size: 100% 100%; */
   background-size: 100% 100%;   /* cover */     
   height: 270px;
   max-width: 270px;  
}

.well.banner_bbq a {

}

/* Modul styling Newsfeed */
ul.newsfeed.feed  li  {
	 font-size: 12px;
	 color: #DDD;
	 margin-bottom: 8px;
}

ul.newsfeed.feed {
	 list-style-type: none;
	 margin-left: 0px;
}

ul.newsfeed.feed  a {
	 color: #777;
}

ul.newsfeed.feed  a:hover {
	 color: #000;
	 text-decoration: none;
}


.footer {
	 background-image: url("../images/leather_tile.jpg") !important;
	 margin-bottom: -40px;
	 padding-top: 20px;
	 min-height: 50px;
	 border-top: 1px solid #FFF;	 
	 box-shadow: 0px -4px 6px 0px rgba(0,0,0,0.2);
	 -moz-box-shadow: 0px -4px 6px 0px rgba(0,0,0,0.2);
	 -webkit-box-shadow: 0px -4px 6px 0px rgba(0,0,0,0.2);	 
}

.copyright {
	 /* color: #999; */
	 font-style: italic;
	 font-weight: bold;
	 color: #3c2213;
	 text-shadow: 1px 1px 1px #946549, -1px -1px 2px #110905 !important;
     /*color: rgba(0,0,0,0.5);
     text-shadow: 2px 2px 2px rgba(255,255,255,0.2); */
}

/* Modulklassensuffix " menu2" fr unteres Men */
.moduletable.menu2 {
	 text-align: center;
	 border-bottom: 2px ridge rgba(142,102,76,0.4);
	 margin-bottom: 10px;
	 height: 30px;
}

.moduletable.menu2 ul li {
	 display: inline-block !important;
	 padding: 0 15px 0 15px;
} 

.moduletable.menu2 li > a {
	 background: none;
	 color: #BBB;
	 font-style: italic;
	 font-size: 14px;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.9), -1px -1px 1px rgba(255,255,255,0.5) !important;	 
}

.moduletable.menu2 li > a:hover{
	 background: none;
	 color: #DDD; 
}


div.item {
 margin: 0 0 20px 0;
}
 
div.items-row {
	 margin: 0 0 20px 0;
}

/* Abstand unter dem Beitrag */
.item-page {
     margin: 0 0 80px;
}

/* Abstand zwischen der Trennline unter h2 und Beitragstext */
.page-header {
	 margin-bottom: 20px;
}

h1.item-title {
	 margin-bottom: 20px;
	 padding-bottom: 15px;
	 border-bottom: 1px solid #eee;
	 line-height: 50px; /* 30 */	 
}

div.leading-0.clearfix {
     margin: 0 0 80px;
}

div.leading-1.clearfix {
     margin: 0 0 80px;
}

/* style des top-links im footer */
.pull-right  a {/*
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.9), -1px -1px 1px rgba(255,255,255,0.5) !important;
	 color: #BBB; /* 999 */
	 text-shadow: 1px 1px 1px rgba(91,51,0,0.9), -1px -1px 1px rgba(252,255,209,0.9) !important;
	 color: #FFC300; /* 999 */	 
}
.pull-right  a:hover { 
	 color: #FBFFBA; /* DDD */
	 text-decoration: none;
}


/* bernommen vom alten template */
.bookit_search_dropbox {
width: 115px;
}

.button, .validate, button {
width: 140px;
height: 30px;
padding: 5px;
}

#bookit_search_tdl2 {
width: 95px;
}

.bookit_search_tdr2 {
width: 95px;
}

button#valid_to2_img.btn  {
width: 40px;
}

button#valid_from2_img.btn  {
width: 40px;
}

input#valid_to2.bookit_search_inputbox {
width: 80px;
}

input#valid_from2.bookit_search_inputbox {
width: 80px;
}

select#idcategory2.bookit_search_dropbox {
width: 140px;
}


.bild_re {
	 background: #FFF !important;
	 padding: 8px !important;
	 /*border: #777 1px solid !important;*/
	 border-radius: 4px;  
	 -webkit-transition: all 0.2s ease-in-out;  
          transition: all 0.2s ease-in-out;  
	 margin: 0px 0px 10px 10px !important;
	 float: right;
	 box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);
	 -moz-box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);
	 -webkit-box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);	 
	 max-width: 50%;
	 height: auto;
} 

.bild_li {
	 background: #FFF !important;
	 padding: 8px !important;
	 /*border: #777 1px solid !important;*/ 
	 border-radius: 4px;  
	 -webkit-transition: all 0.2s ease-in-out;  
          transition: all 0.2s ease-in-out;  
	 margin: 0px 15px 10px 0px !important;
	 float: left;
	 box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);
	 -moz-box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);
	 -webkit-box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4); 	 
	 max-width: 50%;
	 height: auto;	 
}

.bildergalerie {
background:transparent url('../images/shadow3.gif') no-repeat right bottom !important;
padding: 4px 5px 10px 5px !important;
border: #777 1px solid !important;
border-left:none !important;
border-right:none !important;
border-bottom:none !important;
margin: 0px 10px 20px 10px !important;
float: left !important;
} 

.bildergalerie_h {
background:transparent url('../images/shadow5.gif') no-repeat right bottom !important;
padding: 4px 5px 10px 5px !important;
border: #777 1px solid !important;
border-left:none !important;
border-right:none !important;
border-bottom:none !important;
margin: 0px 10px 20px 10px !important;
float: left !important;
} 

h3.bookingTip {
	font-family: 'PT Serif', serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: bolder !important;	
	font-style: italic;
	text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.4);
	padding-right: 30px !important;
}

label.bookingTip {
	font-family: 'PT Serif', serif;
	font-size: 22px;
	line-height: 26px;
	font-style: italic;
	text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.4);
	padding-right: 30px !important;
}

#bookSetting  h2{
  font-size: 30px; /* 26 */
  line-height: 34px; /* 30 */
}

h2#total {
	font-family: 'PT Serif', serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: bolder !important;	
	font-style: italic;
	text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.4);
	padding-right: 30px !important;
  padding-bottom: 20px;  
}

h2#total:first-letter {
	font-family: 'PT Serif', serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: bolder !important;	
	font-style: italic;
	text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.4);
  color: #444;
  margin-right: 0px;
}


#formFoot {
	margin-bottom: 100px!important;
}

.calendarsSelect {
	margin-bottom: 20px!important;
}

.prices {
	margin-bottom: 40px!important;
}

/*
#fox-container-m44 {
 float: left;
 }
*/
 
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}

a.kontaktfett {
    /* font-weight: bold; */
	  /* color: #FFC300; */
    color: #D5AD6D !important;
}