<commit_before>@media (min-width :768px){
	.aside {margin-top: -20px;}
}
/* ---------------------------------------- */
/* topmenu and topmenu menu hovering limits */
/* ---------------------------------------- */

.nav#mainnav ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li ul
	{
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
}

#main.landing .col-sm-6.col-md-3.area ul li.arrow-side ul {
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* --------------- */
/* hovering limits */
/* --------------- */

@media (min-width : 992px) {
	.navbar .container .nav#mainnav li {
		margin-left: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.navbar .container .nav#mainnav li.last {
		padding-right: 0;
	}
}

@media (min-width : 1200px) {
	.navbar .container .nav#mainnav li {
		padding-left: 28.5px;
		padding-right: 28.5px;
		margin-left: 0;
	}

	.navbar .container .nav#mainnav li.last {
		padding-right: 0;
	}
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li {
	padding-left: 0px; padding-right: 0;
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li,
.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li {
	padding-left: 0px; padding-right: 0;
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li{
	padding-left: 20px;
}

@media (min-width: 768px){
	.navbar .container .nav#mainnav li.active {
		border-bottom: none;
		padding-bottom: 0;
	}

	.navbar .container .nav#mainnav li.active ul.dropdownmenu.visible-lg.visible-md{
		margin-top: 0;
	}

	.navbar .container .nav#mainnav li.active a {
		border-bottom: 3px solid #008383;
		padding-bottom: 8px;
	}
	
	.navbar .container .nav#mainnav li.active ul.dropdownmenu.visible-lg.visible-md a {
		padding-bottom: 0;
		border-bottom: none;
	}
}

/* ------------- */
/* public images */
/* ------------- */

.images2 + .pager-wrapper .pager ul li,  
.images3 + .pager-wrapper .pager ul li, 
.images4 + .pager-wrapper .pager ul li { list-style: none; background: none;}

.images2 { width: 100%; float: left; }

.images2 .singleImage { width: 50%; float: left; margin-bottom: 2%; }

.images2 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images2 .singleImagePadding img { display: block; width: 100%; float: left; }

.images2 .singleImagePadding img { display: block; width: 100%; float: left; }

.images3 { width: 100%; float: left; }

.images3 .singleImage { width: 33.333%; float: left; margin-bottom: 2%; }

.images3 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images3 .singleImagePadding img { display: block; width: 100%; float: left; }

.images4 { width: 100%; float: left; }

.images4 .singleImage { width: 25%; float: left; margin-bottom: 2%; }

.images4 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images4 .singleImagePadding img { display: block; width: 100%; float: left; }

/* ---------------------------------------- */
/* flexible block image and paragraph image */
/* ---------------------------------------- */

figure.fexibleblock.image img {
	width: 100%;
}

.detail-content .row .contentarea .content figure.left,
.detail-content .row .contentarea .content figure.right {
	width: 47.5%
}

/* ------- */
/* twitter */
/* ------- */

.button-block.twitter {
	width: 100%;
	float: left;
	background: #fff;
}

.button-block.twitter img {
	width: 100%;
}

.twitteritem h2 {
	margin-bottom: 0;
}

.twitteritem h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.aside .button-block.twitter .col-sm-4,
.aside .button-block.twitter .col-sm-4.half,
.col-xs-6.col-sm-6.col-md-3 .button-block.twitter .col-sm-4,
.col-xs-6.col-sm-6.col-md-3 .button-block.twitter .col-sm-4.half {
	width: auto;
}

.button-block.twitter .col-sm-4.half {
	width: 50%;
}

/* ---------------- */
/* facet navigation */
/* ---------------- */

.filterlist .checkbox .cbimg {
	padding-right: 10px;
}

h2.noQueryResults { font-size: 1.2em; color: #23114c; font-family: 'source_sans_prosemibold';
	font-weight: 400; font-style: normal;
}

/* --------------------- */
/* temporary blog author */
/* --------------------- */

.panel-body p {
	margin: 0;
}

.panel-body .pull-left {
	margin-right: 10px;
}

.panel-body .media-body {
	width: 50%;
	padding: 0;
}

.panel-body .media-body ul.social {
	list-style-type: none;
	width: 100%;
	padding: 0;
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
}

