/* CSS Document */

/* Todo:
- Titel verschilt bij voorstellen
- 'Samengesteld via www.wooning.org'? Werkt content insert met CSS in IE?
  Invoeren met divje in template, in normale stylesheets op 'hidden', in print op display.

- Alle borders weghalen
- 'Print deze pagina' link weg? Zo ja dan moet er, lijkt me, span ofzo omheen. Kan dit zonder problemen?
- HR/Lijn onder header? In normale pagina zit ook lijn in menu, maar dit lijkt me een border
- Favorieten worden groter uitgeprint
- Hoe zit het met lange pagina's en pagina-breaks? Vooral met favorieten en plaatjes.
  Ook tekst velden als 'Tips' moeten op dezelfde pagina.

- Pagina volgnummer meeprinten?
*/


/* definieer hier alle elemneten die NIET getoond worden op print media */

.wrapper .contentBlok .linksRechtsBoven a,
.wrapper .contentBlok .menu,
.wrapper .banier,
.wrapper .contentBlok .centerBlok .leftColumn,
.header span ul li,
.printlink,
form#routeform,
ul.backlink,
span.favlink,
img.productfoto,
a.verwijder,
ul.bekijklink,
ul.deeplinks,
span.screen-only-vestiging,
#prijsBlok img,
#infoBlok1a,
#infoBlok2a,
.meerinfoRechts,
.closeMeerinfo,
#productBladeren,
.footer	{
	display: none;
}

/* pagina afmetingen - A4 */
@page {
	size: 210mm  297mm;
	margin: 27mm 16mm 27mm 16mm;
	size: portrait;
}

/* definieer hier de elementen die een page-break-after forceren */
/*
h1 {
  page-break-after: always;
}
*/

span.fav-producten {
	page-break-after: always;
}


/* reset bg and font color */
html * {
	background: none ! important;
	color: #000 ! important;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12pt;
}

/* CSS3 spul -  voor die clients die het ondersteunen */
/* page numbers - paginanummer wordt ook standaard door de browser gedefinieerd */
@page :left {
  @bottom-left {
    content: counter(page);
  }
}

.printonly {
	display: default ! important;
}


/* ########################################################################## */

/* wooning logo, alleen 1e plaatje. Soms worden er banners in zelfde div geplaatst */
.logoLinksboven .logo_banner_wrapper {
	display: none;
}

.logoLinksboven {
	display: block;
	float: left;
	width: 143px;
	height: 69px;
	margin-right: 10px;
}

/* pagina header */
.header h1,
h1.printonly {
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 5px;
	color: #102B72 ! important;
}

.header .samengesteldvia {
	font-weight: bold;
	color: #102B72 ! important;
}

hr.horzline {
	height: 2px;
	border: 1px solid #999;
	background-color: #999;
	margin-bottom:30px;
}


.fav-producten,
.fav-tips,
.fav-vestiging {
	display: block;
}

.fav-tips span {
	display: block;
	font-family: sans-serif ! important;
	font-size: 12pt ! important;
	margin-bottom: 20px;
}

img.productfotoxl {
	float: left;
	width: 298px;
	height: 223px;
	margin-right: 20px;
	border: 1px solid #0E2B6F;
	/* Don't break the product photo up over 2 pages */
	page-break-inside: avoid;
}

.pagebreak {
	  page-break-after: always;
/* 	  height: 10px; */
}

div.koopzondagen {
	margin-top: 10px;
}

.fav-tips li table {
	margin-bottom: -5px;
}

.tipomschrijving {
	padding-top: 5px;
}

#actieBlok {
	margin-top: 20px;
	font-weight: bold;
}

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}