* {font-size: 100.01%;}
html{
	font-size: 11px;
	height: 100%;
}
body {
	font:1.1em/19px Arial, Helvetica, sans-serif;/* base font 11px */
	margin:0;
	background:#e5e5e5;
	color:#333;
	height: 100%;
}
a {
	text-decoration:none;
	color:#929292;
}
a:hover {text-decoration: underline;}

img {border-style: none;}

form {
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper start */
#wrapper{
	width:880px;
	padding:0 20px 0;
	background:#fff url(../images/bg-wrapper.gif) repeat-x;
	min-height: 100%;
	margin:0 auto;
	position: relative;
}
* html #wrapper{
	height: 100%;
	overflow:visible;
}
/* holder start */
#holder{
	width: 100%;
	overflow: hidden;
	padding: 556px 0 163px;
}
body.novisual #holder {
	padding-top: 229px;
}
#holder.hassubnav {
	padding-top: 587px;
}
body.novisual #holder.hassubnav {
	padding-top: 260px;
}
/* header start */
#header{
	width:880px;
	height:546px;
	overflow: hidden;
	position: absolute;
	left:20px;
	top: 0;
	background:url(../images/bg-header2.gif) repeat-x;
	z-index: 10;
	overflow: visible;
}
body.novisual #header {
	height: 221px;
}
#holder.hassubnav #header {
	height: 577px;
	background: url(../images/bg-header.gif) repeat-x;
}
body.novisual #holder.hassubnav #header {
	height: 252px;
}
.logo{
	margin: 0;
	text-indent: -9999px;
	position: absolute;
	left:20px;
	top:31px;
	width:107px;
	z-index: 100;
}
.logo a{
	width:107px;
	height:120px;
	display: block;
	overflow: hidden;
	background:url(../images/bg-logo.gif) no-repeat;
	position: relative;
}
.head-form{
	width:451px;
	height:160px;
	padding:20px 0 0 429px;
}
.head-form strong{
	color: #666;
	display: block;
	font-size:1.084em;
	padding: 0 0 8px;
}
#hotelofarrangement {
	border: 0;
	background: url(../images/bg-input.gif) no-repeat;
	height: 14px;
	width: 327px;
	padding:  2px 5px;	
}
.row{
	width: 100%;
	padding: 0 0 25px;
	font-size:0.9em;
}
.row-small-margin label {
	font-weight: bold;	
	color: #5e4d6f;
}
.row-float {
	float: right;	
}
.row-small-margin {
	width: 100%;
	padding: 5px 0 10px;
	font-size:0.9em;
	border-top: 1px solid #f2f2f2;
	margin-top: 5px;
}
.head-form select {
	width:158px;
	float: left;
	margin: 0;
	color: #666;
	line-height:12px;
}
.head-form .right{
	float: left;
	margin-left: 20px;
}
#formreserv1 .submit,
#formreserv2 .submit,
#formreserv3 .submit,
.head-form .submit,
.form-email .submit {
	background: url(../images/btn-go-1.gif) 0px 0px no-repeat;
	border: 0;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 12px;

	display: block;
	height: 18px;
	width: 94px;
}
.head-form .submit {
	background: url(../images/btn-zoeken-1.jpg) 0px 0px no-repeat;
	float: right;
}
#formreserv1 .submit,
#formreserv2 .submit{
	background: url(../images/btn-volgende-1.gif) 0px 0px no-repeat;
	width: 115px;
}
#formreserv3 .submit{
	background: url(../images/btn-bevestigen-1.gif) 0px 0px no-repeat;
	width: 115px;
}

#formreserv1 .submit:hover,
#formreserv2 .submit:hover,
#formreserv3 .submit:hover,
.head-form .submit:hover,
.form-email .submit:hover {
	background-position: 0 -18px;
}