.panel-body .media-body ul.social li {
	display: inline;
	float: left;
	background: #23114c;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-left: 7px;
}

.panel-body .media-body ul.social li a {
	color: rgb(255, 255, 255);
	margin-top: 3px;
}

/* ----------------- */
/* faq overview page */
/* ----------------- */

.media-body.accordian h2.media-heading {
	width: 90%;
	float: right;
}

.media-body.accordian+div {
	width: 90%;
	float: right;
}

.media-body.accordian+div blockquote {
	float: left;
}

/* ------------- */
/* lectorat page */
/* ------------- */

.col-md-8.col-sm-8.contentarea .content+div.content {
	padding-top: 0;
}

/*  if a different style is needed for the first item
	ul.nav.navbar-nav.lectoraten li.firstItem { color: rgb(102, 102, 102); } 
*/

/* ----------------------------- */
/* left naavigation highlighting */
/* ----------------------------- */

.subnav ul li.active a {
	background: #c8c3d2
}

.subnav ul li.active ul li.arrow-side a {
	background-color: white;
	font-family: source_sans_prolight;
}

.subnav ul, .subnav ul li.active ul li.arrow-side a:after {
	border-top: none;
}

.subnav ul li.current ul{ 
	border-top: 1px solid #c8c3d2;
}

.subnav ul li.active ul li.arrow-side a:after, .subnav ul li.current ul li:last-child  {
	border-bottom: none;	
}

.subnav ul li.current ul li a {
	padding-left: 15px;
}

.subnav ul li.current ul li.current ul li a, .subnav ul li.current ul li.active ul li a {
	padding-left: 30px;
}

/* ------------ */
/* image teaser */
/* ------------ */

.blok.download.image {
	min-height: 260px;
}

.blok.download.image img.icon.imageTeaser {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 40%;
	margin: -50px 0 0 -50px;
	padding: 15px;
	background: center #fff;
}

.catalog.image.teasers, .blok.download.image, .blok.download.image a .img img{
	width: 100%;
}

.catalog.image.teasers section.blok.download.image {
	padding: 0;
}

.catalog.image.teasers .blok.download.image a {
	height: 100%;
}

nav.col-md-3.col-xs-12 .catalog.image.teasers,
aside.col-md-4.col-sm-4 .catalog.image.teasers {
	margin: 0 auto;
}

.aside .catalog.image.teasers section.blok.download.image a .img img{
	width: 260px;
	min-width: 260px;
	height: 260px;
	min-height: 260px;
}

.aside .catalog.image.teasers section.blok.download.image {
	background: none;
}

/* ------------------- */
/* landing page titles */
/* ------------------- */

#main.landing .row .area h1 {
	font-size: 3em;
}

