/**********************************************************************************
 ********************************                 *********************************
 ********************************  MEDIA QUERIES  *********************************
 ********************************                 *********************************
 **********************************************************************************/


@media all and (min-width: 0px){
	/* =============================================================================
	 *   STRUCTUUR
	 * ========================================================================== */


	/*IE9 overrides (undoing IE8+9 styling)*/
	#pagina {min-width: 0px !important;}
	.mean-container .mean-bar {display: block !important;}
	#block-menu-block-1 ul.menu {margin-top: 0em !important;}
	p a,
	p a:link,
	p a:active,
	p a:visited,
	#middenkolom li a,
	#middenkolom li a:link,
	#middenkolom li a:active,
	#middenkolom li a:visited,
	p a:hover,
	#middenkolom li a:hover {border-bottom: 0 !important;}
	#block-views-wat-betekent-oa-voor-u-block .views-row a {font-size: 1.5em !important;}
	.front .node-homepage .field-name-body {background: url('images/bg_mission.jpg') no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}


	#logo img {	max-width: 100%;}
}



/*--------------------------------------------------------------------------------*/
/*EXTRA WIDE DESKTOP*/
@media all and (max-width: 1440px){

	/* =============================================================================
	 *   MENUBLOCKS
	 * ========================================================================== */

	#block-menu-block-1 ul.menu {
		margin-top: 2em !important;
	}

	/* =============================================================================
	 *  BLOCKS
	 * ========================================================================== */

	/*actueel home*/
	#block-views-nieuws-block .field-name-title h2 {
		font-size: 1.5em;
	}

}
/*--------------------------------------------------------------------------------*/
/*..LAPTOP*/
@media all and (max-width: 1350px){

	#block-quicktabs-tabel-uitgeversdeals,
	#block-views-uitgeversdeals-block-1 { display: none; }
	#block-quicktabs-tabel-uitgeversdeals-mobiel-,
	#block-views-uitgeversdeals-block-6 {display: block; }

	#block-views-uitgeversdeals-block-6 .blokkop.kop h2 {	font-size: 1.4em; line-height: 100%; }
}

/*---------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------*/
/*DESKTOP*/
@media all and (max-width: 1280px){


	/* =============================================================================
	 *   HTML ELEMENTS
	 * ========================================================================== */


	/* =============================================================================
	 *   LINKS
	 * ========================================================================== */


	/* =============================================================================
	 *   STRUCTURE
	 * ========================================================================== */

	/*center and restrict*/
	#kop .buffer,
	#hals .buffer,
	#schouders .buffer,
	#middenkolom .buffer,
	#bekken .buffer,
	#enkels .buffer,
	#staart .buffer {
		width: 90%;
	}

	/* =============================================================================
	 *   MENUBLOCKS
	 * ========================================================================== */


	/* =============================================================================
	 *  BLOCKS
	 * ========================================================================== */

	#block-views-wat-betekent-oa-voor-u-block .view {font-size: 0.8em;}
	#block-views-wat-betekent-oa-voor-u-block .views-row a {font-size: 1.5em !important;}


	#block-views-tweets-block-2 .blokkop.kop {
		width: 40%;
		margin-left: 65%;
	}
	#block-views-tweets-block-2 .bloklichaam.lichaam {
		width: 40% !important;
		margin-left: 65%;
	}

	/*actueel home*/
	#block-views-nieuws-block .field-name-title h2 {
		font-size: 1.25em;
	}

	/* =============================================================================
	 *   FACETTEN
	 * ========================================================================== */


	/* =============================================================================
	 *   NODE & FIELDS
	 * ========================================================================== */


	/* =============================================================================
	 *   SEARCH & FORMS
	 * ========================================================================== */




}


