/* FRONTEND CSS
*********************************************/
* { margin:0; padding:0; }
html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */

	font-family: 'Muli', 'Lucida Grande', sans-serif;
}


button, input, optgroup, select, textarea {
	border-radius: 3px;
	border: 1px solid;
}

html,body {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}

body {
overflow:hidden;
}

div.mod-languages ul {
float:right;
padding: 4px 20px 0 0 !important;
}

div.mod-languages li {
margin: 0 0 0 4px !important;
}
a {
color: #850802;
text-decoration:none;
}
a:hover {
color: #c78150;
}
#topm3 a, #topm1 a {
	text-decoration:none;
	color:#dccccc;
}

h1 {
	font-family: 'Roboto Slab', 'Lucida Grande', sans-serif;
	color: #f1be6f;
}

h1 {font-size:20px;
}
h2 {font-size:18px;
	}
h3 {font-size:16px;
	}
h4 {font-size:14px;
	}
h5 {font-size:12px;
	}

.headlineleft {background:url(../images/linie_20px.jpg) no-repeat;width:20px;height:1px;margin:6px 0;float:left;}
.headlineright {background:url(../images/linie_20px.jpg) no-repeat;width:20px;height:1px;margin:6px 0;float:right;}

div#footer h1, div#footer h2, div#footer h3, div#footer h4, div#footer h5 {
font-size: 13px;
font-family: 'Muli', 'Lucida Grande', sans-serif;
color: rgb(240, 188, 104);
line-height: 1.5;
}

div.moduletable ul.nav.menu {
margin:0;
padding:0;
font-size:11px;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
color:#ae8b75;
list-style-type: none;
}

ul.nav.menu li, div#bot1 div.moduletable div.custom p {
	margin-top:1px;
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 100px) {

#all{
	min-width: 100px;
	overflow:hidden;
  opacity:1;
  filter: alpha(opacity=100);
  position:fixed;
  top:-135px;
  height:135px;
  z-index:2;
  width:100%;
}

#headerbg {
width:100%;
margin:0;
background:url(../images/background.jpg) repeat;
height:135px;
}

#headerall {
}

#header {
min-width: 100px;
max-width: 991px;
margin: 0 auto;
padding:0;
}

#top1 {
display:none;
}
#top2 {
width:100%;
height:25px;
padding-top:4px;
}

#topm1 {
width:100%;
height:40px;
color:#dccccc;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
text-align:center;
margin-top:-22px;
line-height: 1.455;
padding-left:4px;
font-size:11px;
}

.address {
padding-left:16px;
}

#topm2 {
width:46%;
height:100px;
margin:0 auto;
position:relative;
top:-25px;
}

#topm3 {
color:#dccccc;
text-align:center;
font-size:11px;
margin-top:-12px;
line-height: 1.455;
}
#mainmenu {
width:100%;
height:32px;
background-color:#850802;
float:left;
border-top: 1px solid #c78150;
text-align:center;
font-size:12px;
position:fixed;
z-index:3;
top:0px;
}

#logo {
margin:0;
padding:0;
background:url(../images/myers_hotel_logo_weiss.png) no-repeat;
position: fixed;
left:35px;
top: 60px;
height:89px;
width:222px;
cursor:pointer;
}

#contentframe {
width:100%;
position:relative;
top:40px;
height:90%;
}

#contentcontainer {
width: auto;
margin: 0 auto;
display:block;
height: 90%;
}
#contentx {
background: url(../images/x.png);
width:10px;
height:10px;
cursor:pointer;
float:right;
position:relative;
top:5px;
right:4px;
}

#contentfr {
margin: 0 1%;
padding: 0 1%;
width:97%;
float:left;
height:24px;
overflow:hidden;
background:url(../images/content_bg.png) repeat;
opacity:0;
}

#content {
margin: 0 1%;
width:95.6%;
height:100%;
float:left;
overflow:hidden;
background:url(../images/content_bg.png) repeat;
color:#845e4b;
font-size:13px;
line-height: 1.5;
opacity:0;
padding: 4px 1%;
position:relative;
top:0;
left:0;
right:0;
bottom:0;
}

#scroll-wrapper {
	overflow: auto;
    -webkit-overflow-scrolling:touch;
    width: 100%;
    height: 100%;
}
#bookingfield {
position:fixed;
top: 172px;
z-index:5;
width:216px;
height:251px;
background-color:#750802;
display:block;
left:746px;
opacity:0;
}