.col-sm-6.col-md-3.area .truncate {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ------------- */
/* related items */
/* ------------- */
.aside .overzichtlijst.related {
	margin: 10px auto;
}
.aside .overzichtlijst.related,
.content .overzichtlijst.related,
nav.col-md-3.col-xs-12 .overzichtlijst.related {
	padding: 0;
}

.aside .overzichtlijst.related article,
.content .overzichtlijst.related article,
nav.col-md-3.col-xs-12 .overzichtlijst.related article {
	padding-top: 0;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 0;
}

.aside .overzichtlijst.related article a,
.content .overzichtlijst.related article a,
nav.col-md-3.col-xs-12 .overzichtlijst.related article a {
	width: 100%;
	display: block;
}

.aside .overzichtlijst.related figure.media-object.pull-left,
nav.col-md-3.col-xs-12 .overzichtlijst.related figure.media-object.pull-left {
	margin-right: 10px;
	width: 60px;
	height: 60px;
}

.content .overzichtlijst.related figure.media-object.pull-left {
	margin-right: 10px;
	width: 100px;
	height: 100px;
}
	
@media (max-width: 767px){
	
	.overzichtlijst.related figure.media-object.pull-left,
	.overzicht.col-md-9 .overzichtlijst figure.media-object.pull-left {
		width: 60px!important;
		height: 60px!important;
	}
	
	.overzichtlijst.related .media .datum {
		left: 10px!important;
		top: 20px!important;
	}

	.overzicht.col-md-9 .overzichtlijst .media .datum,
	.home .overzichtlijst.related .media .datum {
		left: 10px!important;
		top: 30px!important;
	}

	.overzichtlijst.related .media.clearfix:first-child .datum {
		top:30px!important;
	} 
}

.aside .overzichtlijst.related .media .datum,
nav.col-md-3.col-xs-12 .overzichtlijst.related .media .datum {
	left: 10px;
	top: 20px;
}

.content .overzichtlijst.related .media .datum {
	top: 50px;
}

.content .overzichtlijst.related .media:first-child .datum {
	top: 60px;
}

.aside .overzichtlijst.related a.more,
.content .overzichtlijst.related a.more,
nav.col-md-3.col-xs-12 .overzichtlijst.related a.more {
	margin-top: 0;
	margin-bottom: 15px;
}

.aside .overzichtlijst.related h2.widgetTitle,
.content .overzichtlijst.related h2.widgetTitle,
.detail-content .overzichtlijst.related h2.widgetTitle,
nav.col-md-3.col-xs-12 .overzichtlijst.related h2.widgetTitle,
.overzichtlijst.related h2.widgetTitle {
	font-size: 1.571em;
	color: #23114c;
	font-family: 'source_sans_proregular';
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	margin: 0 0 0.7em 0;
	padding-left: 10px;
	padding-top: 10px;
}

.aside .overzichtlijst.related .media.clearfix:first-child,
.content .overzichtlijst.related .media.clearfix:first-child,
.detail-content .overzichtlijst.related .media.clearfix:first-child,
nav.col-md-3.col-xs-12 .overzichtlijst.related .media.clearfix:first-child,
.overzichtlijst.related .media.clearfix:first-child {
	padding-top: 0.7em;	
}

/* -------------------- */
/* info block bachelors */
/* -------------------- */

.col-md-4.col-sm-4.aside figure.datum.large.info {
	position: absolute;
	left: -50px;
	top: -60px;
	padding-top: 20px;
	z-index: 1
}

.col-md-4.col-sm-4.aside time.datum.large.info {
	position: absolute;
	left: -50px;
	top: -60px;
	z-index: 1
}

.col-md-4.col-sm-4.aside figure.datum.large.info img.info {
	width: 60px;
}

.aside section.blok.colorbg.lichtpaars.info {
	display: block;
} 

.aside section.blok.colorbg.lichtpaars.info.nolink {
	display: block;
	padding-bottom: 30px;
}

.aside section.blok.colorbg.lichtpaars.info ul {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 1em;
} 

.aside section.blok.colorbg.lichtpaars.info ul li {
	display: block;
	float: left;
	padding-left: 0;
}

.aside section.blok.colorbg.lichtpaars.info ul li img {
	display: block;
	float: left;
}

.aside section.blok.colorbg.lichtpaars.info ul li span.details {
	display: block;
	float: left;
	padding-left: 30px;
}

.aside section.blok.colorbg.lichtpaars.info p {
	display: block;
}

.aside section.blok.colorbg.lichtpaars.info a {
	display: block;
	float: left;
} 

.aside section.blok.colorbg.lichtpaars.info img.datum.large {
	padding-top: 0;
}

/* --------------- */
/* bachelors facet */
/* --------------- */

#main { min-height: 650px; }

.studiefilter.filter-collapse ul li {
	padding-left: 0;
}

.studiefilter.filter-collapse ul li a {
	display: block;
	float: left;
	width: 100%;
}

.studiefilter.filter-collapse ul li a img.cbimg {
	position: absolute;
	top: -1px;
	z-index: 2;
}

.studiefilter ul li span {
	padding-left: 38px;
	cursor: pointer;
	font-size: .857em;
	font-family: 'source_sans_proregular';
	font-weight: 400;
	font-style: normal;
	color: #fff;
	display: block;
	padding-top: 5px;
}

.studiefilter.filter-collapse ul li a:hover {
	text-decoration: none;
}

.studiefilter.filter-collapse ul li input[type="text"]{ margin-left: 0;}

/* -------------------------------------------------------------------------------- */
/* text, internal and external teasers can display on the right, background = white */
/* -------------------------------------------------------------------------------- */

nav.col-md-3.col-xs-12 .catalog.internalLinks.teasers .tekstitem ul li,
nav.col-md-3.col-xs-12 .catalog.externalLinks.teasers ul li,
.aside .catalog.internalLinks.teasers .tekstitem ul li,
.aside .catalog.externalLinks.teasers ul li {
	padding-left: 20px;
	background: url("../img/li.png") 2px 6px no-repeat;
	background-size: 6px 6px;
}

nav.col-md-3.col-xs-12 .catalog.internalLinks.teasers,
nav.col-md-3.col-xs-12 .catalog.externalLinks.teasers,
nav.col-md-3.col-xs-12 .catalog.text.teasers,
.aside .catalog.internalLinks.teasers,
.aside .catalog.externalLinks.teasers,
.aside .catalog.text.teasers  {
	margin: 10px auto !important;
}
	
	
.row.border-top .halfwidth { width: 50%; float: left; }

.catalog.externalLinks.teasers .col-xs-12.col-sm-6, 
.catalog.text.teasers .col-xs-12.col-sm-6, 
.catalog.internalLinks.teasers .col-xs-12.col-sm-6 { width: 100%; background: #fff;}

/* ------------------------------------------------ */
/* image and head teasers can display in the middle */
/* ------------------------------------------------ */

.content .catalog.head.teasers,.content .catalog.image.teasers {
	width: 100%;
}

.catalog.head.teasers .blok.medium h1 {
	font-size: 1.9em;
}

.content .catalog.head.teasers .blok.colorbg.blauw.large a h1 {
	color: rgb(255, 255, 255);
	font-size: 3.429em;
	margin-bottom: 0px;
	line-height: .8em;
}

.content .catalog.head.teasers .blok.colorbg.blauw.large a h2,.content .catalog.head.teasers .blok.colorbg.groen.medium a h2<commit_msg>every aside widget should have same margin top<commit_after>@media (min-width :768px){
	.aside {margin-top: -20px;}
}
/* ---------------------------------------- */
/* topmenu and topmenu menu hovering limits */
/* ---------------------------------------- */

.nav#mainnav ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li ul
	{
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
}

#main.landing .col-sm-6.col-md-3.area ul li.arrow-side ul {
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* --------------- */
/* hovering limits */
/* --------------- */

@media (min-width : 992px) {
	.navbar .container .nav#mainnav li {
		margin-left: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.navbar .container .nav#mainnav li.last {
		padding-right: 0;
	}
}

@media (min-width : 1200px) {
	.navbar .container .nav#mainnav li {
		padding-left: 28.5px;
		padding-right: 28.5px;
		margin-left: 0;
	}

	.navbar .container .nav#mainnav li.last {
		padding-right: 0;
	}
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li {
	padding-left: 0px; padding-right: 0;
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li,
.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li {
	padding-left: 0px; padding-right: 0;
}

.navbar .container .nav#mainnav li ul.dropdownmenu.visible-lg.visible-md.clearfix li ul li{
	padding-left: 20px;
}

