/* standaard instellingen */

@font-face {
	font-family:	RijksoverheidSansText;
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-regular_2_0.eot'); /* IE9 Compatibility Modes */
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-regular_2_0.eot?') format('eot'),  /* IE6-IE8 */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-regular_2_0.woff') format('woff'), /* Modern Browsers */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-regular_2_0.ttf')  format('truetype');
}

@font-face {
	font-family:	RijksoverheidSansText;
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-bold_2_0.eot'); /* IE9 Compatibility Modes */
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-bold_2_0.eot?') format('eot'),  /* IE6-IE8 */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-bold_2_0.woff') format('woff'), /* Modern Browsers */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-bold_2_0.ttf')  format('truetype');
	font-weight:	bold;
}

@font-face {
	font-family:	RijksoverheidSansText;
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-italic_2_0.eot'); /* IE9 Compatibility Modes */
	src:			url('/_cms/files/fonts/rijksoverheidsanstexttt-italic_2_0.eot?') format('eot'),  /* IE6-IE8 */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-italic_2_0.woff') format('woff'), /* Modern Browsers */
					url('/_cms/files/fonts/rijksoverheidsanstexttt-italic_2_0.ttf')  format('truetype');
	font-style:		italic;
}

html,body {
	margin:0px;
	padding:0px;
}
body {
	font-family:		"RijksoverheidSansText",verdana,arial;
	font-size:			13px;
	line-height:		22px;
	text-align:			center;
	background-color:	#f2f7fb;
}

img {
	border:none;
}

p {
	margin-top:5px;
}
p:first-child {
	margin-top:0px;
}

h1 {
	color: #42145f;
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin: 14px 0px;
	line-height:1;
}

h2 {
	color: #007bc7;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

h3 {
	color: #007bc7;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing:border-box;
}

div,td,p {
	text-align:left;
	font:inherit;
}
a img {
	border:none;
}
table {
	border-collapse:collapse;
}
table,tr,td {
	margin:0px;
	padding:0px;
	font:inherit;
}

a {
	text-decoration:none;
	color:			#007bc7;
}
a:hover {
	text-decoration: underline;
}

.breadcrumbs a {
	color:			#007bc7;
	font-weight:	bold;
	display:		inline-block;
	padding:		0px 0px 0 2px;
	overflow:		hidden;
	text-overflow:	ellipsis;
	white-space:	nowrap;
	max-width:		150px;
	height:			20px;
	margin-bottom:	-5px;
}

.breadcrumbs a:hover {
	background-color:#FFFFFF;
	max-width:		500px;
}

.breadcrumbs a.last {
	color:		inherit;
	font-weight:normal;
}

/* terugkerende elementen */
#site_content {
	position:relative;
	width:1224px;
	margin:auto;
	min-height:400px;
	_height:400px;
	overflow-x:	hidden;
}

.default_content {
	margin-top:		10px;
	margin-bottom:	40px;
}

.default_content img {
	max-width:	100%;
	height:		auto;
}

.default_breadcrumbs {
	font-size:	13px;
	position:	relative;
	margin-top:	-12px;
}

.default_head {
	min-height:	60px;
	width:		100%;
	position:	relative;
}
.default_head h1 {
	float:		left;
	position:	relative;
	top:		8px;
}
.default_head .section_date {
	font-weight: bold;
	color: #999999;
	clear:both;
}

.default_head_logo {
	width:				199px;
	height:				75px;
	position:			absolute;
	bottom:				10px;
	right:				0px;
}

.default_slide_viewer_container {
	height:				215px;
}

.default_slide_viewer_details {
	background-color:	#f1eef3;
	height:				215px;
	position:			relative;
}

.default_slide_viewer_details_content {
	color:				#42145f;
	line-height:		22px;
	padding:			28px;
	position:			relative;
	font-size:			16px;
}

.default_slide_viewer_details_content .title {
	font-weight:		bold;
	font-size:			18px;
}

.default_slide_viewer_details_content .slide_viewer_caption {
	display:			block;
	font-size:			inherit;
	position:			absolute;
	padding-right:		20px;
}

.default_slide_viewer_credits_content {
	width: 				100%;
	font-size:			18px;
	font-weight:		bold;
	line-height:		22px;
	padding:			28px;
	position:			absolute;
	bottom:				0;
}
.default_slide_viewer_credits_content .slide_viewer_credit {
	color:				#9d88a8;
	padding:			0;
	font-size:			13px;
	font-weight:		normal;
}

.image_caption {
	color: #999;
	font-style: italic;
}
.default_slide_viewer_details_content a {
	font-size:			14px;
	color:				#007bc7;
}
.default_slide_viewer_details_content a:before {
	content:			"> ";
}

