/**
GRID LOGIC - Inspired by the 'Golden Grid System' principle.
http://goldengridsystem.com | Golden Gridlet (1.01) by Joni Korpi | License:MIT (http://opensource.org/licenses/mit-license.php))

* GRID LOGIC
* Four-column grid active
* ----------------------------------------
* Margin		|	#	1	2	3	4	|	Margin
* 2.9411764706% |	%	25	50	75	100	| 	2.9411764706%


* GRID LOGIC
* Eight-column grid active
* ----------------------------------------------------------------------
* Margin		|	#	1		2		3		4		5		6		7		8	|	Margin
* 2.9411764706%	| 	% 	12.5 	25.0 	37.5 	50.0 	62.5 	75.0 	87.5 	100	|	2.9411764706%


* GRID LOGIC
* Sixteen-column grid active
* ----------------------------------------------------------------------------------------------------------------------
* Margin 		| 	# 	1 		2 		3 		4 		5 		6 		7 		8 		9 		10 		11 		12 		13 		14 		15 		16 	| Margin
* 2.9411764706% | 	%	6.25 	12.5	18.75	25.0	31.25	37.5	43.75	50.0	56.25	62.5	68.75	75.0	81.25	87.5	93.75	100	| 2.9411764706%	

- Use 'min-width' when you want something to be inhereted from that width and larger
- Use 'max-width' when you want something to be inhereted from that width and smaller
- Use a combination to target the exact widths without inhereted values to non defined widths 
																																				MEDIA-SIZES (width)
	*****************************************************************************
		
*/
/*	
																																					MIN WIDTH - Cross width inheritance
*****/
	

/**
 *
 *		Larger than 320																														min w. 320 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:320px),print{
		
	/* ----- 
	STRUCTURE
	min-width:320px
	----- */
	.main-section,
	.main-section-inner,
	#primary-menu,
	.box,
	.box-inner,
	#header-secondary-menu,
	#header .quick-nav,
	#header #search-box-text,
	#depcity-selector-container,
	.box-varning,
	.packagebooking-switch,
	.box.search-engine-package .box-desc{
		/**box-sizing (alter box model) will not work in IE6-7*/
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	#footer .main-section-inner,
	#content .main-section-inner,
	#content2 .main-section-inner,
	#depcity-selector-container .box-inner{
		width:100%;
	}

	#wrapper{
		text-align:center;
	}

	#page,#header{
		text-align:left;
		margin:0 auto;
		padding:0;
		text-align:left;
	}

	/*Quick nav*/		
	.quick-nav .search-package-toggle-button:after{
		content:"\e001";/*search icon*/}
	
	.quick-nav .primary-menu-toggle-button:after{
		content:"\2261";/*menu icon*/}
		
	.quick-nav-header li.quick-nav-general-item{
		/*box-sizing (alter box model) will not work in IE6-7*/
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
		
	.quick-nav-header li.quick-nav-general-item span{
		display:none;
	}

	.quick-nav-active #page{-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
	
	
	.quick-nav-active .quick-nav{
		float:right;
		clear:none;
	}

	.quick-nav-active .quick-nav-footer{float:none;}
	
	
	/* ----- 
	HEADER (main section)
	min-width:320px
	----- */
	#header-secondary-menu{text-align:right;}
	#header-secondary-menu li {
		display:inline-block;	
		text-align:left;
		margin-left:0.583em;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	
	#header-secondary-menu,
	#header-secondary-menu ul,
	#header-secondary-menu li{
		line-height:0;
	}

	#header-secondary-menu li a{
		line-height:1.24;
	}

	#languageswitcher,#header-secondary-menu,#header .quick-nav{
		padding-right:0.583em;
	}
	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:320px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:320px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:320px
	----- */
	.box-nav .days,.box-nav .fromPrice{
		padding-right:0.4em;
	}

	.box-nav .readmore{
		text-align: right;
	}
	
	#content #destination-attached-pages-anchormenu li,#header-secondary-menu-layout1 li{display:inline-block;text-align:left;}
	#content #destination-attached-pages-anchormenu li{float:left;}
	
	.slides .slidecontainer .inlay{
		padding-left:0.75em;
		padding-right:0.75em;
	}

	
	/* ----- 
	SIDEBAR (main section)
	min-width:320px
	----- */
	.destination-priceinfobox,.search-engine-package{
		width:100%;
	}

	/* ----- 
	SECONDARY MENU (main section)
	min-width:320px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:320px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:320px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:320px
	----- */
}

/* .END min-width 320 */



/**
 *
 *		Larger than 360																														min w. 360 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:360px),print{
		

/* ----- 
	CONTENT (main section)
	min-width:360px
	----- */

	#banner-pos-a .box-section-title,
	#banner-pos-a .box,
	#banner-pos-f .box-section-title,
	#banner-pos-f .box,
	.hotellist-section .box{
		float:left;
	}

	#banner-pos-a .box-section-title,
	#banner-pos-f .box-section-title{
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left: 0;
		padding-right: 0;
		clear:both;
		max-width:none;
		display:block;
		
	}

}

/* .END min-width 360 */

/**
 *
 *		Larger than 430																														min w. 430 (INHERIT CSS - This width and wider)
 *
 ************/


/**
 *
 *		Larger than 480																													min w. 480 (INHERIT CSS - This width and wider)
 *
 ************/


@media screen and (min-width:430px),print{
		
	/* ----- 
	STRUCTURE
	min-width:430px
	----- */
	
	/* ----- 
	HEADER (main section)
	min-width:430px
	----- */

	

	/* ----- 
	PRIMARY MENU (main section)
	min-width:430px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:430px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:430px
	----- */
	.no-box-sizing #banner-pos-a .box,
	.no-box-sizing #banner-pos-f .box,
	.no-box-sizing .hotellist-section .box{
		width:48.5%;
		margin-left:3%;
		padding-left:0;
		padding-right:0;
	}

	.slides .slidecontainer .inlay{
		font-size:1em;
	}

	.slides .slidecontainer .inlaywrap-section .inlaywrap1{
		float:left;
		min-width:75%;
		max-width:100%;
		margin-bottom:5px;
		margin-bottom:0.5rem;}
		
	.slides .slidecontainer .inlaywrap-section .inlaywrap2{
		text-align:right;
		float:right;
		min-width:24%;
		max-width:100%;
	}
	/**/

	/* Hotellist*/
 
	.hotellist-item h3{
		min-height:auto;
	}
	
	#banner-pos-a .box,
	#banner-pos-f .box,
	.hotellist-section .box{
		clear:none;
		width:50%;/*box-sizing (alter box model) will not work in IE6-7*/
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:0.75em 0.375em;
	}
	
	.no-box-sizing #banner-pos-a .box,
	.no-box-sizing #banner-pos-f .box,
	.no-box-sizing .hotellist-section .box{
		width:48%;
		margin-left:4%;
		padding-left:0;
		padding-right:0;
	}


	/* ----- 
	SIDEBAR (main section)
	min-width:430px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:430px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:430px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:430px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:430px
	----- */
	#wrapper-bottom-bar .jump-nav-trigger,
	#wrapper-bottom-bar .switch-site-trigger{
		padding:0.75em;
	}

	#wrapper-bottom-bar .jump-nav-trigger{
		font-size:1.5em;
		line-height:2.68em;
	}


}

/* .END min-width 430 */


/**
 *
 *		Larger than 480																													min w. 480 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:480px),print{

	/* ----- 
	STRUCTURE
	min-width:480px
	----- */
	
	/* ----- 
	HEADER (main section)
	min-width:480px
	----- */

	/* ----- 
	PRIMARY MENU (main section)
	min-width:480px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:480px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:480px
	----- */



	/* ----- 
	SIDEBAR (main section)
	min-width:480px
	----- */
	#lastminutebox .box-nav{text-align:right;}
	#lastminutebox-table tr:first-child{padding-top:0;}
	#lastminutebox-table tr:last-child{padding-bottom:0;}
	#lastminutebox-table th,#lastminutebox-table td{padding: 0.5em 0.25em;}
	#lastminutebox-table th:first-child,#lastminutebox-table td:first-child{padding-left:0;}
	#lastminutebox-table th:last-child,#lastminutebox-table td:last-child{padding-right:0;}
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:480px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:480px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:480px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:480px
	----- */
	

}
/* .END min-width 480 */


/**
 *
 *		Larger than 540																														min w. 540 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:540px),print{
		

	/* ----- 
	STRUCTURE
	min-width:540px
	----- */
	
	/* ----- 
	HEADER (main section)
	min-width:540px
	----- */
	
 

	/* ----- 
	PRIMARY MENU (main section)
	min-width:540px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:540px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:540px
	----- */
	.no-box-sizing #banner-pos-a .box,
	.no-box-sizing #banner-pos-f .box,
	.no-box-sizing .hotellist-section .box{
		width:49%;
		margin-left:2%;
		padding-left:0;
		padding-right:0;
	}

	/* ----- 
	SIDEBAR (main section)
	min-width:540px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:540px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:540px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:540px
	----- */
	
	#menu-multicol .box{
		width:33.3333%;
		float:left;
		clear:none;
	}
	
	#footer .secondary-menu li{
		display:inline-block;
		
	}

	#footer .secondary-menu li:before{
		content:'|';
		padding:0 0.3em;
		
	}

	#footer .secondary-menu li:first-child:before{
		content:'';
		padding:0;
	}

	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:540px
	----- */

	
}

/* .END min-width 540 */