@media (min-width: 768px){
	.navbar .container .nav#mainnav li.active {
		border-bottom: none;
		padding-bottom: 0;
	}

	.navbar .container .nav#mainnav li.active ul.dropdownmenu.visible-lg.visible-md{
		margin-top: 0;
	}

	.navbar .container .nav#mainnav li.active a {
		border-bottom: 3px solid #008383;
		padding-bottom: 8px;
	}
	
	.navbar .container .nav#mainnav li.active ul.dropdownmenu.visible-lg.visible-md a {
		padding-bottom: 0;
		border-bottom: none;
	}
}

/* ------------- */
/* public images */
/* ------------- */

.images2 + .pager-wrapper .pager ul li,  
.images3 + .pager-wrapper .pager ul li, 
.images4 + .pager-wrapper .pager ul li { list-style: none; background: none;}

.images2 { width: 100%; float: left; }

.images2 .singleImage { width: 50%; float: left; margin-bottom: 2%; }

.images2 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images2 .singleImagePadding img { display: block; width: 100%; float: left; }

.images2 .singleImagePadding img { display: block; width: 100%; float: left; }

.images3 { width: 100%; float: left; }

.images3 .singleImage { width: 33.333%; float: left; margin-bottom: 2%; }

.images3 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images3 .singleImagePadding img { display: block; width: 100%; float: left; }

