/* Fonts
-------------------------------------------------------------- */
@font-face {font-family:DINRoundWeb; src:url("../fonts/DINRoundWeb.eot")}
@font-face {font-family:DINRoundWeb; src:url("../fonts/DINRoundWeb.woff") format("woff")}

html{-webkit-font-smoothing:antialiased;text-rendering:Legibility}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;background:transparent}body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea,label,select{line-height:1.5}body{font-size:87.5%}html>body{font-size:14px}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,button::-moz-focus-inner{border:0}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}


/* MeanMenu Plugin
-------------------------------------------------------------- */
a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:right;width:100%;position:absolute;padding:4px 0;min-height:2px; height: 2px;z-index:99999}.mean-container a.meanmenu-reveal{background:#1e1b1d;width:24px;height:26px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:"DinRoundWeb",Helvetica,sans-serif;font-weight:400}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:1px;margin-top:5px}.mean-container .mean-nav{float:left;width:100%;background:#fff;margin-top:88px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-bottom:1px solid #f1f1f1;border-bottom:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{width:26px;height:26px;border:0!important;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700}.mean-container .mean-nav ul li a.mean-expand:hover{background:0}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}


/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:5px 0 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.sticky {}
.gallery-caption { 
font-style: oblique;
}
.bypostauthor .avatar { 
border-color: #ccc; 
}


/* Defaults
-------------------------------------------------------------- */
body,ul,ol,dl,h1,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea,label {
	font-family: "DINRoundWeb",Verdana,Arial,Tahoma,sans-serif;
	color:#ccc;
}

body {
	background:#fff;
	background-image:url('../graphics/bg-luxemburg.jpg');
	background-attachment:fixed;
}

hr {
	display:none;
}

header nav ul li a, header nav ul li a:hover {
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

#wrapper img {
	max-width: 100%;
	height: auto;
}

input, button, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

/* Common ID & Classes
-------------------------------------------------------------- */
#skip {
	display:none;
}

.clear {
	clear:both;
}

.hide {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.divider {
	background: url("../graphics/divider-dotted.png") repeat-x 0 bottom;
	width: 100%;
	height: 1px;
	margin-bottom: 18px;
	clear: both;
}

/* Headers
-------------------------------------------------------------- */
h1 {
	background: url("../graphics/divider.png") no-repeat left bottom;
	color:#fff;
	font-size:18px;
	margin-bottom:18px;
	padding-bottom: 9px;
}

.page-template-template-menus-php h1 {
	background: none !important;
}

h1.nounderline {
	background: none;
	padding-bottom: 0;
	margin-bottom: 29px;
}

h2 {
	margin-bottom: 18px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	display: block;
	width: 100%;
}

.page-template-template-menus-php strong {
	font-weight: 400;
	color: #fff;
}

h2,h3 {
	font-size: 14px;
}

h3 {
	color: #999;
}

.suppliers h3 {
	color: #fff;
}

h4 {
	color: #fff;
	display: block;
	width: 100%;
}

/* Text elements
-------------------------------------------------------------- */
p {
	margin:0 0 1.5em;
}

ul {
	margin:0 0 1.5em;
	list-style-type:disc;
	list-style-position:inside;
}

ol {
	margin:0 0 1.5em;
	list-style:lower-roman;
	list-style-position:inside;
}

dl {
	clear: both;
}

dl dt {
	color: #fff;
}

dl dd {
	color: #ccc;
	margin-bottom: 18px;
}

a,a:visited {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}



strong {
	font-weight:700;
}

em {
	font-style:italic;
}

abbr {
	cursor:help;
	border-bottom:1px dotted #999;
}

/* Common Text Classes
-------------------------------------------------------------- */
p.last {
	margin-bottom:0;
}

/* Layout
-------------------------------------------------------------- */
#wrapper {
	width:100%;
	height: 100%;
}

#leftcol {
	background-color: #fff;
	width:230px;
	height: 100%;
	text-align:center;
	padding-top:40px;
	position: fixed;
	z-index: 100;
}

#contentblock {
	height: 100%;
	position: absolute;
	top: 0;
	left: 230px;
	z-index: 1;
}

.fixedbkg {
	background:url("../graphics/bg-content-90opacity.png") repeat 0 0;
	height:100%;
	z-index: 1;
	position: fixed;
}

.page-template-template-contact-php .fixedbkg {
	background: #373436;
}

#contentblock.w320, #contentblock.w320 .fixedbkg {
	width:320px;
}

#contentblock.w560, #contentblock.w560 .fixedbkg {
	width:560px;
}

#contentblock section.innerblock {
	padding:128px 20px 54px;
	position: relative;
	z-index: 10;
}

