/**
 *
 	* Print-friendly CSS for CM3 (print-friendly.css)
 *		This is NOT a general @media print CSS file!
 *		this CSS file is used to override some of the standard CSS when print page / mode is active (renderPrintVersion = TRUE -> 'body.renderPrintVersion')
 *
 	* print-media-queries.css
 * 		The css file that should be included further up in the DOM when this css-file is in use is called 'print-media-queries.css'
 * 		print-media-queries.css contains CSS for print (@MEDIA PRINT)
 * 		Some of the styles from here have been copied to this file (print-friendly.css) to simulate print view on SCREEN.
 */

/* 
	* COPIED CSS FROM PRINT (print-media-queries.css)
*/
*{
	background:none transparent!important;
	text-shadow:none!important;
}

/** 
 * custom colors
 */
*{
	color:#474343!important;
}

.ckeditor-content a{
	color:#0080c0!important;
}



html,
body{
	margin:0;
	padding:0;
}

img{
	border:none;
	max-width:100% !important;
}

abbr[title]:after {
    content:" (" attr(title) ")";
}

a[href]:after{
	content:" ( url:'" attr(href) "' )";
	font-size:11px;
	font-size:1.1rem;
	word-break:break-all;
	/*opacity:0.75;*/
}

a.readmore:after {
	content:" \00BB  ( url:'" attr(href) "' )";

}

.lte8 p a:after{
	zoom:1;
	filter:alpha(opacity=6);
}	
	
a[href^="#"]:after,
a[href="/"]:after,
a[href^="javascript:"]:after,
h1 a:after,
h2 a:after,
h3 a:after,
h4 a:after,
h5 a:after,
h6 a:after,
a.title:after,
.title a:after,
.breadcrumbs a:after,
.renderPrintVersionMenu a:after,
a.box-image:after,
.box-image a:after,
.banner-columns a:after,
.secondary-menu a:after,
.hotellist-item a:after,
a.button:after{
	display:none;
}

thead{
    display:table-header-group;
}

.do-not-print{
	display:none!important;
}

 /* 
 	* PRINT FRIENDLY page styles
 */

html{
	font-size:8pt;
}

h1{
	border-bottom:1px solid #dc8089;
	margin-bottom:18px;
}

a,
a:hover{
	text-decoration: none!important;
}

.wrapper,
.wrapper-inner{
	box-shadow:none!important;
}

.wrapper,
.wrapper-inner,
.main-section,
.main-section-inner{
	width:100%!important;
	max-width:100%!important;	
}

.wrapper,
.wrapper-inner,
.main-section{
	padding:0!important;
	margin:0 auto!important;
}

.main-section-inner{
	padding-left:0!important;
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;
}

.main-section,
.main-section-inner{
	position:static!important;
	box-shadow:none!important;
}

.main-section,
.main-section-inner,
.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;
}

.breadcrumbs{
	margin-top:3mm;
}

.button,
.pager a{
	border-color:#000!important;
	color:#000!important;
	background:none #fff!important;
	text-shadow:none!important;
	box-shadow:none!important;
}

.pager .active a{
	border-color:transparent!important;
	color:#000!important;
	background-color:transparent!important;
}

/* Remove objects */

.id-destination-attached-pages-anchormenu{	
  display:none!important;
}

.destination-priceinfobox{
  display:none!important;
}

/**/
.wrapper,
.fixedWidthSiteVersion .wrapper{
	min-width:0!important;	
}

.wrapper-inner{
	max-width:600px!important;
}

.fixedWidthSiteVersion .wrapper-inner{
	width:600px!important;
}

.id-logo{
	text-align:left;
	width:100%;
	padding:0;
	margin:0;
	position:!important;
}

.logo-inner,
.id-content{
	padding:0;
	margin:0;
}

/*--- START - overide JS inline style(width and height) for slideshow so that the image becomes responsive to the printed page and not the current screen size (image may get cropped)*/

.main-figure,
.main-figure .box-inner,
.slider-wrapper,
.slider-wrapper *{
	height:auto!important;
	min-height:0!important;
	position:static!important;
}

.main-figure,
.main-figure .box-inner,
.slider-wrapper,
.caroufredsel_wrapper{
	padding-left:0!important;
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;
	min-width:0!important;
	max-width:100%!important;
	width:100%!important;

}

.caroufredsel_wrapper img{
	width:auto!important;
}

.slider-wrapper .inlay-image{
	text-align:center!important;
}

.slider-wrapper .inlay-image:before,
.slidecontainer{
	display:none!important;
}

.slidecontainer:first-child{
	display:block!important;
}

/*.lte9 .slider-controls,*/
.slider-controls{
	display:none!important;
}
/*--- END -*/