#home_uitgelicht ul.default_article_list .homepage_section_image_caption {
	color:				#007bc7;
	background-color:	transparent;
	padding-right:		0px;
}

#home_uitgelicht ul.default_article_list .homepage_section_image_caption::before {
	content: "> ";
}

ul.default_article_list {
	list-style:			none;
	padding:			0px;
	margin:				0px -20px 0 0;
	position:			relative;
}

ul.default_article_list li {
	display:			inline-block;
	margin-right:		20px;
}

div.default_article_image {
	float:				left;
	margin-top:			2px;
	margin-bottom:		10px;
}

div.default_article_content {
	margin-bottom:		30px;
	line-height:		18px;
	font-size:			13px;
	padding-left:		13px;
}

div.default_article_content.has_image {
	padding-left:		155px;
}

div.default_article_date {
	color:				#767676;
	font-size:			11px;
}

div.default_article_content a {
	color:				#3e265b;
	font-weight:		bold;
	font-size:			18px;
}

div.default_article_content a:before {
	content:			"> ";
	margin-left: 		-13px;
}

.site_frame {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	background-color:#fff;
}

#navigatie {
	background-color:	#3e265b;
	overflow:			auto;
}

#navigatie_button_responsive {
	background-image:	url("/_cms/files/images/menu_button_responsive.png");
	background-repeat:	no-repeat;
	background-size:	contain;
	height:				25px;
	left:				14px;
	position:			absolute;
	top:				12px;
	width:				25px;
	cursor:				pointer;
	display:			none;
}

/*#navigatie:after*/
#navigatie_color_bar,
#navigatie_color_bar2 {
	background-color:	#c8b9ce;
	display:			block;
	content:			"";
	clear:				both;
	height:				13px;
	width:				100%;
}

#navigatie ul li {
	display:		inline-block;
	float:			left;
	color:			#FFFFFF;
}

#navigatie a {
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
	padding:			4px 13px;
	font-size:			16px;
	line-height:		29px;
	display:			block;
}

#navigatie ul li.current,
#navigatie ul li:hover {
	background-color:	#c8b9ce;
}

#navigatie ul li.current a,
#navigatie ul li:hover a{
	color:				#000000;
}

.footer {
	position:absolute;
	text-align:center;
	padding-bottom:20px;
}

.footer p {
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	color:#0079bc;
	font-size:13px;
}

.footer a {
	color:#0079bc;
}

.homepage_contents {
	position:relative;
	clear:both;
	min-height:634px;
	_height:634px;
}

.contents {
	position:relative;
	clear:both;
	min-height:300px;
	_height:300px;
}

.contentheading {
	padding-top: 35px;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 18px;
}

.contentdescription {
	padding-top: 45px;
	padding-left: 30px;
	padding-right: 10px;
}

/* custom */
#top_bar {
	width:		100%;
	position:	relative;
	height:		89px;
}

ul#topnav {
	margin:			0;
	overflow:		auto;
	padding-top:	18px;
	float:			left;
}

div.nav_search {
	height:		25px;
	margin:		11px 0 0 0;
}

div.nav_search input {
	height:				100%;
	border:				none;
	border-radius:		0px;
	float:				left;
	padding:			0 8px;
}

div.nav_search input[type=text] {
	width:				70%;
	font-family:		"RijksoverheidSansText",verdana,arial;
}

div.nav_search input[type=button],
div.nav_search input[type=submit]{
	width:				30%;
	background-color:	#c8b9ce;
	color:				#3e265b;
	padding:			0 12px;
	float:				right;
	font-family:		"RijksoverheidSansText",verdana,arial;
	font-weight:		600;
}

.logo_roh {
	width:				44px;
	height:				75px;
	position:			relative;
	margin:				auto;
	background-image:	url('/_cms/files/images/logo_roh.png');
}

.blue_block {
	width:				44px;
	height:				21px;
	position:			relative;
	margin:				0 auto;
	background-color:	#104376;
}

ul.langnav {
	height:				32px;
	list-style:			none outside none;
	margin:				0;
	padding:			0;
	width:				100%;
	padding-right:		25px;
}
ul.langnav li {
	float:				right;
	margin:				6px;
}

ul.langnav li a {
	font-size:			16px;
	color:				#000000;
}

div.site_footer:before {
	background-color:	#c8b9ce;
	height:				13px;
	width:				100%;
	content:			"";
	display:			block;
}
div.site_footer {
	background-color:	#f1eef3;
	min-height:			100px;
	overflow:			auto;
	clear:				both;
	margin-bottom:		20px;
}