.images4 { width: 100%; float: left; }

.images4 .singleImage { width: 25%; float: left; margin-bottom: 2%; }

.images4 .singleImagePadding { width: 95%; float: center; margin-left: 2.5%; }

.images4 .singleImagePadding img { display: block; width: 100%; float: left; }

/* ---------------------------------------- */
/* flexible block image and paragraph image */
/* ---------------------------------------- */

figure.fexibleblock.image img {
	width: 100%;
}

.detail-content .row .contentarea .content figure.left,
.detail-content .row .contentarea .content figure.right {
	width: 47.5%
}

/* ------- */
/* twitter */
/* ------- */

.button-block.twitter {
	width: 100%;
	float: left;
	background: #fff;
}

.button-block.twitter img {
	width: 100%;
}

.twitteritem h2 {
	margin-bottom: 0;
}

.twitteritem h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.aside .button-block.twitter .col-sm-4,
.aside .button-block.twitter .col-sm-4.half,
.col-xs-6.col-sm-6.col-md-3 .button-block.twitter .col-sm-4,
.col-xs-6.col-sm-6.col-md-3 .button-block.twitter .col-sm-4.half {
	width: auto;
}

.button-block.twitter .col-sm-4.half {
	width: 50%;
}

/* ---------------- */
/* facet navigation */
/* ---------------- */

.filterlist .checkbox .cbimg {
	padding-right: 10px;
}

h2.noQueryResults { font-size: 1.2em; color: #23114c; font-family: 'source_sans_prosemibold';
	font-weight: 400; font-style: normal;
}

/* --------------------- */
/* temporary blog author */
/* --------------------- */

.panel-body p {
	margin: 0;
}

.panel-body .pull-left {
	margin-right: 10px;
}

.panel-body .media-body {
	width: 50%;
	padding: 0;
}

.panel-body .media-body ul.social {
	list-style-type: none;
	width: 100%;
	padding: 0;
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
}

.panel-body .media-body ul.social li {
	display: inline;
	float: left;
	background: #23114c;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-left: 7px;
}

.panel-body .media-body ul.social li a {
	color: rgb(255, 255, 255);
	margin-top: 3px;
}

/* ----------------- */
/* faq overview page */
/* ----------------- */

.media-body.accordian h2.media-heading {
	width: 90%;
	float: right;
}

.media-body.accordian+div {
	width: 90%;
	float: right;
}

.media-body.accordian+div blockquote {
	float: left;
}

/* ------------- */
/* lectorat page */
/* ------------- */

.col-md-8.col-sm-8.contentarea .content+div.content {
	padding-top: 0;
}

/*  if a different style is needed for the first item
	ul.nav.navbar-nav.lectoraten li.firstItem { color: rgb(102, 102, 102); } 
*/

/* ----------------------------- */
/* left naavigation highlighting */
/* ----------------------------- */

.subnav ul li.active a {
	background: #c8c3d2
}

.subnav ul li.active ul li.arrow-side a {
	background-color: white;
	font-family: source_sans_prolight;
}

.subnav ul, .subnav ul li.active ul li.arrow-side a:after {
	border-top: none;
}

.subnav ul li.current ul{ 
	border-top: 1px solid #c8c3d2;
}

.subnav ul li.active ul li.arrow-side a:after, .subnav ul li.current ul li:last-child  {
	border-bottom: none;	
}

.subnav ul li.current ul li a {
	padding-left: 15px;
}

.subnav ul li.current ul li.current ul li a, .subnav ul li.current ul li.active ul li a {
	padding-left: 30px;
}

/* ------------ */
/* image teaser */
/* ------------ */

.blok.download.image {
	min-height: 260px;
}

.blok.download.image img.icon.imageTeaser {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 40%;
	margin: -50px 0 0 -50px;
	padding: 15px;
	background: center #fff;
}

.catalog.image.teasers, .blok.download.image, .blok.download.image a .img img{
	width: 100%;
}

.catalog.image.teasers section.blok.download.image {
	padding: 0;
}

