body {
	background: white;
	color: black;
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}
div.header {
	background: #CACACA;
	padding: 0.5em 2em;
}
div.header span {
	padding-right: 0.8em;
}
div.header a,
div.header a:visited {
	color: #1760cd;
}
div.header a:hover {
	color: #cd2817;
}
div.content {
	padding: 0.5em 2em;
}
h1 {
	font-weight: normal;
	font-size: 160%;
}
table {
	border-collapse: collapse;
	border-spacing: none;
}
td,
th {
	padding: 0.3em 1.5em 0.7em 0.3em;
	text-align: left;
	vertical-align: top;
}
tr.cancelled td,
tr.cancelled td a {
	color: #cccccc;
	text-decoration: line-through;
}
h2 {
	font-weight: normal;
	margin-top: 0;
}
div.info-block {
	float: left;
	margin-right: 6em;   
	border-radius: 4px;
	border: 1px solid white;
	padding: 1em;
	position: relative;
	top: 0;
	left: -1em;
}
div.info-block:hover {
	/* border: 1px solid #dedede; */
}
div.subnav {
	margin: 0 0 2em 0;
}
div.subnav span,
div.subnav a {
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin-right: 1em;
}
div.subnav span {
	background: #2767b1;
	border-radius: 1em;
	color: white;
}
div.subnav a {
	text-decoration: none;
	color: #153458;
}
div.subnav a:hover {
	background-color: #528fd5;
	color: white;
	border-radius: 1em;
}
td.price,
th.price {
	text-align: right;
}
.error {
	color: red;
}
div.menu-room {
	margin-left: -4px;
	margin-bottom: 13px;
}
div.menu-room span {
	padding: 3px 4px;
	margin-right: 1em;
}
div.menu-room span.current {
	background-color: #59C3F7;
	font-weight: bold;
}

.menu {
    position: relative;
    z-index: 100;
	font-family: Raleway, Arial;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #333333;
	margin: 0;
}
.menu ul li {
    float: left;
	margin: 0;
}
.menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.menu li a:hover {
    background-color: #4CAF50;
}
.menu li.dropdown a.current {
    background-color: #5aa9c8;
}
.menu .dropdown:hover .dropbtn {
    background-color: #4CAF50;
}
.menu .active {
    background-color: #4CAF50;
}
.menu .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.menu li.dropdown {
    display: inline-block;
}
.menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.menu .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.menu .dropdown-content a:hover {
    background-color: #dedede;
}
.menu .dropdown:hover .dropdown-content {
    display: block;
}
.menu .searchbox {
    position: absolute;
    right: 2px;
    top: 4px;
}
.menu .searchbox input {
	font-family: Arial;
	min-width: 20em;
}
.menu .hamburger {
	display: none;
}
.menu ul li.home-mob {
	display: none;
}

a.external {
	border-top: 1px solid lightgray;
}
a.external:after, a[target=_blank]:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	margin: 0 3px 0 5px;
}
.menu li.search {
    float: right;
    position: relative;
	top: 0.65em;
    text-align: right;
	padding-right: 1em;
}
.menu li.search form input {
	/* font-size: 110%; */
}
.menu li.search form input[type="text"] {
	width: 20em;
}
li.search input[type="submit"] {
	margin-left: 0.3em;
}

input,
text,
select {
	border: 1px solid lightgray;
	padding: 0.3em;
	border-radius: 5px;
}
input[type="file"] {
	border: none;
}
input[type="checkbox"] {
	background-color: green;
}

input.newbutton {
	color: white;
	background: #2767b1;
	text-align: center;
	width: 200px;
	height: 50px;
	border-radius: 25px;
	border: 2px solid white;
	font-size: 120%;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
}

/* Customize the label (the container) */
.container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
	background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }


@media screen and (max-width: 70em) {
	.menu li {
		width: 100%;
	}
	.menu .dropdown-content {
		width: 100%;
		text-align: left;
	}
	.menu .dropdown a {
		width: 100%;
		text-align: left;
	}
	.menu .hamburger {
		display: inline-block;
		cursor: pointer;
		padding-left: 20px;
		position: absolute;
		top: 8px;
		width: 80px;
		left: 2px;
	}
	.menu .hamburger .bar1,
	.menu .hamburger .bar2,
	.menu .hamburger .bar3 {
		width: 35px;
		height: 5px;
		background-color: white;
		margin: 6px 0;
		transition: 0.05s;
	}
	.menu .expanded .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}
	.menu .expanded .bar2 {
		opacity: 0;
	}
	.menu .expanded .bar3 {
		-webkit-transform: rotate(45deg) translate(-8.6px, -7px);
		transform: rotate(45deg) translate(-8.6px, -7px);
	}
	
	.menu ul li.dropdown,
	.menu ul li.home {
		display: none;
	}
	.menu ul li.home-mob {
		display: block;
	}
	.menu .searchbox {
		position: relative;
		background-color: #f9f9f9;
		left: 20px;
		width: 95%;
		margin-bottom: 0.7em;
	}
	.menu.expanded ul li.dropdown {
		display: block !important;
	}
	.menu .dropdown:hover .dropdown-content {
		display: none;
	}
	.menu .dropdown.expanded .dropdown-content {
		display: block;
	}
}