.left_menu {
	font-size:		14px;
	font-weight:	bold;
	color:			#42145f;
}

.left_menu ul {
	padding:		0 0 0 22px;
	margin:			22px 0px;
	line-height:	16px;
	list-style:		none;
}

.left_menu ul ul {
	margin:			0px;
}

.left_menu ul li a.current {
	background-color: #FFFFFF;
	border-bottom: 1px solid #c8b9ce;
	border-left: 1px solid #c8b9ce;
	border-top: 1px solid #c8b9ce;
	margin: 0px -5px 0 -20px;
	padding: 9px 0 9px 20px;
	position: relative;
	width: calc(100% + 11px);
}

.left_menu_container {
	position:		relative;
	z-index:		1;
}
.left_menu:before {
	border-right: 1px solid #c8b9ce;
	content: " ";
	display: block;
	height: 100%;
	padding-right: 0;
	position: absolute;
	right: 21px;
	top: 5px;
	width: 2px;
	z-index: 0;
}

.center_part_div {
	position:	relative;
}
.center_part_div:before {
	border-left: 1px solid #c8b9ce;
	content: " ";
	display: block;
	height: 100%;
	left: -22px;
	padding-right: 0;
	position: absolute;
	top: 5px;
	width: 2px;
	z-index: 0;
}

.left_menu ul li>.caret {
	content: 		" ";
	position: 		relative;
	z-index:		10;
	margin-left: 	-10px;
	display: 		inline-block;
	margin-right: 	5px;
	border-style: 	solid solid none none;
	width: 			7px;
	height: 		7px;
	transform: 		rotate(45deg);
}

.left_menu ul li.active.has_children>.caret {
	transform:		rotate(135deg);
}

.left_menu ul li a {
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	color: inherit;
	display: inline-block;
	left: -2px;
	position: relative;
	width: calc(100% - 6px);
	padding: 9px 11px 9px 0px;
}

.footer_menu_header {
	color:				#42145f;
	font-size:			22px;
	font-weight:		bold;
	margin-top:			0px;
}

.footer_menu ul {
	font-size: 14px;
	left: 10px;
	line-height: 19px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
}

.footer_menu ul li {
	padding-top:		10px;
}

.footer_menu ul li a {
	color:				#42145f;
}

.footer_menu ul li a:before {
	content:			"> ";
	font-weight:		bold;
	margin-left:		-10px;
}

.slide_viewer,
.slide_viewer_home {
	position:			relative;
	width:				100%;
	height:				316px;
}

.slide_viewer_home .slide_viewer_bottom_bar {
	min-height:			0px !important;
}

.slide_viewer_other {
	position:			relative;
	width:				100%;
	height:				100%;
}

.slide_viewer_logo {
	width:				300px;
	height:				77px;
	position:			absolute;
	z-index:			40;
	top:				20px;
	right:				30px;
}
.slide_viewer_credits_container {
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
}

.slide_viewer_side_panel {
	width:				300px;
	height:				310px;
	position:			absolute;
	top:				0px;
	left:				0px;
	color:				#FFFFFF;
	z-index:			20;
}

.slide_viewer_side_panel_content {
	padding: 			30px;
	color:				#FFFFFF;
	background-color:	rgb(66,20,95); /* for IE8 */
	background-color:	rgba(66,20,95,0.8);
}

.slide_viewer_bottom {
	background: 		#3e2759;
	width: 				100%;
	color: 				white;
	padding: 			15px 30px;
	display: 			block;
	font-weight: 		600;
	font-size: 			16px;
}
.slide_viewer_bottom::before {
	content: '> ';
}

.slide_viewer_href {
	color: 				white;
	font-size:			14px;
	font-weight:		600;
}

.slide_viewer_title {
	font-size:			28px;
	font-weight:		bold;
	line-height:		1;
	margin:				0px;
	color:				inherit;
}

.slide_viewer_text {
	font-size:			16px;
	font-weight:		bold;
	line-height:		22px;
}

.slide_viewer_content {
	z-index:			10;
	height:				100%;
}

.slide_viewer_slide {
	position:			absolute;
	width:				100%;
	height:				100%;
	top:				0px;
	left:				0px;
}

.slide_viewer_container {
	z-index:			1;
	position:			absolute;
	overflow:			hidden;
}

.slide_viewer_bottom_bar_left {
	width:				300px;
	position:			relative;
	height:				100%;
	float:				left;
	font-size:			14px;
	font-weight:		bold;
	z-index:			50;
}

