body { margin: 0; padding: 0; background: url(../images/weerd-bg.jpg); font-family: Arial, Helvetica, sans-serif; }
body#bruishuis { background: url(../images/bruishuis-bg.jpg); }
#wrapper { max-width: 960px; margin: 0 auto; }
#header { float: left; width: 100%; margin: 0 0 20px 0; position: relative; }
#location { position: absolute; top: 330px; right: 20px; list-style: none; margin: 0; padding: 0; z-index: 3000; }
#location li { float: left; margin: 0; padding: 0; position: relative; }
#location li a:link, #location li a:visited { padding: 10px 30px 6px 14px; height: 20px; float: left; font-size: 11px; font-weight: bold; line-height: 16px; color: #fff; text-decoration: none; background: url(../images/location-bg.png) right center; width: 140px; }
#location li a:hover, #location li a:active, #location li.here a, #location li.open a, #location li.parent-here a { background: url(../images/location-bg2.png) right center; text-decoration: none; }
#location li ul { display: none; position: absolute; top: 36px; list-style: none; z-index: 3000; right: 0px; background: #333; border-bottom: 4px solid #111; margin: 0; padding: 0; }
#location li ul li { float: left; margin: 0; padding: 0; }
#location li ul li a:link, #location li ul li a:visited { color: #fff; text-decoration: none; background: none;  padding: 10px 14px 0 14px; height: 26px; width: 156px; margin: 0; border: none; white-space: nowrap; }
#location li ul li a:hover, #location li ul li a:active, #location li ul li.here a { background: #555; color: #fff; text-decoration: none !important; border: none; }

