/* @group zoekparameters */

#zoekparameters {
	background: #efefef;
	width: 860px;
	margin: 50px auto 0;
	border-radius: 8px;
	padding: 20px 12px 20px 84px;
	position: relative;
}

#zoekparameters .info {
	width: 340px;
	
	/* oud: simpel floaten */
	/*float: right;*/
	/*margin-top: 4px;*/

	/* nieuw: niet floaten maar absolute, fix voor raar layout-probleempje in Chrome */
	position: absolute;
	right: 0;
	top: 26px;

	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #252525;
}

#zoekparameters input {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border: 1px solid #ccc;
	border-radius: 3px 3px 3px 3px;
	padding: 4px;
	font-family: Georgia;
	font-size: 15px;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	margin: 0 5px 0 0;
	width: 330px;
}

#zoekparameters button {
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px 3px 3px 3px;
	font-family: Georgia;
	font-size: 15px;
	line-height: 18px;
	background-color: #e6e6e6;
	display: inline-block;
	padding: 3px 10px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

#zoekparameters button:hover {
	-moz-transition: background-position 0.1s linear 0s;
	background: #dfdfdf;
	background-position: 0 -15px;
}

#zoekparameters button:active {
	background: #dfdfdf;
	background-image: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0 none;
}

#zoekparameters ul {
	margin: 0;
	list-style: none;
}

#zoekparameters li {
	display: inline-block;
	margin: 15px 10px 0 0;
}

#zoekparameters li span {
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background: none repeat scroll 0 0 #dfdfdf;
	border-radius: 4px 0 0 4px;
	color: #929292;
	height: 20px;
	vertical-align: top;
	padding: 0 8px;
}

#zoekparameters li span em {
	color: #000;
	font-style: normal;
	padding-left: 4px;
}

#zoekparameters li a {
	font-size: 16px;
	background: #cacaca;
	height: 20px;
	width: 10px;
	border-radius: 0px 4px 4px 0px;
	color: black;
	display: inline-block;
	line-height: 18px;
	padding: 0 5px 0 4px;
	vertical-align: top;
}

#zoekparameters li:hover span {
	background: #d3d3d3;
}

#zoekparameters li:hover a {
	color: white;
	background: #d30910;
}

#zoekopties {
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin: 8px 0 0 20px;
	display: none;
}

/* toon handje bij hoveren over "Aangepaste periode" optie */
[data-toggle] {
	cursor: pointer;
}

/* verberg auteurslijst op /auteur/xyz url */
[data-uri^="/auteur/"] .facet-header-authors,
[data-uri^="/auteur/"] .facet-header-authors + ul {
	display: none;
}


/* @end */

/* @group zoekresultaten */

#zoekresultaten {
	width: 468px;
	margin: 30px 0 0 96px;
}

#zoekresultaten article {
	margin: 30px 0 8px 0;
}

#zoekresultaten h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px;
	width: 100%;
}

#zoekresultaten h3 a {
	color: black;
}

#zoekresultaten h3 a:hover {
	color: #008;
	border-bottom: 1px dotted #ccf;
}

#zoekresultaten img {
	margin: 6px 0;
	max-width: 468px;
}

#zoekresultaten .js-img-error {
	display: none;
}

#zoekresultaten .fake-thumbnail {
	height: 132px;
	background-color: #eee;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

#zoekresultaten .zoekresultaten-meta,
#zoekresultaten .date {
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #999;
}

#zoekresultaten .date.recent {
	background: #fdf382;
	margin-right: 3px;
	padding: 0 2px;
	color: black;
}

#zoekresultaten .zoekresultaten-meta {
	margin-top: 5px;
	line-height: 16px
}

#zoekresultaten .zoekresultaten-meta a {
	color: #555;
}


#zoekresultaten .zoekresultaten-meta a.trefwoord + a.trefwoord {
	margin-right: 2px;
}

#zoekresultaten .zoekresultaten-meta a.bron img {
	display: inline;
	margin: 0 !important;
	height: 10px;
}

#zoekresultaten .zoekresultaten-meta a.bron img.nrc-q {
	margin-bottom: -2px !important;
}

#zoekresultaten .zoekresultaten-meta a.bron img.nrc-handelsblad {
	height: 9px;
}

#zoekresultaten .zoekresultaten-meta a.type {
    border-radius: 4px 4px 4px 4px;
    padding: 2px 2px 1px 3px;
}

#zoekresultaten .zoekresultaten-meta a.type.nieuws {
	color: #111;
	background: rgba(0, 0, 0, 0.1);
}

#zoekresultaten .zoekresultaten-meta a.type.fotoserie {
	color: #128B04;
	background: rgba(18, 139, 4, 0.1);
}