div.slide_viewer_bottom_bar_left_half {
	width:				50%;
	background-color:	#007bc7;
	height:				100%;
	float:				right;
	text-align:			center;
}

div.slide_viewer_home div.slide_viewer_caption {
	color: #ffffff;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 36px;
	line-height: 36px;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.slide_viewer_home div.slide_viewer_caption a {
	font-size:			25px;
	line-height: 		25px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.slide_viewer_home div.slide_viewer_caption .title {
	text-align:			inherit;
}

.slide_viewer_credit {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-style: italic;
	height: 40px;
	line-height: 38px;
	padding-left: 310px;
	padding-right: 30px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.slide_viewer_bottom_bar {
	width: 				calc(75% - 52px);
	max-width:			calc(100% - 360px);
	height:				76px;
	right:				30px;
	bottom:				0;
	position:			absolute;
	background-color:	#007bc7;
	z-index:			10;
	color:				#FFFFFF;
	transform: 			translateY(50%);
	display:			inline-block;
	padding:			20px;

	font-weight: 		600;
	font-size: 			36px;
}
.slide_viewer_bottom_bar a {
	font-weight: 		600;
	font-size: 			36px;
}

.slide_viewer_bottom_bar a.slide_viewer_href {
	color:				#ffffff;
	display:			block;
	line-height:		38px;
	height:				100%;
}

a.slide_viewer_href {
	text-decoration:	none;
}

a.slide_viewer_href:hover {
	text-decoration:	underline;
}

.homepage_section {
	color: #42145f;
	font-size: 14px;
	display: block;
	line-height: 16px;
	font-weight:	bold;
	clear:			both;
}

.homepage_section_list {
	clear: both;
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

.homepage_section_list.images li {
	display:	inline-block;
}

.homepage_section_list_item {
	margin-bottom:	20px;
	cursor:pointer;
	position:relative;
}
.homepage_section_list_item a {
	font-size: 18px;
	font-weight: 600;
}
.homepage_section_list_item a:before {
	content: '> ';
}

.homepage_section_list_item .section_date {
	background-color:	#007bc7;
	color:				#FFFFFF;
	padding:			5px 10px;
	text-align:			right;
	position:			absolute;
	top:				0px;
	left:				0px;
}

.homepage_section_list_item a {
	color:			inherit;
}

.homepage_section_image {
	display:			block;
	width:				100%;
}

.homepage_section_image img {
	width:				100%;
}

.homepage_section_image_caption {
	background-color:	#007bc7;
	color:				#FFFFFF;
	padding:			5px 10px;
	text-align:			right;
}

.homepage_section_image_caption a:before {
	content:			"> ";
}

.homepage_section_image_caption a:after {
	content:			"";
}

.homepage_section_more_link,
.more {
	color:			#007bc7;
	text-align:		right;
	display:		inline-block;
	float:			right;
	font-weight:	bold;
}
.homepage_section_more_link:before,
.more:before {
	content:		"> ";
}

.homepage_section_list_item_date {
	color:			#007bc7;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		16px;
	font-weight:	600;
	font-weight:	normal;
	margin-bottom:	0.3em;
}

div.homepage_icon {
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	float:	left;
	margin-right: 6px;
}

/* news */
div.homepage_icon#homepage_icon_33,
div.homepage_icon#homepage_icon_322 {
	background-image:	url(/_cms/files/images/icons/icon_news.png);
}

/* G4AW directory */
div.homepage_icon#homepage_icon_35,
div.homepage_icon#homepage_icon_410 {
	background-image:	url(/_cms/files/images/icons/icon_feeds.png);
}

/* Tender information */
div.homepage_icon#homepage_icon_34,
div.homepage_icon#homepage_icon_325 {
	background-image:	url(/_cms/files/images/icons/icon_spotlight.png);
}

/* Agenda */
div.homepage_icon#homepage_icon_13,
div.homepage_icon#homepage_icon_412 {
	background-image:	url(/_cms/files/images/icons/icon_calendar.png);
}

/* FAQ */
div.homepage_icon#homepage_icon_7 {
	background-image:	url(/_cms/files/images/icons/icon_spotlight.png);
}

/* MILESTONES */
div.homepage_icon#homepage_icon_40 {
	background-image:	url(/_cms/files/images/icons/icon_milestones.png);
}

/* Food for space security' */
div.homepage_icon#homepage_icon_16 {
	background-image:	url(/_cms/files/images/icons/icon_milestones.png);
}

.project_root .hide_on_nonstart,
.project_root.start .hide_on_start {
	display:	none;
}

.project_root.start .hide_on_nonstart {
	display:	inherit;
}