/*--------------------------------------------------------------------------------*/
/*TABLET*/
@media all and (max-width: 1025px){


	/* =============================================================================
	 *   LINKSTIJLEN
	 * ========================================================================== */

	a.oww_knop:after {
		right: -13px;
		width: 25px;
		height: 25px;
	}

	/* =============================================================================
	 *   HTML ELEMENTS
	 * ========================================================================== */

	body {
		font-size: 1.125em;
	}

	h1 {
		font-size: 2.5em;
		line-height: 100%;
	}


	h2 {
		font-size: 1.4em;
		line-height: 100%;

	}
	h2.block-title {
		font-size: 1.125em;
	}
	.blokkop.kop h2 {
		font-size: 1.4em;

	}
	#enkels .blokkop.kop h2 {
		font-size: 1em;
	}


	h3 {
		font-size: 1em; /*same as base font*/
	}

	h4 {
		font-size: 1em; /*same as base font*/

	}


	blockquote,
	blockquote p,
	.ds-3col-stacked > .group-middle .field-name-field-quote,
	.front .view-wetenschappers .group-right .field-name-field-quote {
		font-size: 22px;
		line-height: 125%;
	}



	/* =============================================================================
	 *   LINKS
	 * ========================================================================== */


	/* =============================================================================
	 *   STRUCTURE
	 * ========================================================================== */


	/*center and restrict*/
	#kop .buffer,
	#hals .buffer,
	#schouders .buffer,
	#middenkolom .buffer,
	#bekken .buffer,
	#enkels .buffer,
	#staart .buffer,
	.front #block-system-main .field.field-name-body .field-items,
	.front #middenkolom #regio-ln .regiobuffer,
	.front #middenkolom #regio-lz .regiobuffer,
	.front #middenkolom #block-block-8 .blokbuffer,
	.front #middenkolom #block-views-nieuws-block,
	.front #middenkolom #block-views-wat-betekent-oa-voor-u-block {
		width: 95%;
	}


	.view-taxonomy-term .view-header h2,
	#block-views-a72752b33f40e8589d650ea30e14d1e8 {
		width: 66.5%;
		padding-left: 6.5%;
	}
	.view-taxonomy-term .view-header h2 {
		padding: 0;
	}


	/* =============================================================================
	 *   MENUBLOCKS
	 * ========================================================================== */


	#block-menu-block-1 ul.menu {max-height: 1.7em;}
	#block-menu-block-1 ul.menu li a {font-size: 0.9em; padding: 0.3em 0.5em;}

	/* =============================================================================
	 *  BLOCKS
	 * ========================================================================== */

	/*what does oa mean for you*/
	#block-views-wat-betekent-oa-voor-u-block .views-row {
		width: 30%;
		margin: 1.5%;
	}
	#block-views-wat-betekent-oa-voor-u-block .views-row a {
		padding-top: 43%;
	}
	#block-views-wat-betekent-oa-voor-u-block .views-row:before {
		padding-top: 100%; 	/* ratio of 1:1*/
	}

	#block-views-wat-betekent-oa-voor-u-block .view {
		margin: 0em 3em 6em;
	}

	#block-views-tweets-block-2 .blokkop.kop {
		width: 30%;
		margin-left: 70%;
	}
	#block-views-tweets-block-2 .bloklichaam.lichaam {
		width: 30% !important;
		margin-left: 70%;
	}

	/*tweets new*/
	#block-views-tweets-block-2 .lichaam,
	.view-tweets,
	.view-tweets .view-content,
	.views_slideshow_cycle_main,
	.views-slideshow-cycle-main-frame,
	.views_slideshow_slide {
		height: 175px !important;
	}

	#block-views-tweets-block-2 .blokbuffer {
	 	width: 95%;
	}

	#block-views-tweets-block-2 {top: 20px;}


	/*actueel home*/
	#block-views-nieuws-block .field-name-title h2 {
		font-size: 1.2em;
	}


	/* =============================================================================
	 *   FACETTEN
	 * ========================================================================== */


	/* =============================================================================
	 *   NODE & FIELDS
	 * ========================================================================== */

	.front .field-name-post-date {font-size: 0.700em;}

	.front .node-homepage .field-name-body { font-size: 1.5em; }


	.node-type-tijdlijn .ds-3col > .group-middle,
	.view-tijdlijn .ds-3col > .group-middle { /*width: 68%; margin-left: 0; margin-right: 1.5%; */
		padding-left: 150px; padding-right: 0;
	/*background: transparent url('images/bg_timeline.png') left top no-repeat; min-height: 200px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*/
	}
	.node-type-tijdlijn .ds-3col > .group-middle .field-name-field-titel,
	.view-tijdlijn .ds-3col > .group-middle {
		font-size: 2em;
		line-height: 1.040em;
	}


	/* =============================================================================
	 *   SEARCH & FORMS
	 * ========================================================================== */




}