#zoekresultaten .zoekresultaten-meta a.type.beste-van-het-web {
	color: #999933;
	background: rgba(153, 153, 51, 0.1);
}

#zoekresultaten .zoekresultaten-meta a.type.weblog,
#zoekresultaten .zoekresultaten-meta a.type.nrcboeken {
	color: #066;
	background: rgba(0, 102, 102, 0.1);
}

#zoekresultaten .zoekresultaten-meta a.type.column  {
	color: #C36;
	background: rgba(204, 51, 102, 0.1);
}

#zoekresultaten .specialezoekresultaten {
	background: #efefef;
	padding: 8px 10px 5px;
	border-radius: 8px;
}

#zoekresultaten .specialezoekresultaten h3 {
	font-size: 16px;
	line-height: 20px;
}

#zoekresultaten .specialezoekresultaten .type {
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #999;
}

#zoekresultaten .serie img {
	float: left;
	margin-left: 7px;
	max-height: 87px;
}

#zoekresultaten .serie {
	width: 473px;
	height: 87px;
	overflow: hidden;
	margin-left: -7px;
	margin-bottom: 6px;
}

#zoekresultaten .elders-zoeken {
	background: #efefef;
	padding: 8px 10px 10px;
	margin-top: 40px;
	border-radius: 8px;
}

#zoekresultaten .elders-zoeken h1 {
	margin: 5px 0;
}

#zoekresultaten .elders-zoeken ul {
	margin-left: 20px;
}

#zoekstaven {
    margin-bottom: 45px;
    width: 320px;
}

/* prijskaartje */
#zoekresultaten .premium {
	height: auto;
}

#zoekresultaten .premium.onbetaald .prijs {
	position: relative;
	display: inline-table;
	margin: -1px 3px 0 -3px;
	padding: 1px 5px 1px 15px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #fff;
	background: #62a441;
	-moz-border-radius: 9px 4px 4px 9px;
	-webkit-border-radius: 9px 4px 4px 9px;
	border-radius: 9px 4px 4px 9px;
	
	/* stukje draaien; translate3d 0 zorgt voor betere antialiasing op Windows */
	transform: rotate(2deg) translate3d(0,0,0);
	-ms-transform: rotate(2deg) translate3d(0,0,0);
	-webkit-transform: rotate(2deg) translate3d(0,0,0);

	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#zoekresultaten .premium.onbetaald .prijs:before {
	content: ' ';
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	margin: 4px 0 0 -11px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px }
}
#zoekresultaten .premium.onbetaald .prijs .valuta {
	margin: 0 3px 0 0
}

#zoekresultaten .premium.betaald .prijs {
	display: block;
	float: left;
	overflow: hidden;
	width: 0;
	margin: 2px 21px -2px -1px;
}
#zoekresultaten .premium.betaald .prijs:before {
	display: inline-block;
	content: '*';
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	background: gold;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

/* <em class="strong"> in titels juist niet vetgedrukt tonen, staat beetje gek */
#zoekresultaten h3 em {
	font-weight: inherit; }

/* @end */

/* @group verfijnen (rechterkolom) */

#verfijnen {
	float: right;
	width: 352px;
	margin: 0 12px 0;
}

#verfijnen ul {
	margin-bottom: 36px;
	list-style: none;
	margin-left: 0;
}

#verfijnen ul a {
	color: #333;
}

#verfijnen ul a:hover {
	color: #008;
	border-bottom: 1px dotted #ccf;
}

#verfijnen ul.select li a {

}

#verfijnen ul.select li.active a {
	color: #309b00;
	background: url(http://www.nrc.nl/images/vink.png#inline) no-repeat 100% 50%;
	padding-right: 16px;
	font-weight: bold;
}

#verfijnen .count {
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #999;
}

#customdaterange {
	border: 0;
	display: none; }
#customdaterange.customdaterange-active {
	display: block; }
#customdaterange input[type="date"] {
	width: 145px; }

/* @end */

/* @group paginator */

.paginator {
	list-style: none;
	margin: 50px 0 0;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

.paginator li {
	float: left;
}

.paginator li:first-child a {
	border-left: none;
}

.paginator li a {
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0 5px;
	height: 35px;
	line-height: 35px;
	display: block;
	min-width: 25px;
	text-align: center;
}

.paginator li.active a {
	color: black;
	background: #f5f5f5;
}

.paginator li a:hover {
	background: #f5f5f5;
	color: black;
}

/* @end */

/* @group pagina */

.page {
	width: 468px;
	margin: 30px 0 0 96px;
}

.page h1 {
	margin: 5px 0;
}

/* style "Artikelen door [auteur]" header */
.pagetitle {
	margin-left: 96px;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 30px; }

#zoekparameters.zoekparameters-below-pagetitle {
	margin-top: 0; }

/* @end */