.project_map img {
	width:		100%;
	max-width:	864px;
}

.project_select_table,
.form_layout {
	margin-top:			-20px;
	padding-right:		30px;
}

.project_select_table input,
.project_select_table textarea,
.form_layout input,
.form_layout textarea {
	background-color:	#EBEBEB;
	border:				none;
	padding:			5px 8px;
	width:				258px;
	font-size:			14px;
}

.project_select_label,
.form_layout .label {
	font-weight:		bold;
	font-size:			14px;
	padding-top:		20px;
	padding-bottom:		10px;
	padding-right:		10px;
}

.form_layout .stdinput {
	font-weight:		bold;
	font-size:			14px;
	padding-top:		20px;
	padding-bottom:		10px;
}

table.project_detail_table {
	margin-top:			30px;
	background-color:	#eef9e8;
	width:				100%;
}

table.project_detail_table tr {
	border-bottom: 1px solid #FFFFFF;
}

table.project_detail_table td {
	vertical-align:		top;
}

td.project_detail_label {
	font-weight:		bold;
	padding:			4px 10px;
}

td.project_detail_data {
	padding:			4px 10px;
}

input.project_select_button,
.searchresult input.findbutton,
.form_layout input[type=submit]
{
	background-color:	#007bc7;
	border:				1px solid #007bc7;
	color:				#ffffff;
	float:				right;
	margin-top:			30px;
	padding:			3px 9px;
	width:				auto;
	cursor:				pointer;
	font-weight:		bold;
}

input.project_select_button:hover,
.searchresult input.findbutton:hover,
.form_layout input[type=submit]:hover {
	color:				#007bc7;
	background-color:	#FFFFFF;
}

div.dropdown {
	background-color: #ebebeb;
	background-image: url("/_cms/files/images/pulldown_arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 100%;
	max-width:270px;
}

div.dropdown select {
	background-color: transparent;
	border: 0 none !important;
	font-size: 14px;
	padding: 5px 0 5px 8px;
	width: 300px;
}
div.dropdown select::-ms-expand{
	display:none;
}

div.searchresult_item h2,
div.searchresult_item h2 a {
	color:		#007BC7;
	font-size:	14px;
}

/* G4AW Directory */
.directory_meta {
	background-color:	#EEF9E8;
	margin: 			15px 0;
	padding: 			15px;
}

/* g4aw directory */
.multiselect {
	width: 500px;
	height: 200px;
}

.ui-multiselect .ui-widget-header input.search {
	float: 		left;
	margin: 	4px;
	opacity: 	0.7;
	height:		27px;
}

.mobile-slideout-button {
	display:none;
}

/* MD - specific for ONLY MD, not smaller and not wider */
@media (min-width: 961px) and (max-width: 1280px) {
	.homepage_images:nth-child(3n+1):last-child {
		width:		100%;
	}

	.homepage_images:nth-child(3n+1):last-child ul {
		margin:		0 -15px;
	}

	.homepage_images:nth-child(3n+1):last-child ul li {
		width:		32.8%;
		padding:	0 15px;
		float:		left;
	}

}
/* MD - and lower */
@media (max-width: 1280px) {
	#site_content {
		width:	100%;
	}
}

/* SM */
@media (max-width: 960px) {
	#site_content {
		width:	100%;
	}
	.news_article .news_image {
		height: initial !important;
	}
	.homepage_section_content {
		height: initial !important;
		flex: 2 !important;
	}
	.home_article_list .homepage_section_tile {
		height: initial !important;
		flex: 2 !important;
	}

	/* remove the slide viewer */
	.slide_viewer_home .slide_viewer_content {
		display:	none;
	}
	.slide_viewer_side_panel {
		width:		100%;
		position:	relative;
		height:		auto;
	}
	.slide_viewer,
	.slide_viewer_home {
		height:		auto;
	}

	/* responsive menu */
	#navigatie_button_responsive {
		display:	block;
	}
	#navigatie {
		height:		48px;
		overflow:	visible;
		position:	relative;
	}
	/*#navigatie:after*/
	#navigatie_color_bar2 {
		display:	none;
	}
	ul#topnav {
		position:			absolute;
		z-index:			100;
		background-color:	#3e265b;
		padding:			0px;
		top:				48px;
		left:				0px;
		-ms-transition:		left 0.5s ease-in-out;
		-moz-transition:	left 0.5s ease-in-out;
		-webkit-transition:	left 0.5s ease-in-out;
		transition:			left 0.5s ease-in-out;
		float:				none;
	}

	ul#topnav.responsive_hidden {
		left:				-300px;
	}

	ul#topnav li {
		float:				none;
		display:			block;
	}

	div.left_menu {
		top:0 !important;
		position:absolute;
		background-color:white;
		z-index:10;
		border-right:1px solid #c8b9ce;
		border-bottom:1px solid #c8b9ce;
		border-bottom-right-radius:5px;
	}

	.center_part_div:before {
		display:none !important;
	}

	div.left_menu ul {
		min-width:200px;
	}

	div.left_menu::before {
		right:6px;
		top:0;
		display:none;
	}

	div.mobile-slideout-button {
		width:28px;
		height:30px;
		background-color:white;
		position:absolute;
		left:0;
		display:block;
		top:0;
		cursor:pointer;
		z-index:10;
		color:#42145F;
		line-height:28px;
		font-size:25px;
		text-align:center;
		border-right:1px solid #c8b9ce;
		border-bottom:1px solid #c8b9ce;
		border-top:1px solid #c8b9ce;
		border-bottom-right-radius:5px;
		border-top-right-radius:5px;
	}

	div.left_menu_container {
		position:initial;
		overflow:auto;
	}

	div.mobile-overlay {
		background-color:white;
		position:absolute;
		top:196px;
		left:0;
		right:0;
		bottom:0;
		display:none;
		opacity:0.9;
		z-index:5;
	}

}