/**
 *
 *		Larger than 650																														min w. 650 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:650px),print{

	/* ----- 
	STRUCTURE
	min-width:650px
	----- */

	#wrapper{
		padding-left:0;
		padding-right:0;
	}
	
	#page{
		padding-top:0.75em;
	}

	#depcity-indicator-page{margin-top:-0.75em;;}

	/*when there is no 'wrapper-bottom-bar':*/
	.notTouchDevice #page {padding-bottom:0;}
	.notTouchDevice #wrapper{padding-bottom:4.5em;}



	.search-engine-package{
		display:block;
	}

	.box{
		margin-bottom:9px;
		margin-bottom:0.9rem;
	}

	.content-extra-row, #sidebar .box{
		margin-bottom:36px;
		margin-bottom:3.6rem;
	}

	.depcity-indicator{
		margin-bottom:18px;
		margin-bottom:1.8rem;
	}
	
	#depcity-indicator-page{
		margin-bottom:9px;
		margin-bottom:0.9rem;
	}


	/*Slideshow:extra js whitespace compensation*/
	#destination-main-figure{
		margin-bottom:4px;
		margin-bottom:0.4rem;
	}

	.main-section,#depcity-selector-container,.box-varning{
		padding-top:0.75em;
		padding-bottom:0.75em;
	}

	/*.main-section,#depcity-selector-container,.box-varning{*/
	.main-section,#primary-menu,#depcity-selector-container,.box-varning{
		padding-left:0.75em;
		padding-right:0.75em;
	}

	#header{padding:0;}
	
	.box-skin-a,.box-skin-a .box-inner,.main-section-inner,
	.widget .box-inner,.widget.box-inner,.content-extra-row{
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}

	.content-extra-row,.widget .box-inner,.widget.box-inner,.main-section-inner{
		-webkit-box-shadow: none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	

	#sidebar .main-section-inner,#footer .widget{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	#depcity-selector-container,
	.box-varning{
		float:left;
	}
	
	#content,
	#content2,
	.main-figure.main-section{
		float:left;
		clear:left;
	}
	
	#sidebar{
		float:right;
		clear:right;
	}

	/* General styles */

	#search-box-text{
		display:block;
	}
	/* ----- 
	HEADER (main section)
	min-width:650px
	----- */
	#header{
		padding-bottom:0;
	}
	
	#header .main-section-inner{
		background-color:transparent;
	}

	#logo{
		float:left;
		clear:left;
		text-align:left;
	}


	#languageswitcher,
	#header-secondary-menu,
	#header .quick-nav {
		float:right;
	}
	
	
	
	#languageswitcher .box-inner{
		float:right;
		text-align:left;
		margin-left:0;
		margin-right:0;
		width:auto;
	}


	#logo a{
		max-width:100%;
	}

	#header-secondary-menu,#header #search-box-text {display:block;}
	#header-secondary-menu li{margin:0;}
	#header-secondary-menu li a {background-color:transparent; padding-top:0.375em; padding-bottom:0.375em;}
	#header-secondary-menu ul {background-color:#fff;background-color:rgba(255,255,255,0.85);border-color: #FFFFFF;border-radius: 3px 3px 3px 3px;}
	.quick-nav a,.quick-nav a:after,.quick-nav a span{margin:0;}
	.quick-nav a span,.quick-nav a:after,.quick-nav-header li.quick-nav-general-item span{display:inline-block; }
	.quick-nav a{ font-size:14px;font-size:1.4rem;}
	.quick-nav a span {padding-right:0.3em;position:relative; top:-0.2em;}
	.quick-nav a:after{font-size:16px;font-size:1.6rem;position:relative; top:-0.03em;}
	
	#search-box-text{background-color:transparent;}

	#search-box-text{
		position:absolute;
		bottom:0;
		right: 0;
		
	}
	#search-box-text .box-inner{
		width:240px;
		max-width:100%;}

	/* ----- 
	PRIMARY MENU (main section)
	min-width:650px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:650px
	----- */
	
	/* ----- 
	MAIN FIGURE - IMAGE (main section)
	min-width:650px
	----- */

	/* ----- 
	MAIN FIGURE - SLIDESHOW (main section)
	min-width:650px
	----- */
	.slides .inlay .slide-desc{
		display:block;
	}

	.slides .inlay .days,
	.slides .inlay .from{
		display:inline;
		display:inline-block;
	}
	
	.slides .inlay .slide-title,
	.slides .inlay .price{
		display:inline;
	}
			
	
	.slides .inlay .price{
		padding-left:0.333em;
	}
	

	
	.slides .inlay .days,.slides .inlay .from{
		font-size:15px;
		font-size:1.5rem;
		line-height:1.3;
		vertical-align:top;
	}

	.slides .inlay .days{
		padding-top: 6px;
		padding-top: 0.6rem;
	}


	.slides .inlay .from{
		line-height:28px;
		line-height:2.8rem;
	}
	
	
	/* ----- 
	CONTENT (main section)
	min-width:650px
	----- */

	.breadcrumbs{padding-top:0.33em;padding-bottom:0.33em;}
	
	
	/**	PAGINATION (Tablet)	*/
	#pagination .nav-page-step2 {
		display:none;
	}
	
	#pagination .btn-nav .txt{
		display:none;
	}
	
	#pagination .nav-step{
		width:21%;
	}
	
	#pagination .nav-step{
		margin-left:0;
		margin-right:0;
	}
	
	#pagination .nav-step-prev{
		margin-left:0;
	}
	
	#pagination .nav-step-next{
		margin-right:0;
	}
	
	#pagination .nav-step-prev{
		float:left;
	}
	
	#pagination .nav-step-next{
		float:right;
	}
	
	#pagination .nav-page-list {
		width:56%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#pagination .nav-page-lastchild {
		margin-right:0;
	}
	
	#pagination .nav-page {
		width:7%;
	}
	
	#pagination .separator,#pagination .nav-page {
		margin-left:1%;
		margin-right:1%;
	}
	
	#pagination .separator{
		width:4%;
	}
	
	#pagination.pagination-mini .nav-step{
		width:29%;
	}
	
	#pagination.pagination-mini .nav-page-list {
		width:42%;
	}
	
	#pagination.pagination-mini .btn-nav .txt{
		display:inline-block;		
	}
	
	#content #destination-attached-pages-anchormenu .box-title:after{
		content:'\003A';
	}
	#content #destination-attached-pages-anchormenu .box-title,
	#content #destination-attached-pages-anchormenu li a{font-size:1em; line-height:1.5;}
	
	
	#content #destination-attached-pages-anchormenu .box-title,
	#content #destination-attached-pages-anchormenu .box-desc{
		padding:0;margin:0;display:inline-block;
	}
	
	#content #destination-attached-pages-anchormenu .box-title{
		font-weight:800; padding-right:0;
	}
	
	#content #destination-attached-pages-anchormenu .box-title,
	#content #destination-attached-pages-anchormenu li a,
	#header-secondary-menu-layout1 a{padding-top:0.5em;padding-bottom:0.5em;}
	
	#content #destination-attached-pages-anchormenu .box-inner{width:100%;}
	#content #destination-attached-pages-anchormenu .box-title,
	#content #destination-attached-pages-anchormenu .box-desc{float:left;display:block;}
	
	/**/

	
	/*create space for arrow*/
	.attached-page-toggler:after{position:relative;top:0.125em;}
	
	/*---HOTEL ---*/
	.main-header .star-icons{display:inline-block;padding-left:0.375em;}
	
	/**/
	
	/* ----- 
	SIDEBAR (main section)
	min-width:650px
	----- */
	
	#destination-content-priceinfobox{
		display:none;
	}
	
	#search-box-text .box-title{display:none;}
	.contact-box-phonelink{display:none;}
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:650px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:650px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:650px
	----- */
	

	#footer #travelize-link{
		padding-left:0;
		padding-right:0;
	}
	
	#footer .vcard,#footer ul.list,#footer .vcard .adr,#footer .vcard .adr-item,#footer ul.list li,#footer .copyright{display:inline-block;}	
	#footer ul.list li:after,
	#footer .vcard .adr-item:after,
	#footer .copyright:after {content:'\007C';padding-left:0.375em;padding-right:0.375em;}
	
	#footer ul.list-tel-multi li.telnr:after{content:'\002F';}
	#footer ul.list-tel-multi .alt-term{display:none;}
	
	#footer .vcard .org:after{content:'\00B7';}
	#footer .adr .adr-item:after{content:'\002C';padding-left:0.071259em;padding-right:0.375em;}
	#footer .vcard .postal-code:after{content:' ';padding-left:0.035629em;padding-right:0.035629em;}
	#footer .adr .adr-item:last-child:after{content:'\007C';padding-left:0.375em;padding-right:0.375em;}
	#footer .list-sitelink li:last-child{padding-right:0;}
	#footer .list-sitelink li:last-child:after{content:'';display:none;}
	
	

	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:650px
	----- */	
	
	#wrapper-bottom-bar .jump-nav-trigger{
		float:left;
		padding-left:0;
	}

	#wrapper-bottom-bar .switch-site-trigger{
		float:right;
		padding-left:0;
		padding-right:0;
	}

}

/* .END min-width 650 */