/*--------------------------------------------------------------------------------*/
/*INBETWEEN*/
@media all and (max-width: 990px){
	/*grafieken*/
	#grafiek_1 { padding: 0; background-position-y: calc(100% - 3em); }
	#grafiek_2 { padding: 0 0 1em 0; background-position-y: calc(100% - 5em); }
	#grafiek_1 .grafiek_inner { width: 94%; margin: 6% 3% 10%; }
	#grafiek_2 .grafiek_inner { padding: 1em; width: 94%; margin: 6% 3%; }
	#selectJaar,
	#selectUitgevers { width: 100%; }
	#grafiekData { width: 90%; }
	.totaal_wrapper { display: none; }
}





/*--------------------------------------------------------------------------------*/
/*TABLET*/
@media all and (max-width: 769px){


	/* =============================================================================
	 *   HTML ELEMENTS
	 * ========================================================================== */

	.not-front .field-name-body,
	h1.title,
	.not-front #block-views-wat-betekent-oa-voor-u-block .blokkop h2 {
	 	padding-left: 13%;
	}

	/* =============================================================================
	 *   LINKS
	 * ========================================================================== */


	/* =============================================================================
	 *   STRUCTURE
	 * ========================================================================== */


	.node-type-lijst.page-node-644 #block-system-main .field-name-body,
	.node-type-lijst.page-node-675 #block-system-main .field-name-body,
	.node-type-lijst.page-node-662 #block-system-main .field-name-body,
	.node-type-lijst.page-node-676 #block-system-main .field-name-body,
	.node-type-uitgeversdeal .node > .field,
	.field-name-field-tekst-onder-lijst,
	.field-name-field-tekst2,
	.field-name-field-tekst3,
  #block-views-uitgeversdeals-block-2,
	.not-front .field-name-body,
	h1.title,
	#block-views-wat-betekent-oa-voor-u-block .blokkop h2,
	.view-taxonomy-term .view-header h2,
	#block-views-a72752b33f40e8589d650ea30e14d1e8 {
		width: 100%;
	}


	.node-type-lijst.page-node-644 #block-system-main .field-name-body,
	.node-type-lijst.page-node-675 #block-system-main .field-name-body,
	.node-type-lijst.page-node-662 #block-system-main .field-name-body,
	.node-type-lijst.page-node-676 #block-system-main .field-name-body,
	.node-type-uitgeversdeal .node > .field,
	.field-name-field-tekst-onder-lijst,
	.field-name-field-tekst2,
	.field-name-field-tekst3,
  #block-views-uitgeversdeals-block-2,
	.view-taxonomy-term .view-header h2,
	#block-views-a72752b33f40e8589d650ea30e14d1e8 {
		padding-left: 13%;
	}



	#kop .buffer {width: 100%;margin: 0;}
		.front #kopbuffer { min-height: 90px; }
	#hals {min-height: 0;}

	/* =============================================================================
	 *   MENUBLOCKS
	 * ========================================================================== */




	/* =============================================================================
	 *  BLOCKS
	 * ========================================================================== */

	.front #logo,
	#logo {
		height: 35px;
		margin-top: 50px;
		z-index: 10000000;
		margin-left: 0.5em;
	}
	.front #logo img,
	#logo img { width: auto !important; height: 35px !important;}

	#block-language-switcher-fallback-language-switcher-fallback {height: 40px; background: #F3F3F3;}
	#block-language-switcher-fallback-language-switcher-fallback .language-switcher-locale-url {margin-bottom: 0; padding: 0.4em 0.7em 0 0;}
	#block-language-switcher-fallback-language-switcher-fallback li {font-size: 0.8em;}

	#block-block-3 {padding-left: 1em;}
	#block-block-3 a {
		clear: both;
		float: left;
	}


	/*tweets new*/
	#block-views-tweets-block-2 .lichaam,
	.view-tweets,
	.view-tweets .view-content,
	.views_slideshow_cycle_main,
	.views-slideshow-cycle-main-frame,
	.views_slideshow_slide {
		height: 160px !important;
	}

	#block-views-tweets-block-2 .blokkop.kop,
	#block-views-tweets-block-2 .bloklichaam.lichaam {
		width: 30% !important;
		margin-left: 70%;
	}

	/*journal browser home*/
	#block-block-8 .kop {
	  width: 270px;
	}

	/*actueel home*/
	#block-views-nieuws-block .field-name-title h2 {
		font-size: 1em;
	}



	#block-webform-client-block-331 .blokkop {
		margin-left: 33%;
	}
	#block-webform-client-block-331 label {
		width: 31%;
	}
	#block-webform-client-block-331 input,
	#block-webform-client-block-331 .form-textarea-wrapper {
		width: 67%
	}

	/*grafieken*/
	#grafiek_1,
	#grafiek_2 { background: #eaeaea; }
	#grafiek_2 .grafiek_inner { width: 90%; }

	#block-views-uitgeversdeals-block-2 .views-field.views-field-body .field-content,
	#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field.views-field-body .field-content,
	#block-views-uitgeversdeals-block-6 .views-field.views-field-body .field-content { max-width: 100%; }


	/* =============================================================================
	 *   FACETTEN
	 * ========================================================================== */


	/* =============================================================================
	 *   NODE & FIELDS
	 * ========================================================================== */

	.field-type-taxonomy-term-reference {padding-left: 16%;}

	.group-left,
	.ds-3col > .group-left,
	.ds-3col-stacked > .group-left {width: 29%;}
	.group-right,
	.ds-3col > .group-right,
	.ds-3col-stacked > .group-right {width: 0; display: none;}
	.group-middle,
	.ds-3col-stacked > .group-middle,
	.ds-3col > .group-middle {width: 68%; margin-left: 1.5%; margin-right: 1.5%; padding-left: 6.5%; padding-right: 9.5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

	.group-footer,
	.ds-3col-stacked > .group-footer {width: 71%;margin-left: auto;margin-right: auto;padding-left: 3%; /*margin-bottom: 10%;*/}


	/*undo hiding for some views*/
	.view-wetenschappers .group-right,
	.view-wetenschappers .views-row .group-right,
	.view-wetenschappers .views-row-even .group-right {display: block;}

	.view-wetenschappers .group-right .field-name-field-quote {font-size: 1.3em;}

	.ds-3col-stacked.node-actueel > .group-left,
	.view-taxonomy-term .ds-3col > .group-left {width: 0;}
	.ds-3col-stacked.node-actueel > .group-middle,
	.ds-3col-stacked.node-actueel > .group-footer,
	.view-taxonomy-term .ds-3col > .group-middle,
	.view-taxonomy-term .ds-3col > .group-footer {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 13%;
		padding-right: 7.5%;
	}

	.node-type-tijdlijn .field-name-body {background: rgba(0, 0, 0, 0) url('images/bg_timeline_goal.png') no-repeat 24.5% bottom;}
	.node-type-tijdlijn .ds-3col > .group-left,
	.view-tijdlijn .ds-3col > .group-left {width: 19%;}
	.node-type-tijdlijn .ds-3col > .group-middle,
	.view-tijdlijn .ds-3col > .group-middle {width: 78%}


	.not-front .node-lijst .view-nieuws .group-left {margin-bottom: 0; margin-top: 1em;}
	.not-front .node-lijst .view-nieuws .views-row-first .group-left {margin-top: 0em;}

	.not-front .node-lijst .view-nieuws .group-left:after {content: none;}


	/* =============================================================================
	 *   SEARCH & FORMS
	 * ========================================================================== */

	input[type="text"], input[type="password"], input[type="email"] {
		padding: 2%;
	}

	.page-zoeken #search-api-page-search-form .form-item-keys-1 {width: 60%;}
	.page-zoeken input[type="text"] {width: 100%;}
	.page-zoeken input[type="submit"] {width: 30%;}




}