/* XS */
@media (max-width: 600px) {
	.project_select_label {
		padding-top:0px;
	}
	input.project_select_button {
		margin-top:	33px;
		width:		100%;
	}

	.default_slide_viewer_details {
		height:	auto;
	}

	a.smoothscroll {
		display:block;
	}

	div.homepage_section_list_item {
		max-width:100% !important;
	}
}

/* XXS */
@media (max-width: 400px) {
	div.default_article_image {
		padding-right:	20px;
	}
	div.default_article_content {
		padding-left:	0px;
	}

	input.project_select_button {
		margin-top:	0;
		width:		100%;
	}
}

input:focus {
	outline:0;
}

input[type=submit] {
	cursor:pointer;
}

#home_uitgelicht .default_article_list li .homepage_section_list_item {
	border:		1px solid #b2d7ee;
	padding:	2px 10px;
}

/* Agenda styling */
.agenda_page .agenda_header{
	max-height:75px !important;
	overflow:hidden;
}

.agenda_containing_div {
	margin-top:0;
}

.agenda_container {
	width:100%;
}

.agenda_item {
	width:100%;
	padding:5px 0;
}

.agenda_item a {
	font-size:14px;
	max-width:350px;
	display:inline-block;
	padding-left:15px;
}

.agenda_item::before {
	content:'>';
	font-size:14px;
	position:absolute
}

.agenda_item .date_display {
	position:absolute;
	top:5px;
	right:0;
	font-weight:300;
}

.agenda_item .agenda_description {
	font-size:13px;
	line-height:1.4;
	padding:5px 0;
}

.agenda_breakline {
	overflow:hidden;
	margin-bottom:10px;
}

.agenda_breakline span {
	color: #42145f;
	font-size: 24px;
	font-weight: bold;
	display:inline-block;
	float:left;
	overflow:hidden;
}

.agenda_breakline span::after {
	border-top: 2px solid black;
	display: block;
	height: 1px;
	content: " ";
	width: 71%;
	position: absolute;
	top: 14px;
	right: 0;
}

#webform2_form {
	width:100%;
}

#webform2_form table {
	width:100%;
}

#webform2_form .form_input input {
	width:100%;
}

#webform2_form .form_area textarea {
	width:100%;
}

#webform2_form .form_button {
	margin-top:10px;
	width: 30%;
	background-color: #c8b9ce;
	color: #3e265b;
	padding: 8px 12px;
	float:right;
	font-family: "RijksoverheidSansText",verdana,arial;
	font-weight: 600;
	border:0;
}

/* List style */

.left_menu ul li ul {
	display:none;
}

.left_menu ul li.active ul {
	display:	block;
}

#registratieformulier fieldset:nth-of-type(2) .mdn-bar {bottom: 15px;}

div video {
	max-width: 100%;
}

.d-flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
}

.stretch {
	align-content: stretch;
}