/**
 *
 *		Larger than 740																													min w. 740 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:740px),print{
		

	/* ----- 
	STRUCTURE
	min-width:740px
	----- */
	
	
	/* ----- 
	HEADER (main section)
	min-width:740px
	----- */
	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:740px
	----- */

	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:740px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:740px
	----- */

	/**
		Category items
	*/


	.category-item .box-image{
		float:left;
		margin-top:0.34em;
		width:30%;
	}

	.category-item .box-desc{
		padding-left:30%;
		margin-left:1em;
	}


	/*Tourlist filter options*/
    
    .render-tourlist-filteroptions .pagination-info{padding-right:0.75em;}
    
    .render-tourlist-filteroptions .pagination-info,
    .render-tourlist-filteroptions .tourlist-filter{display:block; padding-bottom:0.75em;}
    
    .render-tourlist-filteroptions .pagination-info{float:left; line-height:2.43;}
    .render-tourlist-filteroptions .tourlist-filter{float:right;clear:right;}
    .render-tourlist-filteroptions #tourlist-table,
    .render-tourlist-filteroptions .no-reslut-wrap{float:left;clear:both;}
    .render-tourlist-filteroptions .no-reslut-wrap{width:100%;}
	
	.render-tourlist-filteroptions .searchresults-pager{clear:both;width:100%;}
    /**/
    
	/* ----- 
	SIDEBAR (main section)
	min-width:740px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:740px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:740px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:740px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:740px
	----- */		
}

/* .END min-width:740 */		



/**
 *
 *		Larger than 840																													min w. 840 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:840px),print{
		

	/* ----- 
	STRUCTURE
	min-width:840px
	----- */
	#page{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
	}	
	
	
	
	/* ----- 
	HEADER (main section)
	min-width:840px
	----- */
	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:840px
	----- */

	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:840px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:840px
	----- */

	/**
		Category items
	*/
	.category-item .box-image{
		width:39%;
	}
	
	.category-item .box-desc{
		padding-left:39%;
	}

	/* ----- 
	SIDEBAR (main section)
	min-width:840px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:840px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:840px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:840px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:840px
	----- */		
}

/* .END min-width:840 */


/**
 *
 *		Larger than 898																														min w. 898 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:898px),print{
		

	/* ----- 
	STRUCTURE
	min-width:898px
	----- */

	
	/*news list and rss beside one another*/
	#content .news-list .box-nav{padding:50px 0 0 0;padding:5.0rem 0 0 0;margin:0; width:55px; display:inline-block; float:right;}
	#content #pagination{ float:none; clear:none; width:auto; margin-left:55px; margin-right:55px;}

	/* ----- 
	HEADER (main section)
	min-width:898px
	----- */
	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:898px
	----- */
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:898px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:898px
	----- */
	
	/* ----- 
	SIDEBAR (main section)
	min-width:898px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:898px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:898px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:898px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:898px
	----- */

}

/* .END min-width 898 */



