/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #home #contentcontainer h1 {
		display: block;
		font-weight: normal;
		font-size: 24px;
		padding: 3px 7px 0px 7px;
	}
	.sIFR-active #contentcontainer h1 {
		display: block;
		font-weight: normal;
		font-size: 19px;
	}
	.sIFR-active #contentcontainer div#subnav h2 {
		display: block;
		font-weight: normal;
		font-size: 16px;
		padding: 3px 10px 2px 10px;
	}
	.sIFR-active #contentcontainer div.block h2 {
		display: block;
		font-weight: normal;
		font-size: 16px;
		margin-bottom: 0.3125em;
		padding: 3px 10px 2px 10px;
	}
		.sIFR-active #contentcontainer div.lijntjes h2 {
			margin-bottom: 0px;
		} 
		.sIFR-active #contentcontainer #content .programmaintro h2 {
			padding-bottom: 3px;
			margin-bottom: 0px;
		}
		.sIFR-active #contentcontainer div#uitgelicht h2 {
			padding-right: 168px;
		}
	.sIFR-active #contentcontainer div.fullbgblock h2 {
		display: block;
		font-weight: normal;
		font-size: 16px;
		padding: 0px 0px 2px 10px;
		margin: -2px 0px 0px 0px;
	}
	.sIFR-active #contentcontainer div.button a {
		padding-top: 5px;
	}
	.sIFR-active #contentcontainer div#content h2 {
		letter-spacing: 0.6em;
		margin-bottom: -5px;
	}
	.sIFR-active div#rightcolumn div.lijntjes div.item h2,
	.sIFR-active #contentcontainer div.overzichtlijst2 h2 {
		display: inline;
		font-size: 14px;
		padding: 0px 10px;
		margin-bottom: -3px;
	}
	.sIFR-active #contentcontainer div.overzichtlijst2 h2 {
		margin-top: 0.5em;
	}
		.sIFR-active div#rightcolumn div.lijntjes form.publicatiebestellen div.item h2 {
			display: block;
			width: 369px;
		}
	.sIFR-active #contentcontainer span.day {
		display: block;
		text-align: right;
		font-size: 18px;
		margin: -3px -3px -7px 0px;
	}
	.sIFR-active #contentcontainer span.month {
		display: block;
		text-align: right;
		font-size: 16px;
		margin: -7px -3px 0px 0px;
	}
	.sIFR-active #contentcontainer span.year {
		display: block;
		text-align: right;
		font-size: 18px;
		margin: -7px -3px 0px 0px;
	}
}