@media print {

	* { 
		size: landscape; 
	}

	body {
		color: #FFF;
    	text-shadow: 0 0 1px #FFF;
		background-color: #FFF;
		/* REMOVED THESE STYLES AS NOT WORKING FOR AGENDA NO-JS
		color: #FFF !important;
    	text-shadow: 0 0 1px #FFF !important;
		background-color: #FFF;
		*/
	}

	/*NOTE
		Without img#bkg then works perfectly in FF
	*/
	div#content, footer, img#bkg, img.bkg,
	body.hasJS div#content, body.hasJS footer, body.hasJS img#bkg,
	img#bkg0, div#imgbkgContainer img.bkg {
		top: 0;
		left: 0;
		margin: 0;
	}


	div#content {
		page-break-after: always;
	}

	#facebook img {
		display: block;
	}

	#veil {
		background-color: #FFF;
	}

	#overlayContent section {
		page-break-before: always;
	}

	#overlayContent.posCenter {
		top: 29px;
		left: 53px;
		margin: 0;
	}
	
	.jumpToMenu {
		display: none;
	}


	/* NON-JS IMG#BKG ISSUE 
		This was only a problem in FireFox where the img#bkg would be sitting on top of #content and you can't see anything under it
		It was working in Chrome.
	*/
	body#info.noJS img#bkg, body#museum.noJS img#bkg, body#activiteiten.noJS img#bkg, body#kinderen.noJS img#bkg, body#tarot.noJS img#bkg {
		display: none;
	}

	body#info.noJS #content {
		background: url('/img/bkg/info.jpg') no-repeat;
	}

	body#museum.noJS #content {
		background: url('/img/bkg/museum.jpg') no-repeat;
	}

	body#activiteiten.noJS #content {
		background: url('/img/bkg/activiteiten.jpg') no-repeat;
	}

	body#kinderen.noJS #content {
		background: url('/img/bkg/kinderen.jpg') no-repeat;
	}

	body#tarot.noJS #content {
		background: url('/img/bkg/tarotEnzo.jpg') no-repeat;
	}


	/* AGENDA STIJLEN */
	body#agenda.noJS {
		color: #FFF;
		background-color: #000;
	}

	body#agenda.noJS table.event-table {
		page-break-after: always;
		position: relative;
	}
/*
	body#agenda.noJS tbody.events-item-container {
		page-break-inside: avoid;
	}

	body#agenda.noJS tr.event-item {
		page-break-inside: avoid;
	}*/


	/* PLAN STIJLEN */
	body#plan.noJS {
		color: #000 !important;
	}

	body#plan.noJS nav {
		display: none;
	}

	body#plan.noJS main section:nth-of-type(2) {
		page-break-before: always;
	}

	body#plan.noJS main section {
		top: initial;
		page-break-inside: avoid;
	}

	body#plan footer {
		color: #FFF;
	}

	body#plan.hasJS footer {
		top: 270px;
	}

	body#plan.noJS footer {
		background: none;
		top: -40px;
	}


	/* GALLERIJ STIJLEN */

	body#gallerij.hasJS #contentContainer {
		top: 0;
		left: 0;
		margin: 0;
	}

	body#gallerij.hasJS #imgContainer {
		top: 45px;
		left: 300px;
		margin: 0;
	}

	body#gallerij.hasJS footer {
		top: 270px;
	}

}