/**
 *
 *		Larger than 980																														min w. 980 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:980px),print{

	/*tourlist table*/
	.tourlist-table th,.tourlist-table .row-daybreak td{padding-top:0.75em;padding-bottom:0.75em;}
	.tourlist-table td{padding-top:0.75em; padding-bottom:0.75em;}
	.tourlist-table .row-daybreak td{ padding-top:2.25em;}
	.tourlist-table th,.tourlist-table td{padding-left:0.375em; padding-right:0.375em; vertical-align:middle;}

	
	.tourlist-table .col-price{text-align:right;}
	
	.tourlist-table th:last-child,
	.tourlist-table td:last-child,
	.tourlist-table td:last-child:after{
		text-align:right;
		paddine-right:0.75em;
	}
	
	.tourlist-table th:first-child,
	.tourlist-table td:first-child,
	.tourlist-table td:first-child:after{
		text-align:left;
		paddine-left:0.75em;
	}
	
	.tourlist-table .col-spots{text-align:center;}
	/*.tourlist-table .row-daybreak td:after{ display:block!important;}*/

		
	.tourlist-table.enableTourlistShowDepinfo .item-row .col-outbound:before{content:"\25b6"!important;}
	.tourlist-table.enableTourlistShowDepinfo .item-row.toggled .col-outbound:before{content:"\25bc"!important;}
	.tourlist-table.enableTourlistShowDepinfo .col-outbound:before{
		display:inline-block!important;
		margin-left:0.125em;
		position:relative;
		top:0.125em;
	}
	
	.tourlist-table.enableTourlistShowDepinfo .item-row .col-outbound:before{color:#732b91;}
	.tourlist-table.enableTourlistShowDepinfo .item-row.toggled .col-outbound:before{color:#b10a5a;}
	/**/


}

/* .END min-width 980 */



/**
 *
 *		Larger than 1024																													min w. 1024 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:1024px),print{

	/* ----- 
	STRUCTURE
	min-width:1024px
	----- */
	
	/* ----- 
	HEADER (main section)
	min-width:1024px
	----- */

	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:1024px
	----- */

	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:1024px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:1024px
	----- */
	
	/*three col*/
	#banner-pos-a .box,
	.hotellist-section .box{
		width:33.3333%;
	}
	
	.no-box-sizing #banner-pos-a .box,
	.no-box-sizing .hotellist-section .box{
		width:32%;
		margin-left:2%;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	
	.no-box-sizing #banner-pos-a .box.item-1,
	.no-box-sizing #banner-pos-a .box:nth-of-type(3n+4),
	.no-box-sizing .hotellist-section .box.item-1,
	.no-box-sizing .hotellist-section .box:nth-of-type(3n+4){
		clear:left;
		margin-left:0;
	}
	
	
	/*/// banner-pos-f" /// 
	// Content section - Recommend - Desktop 2 boxes per row - text next to image //*/
	#banner-pos-f{padding-bottom:2.225em;}
	#banner-pos-f .box-image{float:left; width:31%;}
	
	#banner-pos-f .box-title,
	#banner-pos-f .box-desc,
	#banner-pos-f .box-nav {float:right; width:66%;}
	
	#banner-pos-f .box-nav{padding-top:0;}
	#banner-pos-f .box-nav .readmore{display:inline-block; float:right;}
	#banner-pos-f .box{padding-top:0.375em;padding-bottom:0.375em;margin-bottom:0;}
	
	#banner-pos-f .box:nth-of-type(odd){padding-right:0.75em;}
	#banner-pos-f .box:nth-of-type(even){padding-left:0.75em;}
	
	.no-box-sizing #banner-pos-f .box:nth-of-type(odd){padding-right:0.6%;}
	.no-box-sizing #banner-pos-f .box:nth-of-type(even){padding-left:0.6%;}

	
	
	
	/**
		Category items
	*/
	.category-item .box-image{
		width:47%;
	}
	
	.category-item .box-desc{
		padding-left:47%;
	}

	/* ----- 
	SIDEBAR (main section)
	min-width:1024px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:1024px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:1024px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:1024px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:1024px
	----- */		
}

/* .END min-width 1024 */


/**
 *
 *		Larger than 1120																													min w. 1120 (INHERIT CSS - This width and wider)
 *
 ************/

@media screen and (min-width:1120px),print{
		

	/* ----- 
	STRUCTURE
	min-width:1120px
	----- */
	
	
	/* ----- 
	HEADER (main section)
	min-width:1120px
	----- */
	
	/* ----- 
	PRIMARY MENU (main section)
	min-width:1120px
	----- */

	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:1120px
	----- */
	
	/* ----- 
	CONTENT (main section)
	min-width:1120px
	----- */

	/**
		Category items
	*/

	.category-item .box-image{
		width:320px;
	}
	
	.category-item .box-desc{
		padding-left:320px;
	}

	.slides .slidecontainer .inlaywrap-section .inlaywrap1{width: 75%;}
	.slides .slidecontainer .inlaywrap-section .inlaywrap2{width: 25%;}

	/* ----- 
	SIDEBAR (main section)
	min-width:1120px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:1120px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:1120px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:1120px
	----- */
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:1120px
	----- */		
}

/* .END min-width:1120 */	



/*////////// LAYOUT 1 /// START /////////////////////////*/
/**
 *
 *		LAYOUT 1 - Full width,one column main section (small device). Button primary menu (touch)
 *		Width,between 1 and 649																											LAYOUT 1 - width:1 < 649
 *
 ************/


@media screen and (min-width:1px) and (max-width:649px){
	
	/* ----- 
	STRUCTURE
	min-width:1px
	max-width:649px
	----- */
	
	#primary-menu,
	.min-650 #primary-menu{
		display:none;
	}
	
	/*
	1.2x = 14px (body text size should be 14px)
	x = 1.2 / 14
	x = 11.666
	
	16y = 11.666
	y = 0.72916 (72.916% html text size)
	*/
	html{font-size:72.916%;}

	pre,h1,h2,h3,h4,h5,h6,.title,#primary-menu,.quick-nav{word-wrap:break-word;word-break:hyphenate;}
	
	#wrapper{padding-top:0;}
	
	#page,#header{
		max-width:none;
	}
	

	
	.box,.box-section{
		border-top:1px solid #E3E4E6;
		background-image:-moz-linear-gradient(top,rgba(227,228,230,0.55) 0,rgba(227,228,230,0) 0.75em);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,228,230,0.55)),color-stop(0.75em,rgba(227,228,230,0)));
		background-image:-webkit-linear-gradient(top,rgba(227,228,230,0.55) 0,rgba(227,228,230,0) 0.75em);
		background-image:-o-linear-gradient(top,rgba(227,228,230,0.55) 0,rgba(227,228,230,0) 0.75em);
		background-image:-ms-linear-gradient(top,rgba(227,228,230,0.55) 0,rgba(227,228,230,0) 0.75em);
		background-image:linear-gradient(to bottom,rgba(227,228,230,0.55) 0,rgba(227,228,230,0) 0.75em);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cdedede',endColorstr='#00dedede',GradientType=0);*/}
	
	#header .box,#header .box-section,
	#depcity-indicator-page{
		border-top:none;
		background-image:none;
	}

	.box.main-figure,.search #content .search-box-text,.toggableDiv .box,
	h1 + .box,h1 + .box-section{
		border-top:none;
		background-image:none;
		filter:none}
	
	

	.widget{
		background-color:transparent;
	}

	.box-section .box{
		border-top:none;
		background-image:none;
		filter:none;
		 max-width: 100%;
	}
	.box-title	{margin-bottom:9px;margin-bottom:0.9rem;}

	form,
	.breadcrumbs,
	.box,
	.box-section-title,
	h1.box-section-title,
	h2.box-section-title,
	h3.box-section-title,
	.main-header,
	h1.main-header,
	.attached-page-toggler,
	.attached-page,
	#utility-bar,
	.main-desc,
	#header-secondary-menu,
	#quick-nav-mobile,
	#footer .main-section-inner{
		padding-left:9px;
		padding-right:9px;
		padding-left:0.9rem;
		padding-right:0.9rem;
		width:auto;
	}
	
	.main-figure,.main-figure .box-inner{padding-left:0; padding-right:0;}
	
	
	.box,.main-figure{
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
	
	#depcity-indicator-page{
		padding:0;
		margin:0;
	}

	/*pages without '.box' inside '#content'*/
	.error404 #content .main-section-inner,
	.error404 #content2 .main-section-inner{
		padding-top:1.5em;
		padding-bottom:1.5em;
	}


	.box-section{padding-top:1.5em;}
	
	.box#destination-attached-pages-anchormenu{
		padding-top:0.75em;
		padding-bottom:0.75em;
		margin-top:0.75em;
		margin-bottom:0.75em;
	}
	
	#header-secondary-menu-layout1{
		padding-top:0.75em;
		padding-bottom:0.75em;
	}
	
	/*Slideshow:extra js whitespace compensation*/
	#destination-main-figure{
		padding-bottom:4px;
		padding-bottom:0.4rem;
	}
	
	
	h1 + .box{
		padding-top:0;
	}

	.box .box{
		background-image:none;
		filter:none;
		padding-top:0;
		padding-bottom:0;
	}
	.box-inner{text-align:center;}
	
	
	.box-title{text-align:center;}
	.box-desc,.box-nav{ text-align:left;display:inline-block;max-width:100%;}
	#search-box-text .box-desc{display:block;}
	
	
	#languageswitcher .box-desc{text-align:right;}
	.box-desc .box-nav{display:block;}
	
	.banner-section .box-nav,
	.hotellist-section .box-nav{display:block;text-align:right;}
	
	#news-box .box-desc,
	#news-box .box-nav{ display:block;}

	.category-item .box-title{
		text-align:left;
	}
	
	.main-section-inner + .box,.box-section .box{
		border-top:0 none;
	}


	.destination-priceinfobox{
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	
	.search-engine-package{
		padding:0;
	} 
	.destination-priceinfobox .box-inner{
		border:1px solid #cdcdcd;
		background-color:#f9f9f9;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.25);
		-moz-box-shadow:1px 1px 3px rgba(0,0,0,.25);
		box-shadow:1px 1px 3px rgba(0,0,0,.25);
		padding:1.5em 2.25em;
	}

	#wrapper .destination-priceinfobox .box-inner .box-title,
	#wrapper .search-engine-package .box-inner .box-title{
		border:none;
	}
	
	/*inline style is set to display:none; !important is needed to overwride*/
	#wrapper-bottom-bar{display:block!important;}
	.quick-nav-active #wrapper-bottom-bar{display:none!important;}

	
	/* =====
	QUICK NAV ACTIVE PAGE (page / function / bodyClass / device)
	=====*/
	.quick-nav-active #header{
		width:100%;
		max-width:none;
		position:relative;
	}
	
	
	.quick-nav-active #wrapper{
		min-height:180px;
	}
	
	.quick-nav-active #page{
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.25);
		-moz-box-shadow:1px 1px 3px rgba(0,0,0,.25);
		box-shadow:1px 1px 3px rgba(0,0,0,.25);
	}
	
	.quick-nav-active .box-inner {
		background-color: transparent;
		border: none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	.quick-nav-active .quick-nav{
		margin-bottom:0.75em;
	}

	.quick-nav-active .quick-nav-footer{
		margin-bottom:0;
	}

	.quick-nav-active #page{
		background-color:#fff;
		position:relative;
	}
	

	.quick-nav-active #quick-nav-active-close-top{
		position:absolute;
		right:0;
		top:0;
	}

	.quick-nav-active .box,.quick-nav-active .box-section{
		background-image:none;
		border-top:0 none;
	}
		
	.quick-nav-active #primary-menu{
		padding-top:0.75em;
	}

	.quick-nav-active .quick-nav-header li{
		width:auto;
	}

	#quick-nav-mobile{
		display:block!important;}


	.quick-nav-active #wrapper article,
	.quick-nav-active #wrapper aside,
	.quick-nav-active #wrapper div,
	.quick-nav-active #wrapper footer,
	/*.quick-nav-active header,*/
	.quick-nav-active #wrapper nav,
	.quick-nav-active #wrapper section,
	.quick-nav-active #wrapper-bottom-bar a,
	.quick-nav-active #footer,
	.quick-nav-active #wrapper-bottom-bar,
	.quick-nav-active #primary-menu,
	.quick-nav-active .search-engine-package,
	.quick-nav-active .quick-nav li,
	.quick-nav-active #wrapper-bottom-bar,
	.quick-nav-active .main-header,
	.quick-nav-active .pager,
	.quick-nav-active #pagination{
		display:none;
	}


	.quick-nav-active #wrapper,
	.quick-nav-active #page,
	.quick-nav-active #header,
	.quick-nav-active #header .main-section-inner,
	.quick-nav-active #header div,
	.quick-nav-active #logo,
	.quick-nav-active #quick-nav-mobile,
	.quick-nav-active #quick-nav-mobile li,
	.quick-nav-active #quick-nav-mobile-footer{
		display:block!important;
	}


	.quick-nav-active .main-section,.quick-nav-active .main-section-inner{
		float:none;
		clear:none;
	}

	.quick-nav-active #sidebar{		
		margin-left:auto;
		margin-right:auto;
	}

	.quick-nav-active #wrapper-bottom-bar .jump-nav-trigger{
		float:none;
		text-align:center;
	}

	.quick-nav-active .quick-nav a{
		display:block;
	}

	.quick-nav-active #quick-nav-mobile-footer{
		padding:1.5em 1.5em 2em 0;
		text-align:right;
	
	}

	.quick-nav-active #quick-nav-mobile-footer a{
		min-height:1px;
		padding:0;
		margin:0;
	}

	.quick-nav-active #quick-nav-mobile-footer a:after{
		/*content:" \00BB";*/
		content:"\005Bx\005D";
		font-family:Arial,Helvetica,sans-serif;
		padding-left:2px;
		padding-left:0.2rem;
	}

	.quick-nav-active .quick-nav-footer a,.quick-nav-active .quick-nav-footer a:after{
		font-size:1.0833em;
	}

	.quick-nav-active #quick-nav-active-close-top{
		padding:0;
		text-indent:-999em;
		overflow:hidden;
		font-size:12px;
		font-size:1.2rem;
		height:1.2em;
		width:1.2em;
		line-height:0.93em;
		border-top:none;
		border-right:none;
		-webkit-border-radius:0;
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius:0;
		-moz-border-radius-bottomleft:3px;
		border-radius:0;
		border-bottom-left-radius:3px;
	}

	.quick-nav-active #quick-nav-active-close-top:after{
		display:block;
		content:"x";
		text-indent:0.34em;
		margin-top:-0.91em;
	}
	.quick-nav-active #primary-menu,
	.quick-nav-active .search-engine-package,
	#header-secondary-menu-layout1{padding-left:0.75em; padding-right:0.75em;}



	/*Quick nav active:primary menu */
	.quick-nav-active-primary-menu #primary-menu,
	.quick-nav-active-primary-menu #primary-menu div,
	.quick-nav-active-primary-menu #quick-nav-mobile-footer .quick-nav-primary-menu,
	.quick-nav-active-primary-menu .quick-nav-header .quick-nav-primary-menu-close,
	.quick-nav-active-primary-menu #header-secondary-menu-layout1,
	.quick-nav-active-primary-menu #sidebar,
	.quick-nav-active-primary-menu #sidebar .main-section-inner,
	.quick-nav-active-primary-menu #sidebar-secondary-menu-wrap,
	.quick-nav-active-primary-menu #sidebar-secondary-menu-wrap div,
	.quick-nav-active-primary-menu #sidebar-secondary-menu-wrap nav,
	.quick-nav-active-primary-menu #footer-secondary-menu{
		display:block!important;
	}
	.quick-nav-active-primary-menu #primary-menu{ min-height:0;}

	/*Quick nav active:search engine - package */
	
	.quick-nav-active-search-package #sidebar,
	.quick-nav-active-search-package .main-section-inner,
	.quick-nav-active-search-package #search-engine-package,
	.quick-nav-active-search-package .search-engine-package div,
	.quick-nav-active-search-package .quick-nav-footer .quick-nav-search-package{
		display:block!important;
	}

	/*Quick nav active:search engine - text */
	
	.quick-nav-active-search-package #header,
	.quick-nav-active-search-package #search-box-text,
	.quick-nav-active-search-package #search-box-text div{
		display:block!important;
	}
	
	.quick-nav-active-search-package #header{
		width:100%;
	}
	
	/*active state transparent to indicate that it can not be toggled*/
	.quick-nav-active-primary-menu .quick-nav-header .quick-nav-primary-menu,.quick-nav-active-search-package .quick-nav-header .quick-nav-search-package{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		-moz-opacity: 0.65;
		-khtml-opacity: 0.65;
		opacity: 0.65;

		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%);
		-webkit-filter: grayscale(1);	
		filter: gray;
		filter: grayscale(100%);
	}
	.quick-nav-active-primary-menu .quick-nav-primary-menu a,.quick-nav-active-search-package .quick-nav-search-package a{cursor: default !important;}
		
	body.quick-nav-active .main-section-inner,
	body.quick-nav-active #depcity-selector-container .box-inner{
		-webkit-box-shadow: inset 0 -10px 6px -6px rgba(255,255,255,0.95);
		box-shadow: inset 0 -10px 6px -6px rgba(255,255,255,0.95);
	}
	
	/* ----- 
	HEADER (main section)
	min-width:1px
	max-width:649px
	----- */ 

	#header .main-section-inner{
		padding-left:0; padding-right:0;
		background-color:transparent;
	}
	
	 
	.startpage #search-box-text{display:block;}
	.startpage #smalldevice-search-engine-package{display:block;}

	/* ----- 
	PRIMARY MENU (main section)
	min-width:1px
	max-width:649px
	----- */
		
	#primary-menu{
		padding-top:0.75em;
		padding-bottom:0.75em;
		min-height:400px;
	}
	
	.startpage #primary-menu li{
		margin-top:2px;
	}
	
	#primary-menu li{
		
		margin-top:0px;
	}


	#primary-menu ul.open.level2{margin-bottom:0.75em;}
	
	
	#primary-menu .level2 a{
		border-top-style:none;
	}
	
	#primary-menu .level2 a.firstChild{
		border-top-style:solid;
	}

	#primary-menu .level2 a.active{
		border-bottom-style:none;
	}
	
	
	#primary-menu .level2 .toplevel a.active{
		border-bottom-style:solid;
	}
	


	#primary-menu li:first-child,
	.startpage #primary-menu li:first-child,
	#primary-menu .level2 li{
		margin-top:0;
	}
	
	/*create space for arrow*/
	
	#primary-menu a{position:relative;}
	#primary-menu a span{padding-right:1em;}
	#primary-menu .toplevel a span{padding-right:0;}
	#primary-menu a:after{position:absolute;top:0.5em;right:0.357em;margin-top:0.0625em; margin-right:0; float:none!important;}

	/*show expanded primary menu (level2) from start*/
	/*
		.startpage #primary-menu .level2.menuclosedclass,
		.system-page #primary-menu .level2.menuclosedclass,
		.no-leftmenu-id #primary-menu .level2.menuclosedclass{
			display:block!important;
		}
		
		.startpage #primary-menu a.level1:after,
		.system-page #primary-menu a.level1:after,
		.no-leftmenu-id #primary-menu a.level1:after{
			content:"\25bc";
		}
	*/
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:1px
	max-width:649px
	----- */
	#search-engine-package{
		display:none;
	}

	.startpage#smalldevice-search-engine-package{
		display:block;
	}
	
	/* ----- 
	CONTENT (main section)
	min-width:1px
	max-width:649px
	----- */
	#depcity-indicator-page{display:block;}
	
	.slides .slidecontainer .inlay{position:static!important;}
	/**/
	#banner-pos-a h2.box-title,
	#banner-pos-f h2.box-title{
		font-size:18px;
		font-size:1.8rem;
	} 
	#destination-content-priceinfobox{
		display:block;
	}
	
	#destination-attached-pages-anchormenu{
		/*display:none;*/
	}
	
	#destination-content-priceinfobox{
		text-align:center;
	}
	
	.attached-page-toggler:after{
		float:right;
	}

	/**	PAGINATION (mobile)	*/
	#pagination .nav-page,#pagination .separator {
		display:none;
	}
	
	#pagination .nav-page.active{
		display:block;
	}
	
	#pagination .btn-nav .txt{
		display:none;
	}
	
	#pagination .wrap-nav{
		max-width:27em;
	}
	
	#pagination .nav-page{
		width:auto;
	}
	
	#pagination .nav-step{
		width:25%;
	}
	
	#pagination .nav-page-list {
		width:45%;
	}

	#destination-attached-pages-anchormenu .box-title{font-size:1.218em;}
	#content #destination-attached-pages-anchormenu .box-desc{display:block;}
	
	
	/*create space for arrow*/
	.attached-page .attached-page-toggler{padding-right:1.3em;position:relative;}
	.attached-page .attached-page-toggler:after{position:absolute;right:0;margin-top:0.2em;margin-right:0.2em;}

	
	/**/
	#content #destination-attached-pages-anchormenu .item-total-1 li{width:100%;}
	
	/**/
	
	.itype-130 .main-section-inner{padding:1.5em;}

	/* ----- 
	SIDEBAR (main section)
	min-width:1px
	max-width:649px
	----- */
	#sidebar .banner-section .box-title{border:none; padding:0; margin:0 0 4px 0; margin-bottom:0.4rem;}
	#destination-sidebarbox{display:none;}
	#sidebar #destination-attached-pages-anchormenu{dispay:none;}
	/* ----- 
	SECONDARY MENU (main section)
	min-width:1px
	max-width:649px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:1px
	max-width:649px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:1px
	max-width:649px
	----- */
	
	#footer ul.list-tel{ margin-top:0.75em; margin-bottom:0.75em;}
	#footer .secondary-menu li:first-child a{padding-top:0;margin-top:0;}
	
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:1px
	max-width:649px
	----- */


}