#bookinginfield {
	margin:-16px 0 0 4px;
	border: 1px solid #c7823d;
	width:206px;
	height:241px;
}
#bookingfieldx {
background: url(../images/x.png) no-repeat;
position:relative;
top:11px;
left:196px;
width:20px;
height:20px;
cursor:pointer;
}
#footerall {
	width: 100%;
	margin:0;
	height:190px;
  position:fixed;
  bottom: -153px;
  z-index:5;
  border-top: 1px solid #e8bc63;
  background-color:#850802;
  opacity:0.7;
}
#footer {
	width: 100%;
  margin: 0 auto;
  height:190px;
  display:block;
  max-width: 290px;
}

#footer a {
font-size: 13px;
font-family: "Muli";
text-decoration:none;
}

#footer a:link, a:visited {
	text-decoration:none;
	color:#ae8b75;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
#footer a:hover, a:focus {
	text-decoration:none;
	color:#e5b249;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

#footer li.current.active a {
text-decoration:none;
	color:#ae8b75;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

#bot1, #bot2 {
	display:none;
}
#bot1 h3, #bot2 h3, #bot3 h3, #bot4 h3 {
	margin-bottom:10px;
	margin-top:0;
}
#bot3 {
width:49%;
height:100px;
margin:14px 1% 0px 2%;
float:left;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
display:block;
}

#bot4 {
width:46%;
height:100px;
margin:14px 1% 0px 1%;
float:left;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
}
}

@media (min-width: 536px) {
#topm2 {
top:-55px;
}
}


/* Medium devices (desktops, 980px and up) */
@media (min-width: 980px) {

#all{
min-width: 980px;
width: 100%;
margin:0;
opacity:1;
filter: alpha(opacity=100);
position:fixed;
top:-135px;
height:135px;
}

#headerbg {
width:100%;
margin:0;
background:url(../images/background.jpg) repeat;
height:135px;
}

#header {
min-width: 980px;
max-width: 1200px;
margin: 0 auto;
height:135px;
padding-top:4px;
}

#top1 {
width:85%;
height:25px;
float:left;
display:block;
}
#top2 {
width:15%;
height:25px;
float:left;
}
#topm1 {
width:33%;
height:100px;
float:left;
display:block;
font-size:13px;
}
#topm2 {
width:34%;
height:100px;
float:left;
top:-41px;
}
#topm3 {
width:32%;
height:100px;
float:left;
margin-top:0;
}
#mainmenu {
width:100%;
height:32px;
background-color:#850802;
float:left;
border-top: 1px solid #c78150;
text-align:center;
position:fixed;
top:0px;
}
#contentframe {
width:100%;
position:relative;
top:60px;
height:90%;
}

#contentcontainer {
width: 980px;
margin: 0 auto;
display:block;
height:90%;
}

#contentfr {
margin: 0;
width:97%;
overflow:hidden;
}
#scroll-wrapper {
	overflow: auto;
    -webkit-overflow-scrolling:touch;
    width: 100%;
    height: 100%;
}
#content {
padding:4px 1%;
width:98%;
height:100%;
float:left;
overflow:hidden;
background:url(../images/content_bg.png) repeat;
color:#845e4b;
font-size:13px;
line-height: 1.5;
opacity:0;
margin:0;
}

#contentx {
top:6px;
right:-4px;
}

#bookinginfield {
	margin:-6px 0 0 4px;
}
#bookingfieldx {
background: url(../images/x.png);
width:10px;
height:10px;
}

#footerall {
	min-width: 992px;
	width: 100%;
	margin:0;
	height:190x;
  position:fixed;
  bottom: -153px;
  z-index:5;
  border-top: 1px solid #e8bc63;
  background-color:#850802;
  opacity:0.7;
}

#footer {
	width: 100%;
	max-width: 980px;
  margin: 0 auto;
  height:190px;
  display:block;
}

#bot1 {
width:49%;
height:100px;
margin:14px 1% 0px 0;
float:left;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
display:block;
}
#bot2 {
width:19%;
height:100px;
float:left;
margin:14px 0 0 1.5%;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
display:block;
}
#bot3 {
width:15%;
height:100px;
margin:14px 1% 0px 0;
float:left;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
display:block;
}
#bot4 {
width:12%;
height:100px;
margin:14px 1% 0px 0;
float:left;
font-size: 13px;
font-family: "Muli";
color: rgb(177, 142, 121);
line-height: 1.5;
}
}

