﻿
.main-search-box {
	margin-bottom: 70px;
	position: relative;
	z-index: 3;
	width: 100%;
	margin-top: @pv-searchbox-margintop;

	.destination.dropdown {
		@pv-searchbox-destination-select
		();
	}

	.search {
		&.loading {
			background: #fff url(img/base/ico/ajax-loader.gif) no-repeat 242px center;
		}
	}
}
body.home .main-search-box {
	margin-top: @pv-searchbox-margintop;
    margin-bottom:@pv-searchbox-marginbottom;
}
body.home .tablet .main-search-box {margin-bottom:70px;}
body.template .main-search-box { margin-bottom:50px;min-height:448px; }

.search-menu
{
	
	position:absolute;
	z-index:999;
	
}

/*
Gele: 
-	Geel links							0 0
-	Geel midden							-50px 0
-	Geel rechts							-100px 0

Blauwe:
-	Blauw links, links van blauw		0 -48px
-	Blauw links, links van geel			-50px -48px
-	Blauw midden, links van geel		-100px -48px
-	Blauw midden, links van blauw		-150px -48px
-	Blauw rechts						-200px -48px
*/
.search-menu li
{
	float:left;
	width:50px;
	height:48px;
    /*background:url(img/base/ico/tabjes.png) no-repeat -150px -48px;*/
	background: url(img/base/ico/tabjes_big.png) no-repeat -150px -48px;
	background-size:350px 192px;	
	border-bottom:1px solid @pv-color-yellow;
}
	.main-search-box .fill
	{
		width: 100%;
		height:48px;
		background:none;
        position: absolute;
        top: 0px;
        left: 0;
        border-bottom:1px solid @pv-color-yellow; 
	}
	/*standaardgeel*/
	.search-menu li.active
	{
		background-position:-50px 0;
        border-bottom-color:#faf370;
	}
	/*geel achteraan*/
	.search-menu li:last-child.active
	{
		background-position:-100px 0;
	}
	/*geel vooraan*/
	.search-menu li:first-child.active
	{
		background-position:0 0;
	}

	/* blauw rechts */
	.search-menu li:last-child:not(.active)
	{
		background-position:-200px -48px;
	}

	/* blauw links, naast geel*/
	body.type-wintersport .search-menu li:first-child
	{
		background-position:0 -48px;
	}
	body:not(.type-wintersport) .search-menu li:first-child:not(.active)
	{
		background-position:-50px -48px;
	}

	/* blauw, links links rechts blauw */
	body.type-car .search-menu li.wintersport,
	body.type-auction .search-menu li.hotel
	{
		background-position:-150px -48px;
	}

	/* blauw, links blauw rechts geel*/
	body.type-hotel .search-menu li.winter,
	body.type-car .search-menu li.cruise,
	body.type-auction .search-menu li.car,
	body.type-car .search-menu li.hotel
	{
		background-position:-100px -48px;
	}



	.search-menu li a
	{
		display:block;
		height:48px;
		width:50px;
		overflow:hidden;
		text-indent:-9999px;
        /*background: url(img/base/ico/tabjes.png) no-repeat left top;*/
		background: url(img/base/ico/tabjes_big.png) no-repeat left top;
		background-size:350px 192px;	
	}

	.search-menu li.active a {  }
	.search-menu li.vacation.active a { background-position:0 -96px; }
	.search-menu li.flight.active a { background-position:-50px -96px; }
	.search-menu li.hotel.active a { background-position:-100px -96px; }
	.search-menu li.cruise.active a { background-position:-150px -96px; }
	.search-menu li.car.active a { background-position:-200px -96px; }
	.search-menu li.auction.active a { background-position:-250px -96px; }
	.search-menu li.winter.active a { background-position:-300px -96px; }

	.search-menu li.vacation a { background-position:0 -144px; }
	.search-menu li.flight a { background-position:-50px -144px; }
	.search-menu li.hotel a { background-position:-100px -144px; }
	.search-menu li.cruise a { background-position:-150px -144px; }
	.search-menu li.car a { background-position:-200px -144px; }
	.search-menu li.auction a { background-position:-250px -144px; }
	.search-menu li.winter a { background-position:-300px -144px; }