/* .END min-width 1px,max-width 649px */	

/*-------------------------------------------------------------------------- 
 LAYOUT 1 - Less than 320px
 ----- */
@media screen and (min-width:1px) and (max-width:319px){
	
	*{
		max-width:100%!important;
		-webkit-box-sizing:border-box!important;
		-moz-box-sizing:border-box!important;
		box-sizing:border-box!important;
		white-space:normal!important;
		word-wrap:break-word!important;
		-ms-word-break:hyphenate!important;
		word-break:hyphenate!important;
		-webkit-hyphens:auto!important;
		-moz-hyphens:auto!important;
		hyphens:auto!important;
	}

	.button{display:block; width:100%; margin-top:0.333em; margin-bottom:0.333em;}
	.col-button .button{display:inline-block; width:auto;}
	
	#newsletter-box .button:before {content: attr(title) " "; display:inline-block;}

	/**/
	.slides .inlay{ width:100%!important;padding-left:0!important;padding-right:0!important;}
	.slides .slidecontainer .inlay,.slides .inlay .fromPrice{text-align:center;}
	
	/**/	
	.banner-section .box:first-child{
		padding-top:1.5em;
	}
	
	.banner-section .box:last-child{
		padding-bottom:1.5em;
	}
	/**/
	.destination-priceinfobox .box-inner,.search-engine-package .box-inner{padding:0;}

}

/*-------------------------------------------------------------------------- 
 LAYOUT 1 - HEADER - QUICK-NAV and TOGGLE-BUTTON media queries (only ff supports media queries inside media queries)
 ----- */

@media screen and (min-width:320px) and (max-width:649px){
	
	
	/**/
	
	
	.box-section{
		padding-left:0.375em;
		padding-right:0.375em;
	}


	p,
	h1,
	h2,
	h3{
		padding-left:9px;
		padding-right:9px;
		padding-left:0.9rem;
		padding-right:0.9rem;
		width:auto;
	}

	.main-desc,
	.main-figure,
	form p,
	form h1,
	form h2,
	form h3,
	
	.box p,
	.box h1,
	.box h2,
	.box h3,

	.attached-page-toggler p,
	.attached-page-toggler h1,
	.attached-page-toggler h2,
	.attached-page-toggler h3,

	.attached-page p,
	.attached-page h1,
	.attached-page h2,
	.attached-page h3,
	
	.main-desc p,
	.main-desc h1,
	.main-desc h2,
	.main-desc h3,
	
	.slides .inlay p,
	.slides .inlay h1,
	.slides .inlay h2,
	.slides .inlay h3{
		padding-left:0;
		padding-right:0;
	}

	.breadcrumbs,h1.main-header,.main-desc,.attached-page-subpage,.category-item{padding-left:18px; padding-right:18px; padding-left:1.8rem; padding-right:1.8rem;}

	#logo{
		width: 66%;
		float:left;
		clear:left;
	}
	
	#languageswitcher,#header-secondary-menu,#header .quick-nav-header{
		float:right;
		clear:right;
		width: 34%;
		max-width:220px;
		padding-left:0;
		padding-right:0.375em;
	}
	
	#search-box-text{
		float:left;
		clear:both;
		width:100%;
	}
	
	#header-secondary-menu ul {float:left; clear:both; width:100%;}
	
	.quick-nav-header li{
		float:left;
		clear:both;
		width:100%;
	}
	
	.quick-nav-header li.quick-nav-general-item{
		clear:none;
		width:50%;
		margin:0;
		padding:0 0.1875em;}	
	
	.quick-nav-header li.quick-nav-general-item:nth-of-type(odd){
		clear:left;
		padding-left:0;
	}

	.quick-nav-header li.quick-nav-general-item:nth-of-type(even){
		padding-right:0;
	}

	/**/		

	.quick-nav-header li.quick-nav-general-item{
		float:left;
		clear:none;
		width:49%;
	}

	.quick-nav a,.quick-nav a.button{
		word-wrap:break-word;
		white-space:normal;
	}

	.quick-nav-header li:first-child{
		margin-left:0;
	}

	.quick-nav-header li:last-child{
		float:right;
	}



	#header .toggle-button{
		display:inline-block;
		
	}

	#header .toggle-button{
		display:block;
	}

	
}

/*-------------------------------------------------------------------------- 
 LAYOUT 1 -320-479
 */
@media screen and (min-width:320px) and (max-width:479px){
	
	/**/
	#content #destination-attached-pages-anchormenu li {
		width:50%;
	}
	
	#header-secondary-menu-layout1 li {
		width:50%;
	}
	
	#content #destination-attached-pages-anchormenu .item-total-3 li{width:100%;}

}