#dp-popup table.jCalendar {
	border: 1px solid #760202;
	background: #E8E8E8;
  border-collapse: separate;
}
#dp-popup table.jCalendar th {
	background-color: #610606;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
#dp-popup table.jCalendar td {
	background-color: #E8E8E8;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
#dp-popup table.jCalendar td.other-month {
	background: #ffffff;
	color: #aaa;
}
#dp-popup table.jCalendar td.today {
	background-color: #990000;
	color: #fff;
}
#dp-popup table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
#dp-popup table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
#dp-popup table.jCalendar td:hover, #dp-popup table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
#dp-popup table.jCalendar td.disabled, #dp-popup table.jCalendar td.disabled:hover {
	background: #f9f8ea;
	color: #7e6b3d;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #750802;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #e3b85c;
	width: 170px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color:#ffffff;
}
#dp-popup a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
#dp-popup a#dp-close:hover {
	text-decoration: underline;
}
#dp-popup div.dp-popup a {
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup#dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup#dp-popup div.dp-nav-prev a {
	float: left;
	color:#e3b85c;
	font-weight:bold;
	text-decoration:none;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup#dp-popup div.dp-nav-prev a, div.dp-popup#dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup#dp-popup div.dp-nav-prev a.disabled, div.dp-popup#dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup#dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup#dp-popup div.dp-nav-next a {
	float: right;
	color:#e3b85c;
	font-weight:bold;
	text-decoration:none;
}
div.dp-popup#dp-popup a.disabled {
	cursor: default;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}

div.dp-popup#dp-popup td {
	cursor: pointer;
}
div.dp-popup#dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 11px;
	height: 11px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(../images/calendar.png);
	position:relative;
	top:-18px;
	left:175px;
}
#dp-popup a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: left;
	color: #fff6e7;
	font-size: 12px;
  margin-left: 10px;
  padding: 3px 7px;
  width: 170px;
  background:none;
  border: solid 1px #c7823d;
}

.qb_button {
	 background-color: #e3b85c;
	 border-color: #750802;
	 border-style: solid;
	 border-width: 1px;
}
.qb_searchbutton, .qb_searchbutton2 {
	 background-color: #e3b85c;
	 border-color: #750802;
	 border-style: solid;
	 border-width: 1px;
	 font-size: 13px;
	 color: #750802;
	 padding: 6px;
	 margin:13px 0 0 15px;
}

.qb_searchbutton2 {
	 margin:13px 0 0 30px;
}

.qb_arival_departure {
	width: 130px;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
.qb_input{
	width: 40px;
	height: 20px;
	font-size: 12px;
	background-color: #E6E6E6;
	 border-color: #333333;
	 border-style: solid;
	 border-width: 1px;
	 margin-top: 5px;
	 margin-bottom: 5px;
	}

.labelarrive {
	color: #ffe4b9;
	margin: 10px 10px 2px 10px;
	font-size:12px;
}

.labeldepart {
	color: #ffe4b9;
	margin: 22px 10px 2px 10px;
	font-size:12px;
}
.labeladult {
	color: #ffe4b9;
	width:100px;
	float:left;
	margin:15px 0 3px -1px;
	font-size:12px;
}
.labelroom {
	color: #ffe4b9;
	width:70px;
	float:left;
	margin:15px 0 3px 4px;
	font-size:12px;
}
select#adult.qb_input {
	float: left;
	color: #fff6e7;
	font-size: 14px;
  margin-left: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  width: 45px;
  height:32px;
  background:none;
  border: solid 1px #c7823d;
}

select#rooms.qb_input {
	float: left;
	color: #fff6e7;
	font-size: 14px;
  margin-left: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  width: 45px;
  height:32px;
  background:none;
  border: solid 1px #c7823d;
}