#logo { position: absolute; top: 20px; left: 20px; width: 321px; height: 182px; text-indent: -9999px; }
#nav { position: absolute; bottom: 0px; left: 0px; width: 100%; margin: 0 0 0 0; padding: 0; list-style: none; background: url(../images/nav-bg.png); }
#nav li { float: left; font-size: 11px; }
#nav li a:link, #nav li a:visited { width: 96px; color: #fff; text-decoration: none; height: 22px; float: left; text-align: center; font-weight: bold; padding: 10px 0 0 0; background: url(../images/nav-line.png) top right no-repeat; }
ul.extra-margin li a { width: 112px !important; }
#nav li a:hover, #nav li a:active, #nav li.here a, #nav li.parent-here a { background: url(../images/nav-line.png) top right no-repeat #000; color: #fff; text-decoration: none; }
#nav li.last a:link, #nav li.last a:visited { background: none; }
#nav li.last a:hover, #nav li.last a:active { background: #000; }
.module .btn:link, .module .btn:visited { width: 50%; text-align: center; background: #eee; padding: 8px 0 0 0; height: 20px; font-weight: bold; font-size: 11px; text-decoration: none !important; }
.module .btn:hover, .module .btn:active, .module .active-btn { background: #000 !important; color: #fff !important; text-decoration: none !important; }
.module .btn-l { float: left; margin: -10px 0 5px -10px; }
.module .btn-r { float: right; margin: -10px -10px 5px 0; }
.module img { max-width: 100%; height: auto !important; }

.module h1, .module h2 { color: #000; font-size: 26px; line-height: 32px; margin: 0 0 15px 0; padding: 0; }
.module h1 span { float: right; font-size: 12px; font-weight: normal; color:#090; }
.module h3, #sidebar2 h3 { color: #000; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; padding: 0; }
a.locations { float: right; margin-top: 3px; width: 14px; height: 14px; background-image: url(../images/locaties.gif); background-position: bottom left; }
a.active { background-position: top left !important; }
#other { display: block; }
select option[disabled] { display: none; }
.module table { border: none; }
.module table td, .module table th { padding: 3px; border-bottom: 1px solid #ddd; }
.module form#book table td, .module form#book table th, .module .form-table td { border-bottom: none !important; padding: 0px 0px 10px 0px; }
.module .form-table img { float: left; margin: 10px 0 0 0; }
.field, textarea { width: 200px; border: 1px solid #ccc; padding: 2px; font-size: 12px; }
.color .field { border: 1px solid #9E8C82; }
label.error { display: none !important; }
input.error { border: 1px dotted #ff0000; background: #FFEFBF; }
.aanvang select { float: left; }
.aanvang label.error { font-size: 10px; float: left; margin: 0 0 0 10px; color: #F00; font-weight: bold; display: block !important; }
textarea { height: 75px; width: 300px; }
.module table h3 { font-size: 12px; margin: 0; }
table img { margin: 0 auto; display: block; }
table#overview { border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
table#overview td, table#overview th { border-left: 1px solid #ddd; padding: 5px 5px; }
.module p, .module table { font-size: 12px; line-height: 18px; color: #545454; margin: 0 0 15px 0; }
#content { float: left; width: 620px; margin: 0 20px 0 0; }
#sidebar { float: left; width: 320px; }
.home #content { width: 470px; }
.home #sidebar { width: 470px; }
#content .steps { width: 100%; }
#content .steps span, #content .steps a { float: left; width: 25%; font-size: 12px; text-align: center; background: #eee; height: 21px; padding-top: 9px; }
#content .steps span.active { background: #fff; font-weight: bold; }
#content .steps a:link, #content .steps a:visited { color: #000; text-decoration: none; }
#content .steps a:hover, #content .steps a:active { color: #000; text-decoration: underline; }
#content .module, #sidebar .module { background: #fff; padding: 20px 20px 5px 20px; float: left; margin: 0 0 20px 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); }
#content .color, #sidebar .color { background: #CAB4A9 !important; }
#content .module img.full, #content .module iframe { width: calc(100% + 40px); margin: -20px 0 -5px -20px; }
#sidebar .module img.full, #sidebar .module iframe { width: calc(100% + 40px); margin: -20px 0 -5px -20px; }
#sidebar .module iframe.twitter-timeline, #content .module iframe.twitter-timeline { margin: 0 0 15px 0 !important; float: left; }
.module p iframe { margin-bottom: -20px !important; }
.home #content .module img.full, .home #sidebar .module img.full, .home .module iframe { width: calc(100% + 40px) !important; }
.res-logo { margin-bottom: 20px; }
.module a:link, .module a:visited { color: #545454; text-decoration: underline; }
.module a:hover, .module a:active { color: #545454; text-decoration: underline; }
.module ul { list-style: square; margin: 0 0 15px 17px; padding: 0; font-size: 12px; line-height: 18px; color: #545454; }
table.partners p, table.partners img { margin-top: 15px; margin-bottom: 15px; }
div.ui-tooltip { width: 480px !important; height: 184px !important; background: #EEEDEB !important; font-family: Arial, Helvetica, sans-serif !important; }
.ui-tooltip h5 { font-size: 16px; color: #43291D; margin: 0 0 10px 0; padding: 0; }
.ui-tooltip img { float: right; margin: -16px -16px -16px 20px; }
.ui-tooltip p { margin: 0 0 10px 0; padding: 0; line-height: 21px !important; color: #43281D !important; }
.ui-tooltip ul { margin: 0 0 0 17px; padding: 0; line-height: 21px !important; color: #43281D !important; }
a.tooltip:link, a.tooltip:visited { text-decoration: none; }
a.tooltip:hover, a.tooltip:active { text-decoration: underline; }
a img { border: none !important; }
ul#bignav { float: left; margin: -20px 0 20px 0; padding: 0; list-style: none; }
ul#bignav li { float: left; width: 320px; }
ul#bignav li a:link, ul#bignav li a:visited { float: left; width: 199px; padding: 50px 0 0 120px; background: url(../images/geniet-small.png) center left no-repeat #222; height: 30px; color: #fff; text-decoration: none; font-size: 14px; border-right: 1px solid #666; }
ul#bignav li a:hover, ul#bignav li a:active { background: url(../images/geniet-small.png) center left no-repeat #444; color: #fff; text-decoration: none; }
ul#bignav li.last a { border-right: none; width: 200px; }

/* SLIDER */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; position: absolute; top: 20px; right: 20px; }
ol.bjqs-markers li{ float: left; width: 13px; height: 13px; margin: 0 0 0 8px;}
ol.bjqs-markers li a{ text-indent: -9999px; width: 13px; height: 13px; float: left; background-image: url(../images/slide-marker.png); background-position: top left; }
ol.bjqs-markers li.active-marker a{ background-position: bottom left; }
.bjqs img { float: left !important; width: 100% !important; height: auto !important; }

/* PROFIEL */
.module .booking { border: 1px solid #eee; padding: 10px 10px 0 10px; position: relative; margin: 0 0 10px 0; }
.module .booking table td, .module .booking table th { border-bottom: none !important; text-align: left; vertical-align: top; }
.module .booking h3 { background: #eee; width: 558px; font-size: 12px; margin: -10px 0 10px -10px; padding: 2px 10px; }
.module .booking .total { position: absolute; top: 36px; right: 10px; background: #eee; font-size: 12px; padding: 10px; line-height: 18px; }
.module .booking .total label { width: 150px; display: inline-block; font-weight: bold; }
.pagination a:link, .pagination a:visited { float: left; padding: 2px 5px; background: #eee; margin: 0 5px 0 0; text-decoration: none; }
.pagination a:hover, .pagination a:active { background: #777; color: #fff; text-decoration: none; }
.pagination strong { float: left; background: #777; padding: 2px 7px; font-weight: normal; margin: 0 5px 0 0; color: #fff; }
.module a.edit:link, .module a.edit:visited { float: right; margin-top: -42px; font-size: 13px; border: 1px solid #eee; padding: 5px 10px; text-decoration: none; }
.module a.edit:hover, .module a.edit:active { background: #eee; text-decoration: none; }
#voor label.error, #toestemming label.error {
    font-size: 10px;
    color: #F00;
    display: block !important;
	clear: both;
	float: left;
}
.info-icon { height: 11px; width: 11px; float: left; margin-right: 5px; margin-top: 3px; }
#sidebar2 { background: url(../images/sidebar2.jpg) no-repeat top center; padding: 20px; float: right; text-align: center; font-size: 12px; font-weight: bold; color: #666; }
#sidebar2 img { width: 280px !important; }
#sidebar2 a.btn:link, #sidebar2 a.btn:visited { background: #68AF22; color: #fff; text-decoration: none; padding: 7px 12px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size: 14px; font-weight: bold; }
#sidebar2 a.btn:hover, #sidebar2 a.btn:active { background: #004093; color: #fff; }


/* Tablet */
@media screen and (max-width: 960px) {
	.wrapper, #header { width: 100%; }
	/*.bjqs, .bjqs li { width: 100% !important; height: auto !important; overflow: visible !important; }
	.bjqs img { float: left !important; width: 100% !important; height: 300px !important; }*/
	#header img { width: 100%; }
	#content { float: left; width: calc(70% - 20px); margin: 0 20px 0 0; }
	#sidebar { float: left; width: 30%; }
	.home #content { width: calc(50% - 20px); }
	.home #sidebar { width: 50%; }
	#location { top: 20px; }
	#nav li a { width: 100% !important; }
	#nav li { width: 20%; float: left; border-bottom: 1px dashed #fff; }
	#nav { width: 100%; }
	#nav li:nth-child(5n) a { background-image: none; }
	#nav li:last-child a { border-right: 1px dashed #fff; }
	.module { overflow-x: auto; width: calc(100% - 40px) }
	.module iframe { width: calc(100% + 40px) !important;}
	#content .steps span, #content .steps a { width: 50%; }
}
/* Mobile */
@media screen and (max-width: 720px) {
	#sidebar { clear: left !important; float: left; }
	#location { display: none; }
	#nav { float: left; position: relative; background: rgba(0,0,0,0.5); margin-top: 0; margin-bottom: 0; }
	#nav li { width: 50%; border-bottom: none; }
	#nav li a { background-image: none !important; }
	#nav li:last-child a { border-right: none; }
	#nav li:nth-child(1n) a { border-right: 1px solid #999; }
	#nav li:nth-child(2n) a { background-image: none; }
	#nav li:nth-child(5n) a { background-image: url(../images/nav-line.png); }
	#header img { }
	#content { width: 100% !important; margin: 0; }
	#sidebar { width: 100% !important; }
	#logo { width: 40%; height: 140px;}
	.mobile-wide { width: 180px !important; }
}