/*-------------------------------------------------------------------------- 
 LAYOUT 1 - SLIDESHOW & anchor list
 ----- */
 
@media screen and (min-width:480px) and (max-width:649px){
		

	.slides .inlay .slide-title,.slides .inlay .price{
		font-size:1.6666em/*20px/12*/;
	}
	
	.slides .slidecontainer .inlaywrap-section .inlaywrap1{
		float:left;
		width: 73%;}
		
	.slides .slidecontainer .inlaywrap-section .inlaywrap2{
		float:right;
		width: 27%;
	}
	
	.slides .slidecontainer .inlaywrap .slide-title,
	.slides .slidecontainer .inlaywrap .days,
	.slides .slidecontainer .inlaywrap .slide-desc,
	.slides .slidecontainer .inlaywrap .from,
	.slides .slidecontainer .inlaywrap .price{display:block;}
	
	#content #destination-attached-pages-anchormenu li {
		width:33.3%;
	}
	
	#header-secondary-menu-layout1 li {
		width:33.3%;
	}
	
	#content #destination-attached-pages-anchormenu .item-total-2 li,
	#content #destination-attached-pages-anchormenu .item-total-4 li{width:100%;}

}




/*-------------------------------------------------------------------------- 
 LAYOUT 1 - SIDEBAR media queries (only ff supports media queries inside media queries)
 ----- */


@media screen and (min-width:430px) and (max-width:649px){
	.quick-nav-active #sidebar .box{
		width:100%;
		clear:both;
	}
}

/*////////// LAYOUT 1 /// END /////////////////////////*/

/*////////// LAYOUT 2 /// START /////////////////////////*/

/**
 *
 *		LAYOUT 2 - Two column main section (medium device). Horizontal primary menu (dropdown:hover/touch)
 *		Width,between 650 and 1219																											LAYOUT 2 - width:650 < 1219
 *		
 *
 ************/

@media screen and (min-width:650px) and (max-width:1219px){

	/* ----- 
	STRUCTURE
	min-width:650px
	max-width:1219px
	----- */

	#page,#header{
		max-width: 945px;
	}

	#content,
	.main-figure.main-section{
		width: 65.398%;
		padding-right:1.5em;
		float:right;
		clear:right;
	}

	#sidebar{
		width: 34.6%;
		padding-left:1.5em;
		float:left;
		clear:left;
	}
	#content2,
	.no-sidebar #content,
	.no-sidebar .main-figure.main-section,
	#depcity-selector-container,
	.box-varning {
		width: 100%;
		padding-left:1.5em;
		padding-right:1.5em;
		float:left;
		clear:both;
	}


/*	
	#primary-menu{display:none;}
	#quick-nav-tablet{display:block!important;}
	.quick-nav-active-primary-menu #primary-menu{display:block;}
*/

	.quick-nav-header li.quick-nav-general-item{width:auto;float:right; margin-left:0.583em;}
	.quick-nav-header li.quick-nav-general-item:last-child{margin-left:0;}
	
	#depcity-indicator-page{display:none;}
	#depcity-indicator-sidebar{display:block;}
	

	/* ----- 
	HEADER (main section)
	min-width:650px
	max-width:1219px
	----- */
	#header .main-section-inner{
	
	}
	
	#header .main-section-inner{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}

	#logo{
		width:41%;
	}


	#header #languageswitcher,#header-secondary-menu,#header .quick-nav{
		max-width:58%;
	}

	#header #languageswitcher,#header-secondary-menu,#header .quick-nav{
		clear:right;
	}

	#header .main-section-inner{min-height:100px; min-height:10rem;}
	#header .quick-nav{position:absolute; right:0;bottom:0;margin-right:0; padding-right:0!important; margin-bottom:0; padding-bottom:0;}
	
	#header .quick-nav .primary-menu-toggle-button{
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
			
	#header-secondary-menu{
		/*quick-nav height:*/
		padding-bottom: 59px;
		padding-bottom: 5.9rem;
	}
	#search-box-text{
		right: 0.75em;	
	}


	/* ----- 
	PRIMARY MENU (main section)
	min-width:650px
	max-width:1219px
	----- */
	#header{padding-bottom: 53px;}
	#primary-menu ul.level1{
		padding: 0 0.75em;
	}
	
	#primary-menu li{
		width:auto;
		max-width:24%;
		margin-right:1.333%;
		
	}
	#primary-menu li li{
		max-width:100%;
	}
	
	
	
	/* ----- 
	SEARCH ENGINE PACKAGE (sidebar,content on startpage)
	min-width:650px
	max-width:1219px
	----- */

	/* ----- 
	MAIN FIGURE - IMAGE (main section)
	min-width:650px
	max-width:1219px
	----- */

	/* ----- 
	MAIN FIGURE - SLIDESHOW (main section)
	min-width:650px
	max-width:1219px
	----- */

	/* ----- 
	CONTENT (main section)
	min-width:650px
	max-width:1219px
	----- */
	#banner-pos-a h2.box-title,
	#banner-pos-f h2.box-title{
		font-size:17px;
		font-size:1.7rem;
	} 
	/**/

	#content #destination-attached-pages-anchormenu .box-title{max-width:38%;}
	#content #destination-attached-pages-anchormenu .box-desc{max-width:62%;}
	
	
	/* ----- 
	SIDEBAR (main section)
	min-width:650px
	max-width:1219px
	----- */
	
	/* ----- 
	SECONDARY MENU (main section)
	min-width:650px
	max-width:1219px
	----- */
	
	/* ----- 
	LAST MINUTE BOX (main section)
	min-width:650px
	max-width:1219px
	----- */
	
	/* ----- 
	FOOTER (main section)
	min-width:650px
	max-width:1219px
	----- */
	#footer .vcard,#footer ul.list-tel,#footer ul.list-sitelink{display:block!important;}
	#footer ul.list-tel li:last-child:after,#footer .copyright:after,#footer .adr .adr-item:last-child:after{display:none!important;}
	#footer .vcard .adr-item,#footer .copyright {padding-top:0.143em;padding-bottom:0.143em;}
	/* ----- 
	WRAPPER BOTTOM BAR (wrap)
	min-width:650px
	max-width:1219px
	----- */

}

/* .END min-width 650px,max-width 1219px */


/* ----- 
 LAYOUT 2 - MAIN SECTION width correction (deviates from column logic) to keep sidebar content at max-width:320px;
		
 ----- */
 
 
@media screen and (min-width:650px) and (max-width:704px){
		
	#sidebar{
		width:38%;
		
	}
	
	#content,.main-figure.main-section,.content-extra-row{
		width:62%;
		
	}
	
	#content2,
	.no-sidebar #content,
	.no-sidebar .main-figure.main-section,
	.no-sidebar .content-extra-row,
	#depcity-selector-container,
	.box-varning{
		width:100%;
	}
	
}

/* ----- 
 LAYOUT 2 - PRIMARY MENU (main section) media queries (only ff supports media queries inside media queries)
 ----- */



/*////////// LAYOUT 2 /// END /////////////////////////*/

/*////////// LAYOUT 3 /// START /////////////////////////*/

/**
 *
 *		See desktop.css
 *
 ************/
/*////////// LAYOUT 3 /// END /////////////////////////*/



/**
 *	MISCELLANEOUS QUERIES - device-height,Retina etc																				MEDIA-MISC. (max-width,height,pixel-ratio etc)
 
*****/

@media screen and (min-width:360px) and (max-width:1023px){
		
/**
 *		Width,between 360 and 1023 (banner pos A - Two column)																						width:360 < 1023
*/
	#banner-pos-a .box.item-1,
	#banner-pos-a .box:nth-of-type(2n+3),
	#banner-pos-f .box.item-1,
	#banner-pos-f .box:nth-of-type(2n+3),
	.hotellist-section .box.item-1,
	.hotellist-section .box:nth-of-type(2n+3){
		clear:left;
	}
	
	.no-box-sizing #banner-pos-a .box.item-1,
	.no-box-sizing #banner-pos-a .box:nth-of-type(2n+3),
	.no-box-sizing #banner-pos-f .box.item-1,
	.no-box-sizing #banner-pos-f .box:nth-of-type(2n+3),
	.no-box-sizing .hotellist-section .box.item-1,
	.no-box-sizing .hotellist-section .box:nth-of-type(2n+3){
		margin-left:0;
	}
}

/**
 *
*		Responsive table - none table layout settings   																			               Responsive table
 *
 ************/