.news_article {
	position: relative;
	color: white;
}
.news_article .news_image {
	position: relative;
	height: 275px;
}
.news_article .news_image::after {
	content: '';
	position: absolute;
	box-shadow: inset 0px -60px 50px -25px #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.news_article .news_image img {
	width: 100%;
	display: block;
}
.news_article .user_story {
	position: relative;
	height: 250px;
}
.news_article .news_pub_date {
	background: #3d2759;
	color: white;
	display: inline-block;
	padding: 4px 8px;
	position: absolute;
	top: -15px;
	left: -15px;
	font-size: 14px;
	font-weight: 600;
	z-index: 5;
}
.news_article .news_title {
	color: white;
	width: 100%;

	position: absolute;
	bottom: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: 600;
}
.news_article.no_image .news_title {
	position: initial;
}
.news_article.no_image .news_content {
	background: #3d2759;
	padding-top: 1em;
}
.news_article.no_image .news_content {
	height: 100%;
	color: white;
}
.news_article .news_content {
	position: relative;
}
.news_article .news_content .news_summary p {
	padding: 15px;
}
.news_article .news_summary {
	display: none;
}
.news_article.no_image .news_summary {
	display: initial;
}

.homepage_section_text a {
	display: inline;
	margin: 14px 0;
	margin-left: 14px;
	color: #3d2759;
}
.homepage_section_text h2 {
	display: inline;
	font-size: 30px;
	color: #007bc7;
}

.homepage_section_tile {
	background: #e5f2f9;
	padding: 15px;
}
.agenda_list .homepage_section_tile {
	height: 100%;
}
.aankondigingen_list .homepage_section_tile {
	height: 100%;
}
.aankondigingen_list .homepage_section_list_item a {
	font-weight: initial;
}
.aankondigingen_list .homepage_section_list_item .aankondiging_date {
	color: #767676;
	font-size: 11px;
}
.home_article_list .homepage_section_tile {
	height: 275px;
	min-height: 275px;
}
.homepage_section_content {
	height: 275px;
	min-height: 275px;
}
.agenda_list {
	height: 100%;
}
.aankondigingen_list {
	height: 100%;
}
.homepage_section_list li {
	margin: 10px 0;
}

.mx-5 {
	margin-left: 15px;
	margin-right: 15px;
}
.home_article_list a {
	color: #3e2759;
	font-size: 18px;
}
.home_article_list .uitgelicht_image {
	margin-top: 1em;
}
.home_article_list .home_article_list_image {
	text-align: center;
}
.home_article_list .home_article_list_image img {
	max-width: 95%;
	max-height: 350px;
	display: inline-block;
}

.homepage_section_text {
	min-height: 30px;
	margin-bottom: 1em;
}
@media screen and (max-width: 600px) {
	.homepage_section_text {
		min-height: initial;
	}
}


.homepage_section_list_item_link, .homepage_section_list_item_link a {
	font-size: 14px;
	font-weight: normal;
}

.link::before {
	content: "> ";
}

.header a {
	font-weight: 700;
	font-size: 13px;
}

.homepage_artlist .home_article_list_image {
	margin-top: 1em;
}