#map {
	width: 100%;
	height: 100%;
	position: relative;
	float: right;
	z-index: 0;
}

footer {
	display: block;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 100;
}

/* Header
-------------------------------------------------------------- */
/* Nav */
nav {
	background-color: #fff;
	margin-top:43px;
}

nav ul {
	margin:0;
	border-bottom:1px solid #eee;
}

nav ul li {
	text-align:left;
	list-style:none;
	border-top:1px solid #eee;
	height:49px;
}

nav ul li a,nav ul li a:visited {
	height:49px;
	line-height:50px;
	display:block;
	text-indent:60px;
	color:#999;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	letter-spacing: 2px;
}

header nav ul li a:hover, 
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a, 
header nav li.current_page_parent a,
header nav li.current-post-ancestor a, 
header nav li.current-page-ancestor a, header nav ul li a:hover {
	color:#1e1b1d;
}

/* Content
-------------------------------------------------------------- */
/* Text */
#contentblock p,#contentblock ul {
	color:#ccc;
}

/* Main content */

.close {
	background: url("../graphics/icon-sprite-new.png") no-repeat 0 0;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	right: -50px;
	cursor: pointer;
	text-indent: -99999em;
}

.close.open {
	background-position: -50px 0;
}

.mean-container a.meanmenu-reveal {
	background-image: url("../graphics/icon-close-white.png");
	background-repeat: no-repeat;
	background-position: -9999em -9999em;
}

.mean-container a.meanmenu-reveal.meanclose {
	background-position: 50% 50%;
}


/* Accordion */

#accordion {
	padding-top:32px;
	border-bottom:1px solid #666;
}

#accordion h3 {
	background: url("../graphics/icon-sprite-new.png") no-repeat 488px -192px;
	font-size: 14px;
	height: 49px;
	line-height: 50px;
	border-top:1px solid #666;
	display: block;
	width: 100%;
	cursor: pointer;
}

#accordion h3:hover {
	color: #fff;
}

#accordion h3.ui-accordion-header-active {
	background: url("../graphics/icon-sprite-new.png") no-repeat 488px -240px;
	color: #fff;
}

#accordion div {
	margin: 18px 0 36px;
}

#accordion h2 {
	color: #fff;
	float: left;
}

#accordion p {
	margin-bottom: 16px;
	line-height: 16px;
}

.ui-accordion-content {
	position: relative;
}

#accordion a.download, #accordion a {
	background: url("../graphics/icon-sprite-new.png") no-repeat -17px -160px;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9000em;
	position: absolute;
	top: 0;
	right: 0;
}

/* Footer
-------------------------------------------------------------- */

footer p, footer a, footer a:visited {
	font-size: 12px;
	color: #999;
	text-align: left;
}

footer a {
	text-decoration: underline;
}


/* Forms
-------------------------------------------------------------- */

label {
	display: block;
	color: #fff;
	margin-bottom: 5px;
}

input[type=text] {
	background-color: #fff;
	width: 95%;
	height: 30px;
	line-height: 30px;
	padding: 0 2.5%;
	font-size: 1em;
	margin-bottom: 18px;
	border: none;
}

input[type=submit] {
	background-color: transparent;
	color: #fff;
	border: 1px solid #666;
	width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
	font-size: 14px;
	display: block;
	cursor: pointer;
}

input[type=submit]:hover {
	color: #ccc;
}
	

/*Quality*/

#accordion a.download {
	background: url("../graphics/icon-sprite-new.png") no-repeat 0 -50px;
	text-indent: -9000em;
}
#book {
	position: absolute;
	width: 81.933333333333%;
	top: 25%;
	right: 0;
	width: 81.933333333333%;
	text-align: center;
}

.book-surround {
	padding: 10px;
	background: #fff;
	display: inline-block;
	box-shadow: 6px 6px 2px rgba(0,0,0,0.5);
	text-align: left;
}

.book-surround p {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #1d1b1c;
}

.book-surround a {
	color: #1d1b1c;
	text-decoration: underline;
}


/* Responsive
-------------------------------------------------------------- */

/* iPad (Landscape) */

@media only screen and (max-width : 64em) and (orientation : landscape) { /* 1024px */

	body {
		background-color: #333;
		background-image: url('../graphics/bg-luxemburg-1024x805.jpg');
		background-attachment: fixed;
		background-repeat: no-repeat;
	
	}
	
	#contentblock section.innerblock {
		padding-top: 127px;
	}

	#slidecontrols {
		top: 50px;
		right: 0;	
	}
	
	#book {
		width: 78.933333333333%;
	}
	
	footer {
		bottom: 0px;
	}
	
}

/* iPad (Portrait) */