@media screen and (min-width:1px) and (max-width:979px){
	/*CONTENT SECTION RESPONSIVE TABLES ONLY*/
	#content table.responsive-table td:before{display:block;}
	#content table.responsive-table .row-daybreak td:before{display:none;}
	#content table.responsive-table td:empty{display:none;}
	#content table.responsive-table,
	#content table.responsive-table thead,
	#content table.responsive-table tbody,
	#content table.responsive-table tfoot,
	#content table.responsive-table th,
	#content table.responsive-table td,
	#content table.responsive-table tr{ 
		display:block; 
	}
	
	#content table.responsive-table thead tr{ 
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
		
	#content table.responsive-table td{ 
		position:relative;
	}
	
	#content table.responsive-table .row-daybreak{display:none;}
		
	#content table.responsive-table tr{padding-top:0.75em;padding-bottom:0.75em;}
	#content table.responsive-table tr.iteminfo-row {padding-top:0;padding-bottom:0;}
	#content table.responsive-table td,
	#content table.responsive-table td:before{padding-top:0.375em;padding-bottom:0.375em;}

  #content table.responsive-table td.iteminfo-col:before {padding-top:0px!important;padding-bottom:0px;} 
	#content table.responsive-table tr.iteminfo-row td {padding:0!important}
	#content table.responsive-table tr.iteminfo-row td:before{padding:0!important}

	#content table.responsive-table tr.iteminfo-row td:after{padding:0}

	#content table.responsive-table tr.iteminfo-row span {padding:0!important; margin: 0}


		
	/*--- Tourlist ---*/
	
	.tourlist-table .indicator-info {
	  display: inline-block; margin-right:1.5em;
	}
	
	ul.filter-list{padding-bottom:0.75em;}
	
	/*make tourlist full width*/
	.attached-page-tourlist{padding-left:0;padding-right:0;}
	.attached-page-tourlist #attached-page-toggler-tourlist{margin-left:9px;margin-right:9px;margin-left:0.9rem;margin-right:0.9rem;}
	
	.attached-page-tourlist td,ul.filter-list{padding-left:0.75em;padding-right:0.75em;}

	.tourlist-table .row-odd,.tourlist-table .row-even{/*background-color:transparent;*/}
    .tourlist-table .row-daybreak,.tourlist-table .row-day-even{/*background-color:rgba(227,228,230,0.5);*/}
	
	.tourlist-table tr.item-row,
	.tourlist-table tr.iteminfo-row{border-bottom:none;}
	.tourlist-table tr.item-row{border-top:1px solid #E3E4E6;}
	.tourlist-table tr.row-daybreak + tr{ border-top:1px solid rgba(28,28,28,0.5);}
    
	tr.row-odd,tr.row-even,li.item-odd,li.item-even
	
	.tourlist-table.enableTourlistShowDepinfo .indicator-info:after{
		display:inline-block;
		margin-left:0.125em;
		position:relative;
		top:0.125em;
	}
	
	
	.tourlist-table.enableTourlistShowDepinfo .indicator-info{color:#732b91;}
	.tourlist-table.enableTourlistShowDepinfo .toggled .indicator-info{color:#b10a5a;}

	.tourlist-table.enableTourlistShowDepinfo .indicator-info:after{content:"\25b6";}
	.tourlist-table.enableTourlistShowDepinfo .toggled .indicator-info:after{content:"\25bc";}
}

/**
 *
 *		Responsive table - layout - one column																									Responsive table 1
 *
 ************/
@media screen and (min-width:1px) and (max-width:479px){			
	/*ALL RESPONSIVE TABLES INCLUDING SIDEBAR*/
	table.responsive-table td:empty{display:none;}
	table.responsive-table,table.responsive-table thead,table.responsive-table tbody,table.responsive-table tfoot,table.responsive-table th,table.responsive-table td,table.responsive-table tr{ 
		display:block; 
	}
	
	table.responsive-table thead tr{ 
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
		
	table.responsive-table td{ 
		position:relative;
	}
	
	table.responsive-table .row-daybreak{display:none;}	
	table.responsive-table tr{padding-top:0.75em;padding-bottom:0.75em;}
	table.responsive-table td,table.responsive-table td:before{padding-top:0.375em;padding-bottom:0.375em;}
	/**/
	table.responsive-table td,
	table.responsive-table td:before{display:block;}
	table.responsive-table td:before{font-size:1.25em;}
	
	table.responsive-table td{padding-top:0.375em;padding-bottom:0.75em;}
	table.responsive-table td:before{padding-top:0;padding-bottom:0;}
	table.responsive-table td:first-child{ padding-top:0;}
	table.responsive-table td:last-child{padding-bottom:0;}
	table.responsive-table tr{padding-top:1.5em;padding-bottom:1.5em;}
}

/**
 *
 *		Responsive table - layout - two column																									Responsive table 2
 *
 ************/
@media screen and (min-width:480px) and (max-width:979px){
	/*CONTENT SECTION RESPONSIVE TABLES ONLY*/
	#content table.responsive-table td{ 
  		position:relative;
  	}

  
	#content table.responsive-table td{ 
  		padding-left:30%; 
  	}

  	#content table.responsive-table td:before{ 
  		position:absolute;
  		top:0;
  		left:0;
  		width:28%; 
  		padding-right:10px; 
  		white-space:nowrap;
		display:inline-block;
  	}
	
	#content .attached-page-tourlist td{padding-left:0;padding-right:0.75em;}
	#content .attached-page-tourlist td:before{padding-left:0.75em; padding-right:0;}
}


#wrapper{min-height:900px;}



@media screen and (min-width:1px) and (max-width:960px){
	/*image only visible in header section*/
	body{		
		background-position: 50% 0;	
		background-size:100% auto;
		background-attachment:scroll;
	}
	
}

@media screen and (min-width:961px){


	body{
		background-position: 50% 50%;
		background-size:cover;
	}
	
}



@media screen and (min-width:1px) and (max-width:650px){
	body{
		background-image:url("/upload/images/site/bgBody-small.jpg");
	}

/*650*367*/
		body.id-1830{background-image:url("/upload/images/site/13472050_xl_small.jpg");}
		body.id-1392{background-image:url("/upload/images/site/18118886_xl_small");}
		body.id-1374{background-image:url("/upload/images/site/15730172_xxl_small");}
		body.id-1392{background-image:url("/upload/images/site/18823446_xl_small.jpg");}
		body.id-1615{background-image:url("/upload/images/site/6848282_xl_small_2.jpg");}
		body.id-1389{background-image:url("/upload/images/site/8731022_xxl_small.jpg");}
		
	
	
}

@media screen and (min-width:1px) and (max-width:319px){
	body{
		background-size:cover;
	}
	
}

@media screen and (min-width:651px) and (max-width:1680px){

	body{background-image:url("/upload/images/site/22.jpg");
	/*body{background-image:url("/upload/images/site/bgBody.jpg");*/
	}
		
	/*1400/933*/	
		body.id-1830{background-image:url("/upload/images/site/13472050_xl.jpg");}
		body.id-1392{background-image:url("/upload/images/site/18823446_xl.jpg");}
		body.id-1374{background-image:url("/upload/images/site/15730172_xxl.jpg");}
		body.id-1615{background-image:url("/upload/images/site/6848282_xl.jpg");}
		body.id-1389{background-image:url("/upload/images/site/8731022_xxl.jpg");}
		body.id-1639{background-image:url("/upload/images/site/23289146_xxl.jpg");}
		body.id-870{background-image:url("/upload/images/site/shutterstock_76362202.jpg");}
		body.id-369{background-image:url("/upload/images/site/22142110_xxl.jpg");}
		body.id-2139{background-image:url("/upload/images/site/spring.jpg");}
		body.id-2103{background-image:url("/upload/images/site/spring.jpg");}
		body.id-2276{background-image:url("/upload/images/site/Lubeck.jpg");}
		body.id-2369{background-image:url("/upload/images/site/goteborg_2.jpg");}
		body.id-1787{background-image:url("/upload/images/site/pict_barn.jpg");}
		body.id-2490{background-image:url("/upload/images/site/opatija_xl.jpg");}
		
		body.id-2633{background-image:url("/upload/images/site/11.jpg");}
		body.id-2634{background-image:url("/upload/images/site/22.jpg");}
		body.id-2636{background-image:url("/upload/images/site/33.jpg");}
		
			
}
@media screen and (min-width:1681px){body{background-image:url("/upload/images/site/bgBody-large.jpg");}}
@media screen and (min-height:1120px){body{background-image:url("/upload/images/site/bgBody-large.jpg");}}

/**/



	body{background-image:url("/upload/images/site/22.jpg");
	}
	
	/*1680/1121*/
	
		body.id-1830{background-image:url("/upload/images/site/22.jpg");}
		body.id-1392{background-image:url("/upload/images/site/22.jpg");}
		body.id-1374{background-image:url("/upload/images/site/22.jpg");}
		body.id-1615{background-image:url("/upload/images/site/22.jpg");}
		body.id-1639{background-image:url("/upload/images/site/22.jpg");}
		body.id-870{background-image:url("/upload/images/site/22.jpg");}
		body.id-369{background-image:url("/upload/images/site/22.jpg");}
		body.id-2139{background-image:url("/upload/images/site/spring.jpg");}		
		body.id-2103{background-image:url("/upload/images/site/spring.jpg");}
		body.id-2276{background-image:url("/upload/images/site/Lubeck.jpg");}
		body.id-850{background-image:url("/upload/images/site/22.jpg");}
		body.id-843{background-image:url("/upload/images/site/22.jpg");}
		body.id-1663{background-image:url("/upload/images/site/taormina_xl.jpg");}
		body.id-1636{background-image:url("/upload/images/site/naxos_xxl.jpg");}
		body.id-1634{background-image:url("/upload/images/site/siracusa_xxl.jpg");}
		body.id-1799{background-image:url("/upload/images/site/letojani_xl.jpg");}
		body.id-359{background-image:url("/upload/images/site/split_xl.jpg");}
		body.id-382{background-image:url("/upload/images/site/Dubrovnik_xxl.jpg");}
		body.id-2308{background-image:url("/upload/images/site/loretdemar-xxl.jpg");}
		body.id-2309{background-image:url("/upload/images/site/platja-daro-xxl.jpg");}
		body.id-1635{background-image:url("/upload/images/site/catania_xxl.jpg");}
		body.id-2369{background-image:url("/upload/images/site/goteborg_2.jpg");}
		body.id-2432{background-image:url("/upload/images/site/15730172_xxl.jpg");}
		body.id-1149{background-image:url("/upload/images/site/ultra-europe1.jpg");}
		body.id-1787{background-image:url("/upload/images/site/pict_barn.jpg");}
		body.id-2490{background-image:url("/upload/images/site/22.jpg");}
		
		body.id-2636{background-image:url("/upload/images/site/33.jpg");}
		body.id-2633{background-image:url("/upload/images/site/11.jpg");}
		body.id-2634{background-image:url("/upload/images/site/22.jpg");}
		
}

	
@media screen and (min-height:1120px){
	body{background-image:url("/upload/images/site/22.jpg");
	}
		body.id-1830{background-image:url("/upload/images/site/13472050_xl.jpg");}
		body.id-1392{background-image:url("/upload/images/site/18823446_xl.jpg");}
		body.id-1374{background-image:url("/upload/images/site/15730172_xxl.jpg");}
		body.id-1615{background-image:url("/upload/images/site/6848282_xl.jpg");}
		body.id-1639{background-image:url("/upload/images/site/23289146_xxl.jpg");}
		body.id-870{background-image:url("/upload/images/site/shutterstock_76362202.jpg");}
		body.id-369{background-image:url("/upload/images/site/14645485_xl.jpg");}
		body.id-2139{background-image:url("/upload/images/site/spring.jpg");}
		body.id-2103{background-image:url("/upload/images/site/spring.jpg");}
		body.id-1149{background-image:url("/upload/images/site/ultra-europe1.jpg");}
		body.id-2490{background-image:url("/upload/images/site/opatija_xl.jpg");}
		
		body.id-2633{background-image:url("/upload/images/site/11.jpg");}
		body.id-2634{background-image:url("/upload/images/site/22.jpg");}
		body.id-2636{background-image:url("/upload/images/site/33.jpg");}
		
}