/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
styled select-boxes
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#333;
	width:155px;
	background:#fff;
	position:absolute;
	border:1px solid #ccc;
	top:18px; left:0;
	overflow:auto;
	overflow-x: hidden;
	z-index:9999;
}
.newListSelected {
	width:150px;
	color:#333;
	height:18px;
	padding: 0px 0 0 8px;
	float:left;
	background:url('../images/bg-select.gif') no-repeat;
}
.newListSelected span { width:152px; display:block; }
ul.newList li a { padding:3px 7px; display: block; }
ul.newList li a:focus {-moz-outline-style: none; }
.selectedTxt { width:152px; overflow:hidden; height:16px; padding: 0; }
.hiLite {background:#e5e5e5!important; color:#333!important;}
.hiLite a {background:#e5e5e5!important; color:#333!important;}
.newListHover {background:#ccc!important; color:#333!important; cursor:default;}
.newListSelHover, .newListSelFocus { cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/* navigation start */
.nav-box{
	width:880px;
	overflow: hidden;
	background:url(../images/bg-nav-box.gif) no-repeat 100% 0;
	padding: 0 0 1px;
}
.nav{
	margin: 0;
	padding: 6px 0 0;
	list-style: none;
	text-transform: uppercase;
	font-size:13px;
	float: left;
}
.nav li{
	float: left;
	background:url(../images/separator-01.gif) no-repeat 0 3px;
	padding:0 22px 0 21px;
	margin: 0 0 0 -2px;
}
.nav li a{
	float: left;
	color: #fff;
	height: 25px;
}
.nav li a:hover { text-decoration: underline;}
.nav li.active a {
	font-weight: bold;
	background: url('../images/subnav-active.gif') no-repeat center bottom;
}
#subnav {
	width: 100%;
	margin-top: 1px;
}
#subnav li {
	float: left;
	background:url(../images/separator-03.gif) no-repeat 0 3px;
}
#subnav li a {
	color: #472d61;
}
#subnav li.active a {
	background-image: none;
}
.size{
	margin: 0;
	padding:7px 8px 0 0;
	list-style: none;
	float: right;
}
.size li{
	float: left;
}
.size li a{
	color: #fff;
	float: left;
	padding: 0 4px;
	height:15px;
	overflow: hidden;
}
.size li a:hover,
.size li.active a{
	background:#5c4d6a;
	text-decoration: none;
}
.size li a.f11{
	font-size:11px;
	line-height:17px;
}
.size li a.f13{
	font-size:13px;
	line-height:15px;
}
.size li a.f16{
	font-size:16px;
	line-height: 14px;
}
/* visual start */
.visual{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.visual img{display: block;}
.visual-overlay {
	position: absolute;
	top: 38px;
	left: 20px;

	margin: 0;
	padding: 0;
}
.visual-overlay img {
	border: 0;
}
.visual-overlay a {
	border: 1px solid white;
	display: block;
}
.visual-overlay li {
	list-style-type: none;
 	margin-bottom: 30px;
}
/* content start */
#content{
	width: 100%;
	overflow: hidden;
}
#content p{
	line-height: 1.5em;
}
/* welcome box start */
.welcome-box{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 21px;
	margin: 0 0 10px;
}
.welcome-box .scrollerwrapper {
	background: #e5e5e5;
	width: 100%;
	height: 100px;
	padding: 20px 30px 15px;
	margin-bottom: 25px;
}
.prev-arrow,
.next-arrow,
.scroller {
	float: left;
}
.welcome-box ul{
	margin: 0;
	padding: 20px 28px 15px;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.welcome-box ul li{
	float: left;
	padding: 0 25px 0 0;
}
.welcome-box ul li img{
	display: block;
	border: 1px solid #686863;
}
.welcome-box ul li span{
	display: block;
	text-transform: uppercase;
	color: #666;
	font-size:1.084em;
	font-weight: bold;
	padding: 4px 0 0;
}
.welcome-box .rating {
	margin-bottom: 10px;
}
.welcome-box .rating span{
	margin-left: 5px;
	font-size:1.084em;
	font-weight: bold;
}
.next-arrow,
.prev-arrow {
	width:15px;
	height:30px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
	background-position: -15px 0;
}
.next-arrow{
	background-image: url(../images/next-arrow.gif);
	margin:52px 0 0 0;
}
.prev-arrow{
	background-image: url(../images/prev-arrow.gif);
	margin: 52px 25px 0 0;
}
.next-arrow:hover,
.prev-arrow:hover {
	background-position: 0 0;
}
.welcome-box h1,
.popular-box h3,
.popular-box h4 {
	margin: 0 0 12px;
	color: #333;
	font-size:1.334em;
	font-weight: bold;
}
.popular-box h3 .price {
	float: right;
	padding-left: 15px;
}
.subh {
	margin-bottom: 3px !important;
	font-weight: normal !important;
	color:#929292 !important;
}

.popular-box h4 {
	font-size: 1.15em;
	margin: 0;
}

.popular-box ul {
	padding-left: 18px;
	margin-left: 0;
	list-style-color: grey;
}
.popular-box table {
	border-collapse:collapse;
	margin-left: 1px;
}
.welcome-box p{
	margin: 0 10px 10px 0;
}

.packagetitle {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	margin-bottom: 18px;
}
.packagetitle .reserveren {
	background: url('../images/reserveren.gif') 0px 0px no-repeat;
	border: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 19px;
	width: 132px;

	float: right;
}
.packagetitle .reserveren:hover {
	background-position: 0 -19px;
}

.tagbox {
	padding-top: 18px;
	margin-top: 30px;
}

.tagbox,
.tagbox a {
	color: #ac7632;
	font-size: 13px;
	font-weight: bold;
}

/* secondaty content start */
.secondary-content{
	height:1%;
	overflow: hidden;
	background:url(../images/bg-secondary-content.gif) repeat-y;
	margin: 0 0 19px;

	position: relative;
}
.secondary-content-split{
	height:1%;
	overflow: hidden;
	background:url(../images/bg-secondary-content.gif) repeat-y -200px 0;
	margin: 0 0 0;
	height: 280px;
	position: relative;
}
.secondary-content-split.last {
	margin: 0 0 19px;	
}
/* popular box start */
.popular-box{
	width:596px;
	float: left;
	overflow: hidden;
}
.popular-box h1,
.popular-box h2{
	margin: 0 0 16px;
	color: #fff;
	background:url(../images/bg-popular-h2.gif) repeat-x;
	font-size:1.334em;
	line-height:32px;
	padding: 0 0 0 8px;
}
.popular{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 15px;
	margin: 0 0 12px;
	float: left;
}
.popular.last-b{
	border: none;
	margin: 0;
	padding: 0;
}
.popular img{
	float: left;
	border: 1px solid #636363;
	margin: 3px 20px 0 0;
	overflow: hidden;
}
.poular-info{
	float: left;
	width:400px;
	overflow: hidden;
}
.poular-info h3{
	margin: 0 0 9px;
	color: #b5792d;
	line-height:18px;
	font-size:1.334em;
}
.poular-info h3 span{
	display: block;
	letter-spacing:-1px;
	font-weight: normal;
	color:#929292;
}
.poular-info h3 a{
	color: #b5792d;
}
.poular-info h3 a:hover span{
	text-decoration: underline;
}
.poular-info p{
	margin: 0;
	line-height:15px;
	word-spacing:-1px;
}
.popular-box-split {
	float: left;
	width: 440px;	
	height: 89%;
}
.popular-box-split .popular {
	width: 400px !important;
	height: 100%;	
}
.popular-box-split .popular .poular-info {
	width: 215px !important;	
}
.popular-box-split .popular .poular-info .price {
	margin-top: 10px;
}
/* news box start */
.news-box{
	width:244px;
	padding-bottom: 150px;
	float: right;
	overflow: hidden;
}
.news-box h2{
	margin: 0 0 14px;
	color: #fff;
	background:url(../images/bg-news-box-h2.gif) repeat-x;
	font-size:1.334em;
	line-height:32px;
	padding: 0 0 0 10px;
}
.news-box ul.facilities {
	padding-left: 18px;
	margin-left: 0;
}
.news{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 4px;
	margin: 0 0 9px;
}
.news img {
	margin-bottom: 8px;
	margin-top: 12px;
	border: 1px solid #686863;
}
.news.last{
	border:none;
	margin-bottom:16px;
}
.news strong{
	display: block;
	color: #666;
	font-size:1.084em;
	padding: 0 0 8px;
}
.news strong a{
	color: #666;
}
.news p{
	margin: 0 30px 8px 0;
	line-height:13px;
	word-spacing:1px;
	font-size:0.917em;
}
/* contact start */
.contact{
	position: absolute;
	bottom: 0;

	overflow: hidden;
	background:url(../images/bg-contact.gif) repeat-x;
	padding:15px 0 17px 19px;
	color: #fff;
	line-height:17px;
	font-size:1.084em;
	width: 100%;
}
.contact ul{
	margin: 0;
	padding: 0 0 14px;
	list-style: none;
	letter-spacing:1px;
}
.contact ul li address{
	font-style:normal;
}
.contact dl{
	margin: 0;
	font-weight: bold;
}
.contact dl dt{
	float: left;
	width:65px;
}
.contact dl dd{
	width:200px;
	margin: 0;
}
.contact dl dd a{
	color: #fff;
}
/* breadcrumbs start */
.breadrcumbs{
	margin: 0 0 0 -4px;
	padding:10px 0 14px;
	overflow: hidden;
	list-style: none;
	width: 100%;
	border-top: 1px solid #b2b2b2;
	color: #7f7f7f;
	font-size:0.917em;
}
.breadrcumbs li{
	float: left;
	background:url(../images/bullet-01.gif) no-repeat 0 7px;
	padding: 0 15px 0 10px;
	margin: 0 0 0 -6px;
}
.breadrcumbs li a{color: #7f7f7f;}
/* footer start */
#footer{
	width:920px;
	height:163px;
	background:url(../images/bg-footer.gif) repeat-x;
	overflow: hidden;
	margin: -163px auto 0;
	position: relative;
}
.main-nav{
	margin: 0 0 0 7px;
	padding:25px 0 52px;
	list-style: none;
	overflow: hidden;
	width: 100%;
	font-size:0.917em;
}
.main-nav li{
	float: left;
	background:url(../images/separator-02.gif) no-repeat 0 6px;
	padding: 0 14px 0 15px;
	margin: 0 0 0 -1px;
}
.social-nav{
	margin: 0;
	padding: 0 0 0 21px;
	list-style: none;
}
.social-nav li{
	padding: 0 12px 0 0;
	float: left;
}
.social-nav li a {
 	float: left;
	text-indent: -9999px;
    overflow: hidden;
    width: 22px;
    height: 22px;
}
.social-nav li a:hover {
	background-position: 0 -22px;
}
.social-nav li a.twitter  { background-image: url('../images/ico-twitter.gif'); width: 25px; }
.social-nav li a.facebook { background-image: url('../images/ico-facebook.gif'); }
.social-nav li a.linkedin { background-image: url('../images/ico-linkedin.gif'); }
.form-email{
	width:200px;
	overflow: hidden;
	position: absolute;
	right:106px;
	top:25px;
	font-size:0.917em;
}
.form-email label{
	display: block;
	padding: 0 0 6px;
	color: #8f8f8f;
}
.w-text-form{
	width:135px;
	background:url(../images/bg-w-text-1.gif) no-repeat;
	padding: 0 10px 0 13px;
	height:25px;
	overflow: hidden;
}
.text-form{
	width:135px;
	margin: 0;
	border: none;
	background: none;
	padding:2px 0 3px;
	color: #858585;
}
.aantal-arrang{
	color: #333;
	font-size:1.15em;
}

.KT_tngtable td {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	vertical-align: top;
}
.datepicker {
	margin-right: 5px;
	vertical-align: bottom;
}
#stap1,
#stap2,
#stap3 {
	font-size:0.917em;
	font-weight:normal;
}

