@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html {  } }

* { margin:0; padding:0; }
html { height:100%; }
body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#EEE; background-color:#AAA; }

p { margin-bottom:12px; }
hr { border:none; border-top:1px solid #46322B; margin:20px 0; }
hr.white { border-color:#FFF; }

h1, h2, h3 { font-family:'Ropa Sans', sans-serif; margin:5px 0 10px; }
h1 { font-size:18px; }
h2 { font-size:16px; margin-top:15px; }

.clearfix { *zoom:1; }
.clearfix:before,.clearfix:after { display:table; content:""; }
.clearfix:after { clear:both; }
.hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; }
.input-block-level { display:block; width:100%; min-height:28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

#pano { display:block; width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; bottom:0; right:0; z-index:1; background:#000; }

#header { display:block; left:0px; right:0px; position:absolute; background:transparent; z-index:2; width:500px; max-width:100% !important; margin:20px auto 0; }
#header .intro { font-size:12px; line-height:22px; margin:-50px 0 20px 15px; font-weight:bold; text-shadow: 0px 0px 10px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); }
#header .intro a { color:#C22E3B; }

#header .topbar {
	display:block; margin:-25px 0 20px; width:100%; background:rgba(255,255,255,0.8); text-align:center; color:#3A1D00; padding:20px 0; position:relative; z-index:5; 
	-webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; font-size:14px; max-width:500px; margin-left:auto; margin-right:auto; 
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5); box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
}
#header .topbar strong.title { text-transform:uppercase; }
#header .topbar .actie { padding:0 20px; margin-bottom:10px; }
#header .topbar .handle { 
	position:absolute; background:#FFF000; bottom:-30px; right:10px; padding:5px 10px 7px 10px; background:rgba(255,255,255,0.8); color:#3A1D00; cursor:pointer; 
	-webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; font-size:14px; 
}
#header .topbar a.readmore { background:#3A1D00; color:#FFF; position:absolute; right:0; bottom:0; border-radius:6px 0 10px 0; font-size:10px; padding:2px 6px; }
#header .topbar a.readmore:hover { background:#FFF; color:#3A1D00; text-decoration:none; }

.wrapper { display:none; width:100%; max-width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; margin:0; z-index:20; overflow:hidden; overflow-y:scroll; }
.wrapper, .fancybox-overlay {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.contentwrapper { 
	position:relative; font-size:16px; font-weight:normal; color:#FFF; margin:0 auto; font-weight:900; 
	display:table; width:100% !important; max-width:800px; height:100% !important; padding:5% 0 100px 0;
}
.contentwrapper #content { 
	display:table-cell; vertical-align:middle; line-height:20px; padding:20px 20px 100px 20px; text-align:left; 
	text-align:center; overflow:hidden; -webkit-overflow-scrolling:touch;
	text-shadow: 0px 0px 10px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); 
}
.contentwrapper #content h1 { font-size:26px; text-transform:uppercase; margin-bottom:20px; line-height:30px; }
.contentwrapper #content a.menu-btn,
.contentwrapper #content a.news-btn { font-family:'Ropa Sans', sans-serif; text-transform:uppercase; line-height:30px; display:inline-block; font-size:16px; background:#FFF; color:#000; text-shadow:none; filter:none; padding:4px 8px 1px; margin-top:-3px; margin-right:20px; }
.contentwrapper #content a.menu-btn:hover,
.contentwrapper #content a.news-btn:hover { background:#000; color:#FFF; text-decoration:none; }
.contentwrapper #content h1 a.menu-btn,
.contentwrapper #content h1 a.news-btn { display:inline-block; font-size:16px; padding:4px 8px 1px; position:absolute; margin-top:-3px; margin-left:30px; margin-right:0; }
.contentwrapper #content h1 a.menu-btn:hover,
.contentwrapper #content h1 a.news-btn:hover {  }
.contentwrapper #content .news { text-align:left; }
.contentwrapper #content article.news {  }
.contentwrapper #content article.news img { max-width:100%; }
.contentwrapper a.close { 
	display:block; width:75px; height:70px; background:#FFF; padding-top:5px; text-align:center; color:#000; 
	position:absolute; position:fixed; left:50%; margin-left:-37.5px; z-index:5; bottom:-35px; 
	box-shadow:0px 0px 20px #666; -webkit-box-shadow:0px 0px 20px #666;
	-webkit-border-radius:75px; border-radius:75px;
}
.contentwrapper a.close:hover { text-decoration:none; }
.contentwrapper a.close span { display:block; font-size:28px; margin-top:-3px; line-height:36px; font-weight:300; }

.contentwrapper section ul { margin:0 0 12px 15px; list-style:none; }
.contentwrapper section ul li:before { content:"-"; position:relative; left:-5px;}
.contentwrapper section ul li { text-indent:-5px; }