@media all and (min-width:650px) and (max-width:773px){
	
	.min-650 #primary-menu ul.level2 li:nth-of-type(3n+1){clear:none;}
	.min-650 #primary-menu ul.level2 li{width:33.333%;padding-left:0;}
	.min-650 #primary-menu ul.level3 li{width:100%;}

	.min-650 #primary-menu ul.level2 li:nth-of-type(3n+1){clear:left;}

	.min-650 #primary-menu ul.level2 li:nth-of-type(3n+3) a{
		border-right-color:none;
	}

	.min-650 #primary-menu ul.level2 li:nth-of-type(3n+3):hover a,
	.min-650 #primary-menu ul.level3 li:nth-of-type(3n+3) a{
		border-right-style:solid;
	}

	.min-650 #primary-menu ul.level3 li:nth-of-type(3n+1){
		clear:both;
	}

	.min-650 #primary-menu ul.level3 li{width:100%;clear:both;}

	.min-650 #primary-menu .lm_item-agents{
		display:none;
	}
	
	html .min-650 #primary-menu .level2 li:last-child ul.level4{
		left:50%;
	}
	
	html .min-650 #primary-menu ul.level2 li:nth-of-type(3n+3) ul.level4{
		left:-50%;
	}

}

@media all and (min-width:774px) and (max-width:1023px){
	.min-650 #primary-menu ul.level2 li:nth-of-type(4n+1){clear:none;}

	.min-650 #primary-menu ul.level2 li{width:25%;padding-left:0;}
	.min-650 #primary-menu ul.level3 li{width:100%;}

	.min-650 #primary-menu ul.level2 li:nth-of-type(4n+1){clear:left;}

	.min-650 #primary-menu ul.level2 li:nth-of-type(4n+4) a{
		border-right-color:none;
	}

	.min-650 #primary-menu ul.level2 li:nth-of-type(4n+4):hover a,
	.min-650 #primary-menu ul.level3 li:nth-of-type(4n+4) a{
		border-right-style:solid;
	}

	.min-650 #primary-menu ul.level3 li:nth-of-type(4n+1){clear:both;}


	.min-650 #primary-menu ul.level3 li{width:100%;clear:both;}
	
	.min-650 #primary-menu .toplevel a.lm_agents{
		margin-top:0.5em;
	}
	
	
	html .min-650 #primary-menu .level2 li:last-child ul.level4{
		left:50%;
	}
	
	html .min-650 #primary-menu ul.level2 li:nth-of-type(4n+4) ul.level4{
		left:-50%;
	}
	
}





@media screen and (min-width:1024px) and (max-width:1219px){
		
	/* ----- 
	PRIMARY MENU (main section)
	min-width:1024px
	----- */
	.min-650 #primary-menu ul.level2 li{width:20%;padding-left:0;}
	.min-650 #primary-menu ul.level3 li{width:100%;}
	
	
	.min-650 #primary-menu ul.level2 li:nth-of-type(5n+1){clear:none;}


	.min-650 #primary-menu ul.level2 li:nth-of-type(5n+1){clear:left;}

	.min-650 #primary-menu ul.level2 li:nth-of-type(5n+5) a{
		border-right-color:none;
	}

	.min-650 #primary-menu ul.level2 li:nth-of-type(5n+5):hover a,
	.min-650 #primary-menu ul.level3 li:nth-of-type(5n+5) a{
	border-right-style:solid;}

	.min-650 #primary-menu ul.level3 li:nth-of-type(5n+1){clear:both;}

	.min-650 #primary-menu ul.level3 li{width:100%;clear:both;}

	.min-650 #primary-menu .toplevel a.lm_agents{
		margin:0.5em 0 0 0;
	}

}


/**
 *
 *		Retina - pixel-ratio 2+ (2.0 dpr)																									Retina
 *
 ************/

@media 
	only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and (min-device-pixel-ratio:2),
	only screen and (min-resolution:192dpi){
	
	
		#logo a{background-image:url("../images/logo-travea-white@2.png");}
		.lang-fi #logo a{background-image:url("../images/logoWhite-fi@2.png");}
		.lang-pl #logo a{background-image:url("../images/logoWhite-pl@2.png");}
		.lang-cr #logo a{background-image:url("../images/logoWhite-hr@2.png");}
		.lang-dk #logo a{background-image:url("../images/logoWhite-dk@2.png");}
}

@media print {
	html,body,div,#content,#content2,p,table,td,tr,th,ul,li,a,h1,h2,h3,h4,h5,h6,font,span,.MsoNormal,u,strong{height:auto;width:auto;overflow:auto;}
	html,body,div,p,table,td,tr,th,ul,li,a,h1,h2,h3,h4,h5,h6,font,span,.MsoNormal,u,strong,img{background:transparent;}
	body{margin:0;padding:0;}
	img{border:none;}
	a,a span{text-decoration:underline;}
	.do-not-print,#wrapper .quick-nav,nav{display:none!important;}
	* {-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}
	.main-section,.main-section-inner,#content,#content2,.main-figure.main-section{float:none!important; clear:none!important;}
	.box-section,.box,.box-inner,.box-title,.box-desc,.box-image,.box-nav{margin-left:0; margin-right:0;}
	.main-section{width:auto!important;padding:0.75em!important;}
	.main-section-inner{padding:0!important;}
	.main-section-inner,#logo{width:100%!important; padding-left:0!important; padding-right:0!important;}
	/**/
	#content,
	.main-figure.main-section,
	#sidebar{
	position:static!important;
	
	}
	
}

.popup,.popup .bxBg{height:100%;width:100%;}
.popup_content{height:100%;width:100%;}
a.popup,a.popup:hover{text-decoration:none;}
.popup,.popup_content,.popup .bxBg{display:block;}
.popup,.popup .bxBg{position:fixed;}
.popup_content{position:absolute;}
.popup,.popup .bxBg,.popup_content{top:0;left:0;}
.popup{z-index:+999;}
.popup_content{z-index:+3;}
.popup .bxBg{z-index:+2;}
.popup_content{overflow:auto;text-align:center;}
.popup{text-align:center;}
.popup .bxBg{background-color:#fff;filter:alpha(opacity=80);opacity:0.60;-moz-opacity:0.80;}
.popup{font-size:13px;}
.absoluteFullSize{position:absolute;left:0;top:0;height:100%;width:100%;padding:0;margin:0;display:block;overflow:auto;z-index:+1;}
.absoluteFullSize,.absoluteFullSize:hover{text-decoration:none;}
.popup .btnClose{position:absolute;top:0;right:0;float:none;overflow:hidden;z-index:999;display:block;width:22px;height:20px;text-align:center;}
.popup a.btnClose,.popup a.btnClose:hover{text-decoration:none;}
.popup .btnClose span{line-height:17px;}
.popupContentBox{width:60%;margin:15px auto;text-align:left;padding:30px;background-color:#fff;border:1px solid #A6A6A6;position:relative;}
.popup .largeImage{width:auto;max-width:95%;height:auto;margin-bottom:15px;border:5px solid #fff;box-shadow:0 0 15px #6a6a6a;-moz-box-shadow:0 0 15px #6a6a6a;-webkit-box-shadow:0 0 15px #6a6a6a;}


popup_content2{height:100%;width:100%;}
a.popup,a.popup:hover{text-decoration:none;}
.popup,.popup_content2,.popup .bxBg{display:block;}
.popup,.popup .bxBg{position:fixed;}
.popup_content2{position:absolute;}
.popup,.popup .bxBg,.popup_content2{top:0;left:0;}
.popup{z-index:+999;}
.popup_content2{z-index:+3;}
.popup .bxBg{z-index:+2;}
.popup_content2{overflow:auto;text-align:center;}
.popupContentBox2{width:400px;height:400px;margin:15px auto;text-align:left;padding:15px;background-color:#fff;position:relative;}
.popupContentBox2{box-shadow:0px 0px 6px #c9c9c9;-moz-box-shadow:0px 0px 6px #c9c9c9;-webkit-box-shadow:0px 0px 6px #c9c9c9;border:1px solid #e0e0e0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}

.no-touch .call-mobile-btn {
    display: none;
}