/*IPAD (3) FIX*/
/**/@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2){

	#block-menu-block-1 ul.menu li,
	#block-menu-block-2 {display: block;}
}


/*--------------------------------------------------------------------------------*/
/*MOBILE*/
@media all and (max-width: 641px){

	/* =============================================================================
	 *   HTML ELEMENTS
	 * ========================================================================== */


	h1 {
		font-size: 1.6em;
		line-height: 100%;
	}

	blockquote,
	blockquote p,
	.ds-3col-stacked > .group-middle .field-name-field-quote {
		padding: 0 3px;
	}

	/* =============================================================================
	 *   LINKS
	 * ========================================================================== */


	/* =============================================================================
	 *   STRUCTURE
	 * ========================================================================== */


	#logo img {/*width: 100px !important;*/ /*!important is IE fix*/}

	.node-type-lijst.page-node-644 #block-system-main .field-name-body,
	.node-type-lijst.page-node-675 #block-system-main .field-name-body,
	.node-type-lijst.page-node-662 #block-system-main .field-name-body,
	.node-type-lijst.page-node-676 #block-system-main .field-name-body,
	.node-type-uitgeversdeal .node > .field,
	.field-name-field-tekst-onder-lijst,
	.field-name-field-tekst2,
	.field-name-field-tekst3,
  #block-views-uitgeversdeals-block-2,
	.not-front .field-name-body,
	h1.title,
	#block-views-wat-betekent-oa-voor-u-block .blokkop h2 {
		padding-left: 0;
		padding-right: 0;
		word-wrap: break-word;
	}

  .node-type-lijst.page-node-644 #block-system-main .field-name-body,
  .node-type-lijst.page-node-675 #block-system-main .field-name-body,
  .node-type-lijst.page-node-662 #block-system-main .field-name-body,
  .node-type-lijst.page-node-676 #block-system-main .field-name-body,
  .node-type-uitgeversdeal .node > .field,
  .field-name-field-tekst-onder-lijst,
  .field-name-field-tekst2,
  .field-name-field-tekst3,
  #block-views-uitgeversdeals-block-2,
	.not-front #block-views-wat-betekent-oa-voor-u-block .blokkop h2,
	.view-taxonomy-term .view-header h2,
	#block-views-a72752b33f40e8589d650ea30e14d1e8 {
		width: 100%;
		padding-left: 0;
	}




	/* =============================================================================
	 *   MENUBLOCKS
	 * ========================================================================== */

	#block-menu-block-1 {border-bottom: 0;position: absolute; z-index: 1000000; right: 50px; padding: 16px 5px;}
	#block-menu-block-1 ul.menu {margin-top: 0 !important;}
	#block-menu-block-1 ul.menu li:not(.menu-mlid-500),
	#block-menu-block-2 {display: none;}



	/* =============================================================================
	 *  BLOCKS
	 * ========================================================================== */

	/*#block-block-VIDEOBLOCK {display: inline;}*/

	/*journal browser home*/
	#block-block-8 .kop {
	  width: 100%;
	}
	#block-block-8 .lichaam {
	  width: 100%;
	}
	#block-block-8 input[type="text"] { padding: 3%; }
	#block-block-8 input[type="submit"] { padding-top: 3%; }


	#block-views-nieuws-block .views-row {
		width: 100%;
		margin-right: 0;
		margin-top: 2em;
		clear: both;
	}
	#block-views-nieuws-block .views-row-first {margin-top: 1.5em 0 0.5em;}


	/*tweets new*/
	#block-views-tweets-block-2 {
		position: static;
		background: #FFF;
		padding-bottom: 1em;

	}
	#block-views-tweets-block-2 .blokkop.kop,
	#block-views-tweets-block-2 .bloklichaam.lichaam {
		width: 100% !important;
		margin-left: 0;
		padding-left: 5px;
		padding-right: 0;
		border: 0;
	}

	#block-views-tweets-block-2 .lichaam,
	.view-tweets,
	.view-tweets .view-content,
	.views_slideshow_cycle_main,
	.views-slideshow-cycle-main-frame,
	.views_slideshow_slide {
		height: 3.5em !important;
	}

	/*actueel home*/
	#block-views-nieuws-block .field-name-title h2 { font-size: 1.4em;	}
	#block-views-nieuws-block .attachment .blokkop.kop h2 { margin-top: 0; }


	#block-views-wat-betekent-oa-voor-u-block .view {margin: 1em 0 2em;}
	#block-views-wat-betekent-oa-voor-u-block .views-row {width: 47%;}
	#block-views-wat-betekent-oa-voor-u-block .views-row a {font-size: 1.1em;}



	/*footer blocks*/
	#block-block-2,
	#block-block-5,
	#block-block-3,
	#block-webform-client-block-331 {width: 100%; padding-left: 0; margin: 1em 0;}
	#block-block-3 a {float: left; clear: none;}

	#block-webform-client-block-331 .blokkop {margin-left: 0;}
	#block-webform-client-block-331 label {width: 100%; text-align: left;}
	#block-webform-client-block-331 input,
	#block-webform-client-block-331 .form-textarea-wrapper { width: 100%;}


	/*TIMELINE*/
	#block-views-tijdlijn-block-2 .blokkop h2 {margin: 0.5em 0 2.5em;}


	/*grafieken*/
	.uitgever { width: 40%; font-size: 13px; font-weight: 500; }
	.publicaties { width: 60%; }
		#grafiek_1 .publicaties .bar { padding: 7px 10px; font-size: 16px; }
		#grafiek_2 .grafiek_inner { margin: 6% 0; padding: 1em 0; }
		#grafiekData { left: 40px; }
		#grafiekData .kolom { left: 10px; width: 50px; }
			#grafiek_2 .bar { font-size: 16px; }
		#procentpaal { padding-right: 15px; }
			.procent { font-size: 14px; }
		#jarenPaal { left: 55px; }
			.jaar { font-size: 14px; width: 50px; }


	#block-views-uitgeversdeals-block-2 .views-field .views-label,
	.node-type-uitgeversdeal .label-inline {
		min-width: 175px;
	}


	/* =============================================================================
	 *   FACETTEN
	 * ========================================================================== */



	/* =============================================================================
	 *   NODE & FIELDS
	 * ========================================================================== */

	.front .node-homepage .field-name-body { font-size: 1.2em; }
	.front .node-homepage .field.field-name-body .field-items {padding: 3% 0;}
	.front .node-homepage .field.field-name-body .field-items p {margin-bottom: 0;}

	.field-type-taxonomy-term-reference {width: 100%; padding-left: 0;}

	.group-left,
	.ds-3col > .group-left,
	.ds-3col-stacked > .group-left {float: left; clear: both; width: 100%; margin-bottom: 1em;}
	.group-right,
	.ds-3col > .group-right,
	.ds-3col-stacked > .group-right {float: left; clear: both; width: 100%;}
	.group-middle,
	.ds-3col-stacked > .group-middle,
	.ds-3col > .group-middle {float: left; clear: both; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

	.group-footer,
	.ds-3col-stacked > .group-footer {float: left; clear: both; width: 100%;margin-left: auto;margin-right: auto;padding-left: 0; /*margin-bottom: 10%;*/}


	.ds-3col-stacked.node-actueel > .group-middle,
	.ds-3col-stacked.node-actueel > .group-footer,
	.view-taxonomy-term .ds-3col > .group-middle,
	.view-taxonomy-term .ds-3col > .group-footer  {
		padding: 0;
	}

	.not-front .node-lijst .view-nieuws .group-left {text-align: left;}

	/*hide group left and right*/
	.ds-3col-stacked.node-actueel > .group-left,
	.group-right, .ds-3col > .group-right,
	.ds-3col-stacked > .group-right {
		display: none;
	}
	/*undo hiding for some views*/
	.view-wetenschappers .group-right,
	.view-wetenschappers .views-row .group-right,
	.view-wetenschappers .views-row-even .group-right {width: 100%; margin-left: 0; border: 3px solid #EF6D00; border-left: 0; border-top: 0;}

	.view-wetenschappers .views-row .group-left,
	.view-wetenschappers .views-row-even .group-left {width: 100%; border-top: 3px solid #E47926; border-right: 3px solid #E47926; padding: 0; margin-bottom: 0;}
	.view-wetenschappers .views-row .group-left img,
	.view-wetenschappers .views-row-even .group-left img {float: right;}
	.view-wetenschappers .views-row-even .group-right {background: transparent url('images/bg_border.png') no-repeat 0 80px;}
	.view-wetenschappers .views-row .group-right .field-collection-container,
	.view-wetenschappers .views-row-even .group-right .field-collection-container {padding-left: 0; float: right;}
	.view-wetenschappers .group-right .field-name-field-functie,
	.view-wetenschappers .group-right .field-name-field-werkplek {float: right; clear: both;}

	.view-wetenschappers .group-right .field-name-field-quote {margin-top: 1em;}



	/*tijdlijn*/
	.node-type-tijdlijn .field-name-body {background: rgba(0, 0, 0, 0) url('images/bg_timeline_goal_mobile.png') no-repeat 2.5% bottom; padding-bottom: 205px;}
	.node-type-tijdlijn .ds-3col > .group-left,
	.view-tijdlijn .ds-3col > .group-left {
		float: left;
		clear: both;
		width: 155px;
		margin-left: -4px;
		text-align: center;
		margin-top: -4em;
		margin-bottom: -4px;
		padding-top: 0;
	}
	.not-front.node-type-tijdlijn .field-name-field-event .group-left .field-items .field-item,
	.not-front .view-tijdlijn .field-collection-container .field-items .field-item {
		background: #F3F3F3;
		display: inline-block;
		padding: 6px;
	}
	.front .view-tijdlijn .field-collection-container .field-items .field-item span {
		background: #fff;
		display: inline-block;
		padding: 6px;
	}

	.node-type-tijdlijn .ds-3col > .group-middle,
	.view-tijdlijn .ds-3col > .group-middle {
		width: 100%;
		float: left;
		clear: both;
		padding-bottom: 11em;
		padding-top: 140px;
		padding-left: 0;
	}
	.front .view-tijdlijn .ds-3col > .group-middle {
		padding-bottom: 5em;
	}
	.not-front.node-type-tijdlijn .ds-3col > .group-middle > .field {
		background: #F3F3F3;
		background: rgba(243, 243, 243, 0.9);
	}
	.front .view-tijdlijn .ds-3col > .group-middle > .field {
		background: #fff;
		background: rgba(255, 255, 255, 0.9);
		padding: 0.5em 0;
	}


	#block-views-tijdlijn-block .blokkop h2 {
		margin: 0.5em 0 3.5em;
	}


	/* =============================================================================
	 *   SEARCH & FORMS
	 * ========================================================================== */


	input[type="submit"], .more-link a {padding: 10px;}

	input[type="text"], input[type="password"], input[type="email"] {
		padding: 4%;
	}

	.page-search #block-system-main {
		width: 100%;
		padding: 0;
	}


	/*webform confirmation*/
	.page-node-done #block-system-main {width: 100%;}

}