@media screen{
	
	.wrapper{
		padding:0!important;
		overflow:hidden;
	}

	.wrapper:first-child,
	.id-wrapper-header{
		padding-top:3mm!important;
	}

	.wrapper:last-child,
	.id-wrapper-footer{
		padding-top:3mm!important;
	}
	

	
	.do-not-print.renderPrintVersionMenu,
	.do-not-print.devToolbarItem{
		display:block!important;
	}
	
	
	.renderPrintVersionMenu,
	.renderPrintVersionMenu li{
		list-style:none;
		padding:0;
		margin:0;
		line-height:0;
		display:inline;
		display:inline-block;
	}
	
	.renderPrintVersionMenu li{
		padding-left:0;
		padding-right:0;
	}
	
	.renderPrintVersionMenu li:first-child{
		padding-left:0;
	}
	
	.renderPrintVersionMenu li:last-child{
		padding-right:0;
	}
	

	.renderPrintVersionMenu{
		display:block;
		width:100%;
		text-align:right;
		line-height:1;
		overflow:hidden;
	}

	.renderPrintVersionMenu a,
	.renderPrintVersionMenu a:hover{
		text-decoration:none;
	}

	.renderPrintVersionMenu,
	.renderPrintVersionMenu a{
		background-color:#edb5bb!important;
		background-image: -webkit-linear-gradient(top,  rgba(237,181,187,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 54%,rgba(237,181,187,1) 100%)!important;
		background-image: linear-gradient(to bottom,  rgba(237,181,187,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 54%,rgba(237,181,187,1) 100%)!important;
	}

	.renderPrintVersionMenu a{
		text-shadow:none;
		box-shadow:inset 0 1px 0 0 #ffffff,inset 0 -1px 0 0 #edb5bb,0 1px 2px #edb5bb;
		
		/*color:#474343;*/
		border-color:#edb5bb #dc8089 #dc8089 #edb5bb;
		border-style:solid;
		border-width:1px;
		/**/
		outline:0 none;
		line-height:1.5;
		font-weight:600;
		cursor:pointer;
		display:inline-block;
		padding:1.25em 1.83em;
		margin:0 auto;
	}
	
	.renderPrintVersionMenu a:hover{	
		text-shadow:none;
		box-shadow:inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #edb5bb;
		background-color:#edb5bb!important;
		background-image:none!important;
		color:#2d2a2a;
		border-color:#edb5bb #dc8089 #dc8089 #edb5bb;
	}

	.renderPrintVersionMenu a:active,
	.renderPrintVersionMenu a.active,
	.renderPrintVersionMenu a.active:hover,
	.renderPrintVersionMenu a.active:active{
		text-shadow:2px 2px 2px rgba(255,255,255,0.85);
		box-shadow:inset 0 -1px 1px 0 rgba(255,255,255,0.85);
		background-color:#edb5bb!important;
		background-image: -webkit-linear-gradient(top,  rgba(220,128,137,1) 0%,rgba(237,181,187,0.22) 55%,rgba(255,255,255,0.15) 60%,rgba(237,181,187,0.26) 65%,rgba(237,181,187,1) 100%)!important;
		background-image: linear-gradient(to bottom,  rgba(220,128,137,1) 0%,rgba(237,181,187,0.22) 55%,rgba(255,255,255,0.15) 60%,rgba(237,181,187,0.26) 65%,rgba(237,181,187,1) 100%)!important;
		color:#2d2a2a;
		border-color:#dc8089 #edb5bb #edb5bb #dc8089;
	}
	
	.fixedWidthSiteVersion .wrapper{
		min-width:210mm!important;
	}
}

@media screen and (min-width:810px){
	/* simulate A4 page size (210mm × 297mm) on screen with 3mm white space*/

	body{
		background-color:#fafafa!important;
		padding-bottom:6mm;
	}

	.wrapper,
	.wrapper-inner{
		position:relative;
	}
	
	.wrapper,
	.wrapper-inner{
		background-color:#fff!important;
	}

	.wrapper{
		box-shadow:5px 5px 40px 0 rgba(0,0,0,.1)!important;
		margin:0 auto!important;
		/*-webkit-box-sizing:border-box!important;*/
		/*-moz-box-sizing:border-box!important;*/
		box-sizing:border-box!important;
		width:210mm!important;
		max-width:100%;
		/*min-height:297mm!important;*/
		padding-left:3mm!important;
		padding-right:3mm!important;
	}

	.wrapper:first-child,
	.id-wrapper-header{
		padding-top:3mm!important;
	}

	.wrapper:last-child,
	.id-wrapper-footer{
		padding-bottom:3mm!important;
	}

	.wrapper-inner{
		z-index:+1;
		box-shadow:0 0 0 25em #fff!important;
	}

	.renderPrintVersionMenu{
		margin-bottom:6mm;
		box-shadow:5px 5px 40px 0 rgba(0,0,0,0.1)!important;
	}
}

@media screen and (min-height:650px){
	body{
		padding-top:6.375em;
	}
	.renderPrintVersionMenu{
		position:absolute;
		position:fixed;
		top:0;
		left:0;
		z-index:+40;
	}
}

@media print{
	*{
		overflow:visible!important; /*fix print cropping bug in Chrome*/	
	}
	
	.caroufredsel_wrapper{
		overflow:hidden!important;
	}
	
	.box{
	    page-break-inside: avoid;
	}
	
	/*
	.wrapper-inner{
		width:600px!important;
	}
	*/

}



/*
--- Remove max-width constraints ---
h1,h2,h3,h4,h5,h6,p{
	max-width:100%!important;
}

*/


/* --- maybe use in the future: ---

html,
body{
	height:auto;
	width:auto;
}

a,
a span{
	text-decoration:underline;
}

*/