.catalog.image.teasers .blok.download.image a {
	height: 100%;
}

nav.col-md-3.col-xs-12 .catalog.image.teasers,
aside.col-md-4.col-sm-4 .catalog.image.teasers {
	margin: 0 auto;
}

.aside .catalog.image.teasers section.blok.download.image a .img img{
	width: 260px;
	min-width: 260px;
	height: 260px;
	min-height: 260px;
}

.aside .catalog.image.teasers section.blok.download.image {
	background: none;
}

/* ------------------- */
/* landing page titles */
/* ------------------- */

#main.landing .row .area h1 {
	font-size: 3em;
}

.col-sm-6.col-md-3.area .truncate {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ------------- */
/* related items */
/* ------------- */
.aside .overzichtlijst.related {
	margin: 20px auto;
}
.aside .overzichtlijst.related,
.content .overzichtlijst.related,
nav.col-md-3.col-xs-12 .overzichtlijst.related {
	padding: 0;
}

.aside .overzichtlijst.related article,
.content .overzichtlijst.related article,
nav.col-md-3.col-xs-12 .overzichtlijst.related article {
	padding-top: 0;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 0;
}

.aside .overzichtlijst.related article a,
.content .overzichtlijst.related article a,
nav.col-md-3.col-xs-12 .overzichtlijst.related article a {
	width: 100%;
	display: block;
}

.aside .overzichtlijst.related figure.media-object.pull-left,
nav.col-md-3.col-xs-12 .overzichtlijst.related figure.media-object.pull-left {
	margin-right: 10px;
	width: 60px;
	height: 60px;
}

.content .overzichtlijst.related figure.media-object.pull-left {
	margin-right: 10px;
	width: 100px;
	height: 100px;
}
	
@media (max-width: 767px){
	
	.overzichtlijst.related figure.media-object.pull-left,
	.overzicht.col-md-9 .overzichtlijst figure.media-object.pull-left {
		width: 60px!important;
		height: 60px!important;
	}
	
	.overzichtlijst.related .media .datum {
		left: 10px!important;
		top: 20px!important;
	}

	.overzicht.col-md-9 .overzichtlijst .media .datum,
	.home .overzichtlijst.related .media .datum {
		left: 10px!important;
		top: 30px!important;
	}

	.overzichtlijst.related .media.clearfix:first-child .datum {
		top:30px!important;
	} 
}

.aside .overzichtlijst.related .media .datum,
nav.col-md-3.col-xs-12 .overzichtlijst.related .media .datum {
	left: 10px;
	top: 20px;
}

.content .overzichtlijst.related .media .datum {
	top: 50px;
}

.content .overzichtlijst.related .media:first-child .datum {
	top: 60px;
}

.aside .overzichtlijst.related a.more,
.content .overzichtlijst.related a.more,
nav.col-md-3.col-xs-12 .overzichtlijst.related a.more {
	margin-top: 0;
	margin-bottom: 15px;
}

.aside .overzichtlijst.related h2.widgetTitle,
.content .overzichtlijst.related h2.widgetTitle,
.detail-content .overzichtlijst.related h2.widgetTitle,
nav.col-md-3.col-xs-12 .overzichtlijst.related h2.widgetTitle,
.overzichtlijst.related h2.widgetTitle {
	font-size: 1.571em;
	color: #23114c;
	font-family: 'source_sans_proregular';
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	margin: 0 0 0.7em 0;
	padding-left: 10px;
	padding-top: 10px;
}

.aside .overzichtlijst.related .media.clearfix:first-child,
.content .overzichtlijst.related .media.clearfix:first-child,
.detail-content .overzichtlijst.related .media.clearfix:first-child,
nav.col-md-3.col-xs-12 .overzichtlijst.related .media.clearfix:first-child,
.overzichtlijst.related .media.clearfix:first-child {
	padding-top: 0.7em;	
}

/* -------------------- */
/* info block bachelors */
/* -------------------- */

.col-md-4.col-sm-4.aside figure.datum.large.info {
	position: absolute;
	left: -50px;
	top: -60px;
	padding-top: 20px;
	z-index: 1
}

.col-md-4.col-sm-4.aside time.datum.large.info {
	position: absolute;
	left: -50px;
	top: -60px;
	z-index: 1
}

.col-md-4.col-sm-4.aside figure.datum.large.info img.info {
	width: 60px;
}

.aside section.blok.colorbg.lichtpaars.info {
	display: block;
} 

.aside section.blok.colorbg.lichtpaars.info.nolink {
	display: block;
	padding-bottom: 30px;
}

.aside section.blok.colorbg.lichtpaars.info ul {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 1em;
} 

.aside section.blok.colorbg.lichtpaars.info ul li {
	display: block;
	float: left;
	padding-left: 0;
}

.aside section.blok.colorbg.lichtpaars.info ul li img {
	display: block;
	float: left;
}

.aside section.blok.colorbg.lichtpaars.info ul li span.details {
	display: block;
	float: left;
	padding-left: 30px;
}

.aside section.blok.colorbg.lichtpaars.info p {
	display: block;
}

.aside section.blok.colorbg.lichtpaars.info a {
	display: block;
	float: left;
} 

.aside section.blok.colorbg.lichtpaars.info img.datum.large {
	padding-top: 0;
}

/* --------------- */
/* bachelors facet */
/* --------------- */

#main { min-height: 650px; }

.studiefilter.filter-collapse ul li {
	padding-left: 0;
}

.studiefilter.filter-collapse ul li a {
	display: block;
	float: left;
	width: 100%;
}

.studiefilter.filter-collapse ul li a img.cbimg {
	position: absolute;
	top: -1px;
	z-index: 2;
}

.studiefilter ul li span {
	padding-left: 38px;
	cursor: pointer;
	font-size: .857em;
	font-family: 'source_sans_proregular';
	font-weight: 400;
	font-style: normal;
	color: #fff;
	display: block;
	padding-top: 5px;
}

.studiefilter.filter-collapse ul li a:hover {
	text-decoration: none;
}

.studiefilter.filter-collapse ul li input[type="text"]{ margin-left: 0;}

/* -------------------------------------------------------------------------------- */
/* text, internal and external teasers can display on the right, background = white */
/* -------------------------------------------------------------------------------- */

nav.col-md-3.col-xs-12 .catalog.internalLinks.teasers .tekstitem ul li,
nav.col-md-3.col-xs-12 .catalog.externalLinks.teasers ul li,
.aside .catalog.internalLinks.teasers .tekstitem ul li,
.aside .catalog.externalLinks.teasers ul li {
	padding-left: 20px;
	background: url("../img/li.png") 2px 6px no-repeat;
	background-size: 6px 6px;
}

nav.col-md-3.col-xs-12 .catalog.internalLinks.teasers,
nav.col-md-3.col-xs-12 .catalog.externalLinks.teasers,
nav.col-md-3.col-xs-12 .catalog.text.teasers,
.aside .catalog.internalLinks.teasers,
.aside .catalog.externalLinks.teasers,
.aside .catalog.text.teasers  {
	margin: 20px auto !important;
}
	
	
.row.border-top .halfwidth { width: 50%; float: left; }

.catalog.externalLinks.teasers .col-xs-12.col-sm-6, 
.catalog.text.teasers .col-xs-12.col-sm-6, 
.catalog.internalLinks.teasers .col-xs-12.col-sm-6 { width: 100%; background: #fff;}

/* ------------------------------------------------ */
/* image and head teasers can display in the middle */
/* ------------------------------------------------ */

.content .catalog.head.teasers,.content .catalog.image.teasers {
	width: 100%;
}

.catalog.head.teasers .blok.medium h1 {
	font-size: 1.9em;
}

.content .catalog.head.teasers .blok.colorbg.blauw.large a h1 {
	color: rgb(255, 255, 255);
	font-size: 3.429em;
	margin-bottom: 0px;
	line-height: .8em;
}

.content .catalog.head.teasers .blok.colorbg.blauw.large a h2,.content .catalog.head.teasers .blok.colorbg.groen.medium a h2
{'fraction_non_alphanumeric': 0.2115857914263674, 'fraction_numerical': 0.036145906035337766, 'mean_word_length': 2.6561912436207358, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3948322', 'n_tokens_mistral': 11132, 'n_tokens_neox': 10263, 'n_words': 2194}