/* RESET
 *************************************************************************************************/
/* Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
th { text-align:left; }
img { border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; padding:0; }
input, select, textarea { font:inherit; }
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* GENERAL CLASSES AND ELEMENTS
 *************************************************************************************************/
/* Clearfix */
.clearfix:before, .clearfix:after { content:'\0020'; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.clear { clear:both; }

/* Images (default WP styles + Nextgen singlepics) */
.alignleft { float:left; margin-right:20px; margin-bottom:20px; }
.alignright { float:right; margin-left:20px; margin-bottom:20px; }
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }
.wp-caption { width:auto !important; } /* http://wordpress.org/support/topic/control-of-image-caption-width */
.wp-caption-text { font-family:Georgia,serif; font-size:14px; font-style:italic; color:#666; }
.alignleft .wp-caption-text { text-align:left; }
.alignright .wp-caption-text { text-align:right; }
.aligncenter .wp-caption-text { text-align:center; }
#main .ngg-left { float:left; margin-right:20px; margin-bottom:20px; }
#main .ngg-right { float:right; margin-left:20px; margin-bottom:20px; }
#main .ngg-singlepic { padding:0; margin-bottom:20px; }

/* General text */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

/* Global wrapper */
html { background:#272c38; width: 100%; height: 100%; }
body { font: 300 16px/18px "nimbus-sans", Arial, sans-serif; color:#272c38; width: 100%; height: 100%; z-index: 1; position: relative; }

/* Default margin-bottom */
p, ul, ol, table, fieldset, hr { margin-bottom:20px; }

/* Links */
a, a:visited { color: #272c38; text-decoration: underline; }
a:hover { color: #6a5d40; text-decoration: none; }

/* Lists */
ul { margin-left:1em; list-style-type:square; }
ol { margin-left:1.5em; }
.spaced > li { margin-bottom:10px; }

/* Headings */
h1 { margin:0 0 20px; font: 300 28px/32px "nimbus-sans", Arial, sans-serif; }
h2 { margin:0 0 15px; font: 300 24px/28px "nimbus-sans", Arial, sans-serif; }
h3 { margin:0 0 10px; font: 300 22px/26px "nimbus-sans", Arial, sans-serif; }
h4 { margin:0 0 5px;  font:16px/16px sans-serif; }
h5 { margin:0 0 5px;  font:16px/16px sans-serif; }
h6 { margin:0 0 5px;  font:16px/16px sans-serif; }

/* Ruler */
hr { height:0; border:0; border-top:1px solid #666; }

/* Tables */
table { border: none; }
thead { background:#ccc; }
th, td { border: none; vertical-align:top; }
table.horizontal th, table.horizontal td { border: none; }
table.vertical th, table.vertical td { border: none; }
tbody tr:nth-child(odd) { background: none; }

.kamertypes { margin-bottom: 5px; }

.kaart tr { border-bottom: 1px solid #272c38; }
.kaart td { padding: 5px 0; }
.kaart tr:last-child { border-bottom: none; }
.bistro tr:first-child { border-bottom: 1px solid #272c38; font-weight: bold; }
.bistro td { padding: 5px 0; }

/* jQuery UI datepicker */
#ui-datepicker-div {
	z-index:900 !important;
	-webkit-box-shadow:0 2px 20px rgba(0,0,0,0.5);
	   -moz-box-shadow:0 2px 20px rgba(0,0,0,0.5);
	        box-shadow:0 2px 20px rgba(0,0,0,0.5);
}
.ui-datepicker table { border:0; }
.ui-datepicker thead, .ui-datepicker tbody tr { background:none; }

/* Forms */
label, select, input[type="submit"], button, .button { cursor:pointer; }
fieldset { margin:0 0 10px; padding:10px 10px 0; border:1px solid #6a5d40; background-color: #E0D9C8; }
.ie7 fieldset { margin: 0 0 20px; padding: 5px 10px 0; }
fieldset p { margin-bottom:10px; }
legend { font-weight: normal; margin: 0 10px; padding: 0 10px; }
.ie7 legend { margin: -15px 10px 0; }
input { border:1px solid #6a5d40; background-color: #f0f0f0; padding: 2px; }
.label { display:inline-block; vertical-align:top; min-width:160px; }
.error label { background:red; color:#fff; }
.messagebox { padding:20px; color:#fff; }
.messagebox.error { background:red; }
.messagebox.success { background:green; }
.calendar { vertical-align:middle; }
#land_select { width: 314px; }
#kamertype, #betalingsvoorwaarde, #aantal_personen { width: 146px; }

/* Online Reserveren Widget*/
#reserveren { position: absolute; left: 310px; color: #fff; display: block; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 16px; padding: 7px 0 0; }
#reserveren:hover { color: #272c38; }
#book-online-widget { position: absolute; top: 0; left: 310px; z-index: 7; display: none; }
#book-online-widget form { width: 295px; height: 125px; background: #e0d9c8; padding: 7px 0 0 20px; position: absolute; top: 30px; color: #96825b; }
.ie7 #book-online-widget form { height: 150px; }
#book-online-widget hr { height:0; border:0; border-top:1px solid #96825b; margin: 10px 0 7px -20px; }
#book-online-widget label { display: inline-block; min-width: 130px; }
#book-online-widget input { width: 110px; }
#book-online-widget p { margin-bottom: 10px; }
#book-online-widget #book_submit:hover { background: #6a5d40; }

/* Buttons (links and inputs) */
.button, .button:visited, #book_submit {
	position:relative; display:inline-block; margin:0; padding:6px 12px; background:#96825b; border:1px solid #6a5d40;
	font-size:14px; text-transform:uppercase; text-decoration:none; color:#fff;
	-webkit-appearance:none;
}
.ie7 #book-online-widget #book_submit{ background: #6a5d40; border: none; padding: 2px 2px 2px 4px; width: 114px; }
.ie7 .button { display:inline; width:auto; overflow:visible; }
.button:hover, .button:focus { background: #6a5d40; }
.button:active { top:1px; }
.button[disabled] { background:#ccc; cursor:default; }

/* Intro */
.intro { font-size:20px; color:#666; }

/* Blockquote */
.blockquote { border-bottom: 1px solid #272c38; border-top: 1px solid #272c38; color: #272c38; display: block; font-size: 22px; line-height: 30px; padding: 10px 0 14px; text-align: center !important; }


/* Google Maps */
.gmap-infowindow { overflow:hidden; color:#333; }
.gmap-infowindow table tr td, .gmap-infowindow table { background-color: #FFF; border: none !important; padding: 0 10px; }
.gmap-infowindow a { color: #272c38; text-decoration: underline; }
.gmap-infowindow a:hover { color: #6a5d40; text-decoration: none; }

/* LAYOUT
 *************************************************************************************************/
/* Main-wrap */
#main-wrap { width: 1000px; margin: 0 auto 90px; background: #fff url('../images/main-bg.gif') repeat-y; position: relative; z-index: 2;
	-webkit-box-shadow: 0 0 5px 2px #0b0c0b;
	-moz-box-shadow: 0 0 5px 2px #0b0c0b;
	box-shadow: 0 0 5px 2px #0b0c0b;
}
/* Header */
#header-wrap { width: 100%; position: relative;  z-index: 3; background-color: #96825b; height: 30px; }
#header { position:relative; height: 30px; z-index: 4; }

/* Logo */
#logo { margin: 0 0 0 20px; display: block; }
#logo a { text-indent: -9999px; background: url('../images/sprite.png'); background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 5; margin: 0; width: 240px; height: 100px; border: none;
	-webkit-box-shadow: 0 0 5px 2px #0b0c0b;
	-moz-box-shadow: 0 0 5px 2px #0b0c0b;
	box-shadow: 0 0 5px 2px #0b0c0b;
}

/* Navigation (language + main) */
#header .nav {  }

/* Facebook */
#facebook { text-indent: -9999px; background: url('../images/sprite.png') no-repeat; background-position: 0 -110px; display: block; position: relative; z-index: 8; float: right; right: 225px; top: 4px; width: 20px; height: 28px; -webkit-transition: background .35s; -moz-transition: background .35s; transition: background .35s; }
#facebook:hover { background: url('../images/sprite.png') no-repeat; background-position: 0px -140px; }

/* Pop-up */
.popup-link { background: url(../images/sprite.png) -40px -110px no-repeat; display: block; font-size: 0; height: 28px; line-height: 0; position: absolute; right: 185px; top: 4px; transition: background 0.35s; width: 20px; } 
.popup-link:hover { background-position: -40px -140px; }

/* Language navigation */
#nav-lang { position: absolute; right: 50px; top: 5px; z-index: 8; }
#nav-lang ul { }
#nav-lang li { display: inline-block; }
.ie7 #nav-lang li { display: inline }
#nav-lang a { border-left: 1px solid #fff; color: #fff; display: inline-block; font-size: 14px; line-height: 14px; padding: 0 6px 0 6px; text-decoration: none; }
#nav-lang a:hover { color: #272c38; }
.ie7 #nav-lang li { padding: 0 4px 0 4px; }
#nav-lang li:first-child a { border: none; }

/* Slogan */
#slogan { background: #96825b; text-align: center; height: 40px; padding-top: 5px; }
#slogan h2{ font-size: 24px; color: #303645; }
.square { background-color: #303645; display: inline-block; width: 8px; height: 8px; margin: 0 5px 3px; }
.ie7 .square { margin: 0 10px 10px; }

/* Main > Sidebar */
#sidebar { float:left; width:260px; background: #e0d9c8; }

/* Main navigation */
#nav-main { margin:0; list-style:none; position: relative; width: 260px; z-index: 9; float: left; }
#nav-main ul { list-style: none; margin: 25px 0 0 20px; position: relative; left: 0; }
#nav-main li { display: block; border-top: 1px solid #96825b; width: 220px; padding: 5px 0; }
#nav-main li:last-child { border-bottom: 1px solid #96825b; }
#nav-main a { background:url('../images/sprite.png') no-repeat; background-position: 8px -188px; text-decoration: none; display: block; width: 220px; height: 30px; color: #6a5d40; font-size: 18px; padding: 8px 0 8px 30px; }
.ie7 #nav-main a { width: 190px; padding: 8px 0 0 30px; }
#nav-main a:hover, #nav-main .current-menu-item > a { background: #96825b url('../images/sprite.png') no-repeat; background-position: 8px -228px; color: #fff; }
.ie7 #nav-main #nav-main a:hover, .ie7 #nav-main .current-menu-item > a { width: 190px; }

/* First level */
#nav-main > ul > li > a {  }

/* Second level */
#nav-main ul ul { position: absolute; margin: 25px 0 -25px 0; top:-9999px; display: none; }
#nav-main ul ul li { }
#nav-main ul .current-menu-item > ul,
#nav-main ul .current-menu-ancestor > ul { position: relative; left: 0; top: -20px; display: block; z-index: 11; }
#nav-main ul .current-menu-item > ul, #nav-main ul .current-menu-ancestor > ul { visibility: visible !important; display: block !important; }
#nav-main ul ul li a { margin-left: 30px; display: block; width: 190px; }
.ie7 #nav-main ul ul a { width: 160px; }
.ie7 #nav-main ul ul .current-menu-item > a { width: 160px; }
#nav-main ul ul li:last-child { border-bottom: none; }

/*#nav-main li:hover > ul, #nav-main li.sfHover > ul { top:100%; }*/


/* Main content */
#main { position:relative; }

/* Main > Content */
#content { float:right; width:740px; padding: 30px 50px 0 50px; text-align: justify; }
.ie7 #content { width: 640px; }
#content h1 { background: url('../images/sprite.png') no-repeat; background-position: 0 -268px; display: block; width: 100%; border-bottom: 1px solid #272c38; }
#content h1 span.title { margin-left: 25px; }


/* FLEXSLIDER
 *************************************************************************************************/
.flexslider { font-size: 0; line-height: 0; overflow: hidden; position: relative; width: 100%; height: 430px; }
.flexslider ul,
.flexslider li { margin: 0; padding: 0; list-style: none; }
.flexslider .slides { float:left; margin:0; width: 100%; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > li:first-child { display: block; }
.flexslider .slides > li > img { display: block; height: auto; width: 100%; }
.flex-direction-nav { height: 24px; width: 50px; font-size: 0; line-height: 0; padding: 1px; margin: 0 0 0; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 2; background-color: rgba(150,130,91,0.65); }
.flex-direction-nav li { display: block; height: 20px; width: 20px; }
.flex-direction-nav a {  }
.flex-direction-nav a:hover { background-color: #96825b; }
.flex-direction-nav .flex-prev { background: url(../images/sprite.png) 1px -366px no-repeat; display: block; height: 20px; position: absolute; text-indent: -9999px; top: 2px; width: 20px; left: 2px; bottom: 0; }
.hover > .flex-direction-nav .flex-prev { }
.flex-direction-nav .flex-next { background: url(../images/sprite.png) -1px -340px no-repeat; display: block; height: 20px; position: absolute; text-indent: -9999px; top: 2px; width: 20px; right: 2px;}
.hover > .flex-direction-nav .flex-next {  }


/* ngg galery  and Fancybox*/
.ngg-galleryoverview { font-size: 0; line-height; margin: 0; padding: 10px 0; width: 100%; }
.ngg-gallery-thumbnail-box { float: left; margin: 0 2% 20px; text-align: center; width: 29%;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;	
}
.ngg-gallery-thumbnail a { position: relative;}
.ngg-gallery-thumbnail a:hover:after { bottom: 4px; }
.ngg-gallery-thumbnail img { border: 1px solid #96825b; height: auto !important; max-height: 190px; max-width: 190px; padding: 7px; position: relative; width: 100% !important; z-index: 2;
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
            transition: all .35s;
}
.ngg-gallery-thumbnail a:hover img { background: #e0d9c8; border: 1px solid #eee; } 
.ngg-clear { clear: both; }

/* Footer */
#footer-wrap { margin-top: 10px; }
.ie7 #footer-wrap { position: absolute; bottom: 0; width: 100%; }
#footer { position:relative; margin:0 auto; width:100%; height: 40px; background-color: #96825b; padding-top: 10px; }
.ie7 #footer { height: 30px; }
#footer a { color: #fff; }
#footer a:hover, #footer a:focus { color:orange; }
#prestige { color: #FFF; float:right; margin-top: 10px; }
.ie7 #prestige { display: block; clear: both; }
#prestige a { color: #FFF; font-size: 14px; text-decoration: none; }
#prestige a:hover { text-decoration: underline; }

/* hcard */
.vcard { color: #e0d9c8; display: block; margin: 0 auto; text-align: center; }
.adr .region, .adr .country-name, .tel .type, .url.fn.n { display: none; }
.email { text-decoration: none; color: #e0d9c8 !important; }
.email:hover { color: #FFF !important; }

/* SPECIFIC PAGES AND PAGE TEMPLATES
 *************************************************************************************************/
/* Page template: full width */
.page-template-fullwidth-php #content { float:none; width:auto; }

/* Contact page */
#map { height:400px; }

/* Content images */
img.size-pagewidth{ width:100%; height:auto;}


/* PRINT STYLES
 *************************************************************************************************/
@media print {

	* {
		background:transparent !important; border-color:#ccc !important; color:#000 !important; text-shadow:none !important;
		-webkit-box-shadow:none !important;
		   -moz-box-shadow:none !important;
		        box-shadow:none !important;
	}
	img { max-width:100% !important; }
	h2, h3 { page-break-after:avoid; }
	tr, img { page-break-inside:avoid; }

	/* Stuff to hide */
	.dont-print, #nav-main, #prestige { display:none; }

}