#adult, #room {
	float:left;
	margin-top:5px;
	font-size: 14px;
}

		.trigger{
			border:1px solid #c7823d;
			color:#fff6e7;
			width:71px;
			padding:2px 2px 2px 7px;
			background:url(../images/arrow.png) top right no-repeat;
			display:block;
			text-decoration:none;
		}
		
		#adult, #room a{
			color:#fff6e7;
			font-size:12px;
		}
		#adult a:hover, #room a:hover{
			color:#c7823d;
		}
		.activetrigger{
			border:1px solid #c7823d;
			color:#fff6e7;
		width:71px;
			padding:2px 2px 2px 7px;
			display:block;
			background:none;
			text-decoration:none;
			background:url(../images/arrow.png) top right no-repeat;
		}
		/* style of the UL */
		.dropcontainer ul{
			background-color:#750402;
			border:1px solid #c7823d;
			border-top:none;
			list-style-type:none;
			padding:0;
			margin:0;
			width:80px;
			position:absolute;
		}
		.dropdownhidden{
			top:0;
			left:-999em;
		}
		.dropdownvisible{
			top:0;
			left:0;
		}
		.dropcontainer ul a{
			padding:2px 0px 2px 7px;
			display:block;
			width:15em;
			text-decoration:none;
			color:#fff6e7;
			border-bottom:none;
		}
		.dropcontainer ul a:hover{
			background:none;
			color:#c7823d;
		}
		.dropcontainer{
			position:relative;
		}
		
.contleft {
	float:left;
	width:584px;
}
.contright {
	float:left;
	width:584px;
	padding-left:6px;
}

.contpic {
	float:left;
	width:315px;
	padding-left:6px;
}

.bggrey {
background:url(../images/bildbox_bg.png) repeat;
padding: 20px 10px;
min-height:235px;
}
.bggrey img, .bgohne img, .bgwhite img {
	width:316px;
	height:170px;
}
	
.titelgrey {
background-color: #f3efec;
padding: 20px 10px;
}
.bgohne {
padding: 20px 10px;
}
.bgwhite {
padding: 20px 10px;
min-height:235px;
}
.edit-icon {display:none;}

div.item-page div p iframe, iframe#bookingframe { 
border:none !important;}

#blankBM122, #blankBM133  {
	margin-top:-4px;
}

#hc_badge_24975_rerbs {
	float:left;
	margin-right:10px;
}

#social, #maps, #mail, #auszeichnung {
	float:left;
}
#social {
	width:175px;
}
#maps, #mail {
	width:50px;
	padding-top:5px;
}
#maps2 {margin:11px 0 0px 3px;}
#mail2 {margin:15px 0 0 -4px;}

#facebook, #pinterest, #googleplus, #twitter {
margin-top:10px;float:left;}

ul.nav.menu_footer li {
	float:left;
	text-decoration:none;
	list-style:none;
	padding-left:6px;
}

ul.nav.menu_footer li a{
/*	font-size:9px !important; */
}

#footersocial {
	width:100%;
	float:left;
}

.gallerieemu {
width:23%;
height:150px;
background-color:#cccccc;
margin:1%;
float:left;
}

#trust {
	float:left;
	height:100px;
 margin-right:5px;
}
#home {
cursor:pointer;
width:22%;
}

.pagination{
margin:10px 0 ;
padding:10px 0 10px 0px;
}
.pagination ul{
margin:0;
padding:0;
text-align:center;
}
.pagination li{
display:inline;
padding:2px 5px;
text-align:left;
margin:0 2px;
background:none;
}

div.items-more ol {
  margin-left:12px;
}

div.bggrey div.top a img {
	height:30px;
	width:30px;
}
@media (min-width: 1005px) {
#contentcontainer {
width: 1005px;
margin: 0 auto;
display:block;
height:90%;
}
}





/*** Updates by Slava***/
div#dp-popup.dp-popup div.dp-nav-prev .tooltip-prev-month{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    display: inline;
    font-size: 1.1em;
    line-height: 1.1;
    margin-bottom: 0;
    padding: 5px;
    position: absolute;
    top: -40%;
    right: 110%;
    display: none;
    text-align: center;
}
div#dp-popup.dp-popup div.dp-nav-next .tooltip-next-month{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    display: inline;
    font-size: 1.1em;
    line-height: 1.1;
    margin-bottom: 0;
    padding: 5px;
    position: absolute;
    top: -40%;
    left: 110%;
    display: none;
    text-align: center;
}
.qb_arival_departure span.tooltip-choose-date{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    display: inline;
    font-size: 0.9em;
    line-height: 1.1;
    margin-bottom: 0;
    padding: 5px;
    position: relative;
    top: -185%;
    left: 155%;
    /*top: -24px;
    left: 190px;*/
    clear: both;
    display: none;
    text-align: center;
    white-space: nowrap;
}
#footerall h3{
    cursor: pointer;
    /*text-decoration: underline;*/
}


/*** UPDATE 160724 Mobile menu whole line active ***/
ul.slimmenu li.parent .separator:hover{
    cursor: pointer;
}
/*** END UPDATE 160724 Mobile menu whole line active ***/