.social_media {
	position: relative;
	color: white;
	flex-grow: 2;
	display: flex;
	flex-direction: column;
	height: 275px;
	overflow: scroll;
}
.social_media a {
	color: white;
}
.social_media .social_image {
	position: relative;
}
.social_media .social_image::after {
	content: '';
	position: absolute;
	box-shadow: inset 0px -60px 50px -25px #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.social_media .social_image img {
	width: 100%;
	display: block;
}
.social_media .social_title_wrapper {
	color: white;
	width: 100%;
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.social_media.no_image .social_title_wrapper {
	position: initial;
}
.social_media.no_image .social_content {
	background: #3d2759;
	padding-top: 1em;
}
.social_media.no_image .social_content {
	height: 100%;
	color: white;
}
.social_media .social_content {
	position: relative;
	background-size: cover;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	flex-grow: 2;
}
.social_media .social_content .social_summary {
	font-size: 16px;
	font-weight: 600;
	color: white;
	padding: 15px;
}

.social_media .social_title_wrapper img {
	display: inline-block;
	width: 3em;
	height: 3em;
}

.social_media .social_title_wrapper {
	display: flex;
	align-items: center;
}
.social_media .social_title_wrapper .social_title {
	margin-left: 1em;
}

.d-flex-only {
	display: flex;
}

.social_media.instagram .social_image::after {
	box-shadow: none;
}


.instagram-article .homepage_section_tile {
	background-image: url(/files/images/instagram.png);
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.instagram-article .homepage_section_tile .icon {
	color: #FFFFFF;
	max-width: 50px;
	margin: 2px;
}

.instagram-article .homepage_section_tile .text {
	color: #FFFFFF;
	font-size:30px;
	line-height:30px;
	font-weight: bold;
}

.url_tile {
	cursor: pointer;
}

.social-share {
	display: flex;
	justify-content: flex-end;
}
.social-share .rxsocial_title {
	font-size: 18px;
}
.rxsocial_twitter {
    background: url('/_cms/files/images/rxsocial-twitter-x.png') !important;
    background-position: center !important;
    background-size: 24px !important;
}

.organisation-blocks {
	display: flex;
	flex-wrap: wrap;
}

.organisation-blocks .block-row {
	display: flex;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}

.organisation-blocks:after {
	content: "";
	width: 32%;
}
.organisation-blocks .organisation-block {
	width: calc(32% - 20px);
	max-width: calc(32% - 20px);
	position: relative;
	margin: 10px;
	flex-grow: 1;
	height: 275px;
}

.organisation-blocks .organisation-block a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 55%;
	background-position: center;
	background-repeat: no-repeat;
}

.organisation-blocks .organisation-block.spacetravel a {
	background-color: #42145F;
}

.organisation-blocks .organisation-block.education a {
	background-color: #7f29b5;
}

.organisation-blocks .organisation-block.management a {
	background-color: #c66cff;
}

.organisation-blocks .organisation-block a:after {
	content: '';
	position: absolute;
	box-shadow: inset 0px -50px 50px -25px #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.organisation-blocks .organisation-block a h3 {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 3px 8px;
	margin: 0;
	color: #FFF;
	text-align: right;
	z-index: 1;
}

.program-list {
	display: flex;
}
.program-list .program-list-item {
	border: 1px solid #3e265b;
	border-radius: 5px;
	color: black;
	height: 100%;
	position: relative;
}
.program-list .program-list-item:hover {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	color: black;
}
.program-list .program-list-item > a {
	color: black;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}
.program-list .program-list-item a * {
	color: black;
	text-decoration: none;
}
.program-list .program-list-item.has-url {
	cursor: pointer;
}
.program-list .program-list-item.has-url:after {
	content: ">";
	position: absolute;
	bottom: 0;
	right: 5px;
	font-weight: bold;
}
.program-list .program-list-item .program-list-item-content > div:not(:last-child) {
	border-bottom: 1px solid #f1eef3;
}
.program-list .program-list-item .program-list-item-content .label {
	display: block;
	font-weight: bold;
}
.program-list .program-list-item .program-list-item-content .program-list-item-title,
.program-list .program-list-item .program-list-item-content .wysiwyg,
.program-list .program-list-item .program-list-item-content .keywords,
.program-list .program-list-item .program-list-item-content .carried-out-by {
	padding: 10px 20px;
}
.program-list .program-list-item .program-list-item-content .keywords {
	background-color: #f1eef3;
}
.program-list .program-list-item .program-list-item-title {
	font-weight: bold;
	color: #42145f;
	font-size: 18px;
}

/* satellitedata */
[v-cloak] {
	display: none;
}
#vue_satellitedata .satellitedata-filter {
	margin-bottom: 30px;
	display: flex;
	grid-gap: 20px;
	flex-wrap: wrap;
}
#vue_satellitedata .satellitedata-filter .search-input {
	padding: 10px;
	border: none;
	box-shadow: inset 0 0 0 1px #3e265b;
}
#vue_satellitedata .satellitedata-filter select {
	width: 200px;
	padding: 8px;
}
#vue_satellitedata .satellitedata-filter .filter-submit {
	background-color: #3e265b;
	color: white;
	padding: 10px;
	border: none;
	cursor: pointer;
}
#vue_satellitedata .results-counter {
	margin-bottom: 30px;
}
#vue_satellitedata .satellitedata-grid {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	grid-gap: 20px;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item {
	border: 1px solid #3e265b;
	position: relative;
	border-radius: 5px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item:hover {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item .satellitedata-grid-item-name {
	color: #3e265b;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #f1eef3;
	padding: 10px 20px;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item .satellitedata-grid-item-description {
	padding: 10px 20px;
	flex-grow: 1;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item .satellitedata-grid-item-keywords {
	padding: 10px 20px;
	background-color: #f1eef3;
	margin-bottom: 30px;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#vue_satellitedata .satellitedata-grid .satellitedata-grid-item a::after {
    content: ">";
    position: absolute;
    bottom: 0;
    right: 5px;
    font-weight: bold;
	color: black;
}
@media (max-width: 960px) {
	#vue_satellitedata .satellitedata-grid {
		grid-template-columns: 100%;
	}
	#vue_satellitedata .satellitedata-filter .search,
	#vue_satellitedata .satellitedata-filter .search-input,
	#vue_satellitedata .satellitedata-filter select,
	#vue_satellitedata .satellitedata-filter .filter-submit {
		width: 100%;
	}
}