div.question {
padding: 1em;
}
div.errorMessage {
display: none;
}
div.showErrorMessage {
display: block;
color: #f00;
font-weight: bold;
font-style: italic;
}
label.error { float: left; color: red; width:275px; font-style: italic; vertical-align: top; clear: both;}
/* calendar */
.head div {
	background: #6a5083;
	border-top: 1px solid #412c55;
	border-left: 1px solid #412c55;
	border-bottom: 1px solid #8e71a9;
	border-right: 1px solid #8e71a9;
	float: left;	
	padding: 5px 0;
	text-align: center;
}
.clear { clear: both; border: none !important; }
.previous-month, .next-month {
	width: 30px;
	cursor: pointer;
	color: #ffffff;
}
.month {
	width: 178px;
	color: #ffffff;	
}
.days div {
	float: left;
	padding: 5px 0;
	width: 33.8px;
	text-align: center;	
}
.days .passed {
	background: #f2f2f2;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-bottom: 1px solid #fefefe;
	border-rigth: 1px solid #fefefe;
	color: #cdcdcd;	
}
.days .available, .legenda .available {
	background: #608552;
	border-top: 1px solid #405d35;
	border-left: 1px solid #405d35;
	border-bottom: 1px solid #89af7a;
	border-rigth: 1px solid #89af7a;
	color: #304a25;	
	cursor: pointer;
}
.days .ondemand, .legenda .ondemand {
	background: #db9b35;
	border-top: 1px solid #ae7720;
	border-left: 1px solid #ae7720;
	border-bottom: 1px solid #e9b056;
	border-rigth: 1px solid #e9b056;
	color: #83560e;	
	cursor: pointer;
}
.days .nonbookable, .legenda .nonbookable {
	background: #aa4f46;
	border-top: 1px solid #85342c;
	border-left: 1px solid #85342c;
	border-bottom: 1px solid #d36f64;
	border-rigth: 1px solid #d36f64;
	color: #5b1a13;	
}
.legenda {
	margin: 10px 0;	
}
.legenda div {
	padding: 5px 0;
	float: left;
	margin-right: 5px;	
	font-size: 10px;
	cursor: default !important;
	text-align:center;
}
.legenda .available { width: 65px !important; }
.legenda .ondemand { width: 70px !important; }
.legenda .nonbookable { width: 96px !important; margin-right: 0px !important; text-align:center; }
.poular-info h3 span.grey { display:inline !important; }