@media only screen and (max-width : 48em) { /* 768px */

	body {
		background-color: #333;
		background-image: url('../graphics/bg-luxemburg-1024x805.jpg');
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

	.close, .open {
		display: none;
	}
	
	#contentblock {
		top: 0;
		left: 30%;
		z-index: 0;
	}
	
	#leftcol {
		width: 30%;
	}
	
	#contentblock.w320, #contentblock.w320 .fixedbkg, #contentblock.w560, #contentblock.w560 .fixedbkg {
		width:70.5%;
	}
	
	#contentblock section.innerblock {
		padding:127px 20px 54px;
		position: relative;
		z-index: 10;
	}
	
	#book {
		width: 68.933333333333%;
	}
	
	#map {
		position: relative;
		width: 538px;
		height: 490px;
		z-index: 2;
		margin-top: 440px;
	}
	
	#supersized li {
		background-size: cover;
	}
	
	#accordion h3 {
		background-position: 468px -192px;
	}
	
	#accordion h3.ui-accordion-header-active {
		background-position: 468px -240px;
	}
}

/* Smart Phones */

@media only screen and (max-width : 35.625em) { /* 570px */

	body {
		background-image:url('../graphics/bg-pencil-500x393.jpg');
		background-attachment:fixed;
	}

	.trip-advisor-overlay {
		position: absolute;
		min-height: 1000px;
	}

	#accordion h3 {
		background-position: 254px -192px;
	}
	
	#accordion h3.ui-accordion-header-active {
		background-position: 254px -240px;
	}

	.mobile-image {
		width: 100%;
	}
	
	.fixedbkg, #slidecontrols, .close, .open {
		display: none;
	}
	
	#wrapper {
		width: 100%;
	}
	
	#leftcol {
		width:100%;
		height: 92px;
		text-align:left;
		padding-top:0;
		position: relative;
		z-index: 100;
		margin-bottom: 0;
	}
	
	header {
		padding: 5% 0 0 5%;
	}
	
	header .logo {
		position: relative;
		z-index: 9999;
	}
	
	#contentblock {
		background:#1e1b1d;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	#contentblock.w320, #contentblock.w560 {
		width:100%;
	}
	
	#contentblock section.innerblock {
		padding: 36px 5%;
		position: relative;
		z-index: 10;
	}
	
	footer {
		background: #fff;
		position: relative;
		display: block;
		left: 0;
		bottom: 0;
		z-index: 100;
		padding: 9px 5%;
	}
	
	#contact #leftcol {
		margin-bottom: 0;
	}
	
	#map {
		width: 100%;
		height: 240px;
		margin-top: auto;
		margin-bottom: 30px;
	}
	
	#book {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding-bottom: 50px;
	}
	
	#social {
		position: relative;
		float: right;
		top: auto;
		bottom: auto;
		margin-top: -68px;
	}
	
	footer {
		padding-bottom: 2px;
	}
	
	footer p {
		width: 132px;
	}
	
	#wrapper {
		height: auto;
	}
	
	.page-template-template-book-php #book {
		margin-top: 0;
		padding-top: 40px;
	}
	
	#leftcol, .mean-container a.meanmenu-reveal {
		position: fixed;	
		top: 0;
	}
	
	.mean-container a.meanmenu-reveal {
		z-index: 999999;
	}
	
	.mean-container .mean-nav {
		margin-top: -4px;
	}
	
	.mean-container .mean-nav li:last-of-type {
		border-bottom: 400px solid #1e1b1d;
	}
	
	body {
		margin-top: 92px;
	}
	
	.credits-pop {
		width: 220px;
		margin-top: 50%;
	}	
	
}

/* Height adjustments */
@media only screen and (max-height : 42.5em) { /* 680px */

	footer {
		display: none;
	}
	#social {
		margin-top: -50px;
	}
	
}


/* Retina
-------------------------------------------------------------- */

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	h1 {
		background-image: url("../graphics/divider@2x.png");
		background-size: 31px 1px;
	}

	.divider {
		background-image: url("../graphics/divider-dotted@2x.png");
		background-size: 44px 1px;
	}
	
	.close, #social .tripadvisor, #social .twitter, #social .facebook, #accordion h3, #accordion h3.ui-accordion-header-active, #accordion a.download, #accordion a.download, #accordion a, #nextslide, #prevslide {
		background-image: url("../graphics/icon-sprite-new@2x.png");
		background-size: 148px 289px;
	}
	
	.mean-container a.meanmenu-reveal, .overlay-close {
		background-image: url("../graphics/icon-close-white@2x.png");
		background-size: 13px 13px;
	}
	

/* #######################################################################

13.	Print

####################################################################### */

@media print {
 @import "../menus_files/print.css";
}