.contentwrapper #content .contactinfo { text-transform:uppercase; font-family:'Ropa Sans', sans-serif; font-size:16px; line-height:30px; }
.contentwrapper #content .contactinfo a { color:#000; }
.contactinfo a { color:#FFF; }

.close_iframe { display:none; }

.contentwrapper #content .kaart em { display:block; text-align:center; margin:10px 0; }
.contentwrapper #content .kaart h1 { font-size:26px; margin-bottom:5px; }
.contentwrapper #content .kaart ul { list-style:none; text-align:left; width:720px; margin:0 auto; font-size:14px; }
.contentwrapper #content .kaart ul li { margin:10px; }
.contentwrapper #content .kaart ul li strong { display:block; font-size:16px; margin:20px 0 0; text-align:center; }
.contentwrapper #content .kaart ul li ul { width:700px; }
.contentwrapper #content .kaart ul li ul li { display:block;  margin:0; padding:8px 50px 8px 0; border-bottom:1px solid #CCC; position:relative; }
.contentwrapper #content .kaart ul li ul li span { display:block; float:right; position:absolute; top:10px; right:0px; }

.contentwrapper #content .kaart ul li ul.nolines li { border-bottom:none; }

.contentwrapper #content .kaart.weeklunch ul { width:500px; max-width:100%; text-align:center; }
.contentwrapper #content .kaart.weeklunch ul li { margin-right:0; margin-left:0; }
.contentwrapper #content .kaart.weeklunch ul li ul { width:500px; }
.contentwrapper #content .kaart.weeklunch .category { }
.contentwrapper #content .kaart.weeklunch .category li { padding-right:0; padding-bottom:20px; }

#footer { display:block; position:absolute; position:fixed; left:50%; bottom:40px; margin-left:-400px; z-index:10; color:#FFF; width:800px; max-width:100%; text-align:center; }
#footer section { position:relative; display:block; float:left; text-transform:uppercase; height:100%; text-shadow: 0px 0px 10px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); }
#footer a.link { height:100%; text-align:center; font-weight:bold; color:#FFF; font-size:18px; }
#footer section .content { display:none; }
#footer section .visible-desktop { display:block; }
#footer section .hide-desktop { display:none; }

small#credits { display:block; bottom:2px; margin-bottom:0; position:absolute; position:fixed; right:10px; z-index:11px; display:block; text-align:center; z-index:2;}
small#credits img { margin-bottom:-3px; }
small#credits { font-size:10px; }
small#credits a { color:inherit; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float:left; margin:0 3% 0 0; }
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin:0; }
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

#reservatie { 
	width:100%; max-width:100%; background:#FFF; color:#260F11; padding:15px 0; margin:0 auto;
	-webkit-border-radius:6px; border-radius:6px; 
	-webkit-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000;
 }
#reservatie fieldset { border-color:#260F11; }

#cinfo { width:800px; max-width:100%; }
#cinfo h3 { text-transform:uppercase; font-size:24px; margin-bottom:10px; }
#cinfo h4 { text-transform:uppercase; margin-bottom:5px; }
#cinfo dl { display:block; margin-bottom:20px; }
#cinfo dl dt { float:left; display:block; width:50%; clear:left; }
#cinfo dl dd { float:left; display:block; width:50%; clear:right; }
#cinfo .left { float:left; display:block; width:40%; text-align:left; }
#cinfo .right { float:left; width:60%; text-align:left; }

@media all and (min-width: 768px) {
	
	#header .topbar .handle { display:none; }
	
	.contentwrapper a.close { display:none; }
	
	.desktop-left { text-align:left; }
	
}

@media all and (max-width: 767px) {
	
	#header { width:100%; max-width:none; text-align:center; margin:0; padding:0; }
	
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float:left; width:25%; margin:0; }
	#footer section#spacer { display:none; }
	
	#footer { width:100%; margin:0; left:0; right:0; }
	#footer section .visible-desktop { display:none; }
	
	small#credits { width:100%; margin:0; bottom:2px; left:0; right:0; display:block; text-align:center; }
	
}

@media screen and (max-width: 480px) {
	
	span.break { display:block; clear:both; height:5px; line-height:5px; text-indent:-9999px; }
	
	#header {  }
	
	#header, #footer { width:100%; text-align:center; margin:0; left:0; padding:0; }
	
	.contentwrapper { height:100% !important; max-height:100% !important; padding-bottom:20px; }
	.contentwrapper #content, 
	.contentwrapper #reservatie { 
		max-height:100%; overflow:auto;
		position:absolute; top:0px; left:0px; right:0px; bottom:0px;
	}
	.contentwrapper #reservatie { top:0px; }
	.contentwrapper #content a.menu-btn,
	.contentwrapper #content h1 a.menu-btn { display:block; position:static; margin:10px auto 0; }
	
	.contentwrapper #content a.news-btn,
	.contentwrapper #content h1 a.news-btn { display:inline-block; position:static; margin:10px auto 0; }
	
	.close_iframe { 
		display:block; background:#FFF; color:#000; text-align:center; 
		position:fixed; top:0px; left:0; right:0; padding:6px 0; 
		text-shadow:none; filter:none; 
	}
	
	.contentwrapper #content .kaart ul { width:100%; }
	.contentwrapper #content .kaart ul li { }
	.contentwrapper #content .kaart ul li strong { }
	.contentwrapper #content .kaart ul li ul { width:100%; }
	.contentwrapper #content .kaart ul li ul li { padding-right:70px;  }
	.contentwrapper #content .kaart ul li ul li span { right:00px; }
	
	#cinfo .left { float:none; display:block; width:100%; text-align:center; }
	#cinfo .right { float:none; width:100%; margin-top:30px; text-align:center; }
	#cinfo dl {  }
	#cinfo dl dt { float:none; width:100%; margin-bottom:5px; }
	#cinfo dl dd { float:none; width:100%; margin-bottom:20px; }
	
	#footer section a.link { font-size:26px; }
	#footer section a.link span { display:none; }
	#footer section .hide-desktop { display:block; }
	#footer section.hide-mobile, .hide-mobile { display:none; }
	
	#header .topbar { max-width:100%; margin-top:-5px; }
	
}

/* iPhone Retina displays ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#header #logo { background-size:350px 87px; background-image:url('img/logo-newmexico@2x.png');  }
}

a { color:#EEE; text-decoration:none; }
a:hover { text-decoration:underline; }