/*--- Gebruikte kleuren: 

	#ffffff
	#0f0f0f
	#595959
	#959595
	#fafafa
	
	DEFAULT: 	#eaeaea :hover #dadada
	PRIMARY: 	#00A2BB (0, 162, 187) :hover #088A9E
	SUCCESS:	#95cb0a :hover #81AD11
	INFO:		#164c7a :hover #0B3961
	WARNING:	#fc8301 :hover #D8770E
	DANGER:		#dc4409 :hover #BF4313
	
	transparent

*/

/*--- BACKGROUND COLORS ---*/

	.bg-white		{background-color: #ffffff !important;}
	.bg-light		{background-color: #fafafa !important;}
	.bg-grey		{background-color: #eaeaea !important;}
	.bg-darkgrey	{background-color: #959595 !important;}
	.bg-dark		{background-color: #595959 !important;}
	.bg-default		{background-color: #0f0f0f !important;}
	.bg-primary		{background-color: #00A2BB !important;}
	.bg-success		{background-color: #95cb0a !important;}
	.bg-info		{background-color: #164c7a !important;}
	.bg-warning		{background-color: #fc8301 !important;}
	.bg-danger		{background-color: #dc4409 !important;}


	body{
		
		min-height: 100%;
		 -webkit-background-size: cover !important;
		  -moz-background-size: cover !important;
		  -o-background-size: cover !important;
		  background-size: cover !important;
		background-attachment: fixed !important;
		background-repeat: no-repeat;
		background-position: top;
		color: #fff;
		}
	
	#fixed-bckgrnd {
		
		height: 100%;
		width: 100%;
		top:0;
		left:0;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center center; 
		position: fixed;
		z-index: -1;
		}
	/*.test{
		background-position: center bottom;
		background-image: url(../images/kohsamui18.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		width: 100%;
		height:100%;
	    background-position: center center;
	}
	.test2{
		background-position: center bottom;
		background-image:  url(../images/kohsamui.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		width: 100%;
		height:100%;
	    background-position: center center;
	}*/
	.header					{
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%);
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%); /* FF3.6-15 */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9*/
		padding-bottom: 100px;
		position: fixed;
		z-index:100;
		width: 100%;
		top: 0;
	}
	.f-nav {
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%);
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%); /* FF3.6-15 */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.76) 0%,rgba(0, 0, 0, 0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9*/
		padding-bottom: 100px;
		position: fixed;
		z-index:100;
		width: 100%;
		top: 0;
		}
	
	.header-top	{background-color: rgb(8, 8, 8);}
	
	#mainNav > ul > li.active > a,
	#mainNav > ul > li > a:active,
	#mainNav > ul > li > a:focus,
	#mainNav > ul > li > a:hover,
	#mainNav > ul > li > a			{background-color: transparent;}
	#mainNav > ul > li + li:after	{background-color: #164c7a;}
	
	@media (max-width: 769px) {
		.navbar-collapse			{background-color: #fafafa;}
		#mainNav > ul > li > a			{background-color: #fafafa;}
		#mainNav > ul > li > a:active,
		#mainNav > ul > li > a:focus,
		#mainNav > ul > li > a:hover	{background-color: #eaeaea;}
		#mainNav > ul > li.active > a	{background-color: #ffffff;}
	}
	
	#topNav > ul > li.active > a,
	#topNav > ul > li > a:active,
	#topNav > ul > li > a:focus,
	#topNav > ul > li > a:hover,
	#topNav > ul > li > a			{background-color: transparent;}
	#topNav > ul > li + li:after		{background-color: #ffffff;}
	
	.searchblock					{background-color: rgba(0,0,0,0.3);}
	.searchblock .searchAlert .alert	{background-color: rgba(0,0,0,0.7);}
	 
	.ui-widget-header .ui-state-active,
	.ui-state-hover, .ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, .ui-state-focus, 
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header .ui-state-focus,
	.ui-state-active, .ui-widget-content .ui-state-active	{background-color: rgba(0, 162, 187, 0.5);}
	.content {
		background-color: rgba(13, 9, 9, 0.75);
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
		background-size: 2px 3px;
	}
	
	
	
	#woningen .woning .woningInfo .woningOption + .woningOption:before	{background-color: #959595;}
	
	.topfooter	{background-color: rgba(10, 10, 10, 0.93);}
	.topfooter .nav > li > a,
	.topfooter .nav > li.active > a,
	.topfooter .nav > li > a:active,
	.topfooter .nav > li > a:focus,
	.topfooter .nav > li > a:hover		{background-color: transparent;}
	.footer		{background-color:rgba(0, 0, 0, 1);}
	
/*--- TEXT COLORS ---*/

	.text-white *,
	.text-white		{color: #ffffff !important;}
	.text-light *,
	.text-light		{color: #fafafa !important;}
	.text-grey *,
	.text-grey		{color: #eaeaea !important;}
	.text-darkgrey *,
	.text-darkgrey	{color: #959595 !important;}
	.text-dark *,
	.text-dark		{color: #595959 !important;}
	.text-default *,
	.text-default	{color: #0f0f0f !important;}
	.text-primary *,
	.text-primary	{color: rgb(240, 207, 43) !important;}
	.text-success *,
	.text-success	{color: #95cb0a !important;}
	.text-info *,
	.text-info		{color: rgb(240, 207, 43) !important;}
	.text-warning *,
	.text-warning	{color: #fc8301 !important;}
	.text-danger *,
	.text-danger	{color: #dc4409 !important;}
	h1,h2,h3, h4, h5	{color: rgb(240, 207, 43) !important}
	.page-header h1 {color: #fff !important}
	.page-header-content h1{color: #fff !important}

	
	a				{color: #FFFFFF; }
	.logo strong		{color: #fc8301;}
	.logo .slogan	{color: #164c7a;}
	
	.header .top-header .callus a			{color: #ffffff;}
	.header .top-header .callus a:hover	{color: #eaeaea;}
	
	#mainNav > ul > li > a			{color: #ffffff;}
	#mainNav > ul > li > a:active,
	#mainNav > ul > li > a:focus,
	#mainNav > ul > li > a:hover	{color: #fffff;}
	#mainNav > ul > li.active > a	{color: #ffffff;}
	
	@media (max-width: 769px) {
		#mainNav > ul > li > a			{color: #164c7a;}
		#mainNav > ul > li > a:active,
		#mainNav > ul > li > a:focus,
		#mainNav > ul > li > a:hover	{color: #088A9E;}
		#mainNav > ul > li.active > a	{color: #fc8301;}
	}
	
	#topNav > ul > li > a			{color: #ffffff;}
	#topNav > ul > li > a:active,
	#topNav > ul > li > a:focus,
	#topNav > ul > li > a:hover		{color: #eaeaea;}
	#topNav > ul > li.active > a	{color: #ffffff;}
	
	#woningen .woning .woningTitle			{color: #00A2BB;}
	#woningen .woning .woningInfo			{color: #959595;}
	#woningen .woning .homePrice				{color: #959595;}
	#woningen .woning .homePrice > .price		{color: #ffff;}
	
	.ui-datepicker-month				{color: #595959;}
	.loadedCalendar .ui-datepicker-month	{color: #ffffff;}
	
	.submenu.block ul.nav > li > a			{color: #595959;}
	.submenu.block ul.nav > li > a:hover	{color: #00A2BB;}
	.submenu.block ul.nav > li.active > a	{color: #00A2BB;}
	
	.ui-datepicker .date-range-selected > a,
	.ui-state-active, .ui-widget-content .ui-state-active, 
	.ui-widget-header .ui-state-active,
	.ui-state-hover, .ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, .ui-state-focus, 
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header .ui-state-focus	{color: #ffffff;}
	
	.topfooter a,
	.topfooter .nav > li > a,
	.topfooter *,
	.topfooter					{color: #eaeaea;}
	.topfooter a:hover,
	.topfooter .nav > li > a:hover	{color: #dadada;}
	.topfooter .nav > li.active > a,
	.topfooter .nav > li > a:active,
	.topfooter .nav > li > a:focus	{color: #ffffff;}
	
	.footer a,
	.footer			{color: #eaeaea;}
	.footer a:hover	{color: #dadada;}
	.footer a:active,
	.footer a:focus	{color: #ffffff;}
	
/*--- BUTTON COLORS ---*/

	.btn-default	{color: #ffffff !important; background-color: transparent !important;}
	.btn-primary	{
		color: #ffffff !important;
		background-color: transparent !important;
		border-radius: 0; border: 1px solid #fff !important;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
	}
	.btn-success	{color: #ffffff !important; background-color: #95cb0a !important;}
	.btn-info		{color: #ffffff !important; background-color: #164c7a !important;}
	.btn-warning	{
		color: #ffffff !important;
		background-color: transparent !important; 
		border: 1px solid #fff !important;
		border-radius:0; -o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
	}
	.btn-danger		{color: #ffffff !important; background-color: #dc4409 !important;}
	.btn-link		{color: #fc8301 !important; background-color: transparent !important;}
	
	
	.btn-primary:hover	{   
	background-color: rgba(255, 255, 255, 0.24) !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;}
	.btn-success:hover	{background-color: #81AD11 !important;}
	.btn-info:hover		{background-color: #0B3961 !important;}
	.btn-warning:hover	{
		background-color: rgba(255, 255, 255, 0.24) !important;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
	}
	.btn-danger:hover	{background-color: #BF4313 !important;}
	.btn-link:hover		{color: #D8770E !important;}
	
	.btn.disabled, 
	.btn.disabled.active, 
	.btn.disabled.focus, 
	.btn.disabled:active, 
	.btn.disabled:focus, 
	.btn.disabled:hover, 
	.btn[disabled], 
	.btn[disabled].active, 
	.btn[disabled].focus, 
	.btn[disabled]:active, 
	.btn[disabled]:focus, 
	.btn[disabled]:hover, 
	fieldset[disabled] .btn, 
	fieldset[disabled] .btn.active, 
	fieldset[disabled] .btn.focus, 
	fieldset[disabled] .btn:active, 
	fieldset[disabled] .btn:focus, 
	fieldset[disabled] .btn:hover	{color: #959595 !important; background-color: transparent !important; border: 1px solid #fff; border-radius: 0}
	
	.label-default	{color: #0f0f0f !important; background-color: #eaeaea !important;}
	.label-primary	{color: #ffffff !important; background-color: #00A2BB !important;}
	.label-success	{color: #ffffff !important; background-color: #95cb0a !important;}
	.label-info		{color: #ffffff !important; background-color: #164c7a !important;}
	.label-warning	{color: #ffffff !important; background-color: #fc8301 !important;}
	.label-danger	{color: #ffffff !important; background-color: #dc4409 !important;}

	.pagination>.disabled>a, 
	.pagination>.disabled>a:focus, 
	.pagination>.disabled>a:hover, 
	.pagination>.disabled>span, 
	.pagination>.disabled>span:focus, 
	.pagination>.disabled>span:hover	{background-color: #ffffff; color: #959595; border-color: #dadada;}
	.pagination>li>a, 
	.pagination>li>span				{background-color: #ffffff; color: #164c7a; border-color: #dadada;}
	.pagination>li>a:focus, 
	.pagination>li>a:hover, 
	.pagination>li>span:focus, 
	.pagination>li>span:hover			{background-color: #eaeaea; color: #595959; border-color: #dadada;}
	.pagination>.active>a, 
	.pagination>.active>a:focus, 
	.pagination>.active>a:hover, 
	.pagination>.active>span, 
	.pagination>.active>span:focus, 
	.pagination>.active>span:hover	{background-color: #00A2BB; color: #ffffff; border-color: #dadada;}
	
	.navbar-toggle.collapsed		{background-color: #eaeaea; color: #595959;}
	.navbar-toggle.collapsed:hover,
	.navbar-toggle					{background-color: transparent !important; color: #fff;}
	
/*--- BORDER COLORS ---*/

	.submenu.block ul.nav > li:first-child	{border-top: 1px solid rgba(0,0,0,0.2);}
	.submenu.block ul.nav > li				{border-bottom: 1px solid rgba(0,0,0,0.2);}
	.block-border,
	.fotorama,
	.subscribe,
	#woningen .woning	{border: 1px solid #dadada;}
	
	.ui-datepicker .ui-datepicker-header,
	.ui-datepicker .date-range-selected > a,
	.ui-state-active, .ui-widget-content .ui-state-active, 
	.ui-widget-header .ui-state-active,
	.ui-state-hover, .ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, .ui-state-focus, 
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header .ui-state-focus	{border-color: #088A9E;}
	
	.border-white		{border-color: #ffffff !important;}
	.border-light		{border-color: #fafafa !important;}
	.border-darkgrey	{border-color: #959595 !important;}
	.border-dark		{border-color: #595959 !important;}
	.border-grey		{border-color: #eaeaea !important;}
	.border-default		{border-color: #0f0f0f !important;}
	.border-primary		{border-color: #00A2BB !important;}
	.border-success		{border-color: #95cb0a !important;}
	.border-info		{border-color: #164c7a !important;}
	.border-warning		{border-color: #fc8301 !important;}
	.border-danger		{border-color: #dc4409 !important;}

	
	/* datum kleuren adhv prijshoogte */
	.dateDisabled span.ui-state-default, #legend .reserved { background:none; background-color:#CB2809 !important; color:#FFF; }
	/*.inOptie, #legend .inOptie { background:none; background-color:#000; color:#000; }*/
	.dateColor_0 .ui-state-default, #legend .dateColor_0 { background:none; background-color:#D2FA9E; color:#000; }
	.dateColor_1 .ui-state-default, #legend .dateColor_1 { background:none; background-color:#AEE468; color:#000; }
	.dateColor_2 .ui-state-default, #legend .dateColor_2 { background:none; background-color:#8AE600; color:#000; }
	.dateColor_3 .ui-state-default, #legend .dateColor_3 { background:none; background-color:#7ACA03; color:#000; }
	.dateColor_4 .ui-state-default, #legend .dateColor_4 { background:none; background-color:#83B805; color:#000; }
	.dateColor_5 .ui-state-default, #legend .dateColor_5 { background:none; background-color:#79B801; color:#000; }
	.dateColor_6 .ui-state-default, #legend .dateColor_6 { background:none; background-color:#61A401; color:#000; }
	.dateColor_7 .ui-state-default, #legend .dateColor_7 { background:none; background-color:#489001; color:#000; }
	.dateColor_8 .ui-state-default, #legend .dateColor_8 { background:none; background-color:#307C02; color:#000; }
	.dateColor_9 .ui-state-default, #legend .dateColor_9 { background:none; background-color:#186702; color:#000; }
	.noBooking .ui-state-default { color:#999; }

	td[class*="dateColor"] a.ui-state-active, td[class*="dateColor"] a.ui-state-active:hover, td[class*="dateColor"] a.ui-state-active:focus,
	td[class*="dateColor"] a:hover, td[class*="dateColor"] a:focus{
		background-color:#4F8E9B;
		color: #ffffff;
		border: 1px solid #4F8E9B;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		color: #000000;
	}

.date-range-selected > .ui-state-active, 
	.date-range-selected > .ui-state-default,
	.ui-datepicker .ui-datepicker-header,
	.ui-datepicker .date-range-selected > a	{
	background-color: #00A2BB; color:#FFFFFF;
	}
	
	
.info-table-home {background-color: rgba(10, 10, 10, 0.93);}



.panel-body a:hover {color: #fff !important; text-decoration: underline;}

.background-color-table {
	position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    margin-top: -58px;
	}

.pluginButton {background: #7D9045 !important}