/**
 *	RESET & SPECS
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0px; font-size:100%;	vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
address		{ font-style:normal; }

INPUT[type="file"]	{ background: lime !important; }

.divgumbuttons		{ line-height:15px; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

::placeholder { padding: 0 0 0 5px; color: #aaa; font-size: 14px; }

a					{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins				{ background-color:#ff9; color:#000; text-decoration:none; }
mark			{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del				{ text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table			{ border-collapse:collapse; border-spacing:0; }
hr				{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:5px 0; padding:0; }
select		{ padding:2px; vertical-align:middle; }

textarea							{ height:100px; width:calc(100% - 20px); padding:10px; font:16px/24px 'museo_sans_rounded500', arial, sans-serif; color:#565656; border:1px solid #ccc; resize:vertical; }
input[type="text"],
input[type="password"]		{ padding:3px; border:1px solid #bbb;  }
input[type="text"],
input[type="password"],
select,
option	{
 font:16px/24px 'museo_sans_rounded500', arial, sans-serif;
}

:focus { outline:none; }
input[type='button'] { width:auto; overflow:visible; }

nav ul					{ margin:0; padding: 0; list-style:none; }
ol, ul {padding: 0px 0px 0px 20px;}


.clearfix		{ display:block; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; }
.whitespace	{ margin:0 0 20px; }
.hyphenate 	{	/* as close as it gets to fix 'm all */
  overflow-wrap:break-word; word-wrap:break-word;
	-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto;
  hyphens:auto;
}

.border-top		{ border-top:1px solid #ddd; }

::-webkit-input-placeholder { /* WebKit browsers */
	font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-style:italic;
}


@font-face {
    font-family: 'museo_sans_rounded500';
    src: url('../fonts/museosansrounded500-webfont.eot');
    src: url('../fonts/museosansrounded500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosansrounded500-webfont.woff2') format('woff2'),
         url('../fonts/museosansrounded500-webfont.woff') format('woff'),
         url('../fonts/museosansrounded500-webfont.ttf') format('truetype'),
         url('../fonts/museosansrounded500-webfont.svg#museo_sans_rounded500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_rounded700';
    src: url('../fonts/museosansrounded700-webfont.eot');
    src: url('../fonts/museosansrounded700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosansrounded700-webfont.woff2') format('woff2'),
         url('../fonts/museosansrounded700-webfont.woff') format('woff'),
         url('../fonts/museosansrounded700-webfont.ttf') format('truetype'),
         url('../fonts/museosansrounded700-webfont.svg#museo_sans_rounded700') format('svg');
    font-weight: normal;
    font-style: normal;
}


/**
 *	STYLES AND GLOBAL SETTINGS
 */
html	{ height:100%; -ms-overflow-y:scroll;	overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ position:relative; font:16px/24px 'museo_sans_rounded500', arial, sans-serif; color:#000; background:#f0eee7; }

h1		{ margin:0 0 35px; font:28px/32px 'museo_sans_rounded500', arial, sans-serif; color:#000; }
h2		{ margin:0 0 5px; font:22px/26px 'museo_sans_rounded700', arial, sans-serif; color:#01adae; }
h3		{ margin:0 0 5px; font:18px/24px 'museo_sans_rounded700', arial, sans-serif; }
h4		{ margin:0 0 5px; font:16px/24px 'museo_sans_rounded700', arial, sans-serif; }
h5		{ margin:0 0 5px; font:14px/24px 'museo_sans_rounded700', arial, sans-serif; }
h6		{ margin:0 0 5px; font:14px/24px 'museo_sans_rounded500', arial, sans-serif; }
a			{ color:#0481aa; text-decoration:underline; }
figcaption	{font-size: 12px;}

.submit-button								{ display:inline-flex; justify-content: space-between; align-items: center; padding:5px 15px 5px 15px; background:#efede8; cursor:pointer; border: 0px; font:16px/24px 'museo_sans_rounded500', arial, sans-serif; }
	.submit-button .fa-chevron-right					{ margin:0 0 0 15px !important; color:#07cacb; }
.submit-button:hover					{ background: #07cacb; color:#FFF; }
	.submit-button:hover .fa-chevron-right		{ color:#FFF; }
.article-fold-title.submit-button			{ display:block; }

.top-bar						{
	width:calc(100% - 16px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:5px 8px;
	background:#07cacb url('../images/shared/top-bar-background.svg') -20px 0 / 57px 33px no-repeat; color:#fff; font-size:14px;
}
.top-bar a					{ color:#fff; text-decoration:none; }
	.top-bar .svg-inline--fa				{ margin:0 20px 0 0; font-size:15px; }



.top-menu						{ position:fixed; left:0; top:0px; color:#95938a; width: 100%; font-size:22px; z-index: 90; height: 34px; background: #7d7b74; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.xs-editmode .top-menu			{ top: 35px; }
.page-container 						{ padding-top: 65px; }


.main-menu-toggle						{ padding: 4px 6px 0 10px; font-size: 16px; color: #d6d3c5; cursor: pointer; }
.buac-title									{ font:18px/24px 'museo_sans_rounded500', arial, sans-serif; color:#d6d3c5; padding: 4px 0 0 11px; }
.buac-title a								{ font:18px/24px 'museo_sans_rounded500', arial, sans-serif; color:#d6d3c5; text-decoration: none; }

.top-menu-item-wrapper			{ flex: 1 0 45%; display: flex; flex-flow: row nowrap; justify-content: flex-end; }

	.top-menu-item						{ padding:0px 0px; cursor:pointer; }
	.top-menu-item a					{ color:#d6d3c5; }
	.top-menu-item a:hover		{ color: #FFF; }

	.top-menu-icon						{ width: 50px; border-left: 1px solid #9e9b92; color: #d6d3c5; font-size: 16px; display: flex; align-items: center; justify-content: center;}
	.top-menu-icon a					{ color: #d6d3c5; }
	.top-menu-icon:hover,
	.top-menu-icon a:hover		{ color: #FFF; cursor: pointer; }

	.main-menu-toggle	.svg-inline--fa			{ font-size: 15px; color:#d6d3c5; cursor: pointer; }
	.main-menu-toggle:hover	.svg-inline--fa			{ color:#fff; }
	.top-menu-item .svg-inline--fa				{ font-size: 15px; color:#d6d3c5; cursor: pointer; }

	.top-menu-item.user  		{ position:relative; padding: 8px 15px 0px 15px; font:14px/16px 'museo_sans_rounded700', arial, sans-serif; color:#d6d3c5; white-space: nowrap; border-left: 1px solid #9e9b92;}
	.top-menu-item.user a 		{ text-decoration: none; }
	.top-menu-item.user .fa-user	{ margin-right: 5px; }
	.top-menu-item.user .fa-angle-down	{ margin: 0px 5px 0px 5px; }

	.top-menu-item.user a:hover  		{ color:#FFF; }
	.top-menu-item.user a:hover .fa-user	{ color:#FFF; }
	.top-menu-item.user .account-menu-registreren { font:14px/16px 'museo_sans_rounded500', arial, sans-serif; }


	.top-menu-search-container  									{ position: relative; width: 180px; background: #8f8d84; border-left: 1px solid #9e9b92; padding: 0 0 0 10px; display: flex; align-items: flex-start; }

	input[type="text"].top-menu-searchbox					{ width: 145px; height: 26px; background: #8f8d84; color: #FFF; border: 0px; padding: 2px 0px 0px; font:14px/18px 'museo_sans_rounded500', arial, sans-serif; }
	input[type="submit"].top-menu-searchbutton 		{
		position: absolute; top: 2px; right: 0px; width: 35px; height: 30px; border: 0px;
		background: url('/images/shared/menu-top-icon_search.png') 0 2px no-repeat;
		cursor: pointer;
	}
	input[type="submit"].top-menu-searchbutton:hover 		{
		background: url('/images/shared/menu-top-icon_search.png') 0 -24px no-repeat;
	}

	input[type="text"].top-menu-searchbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #d6d3c5;
	}
	input[type="text"].top-menu-searchbox::-moz-placeholder { /* Firefox 19+ */
	  color: #d6d3c5;
	}
	input[type="text"].top-menu-searchbox:-ms-input-placeholder { /* IE 10+ */
	  color: #d6d3c5;
	}
	input[type="text"].top-menu-searchbox:-moz-placeholder { /* Firefox 18- */
	  color: #d6d3c5;
	}


.user-loggedin-menu		{  position:absolute; top:34px; left:0; width:100%; background:#7d7b74; box-shadow:3px 6px 5px 0 rgba(0,0,0,0.23); z-index:100; display:none; }

.user-loggedin-menu a																			{ display: block; padding: 10px 10px; border-top: 1px solid #9a988c; }
.top-menu-item.user:hover	.user-loggedin-menu			{ display: block; }
.top-menu-item.user:hover	.user-loggedin-menu			{ display: block; }



/**
 *	VOORTGANG
 */
.voortgang-backdrop									{ position:fixed; width:100%; height:100%; background:#5b5952; opacity:.5; display:none; }
.voortgang-container								{ position:absolute; right:0; top:0; bottom:0; height:100%; width:480px; padding:25px 40px; background:#d6d3c5; z-index:80; display:none }
	.voortgang-container a							{ text-decoration:none; }
	.voortgang-title-wrapper						{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #bebbaf; }
		.voortgang-title										{ color:#929086; font-size:28px; }
	.voortgang-account-wrapper					{ margin:0 0 70px; padding:0 10px; }
	.voortgang-content-wrapper					{  }
		.voortgang-content-row							{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; padding:7px 10px; border-bottom:1px solid #bebbaf; }
		.voortgang-content-row.top					{ font-family:'museo_sans_rounded700'; font-size:17px; }
			.voortgang-content-title						{ width:70%; }
				.voortgang-content-title .svg-inline--fa				{ margin:0 5px 0 0; color:#929086; }
			.voortgang-content-percentage				{ width:30%; text-align:center; }
			.voortgang-content-percentage .fa-info-circle			{ color:#0481aa; cursor:pointer; }


	.voortgang-article-title				{ font-family:'museo_sans_rounded700'; font-size:21px; color:#000; }
	.voortgang-article-subtitle				{ font-family:'museo_sans_rounded700'; font-size:17px; }

	.voortgang-vraag-container										{ color:#3a3a3a; }
		.voortgang-vraag-vraag												{ margin:0 0 5px; }
		.voortgang-vraag-wrapper											{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
			.voortgang-vraag-arrow												{ display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; }
				.voortgang-vraag-arrow .fa-chevron-right			{ padding:7px 10px; background:#d6d3c4; color:#a7a599; font-size:14px; }
			.voortgang-vraag-content											{ padding:0 10px; line-height:18px; }
				.voortgang-vraag-info													{ color:#00807f; text-transform:uppercase; font-size:14px; }
				a.voortgang-vraag-link												{ text-decoration:none; font-size:15px; font-style:italic; }
				.voortgang-vraag-antwoord											{ font-size:15px; font-style:italic; }

	.page	{ width:780px; min-height: 65vh; margin:0 auto; background:#fff; position: relative;}
	.page-content	{ padding: 35px 0 40px; position: relative; }

		.page-content-wrapper														{ position:relative; padding:15px 65px; }
		.page-content-wrapper a			{ word-wrap:break-word; }

		.article-streamer				{ float:right; width:45%; padding:0 0 15px 40px; font:28px/38px 'museo_sans_rounded500', arial, sans-serif; }
			.article-image-wrapper.right		{ position:relative; float:right; width:30%; margin:0 0 0 30px; }
			.article-image-wrapper.left			{ position:relative; float:left; width:30%; margin:0 30px 0 0; }
				.article-image-small						{ display:block; width:100%; }
		.article-streamer	img	{ width: 100%; height: auto; }

		.topborder						{ height:2px; background:#07cacb; }
		.topborder.ocher			{ height:1px; margin:0 65px; background:#d5d3c6; }

		.divider-wrapper			{ padding: 15px 65px; }
			.divider.green				{ height:2px; background:#07cacb; }
			.divider.ocher				{ height:2px; background:#d5d3c6; }

		.videowrapper    				   { position:relative; height:0; padding:25px 0 53.25%; }
		.videowrapper.interactief  { position:relative; height:0; padding:25px 0 85%; }
		  .videowrapper iframe        { position:absolute; top:0; left:0; width:100%; height:100%; }
		  .video-caption							{ padding:25px 65px; font-size:14px; background:#f7f6f3; }

	.article-column-wrapper						{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; }
		.article-column.small							{ flex:0 0 30%; }
		.article-column.large							{ flex:0 0 65%; }
			.article-column-image							{ display:block; width:100%; }
				.article-column-thumb-wrapper			{ position:relative; }
				.article-column-thumb-handler			{ position:absolute; bottom:0; right:0; padding:5px; background:url('../images/shared/transparent.png') repeat; }

	.grid-container			{ border-top:1px solid #ddd; font-size:14px; }
		.grid-row						{ display: -ms-flexbox; display: -webkit-flex; display: flex; border-right:1px solid #ddd; }
		.grid-row.top				{ font-weight:bold; background:#efede8; }
			.grid-cell					{ flex:1; padding:3px 7px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
			.grid-cell.wide			{ flex:2; }
			.grid-cell.xwide		{ flex:3; }

	.fig-caption			{ font-size:14px; color:#323232; }

	.download-wrapper							{ display: -ms-flexbox; display: -webkit-flex; display: flex; margin:0 0 10px; }
		.download-wrapper-icon				{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex:0 0 6%; align-items:center; color:#a5a39b; font-size:22px; }
			.upload-wrapper input				{ cursor:pointer; }
			.download-link-info						{ font-size:12px; }
		.upload-wrapper								{ padding:15px; background:#efede8; }

	.info-box						{ padding:30px; background:#caf7ff; }
		.info-box-list			{  }

	.docent-opmerking		{ position: relative; padding:30px; background:#caf7ff; }
	.docent-opmerking-icon	{
														position: absolute;
												    right: 0px;
												    top: 0px;
												    z-index: 4;
												    background-color: #FFFFFF;
												    padding: 1px 10px;
												    font-size: 11px;
												    color: #95938A;
												    }

		.hint-tab						{ position:absolute; top:44px; right:-68px; height:36px; width:52px;
													background:url('/images/shared/hint-tab.png') 0 0 no-repeat; cursor: pointer; }
		.hint-tab:hover			{ background:url('/images/shared/hint-tab.png') 0 -50px no-repeat; }
		.hint0-tab					{ position:absolute; top:5px; right:-68px; height:36px; width:52px;
													background:url('/images/shared/hint-tab.png') 0 0 no-repeat; cursor: pointer; }
		.hint0-tab:hover		{ background:url('/images/shared/hint-tab.png') 0 -50px no-repeat; }
		.hint1-tab					{ position:absolute; top:5px; right:-68px; height:36px; width:60px;
													background:url('/images/shared/hint1-tab.png') 0 0 no-repeat; cursor: pointer; }
		.hint1-tab:hover		{ background:url('/images/shared/hint1-tab.png') 0 -50px no-repeat; }
		.hint2-tab					{ position:absolute; top:45px; right:-68px; height:36px; width:60px;
													background:url('/images/shared/hint2-tab.png') 0 0 no-repeat; cursor: pointer; }
		.hint2-tab:hover		{ background:url('/images/shared/hint2-tab.png') 0 -50px no-repeat; }
		.hint3-tab					{ position:absolute; top:85px; right:-68px; height:36px; width:60px;
													background:url('/images/shared/hint3-tab.png') 0 0 no-repeat; cursor: pointer; }
		.hint3-tab:hover		{ background:url('/images/shared/hint3-tab.png') 0 -50px no-repeat; }

			.hint-text					{
				position:absolute; top:-10px; left:-550px; width:500px; padding:15px;
				background:#fff; border-top:2px solid #07cacb;
				font-size:12px; line-height:18px; box-shadow:0 2px 4px 1px rgba(0, 0, 0, 0.2);
				z-index:10; display:none;
			}
				.hint-arrow							{ position:absolute; top:1px; right:-20px; width:20px; height:58px; background:url('../images/shared/hint-arrow.png') 0 0 no-repeat; z-index:12; }
		.hint-tab:hover .hint-text,
		.hint0-tab:hover .hint-text,
		.hint1-tab:hover .hint-text,
		.hint2-tab:hover .hint-text,
		.hint3-tab:hover .hint-text		{ display:block; }

	.page-content-wrapper	table					{ max-width: 100%; font-size:14px; line-height:17px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
		.page-content-wrapper	table th			{ padding:5px; border-left:1px solid #ddd; border-top:1px solid #ddd; background:#efede8; }
		.page-content-wrapper	table td			{ padding:5px; border-left:1px solid #ddd; border-top:1px solid #ddd; }

	.bottom-page-navigation		{  }

	.faq-vraag											{  }
		.faq-vraag-wrapper							{ position:relative; padding:0 0 0 20px; font-family:'museo_sans_rounded700'; font-size:17px; cursor:pointer; }
		.faq-vraag-wrapper:before					{ position:absolute; top:0; left:0; content:"\f067"; font-family:'FontAwesome'; font-size:11px; }
		.faq-vraag-wrapper.open:before		{ content:"\f068"; }
		.faq-antwoord-wrapper							{ padding:10px 0 0 20px; font-style:italic; display:none; }


	.toetsStartUitleg											{ height:400px; margin:0 0 30px; }
		.openToets .submit-button							{ background:#07cacb; color:#fff; }
		.openToets .submit-button:hover				{ background:#09b9ba; }


	.open-toets-wrapper								{ border:1px solid #dadada; }
		.open-toets-title-wrapper						{ padding:15px 20px; border-bottom:1px solid #dadada; background:linear-gradient(to bottom, #e8e8e8 0%,#cdcdcd 100%); }
			.open-toets-title-wrapper h1				{ margin:0; color:#444; font-size:22px; }
		.open-toets-content-wrapper					{ min-height:300px; padding:20px; }
		.open-toets-bottom-wrapper					{ padding:6px; background:#fafafa; border-top:1px solid #dadada; text-align:right; }
		
		.open-toets-bottom-wrapper .submit-button						{ background:#07cacb; color:#fff; }
		.open-toets-bottom-wrapper .submit-button:hover			{ background:#09b9ba; }

	.open-toets-wrapper.remindo						{ padding: 50px 20px; background: #eeede7; border: 0; }
		.remindo .open-toets-title-wrapper				{ margin: 0 0 20px; padding: 0; background: 0; border: 0; text-align: center; }
			.remindo .open-toets-title-wrapper h1			{ font-size: 28px; color: #7d7b74; }
		.remindo .open-toets-content-wrapper			{ margin: 0 0 20px 40px; padding: 0 0 0 10px; min-height: 0; border-left: 1px solid #aaa; }
		.remindo .open-toets-bottom-wrapper				{ background: 0; border: 0; text-align: center; }
		.remindo .submit-button							{ padding: 10px 40px; font-size: 24px; }

		.toets-remindo-docent-bericht				{ margin: 20px 0 20px 40px; padding: 0 0 0 10px; text-align: left; border-left: 1px solid #07cacb; color: #07cacb; }


/**
 *	PAGE NAVIGATION
 */
.nav-prev-page,
.nav-next-page	{ position: fixed; width: 20px; height: 50px; top: 45%; z-index: 5; font-size: 28px; padding: 20px 20px 0; color: #95938a; text-align: center; }
.nav-prev-page	{ left: 0px; border-radius: 0 5px 5px 0; /* border-left: 0px solid #dcdad1; border-top: 1px solid #dcdad1; border-bottom: 1px solid #dcdad1; border-right: 1px solid #dcdad1; */ }
.nav-next-page	{ right: 0px; border-radius: 5px 0 0 5px; /* border-left: 1px solid #dcdad1; border-top: 1px solid #dcdad1; border-bottom: 1px solid #dcdad1; border-right: 0px solid #dcdad1; */ }
.nav-prev-page:hover,
.nav-next-page:hover { color: #07cacb; background: #fff; }

/**
 *	AFBEELDING
 */
.article-image-large-container	 	{ vertical-align:bottom; line-height: 0px; font-size: 0px; padding-top: 20px; }
img.article-image-large						{ width: 100%; margin-bottom: 0px; line-height: 0px;}
.article-image-large img 					{ vertical-align: middle; display: block; }

/**
 *	SMARTPHONE ALERT
 */
.smartphone-alert,
.smartphone-alert.closed					{ display: none; }

.smartphone-alert-bg							{ position: fixed; top: 0px; left: 0vw; width: 100vw; height: 100vh; z-index: 199; background: #54524c; opacity: 0.5; }
.smartphone-alert-message					{ position: fixed; top: 23vh; left: 10vw; width: 60vw; padding: 10vw; z-index: 200; background: #FFF;  }
.smartphone-alert-message .close-smartphone-alert  { position: absolute; top: 0px; right: 0px; z-index: 5; padding: 15px; cursor: pointer; }
.smartphone-alert-message .close-smartphone-alert:hover  { color: #07cacb; }

/**
 *	COVER
 */
 /*
.cover-wrapper								{ width:100%; position:relative; cursor:pointer; }
.cover-wrapper.edit-modus			{ display:none; }

.cover-content								{ display:none; }
.cover-content.edit-modus			{ display:block; }

	.cover-image		{ display:block; width:100%; }

	.cover-corner	{position: absolute; top: 0; right:0;
		animation-name: cover-corner;
		animation-duration: 1s;
		animation-delay: 0.5s;
		animation-fill-mode: forwards;
		z-index:5;
		background:url('/images/shared/cover-start.png') 0 0 no-repeat;
		box-shadow:-2px 3px 6px -1px rgba(0, 0, 0, 0.2);
	}

	@keyframes cover-corner {
	    from {width:0px; height:0px;}
	    to {width:100px; height:99px;}
	}
*/

/***
*  Homepage welkom
**/

.homepage-welkom									{  }
.homepage-welkom .subtitle				{ text-align: center; color: #95938a; font-size: 27px; margin-bottom: 8px; }
.homepage-welkom H1								{ text-align: center; font-size: 31px; margin-bottom: 40px; }
.homepage-welkom .homepage-welkom-columns-wrapper										{ display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 20px; }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-left			{ flex: 0 0 48%; font-size: 18px; line-height: 28px; }

.homepage-welkom .homepage-welkom-columns-wrapper	.column-right			{ flex: 0 0 48%; font-size: 18px; line-height: 28px;  flex-flow: column nowrap;  }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right div 						{ align-self: flex-start; flex: 1 0 0; }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right	.checklist  		{ margin: 0 0 20px 30px; padding: 0 0 0 0; }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right	.checklist li		{  }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right	.fa-check  			{ color: #95938a; font-size: 16px; padding-top: 5px;}
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right	.homepage-welkom-alert	{
	align-self:flex-end; flex:0 0 0; width:calc(100% - 30px);
	padding:11px 15px; border:1px solid #07cacb; font:14px/16px 'museo_sans_rounded500', arial, sans-serif; 
}

.homepage-welkom .homepage-welkom-columns-wrapper	.column-left img	{ width:100%; }
.homepage-welkom-cover.shadow		{ box-shadow: 3px 2px 31px 2px rgba(125,123,116,1); }

.homepage-welkom .homepage-welkom-buttons-wrapper				{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	width:100%;
}

.homepage-welkom-columns-wrapper.buttons	{  }

.homepage-welkom .buttons-column-left		{ width:48%; }
.homepage-welkom .buttons-column-right	{ width:48%; }

.homepage-welkom-docenten-title			{ padding: 0 0 0 8px; }

.button-green,
.button-white   {   display: inline-flex;
                    position: relative;
                    justify-content: space-between;
                    align-items: center; 
                }


.button-green {
	width:calc(48% - 30px); padding: 4px 15px 4px 15px;
	background: #07cacb; color: #FFF; border: 1px solid #07cacb; text-decoration: none; min-height: 28px;
}
.button-white {
	width: calc(100% - 47px); padding: 6px 15px 7px 15px;
	background: #FFFFFF; color: #000; border: 1px solid #d6d3c5; text-decoration: none; 
}
.button-grey {
	width:calc(48% - 30px); padding: 4px 15px 4px 15px;
	background: #95938a; color: #fff; border: 1px solid #95938a; text-decoration: none; min-height: 28px;
}

/* .button-green .fa,
.button-white .fa		{ position: absolute; right: 9px; top: 11px; z-index: 5; font-size: 14px; } */

.button-green:hover								{ background: #02b0b1; color: #FFF; border: 1px solid #02b0b1; }
.button-white:hover								{ background: #d6d3c5; color: #000; border: 1px solid #d6d3c5; }
.button-grey:hover								{ background: #02b0b1; color: #fff; border: 1px solid #02b0b1; }



/**
 *	Docentopmerking
 */
	.docentopmerking-container			{
	    position: absolute;
	    top: 51px;
	    right: -3px;
	    height: 46px;
	    width: 114px;
	    background: url('/images/shared/docent-opmerking-tab.png') 0 0 no-repeat;
	    cursor: pointer;
	    z-index: 50;
	}
	.docentopmerking-container:hover		{ background: url('/images/shared/docent-opmerking-tab.png') 0 -50px no-repeat; }

	.en .docentopmerking-container			{ background: url('/images/shared/docent-opmerking-tab-en.png') 0 0 no-repeat; }
	.en .docentopmerking-container:hover	{ background: url('/images/shared/docent-opmerking-tab-en.png') 0 -50px no-repeat; }

	.docentOpmerking								{ text-decoration:none; }
	#docentOpmerkingToolTip												{ position:absolute; right: 0px; right: 29px; top: 15px; min-width: 300px; border: 1px solid #95938a; box-shadow:4px 6px 0 0 rgba(0, 0, 0, 0.3); z-index:9999; display:none; }
	.tooltip_title									{ padding:5px 10px; font-size:14px; background:#95938a; color:#fff; }
	.tooltip_close {
	    position:absolute; right:4px; top:9px; height:10px; width:10px;
	    background:url('/images/shared/close_tooltip.png') no-repeat; color:#fff; padding:5px;
	    cursor:pointer; z-index:99999;
	}
	.tooltip_content														{ padding:10px; font-size:14px; background:#fff; }
		.docent-opmerking-editable textarea					{ width:calc(100% - 20px) !important; margin:0 0 5px; }
		.docent-opmerking-editable button						{ padding:5px 15px; border:0; background:#efede8; font:16px/24px 'museo_sans_rounded500',arial,sans-serif; }
		.docent-opmerking-editable button:hover			{ background:#07cacb; color:#fff; cursor:pointer; }

/**
 *	Startpagina links
 */
.startpagina-link														{ border-top: 1px solid #CCC; }
.startpagina-link:last-child								{ border-bottom: 1px solid #CCC}
.startpagina-link	h2,
.startpagina-link	h3												{ margin: 0; }
.startpagina-link	a													{ display: block; text-decoration: none; }
.startpagina-link	a:hover										{ color: #07cacb; }
.startpagina-link	h2 a											{ padding: 10px 5px; }
.startpagina-link	h3 a											{ padding: 8px 5px; }
.startpagina-link	h2 a .fa-chevron-right		{ float:right; font-size: 16px; margin: 6px 5px 0 0; }
.startpagina-link	h3 a .fa-chevron-right		{ float:right; font-size: 16px; margin: 5px 5px 0 0; }

/**
 *	TOETS
 */
.toetsvragenContainer							{ border-top: 2px solid #07cacb; padding-top: 20px; }
.toetsProgressBox									{ position: absolute; top: 15px; right: 0; z-index: 5; padding-top: 14px; font-size:12px; }
.toetsProgressMask								{ position: absolute; top: 0px; right: 0px; width: 80px; height: 8px; z-index: 5;  }
.toetsProgressBar									{ position: absolute; top: 0px; right: 0px; width: 80px; height: 8px; z-index: 5; background: #D6D3C5; }
.toetsProgressBar	img							{ float: left; }
.toetsHeader											{ margin-bottom:15px; }
.hints-container									{ __display: none; }
.toetsvragenContainer	.question		{ padding-bottom: 10px; }
ul.form														{ list-style-type: none; padding: 0; margin: 0; }
ul.form li												{ cursor: pointer; }
ul.form li label									{ cursor: pointer; }
.toetsEindAnswer									{ margin: 10px 0 0; font-weight: bold;}

.toets-eind-tip										{ padding:10px 0 20px; font-size:12px; line-height:16px; }

.incorrect												{ display: inline-block; color: #c10e0e; font-size: 14px; font-weight: bold; line-height: 15px; margin: 0 0 0; }
.correct													{ display: inline-block; color: #07b724; font-size: 14px; font-weight: bold; line-height: 15px; margin: 0 0 0; }

.toetsFeedbackCorrect							{ border-left: 5px solid #0ec12b; background: #dff9dd; padding: 15px 10px 5px 15px; font-size: 16px; line-height: 24px; margin: 20px 0;  }
.toetsFeedbackWrong								{ border-left: 5px solid #c10e0e; background: #ffeded; padding: 15px 10px 5px 15px; font-size: 16px; line-height: 24px; margin: 20px 0; }

.toets-links-container						{ margin:10px 0; }
	.toets-link												{ display:block; margin:0 0 1px; padding:5px 10px; font-size:13px; line-height:19px; background:#efede8; }

.questioncontainer											{ position: relative; }
.questioncontainer label								{ display: inline-block; margin-left: 10px; width: 90%; vertical-align: top; }
.questioncontainer label p							{ display: inline; }
.questioncontainer label .correct				{ margin: 0; }
/* .questioncontainer .question-feedback 	{ font-weight: bold; } */

/**
 *	QUESTIONS
 */
.question-wrapper					{ position: relative; border-top: 2px solid #07cacb; padding-top: 20px; }
.gridvraag-container			{ border-bottom:1px solid #bcbcbc; }
	.gridvraag-row						{ display: -ms-flexbox; display: -webkit-flex; display: flex; border-right:1px solid #bcbcbc; }
		.gridvraag-cell						{ flex:1 1 0; height:37px; background:#fff; border-color:#bcbcbc; border-style:solid; border-width:1px 0 0 1px; font-size:16px; overflow:hidden; vertical-align:middle; }
		.gridvraag-cell.top				{ height:auto; line-height:37px; text-align:center; }
			.gridvraag-cell input			{ height:87%; width:92%; padding:2% 4%; border:0; }

		.question-options-container					{ border-top:1px solid #e8e8e8; }
			.question-option										{ padding:7px 10px 5px 37px; border-bottom:1px solid #e8e8e8;  cursor:pointer; }

			.question-option.radio							{ background:#fff url('/images/shared/question-bg-radio_desktop.png') 10px -491px no-repeat; }
			.question-option.radio.checked			{ background-position: 10px 9px; }

			.question-option.checkbox						{ background:#fff url('/images/shared/question-bg-checkbox_desktop.png') 10px -491px no-repeat; }
			.question-option.checkbox.checked		{ background-position: 10px 9px; }

				.question-option-input	{ display:none; }

/* PROGRAMMER ALERT */
/*.correct-answer-highlight	{ color: lime }*/
.correct-answer-highlight 				 { color: #5D9802; }
.correct-answer-highlight P 			 { display: inline;}
.correct-answer-highlight:after	 	 { content:"\2714"; font-size:16px; color: #5D9802; margin-left: 5px; }


/**
 *	DOWNLOADS
 */
.download-item											{ padding: 10px 0; border-top: 1px solid #e8e8e8; line-height: 20px;}
.download-item .fa-cloud-download-alt		{ font-size: 26px; float: left; color: #CCC; margin-right: 15px; }
.download-item .download-info					{ font-size: 12px; color: #333;}

/**
 *	LEESOPDRACHT
 */
	.article-fold				{ background:url('../images/article-fold-close2.png') 0 0 no-repeat; }
	.article-fold.open	{ background:url('../images/article-fold-open2.png') 0 0 no-repeat; }
		.article-fold-title							{ }
		.article-fold-title:hover			{  }
		.article-fold-intro						{ margin:0 0 15px; }
		.article-fold-textcontainer			{ padding:20px 30px 30px; display:none; }
			.article-fold-foldback						{ cursor:pointer; }
			.article-fold-foldback:hover			{  }











			



/* TRANSCRIPTIE VRAGEN */
 
table.transcriptievraag							{ margin-top: 10px; }
	table.transcriptievraag tr td					{ vertical-align: top; height: 90%; }
		table.transcriptievraag tr.questionrow td		{ border: none;padding-top: 5px; vertical-align: top; height: 10%; }
 
		.page-content-wrapper table td		{ border: none; }

		.questionrow				{ border-top: 1px solid #b2c0c8; }
		.questionrow.correct		{ background: green; }

.transcriptie_box		{ background: #B2C0C8; padding: 2px; margin-bottom: 5px; }
.transcriptie_boxdark	{ padding: 2px; margin-bottom: 5px; }
.transcriptie_title		{ color: #FFF; text-transform:uppercase; padding: 2px 4px; font-size: 12px; }
.transcriptie_text		{ background: #FFF; padding: 4px; }
.transcriptie_textarea	{ background: #FFF; width: 198px; padding: 0px; height: 206px; }
.transcriptie_textarea textarea	{float: left; width: 192px; height: 198px; padding:2px; font-size:12px; border:1px solid #fff; }

.transcript-gf-selected		{ background:#d3e8eb; cursor: pointer;}
.transcript-gf-selected .transcriptie_box {background: #7d7d7d; padding: 2px; margin-bottom:5px; }
.selectable .transcriptieantwoord			{ background:#B2C0C8; }
.containergoed .transcript-gf-selected		{ background:#cef4cc; cursor: pointer; }
.containerfout .transcript-gf-selected		{ background:#ebd3d3; cursor: pointer; }
 
tr.selectable 		{cursor:pointer;}
.transcriptie_boxneutraal {background: #b2c0c8; padding: 2px; margin-bottom: 5px;}
.selectable .transcriptie_boxgoed,
.transcriptie_boxgoed { background:#85ca80; padding:2px; margin-bottom:5px;}
 
.marker-question	{ position:relative; width:598px; background:#FFF; border:1px solid #a5a5a5; padding:10px  10px  45px; }
.textbox-student	{ width:585px; font:normal 13px/18px monaco,arial,verdana,sans-serif; }
.textbox-modelantwoord	{ position:absolute; top:10px; left:10px; width:585px; font:normal 13px/18px monaco,arial,verdana,sans-serif; }
 

.vimeo-control-button			{ padding: 2px 10px; font-size: 14px; background: #efede8; border-bottom: 1px dotted #ccc; cursor: pointer; }
.vimeo-control-button.first		{ border-top: 1px dotted #ccc; }
.vimeo-control-button:hover		{ background: #07cacb; color: #fff; }

.para-option-wrapper			{ display: flex; margin: 0 0 10px; line-height: 19px; }
.para-verificationfeedback		{ margin: 20px 0 0; padding: 10px 15px; border: 1px solid #e4e1da; background: #f5f4f0; }




/**
 *	FLIPCARDS
 */
.flipcards-container	{ min-height:340px; position: relative; }
.flip-container {
	width:520px; height:375px;
	transform:perspective(1000px);
	-webkit-transform:perspective(1000px);
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
.flip-container.hover .back,
.flip-container.hover .back-definitions	{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.flip-container.hover .front,
.flip-container.hover .front-definitions
 {
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
}
.flipper {
	transition:0.6s;
	-webkit-transition:0.6s;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	position:relative; cursor:pointer;
}
.flipcards-nav	{ padding-left: 280px; position: relative; }
.flipcards-nav .flip-button {display:none;}
.question-button	{ display: inline-block; margin-right: 30px; color: #0481aa; text-decoration: underline; cursor: pointer; }
.flipcard-count		{ display: inline-block; margin-right: 30px; color: #CCC;}

.flipcard-random-switch-wrapper			{ font-size:13px; }

.flipper .back,
.front-definitions 	{     border: 1px solid #CCC; }
.front-definitions,
.back-definitions,
.flipper .front,
.flipper .back		{
	position:relative; top:0; left:0; position:absolute; height:365px;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transition:0.6s;
	-webkit-transition:0.6s;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	border: 1px solid #CCC;
}
.flipper .front	{
	width:580px; height:205px; padding:80px 20px; background:url('/images/shared/flipcard_bg.gif') center center no-repeat; color:#333; text-align:center; font-size:26px; line-height:34px; vertical-align:middle;
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	z-index:2;
}
.flipper .back {
	width:520px; height:325px; padding:27px 20px 13px 80px; background:url('/images/shared/flipcard_bg.gif') 0 0 no-repeat; font-size:18px; line-height:34px;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	z-index:1;
}
.front-definitions {
	width:520px; height:325px; padding:27px 20px 13px 80px;background:url('/images/shared/flipcard_bg.gif') 0 0 no-repeat; font-size:18px; line-height:34px;
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	z-index:2;
}
.back-definitions {
	 width:580px; height:205px; padding:80px 20px; background:url('/images/shared/flipcard_bg.gif') 0 0 no-repeat;  text-align:center; font-size:26px; line-height:34px; vertical-align:middle; color:#333;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	z-index:1;
}
.flip-button								{ position:absolute; bottom:-17px; left:275px; height:35px; width:74px; background:url('/images/shared/turn.png') top center no-repeat; cursor:pointer;  }
.flipcards-intro						{ width:190px; min-height:275px; padding:60px 215px 30px; margin-left:65px; margin-bottom:60px; background:url('/images/shared/flipcard_bg.gif') center center no-repeat;border: 1px solid #CCC; }
.flipcards-intro.started		{ padding:60px 215px 0; background:none; min-height:unset; border:0; }
	.flipcard-startbutton			{ width:180px; margin:0 0 15px; padding:10px;  background: #efede8; font-weight:bold; font-size:18px; text-align:center; cursor:pointer; }
	.flipcard-startbutton:hover { background: #07cacb; color: #FFF;  }

/**
 *	Gespreksverslag
 */
.gespreksverslag-leider					{ width: 80%; border: 0px solid red; padding-right:20%; margin-bottom: 10px; }
.gespreksverslag-leider .text		{ background: #d6d3c5; padding:10px 20px; }
.gespreksverslag-client					{ width: 80%; border: 0px solid red; padding-left:20%; margin-bottom: 10px;  }
.gespreksverslag-client .text		{ background: #d6d3c5; padding:10px 20px; }
.gespreksverslag-leider	h4,
.gespreksverslag-client h4,
.transcriptie_box	h4,
.transcriptie_boxdark h4 						{ color:#95938a; font: 13px/24px 'museo_sans_rounded500', arial, sans-serif; }
.transcriptie_textarea textarea			{ width:calc(100% - 20px); }
.transcriptie_boxdark						{ margin:0 0 15px; padding:15px; border:1px solid #ccc; background:#f4f3ed; }
.transcriptie_box .transcriptie_textarea	{ width: 100%; }

/**
 *	Combineren
 */
.combineer-wrapper								{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; }
	.combineer-begrippen-wrapper			{ flex:0 0 49%; }
		.combineer-begrip									{ margin:0 0 15px; }
			.combineer-begrip-title						{  }
			.combineer-begrip-container				{ position:relative; min-height:40px; border:2px solid #d6d3c5; background:#efede8; }
	.combineer-definities-wrapper				{ flex:0 0 49%; }
		.combineer-definitie-container		{
			display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
			margin:0 0 15px; padding:5px 10px; border:1px solid #d6d3c5; background:#fff; z-index:20;
			}
		.combineer-definitie-container.good						{ border-right:3px solid #6aff33; }
		.combineer-definitie-container.false					{ border-right:3px solid #f94712; }
		.combineer-definitie-container.dropped			{ position:absolute; top:0; left:0; }
		.combineer-drag-handle						{ font-size:14px; cursor:move; }
			.combineer-drag-revert						{ display:none; cursor:pointer; }

	.combineer-begrip.draggable-hover	.combineer-begrip-container		{ border:2px dashed #fff; }
	.combineer-begrip-field						{ display:none; }

/**
 *	MARKEREN
 */
.textbox-student										{ padding:10px; border:1px solid #d6d3c5; }
.vraag-markeer-buttons-wrapper			{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; padding:5px; background:#efede8; }
	.vraag-markeer-buttons							{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
	.vraag-markeer-button								{ width:32px; height:0; margin:0 5px 0 0; padding:28px 0 0; background:url('/images/shared/buttons_markeervraag.gif') 0 0 no-repeat; overflow:hidden; cursor:pointer; }

	.mark_green				{ background:#88ff66; }
	.mark_red					{ background:#f77; }
	.mark_orange			{ background:#ffcc00; }
	.mark_yellow			{ background:#f6ff55; }
	.mark_blue				{ background:#b4e5f7; }
	.mark_purple			{ background:#c999f4; }
	.mark_darkgreen		{ background:#81b156; }
	.mark_pink				{ background:#fe96ff; }

	.line_green				{ background:#88ff66; /* border-bottom:2px solid #32810f; */ }
	.line_red					{ background:#f77; /* border-bottom:2px solid #dc3045; */ }
	.line_orange			{ background:#ffcc00; /* border-bottom:2px solid #fca503; */ }
	.line_yellow			{ background:#f6ff55; /* border-bottom:2px solid #ffdd22; */ }
	.line_blue				{ background:#b4e5f7; /* border-bottom:2px solid #56a6c4; */ }
	.line_purple			{ background:#c999f4; /* border-bottom:2px solid #c90bf4; */ }
	.line_darkgreen   { background:#81b156; }
	.line_pink        { background:#fe96ff; }


	#mbutton-rood									{ background-position:-36px 0; }
	#mbutton-rood:hover						{ background-position:-36px -31px; }
	#mbutton-geel									{ background-position:-71px 0; }
	#mbutton-geel:hover						{ background-position:-71px -31px; }
	#mbutton-groen								{ background-position:-106px 0; }
	#mbutton-groen:hover					{ background-position:-106px -31px; }
	#mbutton-blauw								{ background-position: -141px 0; }
	#mbutton-blauw:hover					{ background-position:-141px -31px; }
	#mbutton-paars								{ background-position: -211px 0; }
	#mbutton-paars:hover					{ background-position:-211px -31px; }
	#mbutton-oranje								{ background-position: -176px 0; }
	#mbutton-oranje:hover					{ background-position:-176px -31px; }
	#mbutton-donkergroen					{ background-position: -246px 0; }
	#mbutton-donkergroen:hover		{ background-position:-246px -31px; }
	#mbutton-roze									{ background-position: -281px 0; }
	#mbutton-roze:hover						{ background-position:-281px -31px; }
	#mbutton-clear								{ background-position:0 0; }
	#mbutton-clear:hover					{ background-position:0 -31px; }

/**
 *	FEEDBACK
 */

.question-feedback.correct		{ display: block; border-left: 3px solid #05b801; background: #FFF; color: #000; font-size: 16px; line-height: 21px; font-weight:normal; padding: 0 0 0 15px; margin: 0px 0px 15px 0px; }
.question-feedback.incorrect	{ display: block; border-left: 3px solid #f94712; background: #FFF; color: #000; font-size: 16px; line-height: 21px; font-weight:normal; padding: 0 0 0 15px; margin: 0px 0px 15px 0px;  }
.question-feedback.openfeedback	{ display: block; border-left: 3px solid #07CACB; background: #FFF; color: #000; font-size: 16px; line-height: 21px; font-weight:normal; padding: 0 0 0 15px; margin: 0px 0px 15px 0px;  }

.question-feedback img			{ max-width: 100%; }

/**
 *	MENU
 */
.menu-container									{ position:absolute; width:65%; background:#e1ded4; }
	.menu-top												{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content:space-between; padding:20px 20px 25px; border-bottom:1px solid #c3c0b6; }
		.menu-top-handler								{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
			.menu-top-handler-icon					{ color:#66645a; font-size:20px; }
			.menu-top-handler-label					{ padding:9px 0 0; font-size:18px; }
		.menu-top-toggle								{ padding:6px; font-size:28px; color:#929086; cursor:pointer; }


		.top-menu-item.user .fa.fa-times,
		.main-menu-toggle .fa.fa-times 				{ font-size: 20px !important; color: #d6d3c5; }
		.main-menu-toggle:hover .fa.fa-times 	{ color: #FFF; }


	.main-menu-show								{ display: block; }
	.main-menu-hide								{ display: none; }

    ul.main-menu li.menu-item:last-child      { margin-bottom: 130px; } 

	.main-menu-toggle-wrapper			{ background: #7d7b74; height: 33px; }
	.main-menu-toggle							{  }
	.main-menu-toggle:hover i			{ }
	.main-menu-backdrop						{ position:fixed; top:0; height:100%; width:100%; background:#000; opacity:0.5; z-index:90; }

	.main-menu-wrapper						{ position:fixed; top: 0px; left:0; height:100vh; width: 70vw; z-index:100;  }
	.main-menu-title							{ position:absolute; top:1px; left:41px; font:18px/24px 'museo_sans_rounded500', arial, sans-serif; color:#d6d3c5; padding: 3px 0 0 0; }



/* start daadwerkelijk menu */
	.main-menu																			{ flex-flow:column; height:calc(100vh - 0px); margin:0px 0 0; }

		ul.main-menu															    { text-transform:none; overflow-y:scroll; list-style-type: none; margin-right: 0; margin-left: 0; margin-bottom: 0; padding: 15px 11px 0 15px;  border-top: 0px solid #c3c0b6; background-color: #f0eee7;     border-right: 1px solid #dcdad1;}
        ul.main-menu li 															{ position: relative; }
		ul.main-menu li a															{ position: relative;
																										display:block;
																										/*max-width:400px;*/
																										text-decoration:none;
																										line-height:21px;
																										color:#3c3c3c;
																										display: block;
																										font-weight: 400;
																										font-family:'Lato';
																										border-bottom:1px solid #dcdad1;
                                                                                                    }
        ul.main-menu li.item1 a                                                     { border-top:1px solid #dcdad1; }                                                                             
		ul.main-menu li a.menu-item-link.level1				{ padding:9px 40px 9px 30px; width: auto; font-size: 15px; /*background: #d6d3c5 url('../images/shared/menu_greenstripe.gif') repeat-y;*/ }
		ul.main-menu li a.menu-item-link.level1.active				{ background-color: #ffffff; }
/*		ul.main-menu li a.submenu-item-link.level2		{ padding:9px 40px 9px 45px; width: auto; font-size: 14px; background: #e1ded4 url('../images/shared/menu_greenstripe.gif') repeat-y; }
		ul.main-menu li a.submenu-item-link.level3		{ padding:9px 40px 9px 50px; width: auto; font-size: 13px; background: #e1ded4 url('../images/shared/menu_greenstripe.gif') repeat-y; }
		ul.main-menu li a.submenu-item-link.level4		{ padding:9px 40px 9px 55px; width: auto; font-size: 12px; background: #e1ded4 url('../images/shared/menu_greenstripe.gif') repeat-y; }
*/

		ul.main-menu li a.submenu-item-link.level2		{ padding:9px 40px 9px 45px; width: auto; font-size: 15px; color: #3c3c3c; background-color: #f9f8f5; }
		ul.main-menu li a.submenu-item-link.level3		{ padding:5px 40px 5px 60px; width: auto; font-size: 14px; background-color: #f3f1ec;}
		ul.main-menu li a.submenu-item-link.level4		{ padding:5px 40px 5px 70px; width: auto; font-size: 13px; font-weight: 500; background-color: #f3f1ec; }

        .active-item						{ background-color: #FFF !important; color: #3c3c3c !important; font-weight: 700 !important; }
		/* .active-item						{ background-color: #07cacb !important; color: #FFF !important; font-weight: 700 !important; } */

/* ------- online book -----------*/
.extra-materiaal-wrapper    { padding: 15px; width: 100%; box-sizing: border-box; background-color: #f0eee7;     border-right: 1px solid #dcdad1; }
.extra-materiaal-wrapper .btn   { width: 100%;box-sizing: border-box; text-align: left; display: inline-flex; justify-content: space-between; align-items: center; }
.extra-materiaal-wrapper .btn img  { margin-right: 10px; }
.extra-materiaal-wrapper .btn .btn-text { flex-grow: 1; }
.extra-materiaal-wrapper .btn .fa-external-link-square { color: #d6d3c5; }
.extra-materiaal-wrapper .btn:hover .fa-external-link-square { color: #fff; }
.extra-materiaal-wrapper.online-book { padding: 15px 15px 0 15px; }
.extra-materiaal-wrapper.traintool { padding: 10px 15px 0 15px; }

/* ------- bootstrap ready buttons  -----------*/
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;
    font-family: inherit;
}

.btn-primary{color:#fff;background-color:#7d7b74;border-color:#7d7b74; padding: .5rem .75rem; border-radius: .1rem; }
.btn-primary:hover{color:#fff;background-color:#09b9ba;border-color:#09b9ba; }
.btn-primary:focus,.btn-primary.focus{ box-shadow:0 0 0 .0rem #c2c9ce}
.btn-primary.disabled,.btn-primary:disabled{color:#c2c9ce;background-color:#d2cbb6;border-color:#c2c9ce}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#7d7b74;border-color:#7d7b74}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .1rem #c2c9ce}



/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
  }
  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background: #c3c0b6;
    border: 0px none #ffffff;
    border-radius: 0px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #c3c0b6;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #c3c0b6;
  }
  ::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-track:hover {
    background: transparent;
  }
  ::-webkit-scrollbar-track:active {
    background: transparent;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }


/* MENU ICONEN */

		.icon-world		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px 5px; background-repeat: no-repeat; }
		.icon-pencil	{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -56px; background-repeat: no-repeat; }
		.icon-window	{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -115px; background-repeat: no-repeat; }
		.icon-group		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -177px; background-repeat: no-repeat; }
		.icon-lamp		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -237px; background-repeat: no-repeat; }
		.icon-hand		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -297px; background-repeat: no-repeat; }
		.icon-folder	{ background-image: url('/images/shared/menu_icons.png'); background-position: 6px -356px; background-repeat: no-repeat; }
		.icon-tool		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -417px; background-repeat: no-repeat; }
		.icon-video		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -476px; background-repeat: no-repeat; }
		.icon-lock		{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -537px; background-repeat: no-repeat; }
		.icon-answers	{ background-image: url('/images/shared/menu_icons.png'); background-position: 5px -598px; background-repeat: no-repeat; }

		.level2.icon-world			{ background-position: 20px 5px; }
		.level2.icon-pencil			{ background-position: 21px -56px; }
		.level2.icon-window			{ background-position: 20px -115px; }
		.level2.icon-group			{ background-position: 20px -177px; }
		.level2.icon-lamp				{ background-position: 20px -237px; }
		.level2.icon-hand				{ background-position: 20px -297px; }
		.level2.icon-folder			{ background-position: 21px -356px; }
		.level2.icon-tool				{ background-position: 20px -417px; }
		.level2.icon-video			{ background-position: 20px -476px; }
		.level2.icon-lock				{ background-position: 20px -537px; }
		.level2.icon-answers		{ background-position: 20px -598px; }

		.level3.icon-world			{ background-position: 35px 5px; }
		.level3.icon-pencil			{ background-position: 35px -60px; }
		.level3.icon-window			{ background-position: 35px -119px; }
		.level3.icon-group			{ background-position: 35px -181px; }
		.level3.icon-lamp				{ background-position: 35px -241px; }
		.level3.icon-hand				{ background-position: 35px -301px; }
		.level3.icon-folder			{ background-position: 36px -360px; }
		.level3.icon-tool				{ background-position: 35px -421px; }
		.level3.icon-video			{ background-position: 35px -480px; }
		.level3.icon-lock				{ background-position: 35px -537px; }
		.level3.icon-answers		{ background-position: 35px -598px; }

		.level4.icon-world			{ background-position: 46px 0px; }
		.level4.icon-pencil			{ background-position: 46px -60px; }
		.level4.icon-window			{ background-position: 46px -119px; }
		.level4.icon-group			{ background-position: 46px -181px; }
		.level4.icon-lamp				{ background-position: 46px -241px; }
		.level4.icon-hand				{ background-position: 46px -301px; }
		.level4.icon-folder			{ background-position: 47px -360px; }
		.level4.icon-tool				{ background-position: 46px -421px; }
		.level4.icon-video			{ background-position: 46px -480px; }
		.level4.icon-lock				{ background-position: 46px -537px; }
		.level4.icon-answers		{ background-position: 46px -598px; }

.show-menu	{display:block;}

		/* submenu */
		ul.submenu																		{ /*background: #e1ded4;*/ display: none;}
		ul.main-menu li.active ul.submenu							{display: block; }
		ul.main-menu li.active ul.submenu .submenu-item.active	.subsubmenu						{display: block; }


		li.active,
		a.active																			{  }

/*		.progress-done																{ background: url('/images/shared/voortgang.png') 0 0 no-repeat; }
		.progress-half																{ background: url('/images/shared/voortgang.png') 0 -100px no-repeat }
		.progress-open																{ background: url('/images/shared/voortgang.png') 0 -200px no-repeat }
*/

		/*.fa-lock																			{ color: #66645A; } */
/*
		ul.main-menu .fa															{ color: #d6d3c5; position: absolute; background: #07cacb; left: 3px; top: 10px; padding: 3px; font-size: 19px; }
		ul.main-menu .fa-circle-o,
		ul.main-menu .fa-adjust,
		ul.main-menu .fa-circle												{ font-size: 13px;  }
		ul.main-menu .fa-lock													{ font-size: 17px; color: #E8E6DC; left: 3px; top: 9px; }
*/

	.subsubmenu		{ display:none; }
		.submenu-toggle-handler												{ position:absolute; top:0; right:0; height:40px; width:40px; z-index: 5; background:url('../images/shared/open-close.svg') 10px 11px / 18px 50px no-repeat; cursor:pointer; }
		.subsubmenu-toggle-handler										{ position:absolute; top:0; right:0; height:40px; width:40px; z-index: 5; background:url('../images/shared/open-close.svg') 12px 13px / 14px 43px no-repeat; cursor:pointer; }
		.submenu-toggle-handler.open									{ position:absolute; top:0; right:0; height:40px; width:40px; z-index: 5; background:url('../images/shared/open-close.svg') 9px -24px / 18px 50px no-repeat; cursor:pointer; }
		.subsubmenu-toggle-handler.open								{ position:absolute; top:0; right:0; height:40px; width:40px; z-index: 5; background:url('../images/shared/open-close.svg') 10px -17px / 15px 44px no-repeat; cursor:pointer; }
		.item1 .submenu-toggle-handler								{ display:none; }

/*		.menu-item-link.active,
		.submenu-item-link.active										{ background:#07cacb; color:#fff; }
*/

	.question-upload-buttons									{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
		.question-upload-indicator								{ padding:15px; line-height: 20px; }
		.question-upload-button										{ padding:15px; line-height: 20px; background:#d6d3c5; color:#8d8b82; cursor:pointer; }
		.question-upload-button.selected					{ background:#efede8; color:#000; }

		.input-url																{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
			.question-upload-url										{ width:300px; }
			.question-uploaded-files-container			{ border-color:#efede8; border-width:15px 15px 10px; border-style:solid; }
				.question-uploaded-file		{
					display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
					padding:3px 10px; font-size:14px; border-bottom:1px solid #efede8;
				}
				.question-uploaded-file-filename																				{ font-style:italic; text-decoration:line-through; color:#aaa; }  
				.question-uploaded-file:first-child .question-uploaded-file-filename		{ font-style:normal; text-decoration:none; color:#000; }

					.question-uploaded-file-datetime				{ font-size:12px; color:#555; }

		.question-upload-feedback-succes						{ padding:10px 15px; background:#07cacb; color:#fff; text-align:center; display:none; }
		.question-upload-options										{ padding:3px 15px 10px; background:#efede8; }
			.input-bestand															{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
				.question-upload-button-upload							{ padding:5px 10px; border:1px solid #d6d3c5; background:#fff; }
				.question-upload-button-label								{ padding:5px 10px; }


		.archive-column-left										{ position:relative; width:38%; padding:2% 1%; background:#f9f9f9; }
		.archive-column-center									{ position:relative; width:18%; padding:2% 1%; background:#efede8; }
			.archive-column-center .button					{ width:100%; padding:5px 0; cursor:pointer; border:0; background:#d6d3c5; font:16px/24px "museo_sans_rounded500",arial,sans-serif; color:#0481aa; }
			.archive-column-center .button:hover		{ background:#07cacb; color:#fff; }
		.archive-column-right										{ position:relative; width:38%; padding:2% 1%; background:#f9f9f9; }

		.delete-students							{ position:relative; float:right; height:25px; width:25px; color:#555; font-size:18px; cursor:pointer; }
			.helptext											{
				position:absolute; top:-60px; right:0; width:300px; padding:10px; background:#fff; font:12px/18px 'museo_sans_rounded500', arial, sans-serif; color:#000;
				box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2);
				display:none;
			}
				.helptext-arrow								{ position:absolute; bottom:-11px; right:22px; width:16px; height:11px; background:url('../images/shared/hint-arrow-small.png') 0 0 no-repeat; }
		.delete-students:hover .helptext		{ display:block; }


	.lvs-filter-wrapper							{ display: flex; justify-content: space-between; align-items: center; padding:5px 5px 5px 10px; border:1px solid #ddd; background: #eee; }
		.lvs-filter-wrapper select					{ border:1px solid #ddd; font-size:13px; }
		.lvs-filter-wrapper option					{ font-size:13px; }


	.page-content-wrapper table												{ width:100%; }
	.page-content-wrapper table th											{ background:#fff; border-top:0; cursor: pointer; }
	.page-content-wrapper table th.tablesorter-headerAsc.percentage	  			{ background:url('/xsite/images/asc.gif') right center no-repeat; }
	.page-content-wrapper table th.tablesorter-headerDesc.percentage    		{ background:url('/xsite/images/desc.gif') right center no-repeat; }

	.student .tablesorter-header-inner																	{ width:115px; }
		.page-content-wrapper table th.tablesorter-headerAsc.student .tablesorter-header-inner  			{ background:url('/xsite/images/asc.gif') right center no-repeat; }
		.page-content-wrapper table th.tablesorter-headerDesc.student .tablesorter-header-inner	    		{ background:url('/xsite/images/desc.gif') right center no-repeat; }


	.lvs-overview-cell.student					{ width:55%; padding:5px 10px; text-align: left; }    
	.lvs-overview-cell.percentage				{ width:15%; padding: 5px 25px 5px 5px; text-align: right; border-color:#ddd #fff #ddd; }
	.lvs-overview-cell.link						{ width:15%; border-color:#ddd #fff; text-align: right; }
		.lvs-overview-cell.link a					{ margin:0 5px 0 0; text-decoration:none; }

	.svs-detailled-button						{ display: block; padding:5px 10px; background: #09b9ba; text-decoration: none; color:#fff; }
	.lvs-overview-archive-button				{ display:inline-block; padding: 10px; }

/**
 *	ACCOUNT MENU  DEPRECATED
 */
/*
.menu-account-wrapper 								{ position: fixed; top: 0; right:0px; height: 100vh; width: 320px; min-width: 300px; z-index: 160; background: #d6d3c5; }
.menu-account-content									{ padding: 80px 40px; }
.menu-account-wrapper div.top-menu 		{ right: 3px;  }
.menu-account-title										{ position:fixed; top:18px; right:171px; font:28px/34px 'museo_sans_rounded500', arial, sans-serif; color:#95938A; }
.menu-account-backdrop								{ position:fixed; top:0; height:100%; width:100%; background:#000; opacity:0.5; z-index:150; }

.menu-voortgang-content								{ padding: 0px 40px; }
.menu-voortgang-title									{ font:28px/34px 'museo_sans_rounded500', arial, sans-serif; color:#95938A; margin-bottom: 15px;}
*/

/**
 *	FORMULIEREN
 */
.xsformbuilder_small_textbox					{ display: none; }
.xsInPageAddContent                   { width:200px; margin:0 0 15px; }
.xsInPageAddContent a                 { display:block; padding:5px; text-decoration:none; color:#fff; text-align:center; background:#bcc5c8; border-radius:5px; }
.xsInPageAddContent a:hover           { background:#009cb4; }

.form-table-row												{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.form-table-row	.col1									{ flex: 0 1 33%; padding: 5px 1%; border-top: 1px solid #ddd; }
.form-table-row	.col2									{ flex: 0 1 63%; padding: 5px 1%; border-top: 1px solid #ddd; }
.form-table-row	input[type="text"] 		{ width: 100%; }
.form-table-row	input[type="password"] { width: 100%; }

div.form-container										{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
div.form-label												{ flex: 0 1 33%; padding: 5px 1%; border-top: 1px solid #ddd; }
div.form-input												{ position:relative; flex: 0 1 63%; padding: 5px 1%; border-top: 1px solid #ddd; }
div.form-input input[type="text"] 		{ width: 100%; }
div.form-input input[type="password"] { width: 100%; }
div.form-input textarea								{ width:96.5%; border-color:#bbb; }
	.info-container												{ position:absolute; right:-55px; bottom:26px; font-size:14px; line-height:18px;  }
		.info-content													{ min-width:320px; }
			.info-content-text										{ padding:10px 15px; background:#fff; border-color:#ccc; border-width:1px 1px 0; border-style:solid; color: #333; }
			.info-content-bottom									{ height:10px; background:url('../images/shared/info-bottom.png') -260px 0 no-repeat; }
.form-infotext												{ padding:15px 0; font-size:12px; line-height:15px; }

.algemeenForm							{ width:100%; }

.form-button-small				{ font-weight:bold; cursor:pointer; }
.docent-code-hint					{ display:none; }

.required				{ color:#f00; }

.form-table-error														{ margin: 0px 0px 10px 0px; }
.account-confirmation-notification.succes 	{ margin:0px 0px 20px 0px; border-left: 4px solid #07cb43; background: #dbffc5; padding:10px 10px 10px 14px; margin: 0px 0px 10px 0px; }
.account-confirmation-notification.error 		{ border-left: 4px solid red; background: #f8d3d3; padding:10px 10px 10px 14px; margin: 0px 0px 10px 0px; }

/**
 *	SEARCH
 */
.search-container																		{ position: relative; }
input[type="text"].search-container-text						{ position: relative; width: 96%; font:20px/34px 'museo_sans_rounded500', arial, sans-serif; color:#000; padding: 1% 2%; height: 35px;  }
input[type="submit"].search-container-button				{ position: absolute; right: 0px; top: 1px; height: 47px; width: 50px; background: url('/images/shared/icon_search.png') 0 -8px no-repeat; border: 0;}
input[type="submit"].search-container-button:hover	{ background: url('/images/shared/icon_search.png') 0 -58px no-repeat; cursor: pointer;}
.xsearchResultsContainer	{ margin-bottom: 30px; border-bottom: 1px solid #D6D3C5; }
.xsearch-result						{ border-top: 1px solid #D6D3C5; padding: 15px 0; cursor: pointer; margin-bottom: 0px;}
/*.xsearchResult:hover			{ background: #f8f7f0; }*/
.xsearch-result	a		 			{ text-decoration: none; }
.xsearch-result	a:hover,
.xsearch-result:hover a 		{ text-decoration: underline; }
.xsearchUrl,
.xsearch-laatst-gewijzigd	{ display: none;}

.xsearchHighlightedKeyword	{ font-weight: bold; }

/**
 *	NAVBAR
 */
.navbar										{ padding: 0 0 15px 0; font-size: 14px; height: 40px;}
.navbar	a									{ text-decoration: none; }
span.navbar-dots,
a.page-number							{ display: inline-block; margin-right: 1px;  padding: 5px 15px; background: #E4E2D8; float: left; }
a.page-number:hover,
a.page-number.activepage	{ font-family: 'museo_sans_rounded700', arial, sans-serif; color: #FFF; background: #07cacb; }
a.navbar-previous-arrow		{ display: none; }
a.navbar-next-arrow				{ display: none;  margin-right: 1px;  padding: 5px 15px; background: #E4E2D8; }

/**
 *	FOOTER
 */
.footer								{ width:780px; margin:0 auto; color:#4b493d; font-size:12px; }
	.footer-content				{ padding:20px; text-align:center; }
		.footer-content a			{ color:#4b493d; }


.mobile-device-notification			{ padding:15px; background:#E87373; text-align:center; border:2px solid #bb0909; color:#fff; }


/**
 *	ONLINE BOOK POPUP
 */
.online-book-popup-wrapper	{
	position: fixed; top: 0; left: 0; right: 0; bottom: 0;
	display: flex; justify-content: center; align-items: center;
	margin: auto; background: #0005; z-index: 120;
}
	.online-book-popup					{ position: relative; width: 305px; padding: 50px 70px; background: #fff; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); text-align: center; }
		.online-book-popup-close			{position: absolute; top: 0; right: 0; padding: 10px 15px; cursor: pointer; }	
		.online-book-popup-button-wrapper	{ display: flex; justify-content: space-between; align-items: flex-start; }


.popup-button-green		{ padding: 4px 15px 4px 15px; background: #07cacb; color: #fff; border: 1px solid #07cacb; text-decoration: none; }
.popup-button-grey		{ padding: 4px 15px 4px 15px; background: #95938a; color: #fff; border: 1px solid #95938a; text-decoration: none; }

.popup-button-green:hover,
.popup-button-grey:hover		{ background: #02b0b1; color: #fff; border: 1px solid #02b0b1; }













/**
 *   ColorBox Core Style:
 *  The following CSS is consistent between example themes and should not be altered.
 */
#colorbox, #cboxOverlay,
#cboxWrapper										{ position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay										{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft,
#cboxBottomLeft									{ clear:left; }
#cboxContent														{ position:relative; }
#cboxLoadedContent											{ overflow:auto; }
#cboxTitle															{ margin:0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic							{ position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext,
#cboxClose, #cboxSlideshow			{ cursor:pointer; }
.cboxPhoto											{ float:left; margin:auto; border:0; display:block; }
.cboxIframe											{ width:100%; height:100%; display:block; border:0; }

/**
 *   User Style:
 *   Change the following styles to modify the appearance of ColorBox. They are
 *   ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay		{ background:#fff; }
	#cboxError		{ padding:50px; border:1px solid #ccc; }
	#cboxContent	{
		box-shadow:	0 0 1px rgba(0, 0, 0, 0.25),
								0 1px 3px 3px rgba(0, 0, 0, 0.25),
								0 5px 4px -3px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow:	0 0 1px rgba(0, 0, 0, 0.25),
												0 1px 3px 3px rgba(0, 0, 0, 0.25),
												0 5px 4px -3px rgba(0, 0, 0, 0.06);
	}
	#cboxTitle				{ position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
	#cboxSlideshow		{ position:absolute; bottom:0px; right:42px; color:#444; }
	#cboxPrevious			{ position:absolute; top:45%; left:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/shared/colorbox_arrows.png') 25px 25px no-repeat; }
	#cboxNext					{ position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/shared/colorbox_arrows.png') -37px 25px no-repeat; }
	#cboxClose				{
		position:fixed; top:15px; right:15px; display:block; height:0; width:64px; padding:64px 0 0; overflow:hidden;
		background:url('../images/shared/close.png') 0 0 no-repeat; border:0;
	}
	#cboxClose:hover	{ background-position:0 -63px; }





/**
 *	MEDIA QUERIES
 */

@media only screen and (min-width:1200px) {
/*
.page-container 			{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.page-left						{ flex: 1 26%; }
.page-right						{ flex: 1 74%; display: flex; flex-direction: column; position: relative;}
*/
.page-container 			{ z-index: 10; }
.page-left						{ width: 30%; float: left; }
.page-right						{ position: relative; float: right; width: 70%; padding-left: 30%;}

.main-menu-wrapper		{ display: block; position: fixed; width: 29%; padding-top: 34px; }
.main-menu 						{ flex-flow: column; height: CALC(100vh - 160px); margin: 0 0 0; }

.submenu							{ display: block; }
.main-menu-toggle-wrapper,
.main-menu-toggle,
.main-menu-backdrop		{ display: none; }
.menu-item						{ width: 100%; }
ul.main-menu li a			{ width: 90%; font-size: 14px;}
.nav-prev-page 				{	left: 29%; }

}

@media only screen and (max-width:1200px) {
	.top-menu							{ left: 0%; width: 100%; }
	.buac-title						{ padding: 4px 0 0 3px; }
}

@media only screen and (max-width:800px) {

	.buac-title						{ display: none; }
	.page,
	.footer								{ width:auto; }
	.page-right						{ padding: 0 70px;}
	.page-content-wrapper { position: relative; padding: 15px 45px;}
	.page-content-wrapper img	{ width: 100%; height: auto; }
	.page-content-wrapper .toetsProgressBar img	{ width: auto; height: auto; }
	.page-content-wrapper .divgumbuttons img	{ width: auto; height: auto; }
	.page-content-wrapper figcaption	{line-height: 15px; }



.homepage-welkom .homepage-welkom-columns-wrapper.buttons		{ display:flex; flex-flow: column nowrap; }
.homepage-welkom .homepage-welkom-buttons-wrapper	a			{ margin-bottom: 10px; }
.homepage-welkom .homepage-welkom-columns-wrapper	.column-right div	{ flex: auto; }
.button-green			{ width:calc(48.5% - 45px); }

.homepage-welkom .buttons-column-left		{ order:2; width:100%; } 
.homepage-welkom .buttons-column-right	{ order:1; width:100%; }

.flipcards-intro {
	width:200px; min-height:275px; margin:0;
	padding-top:60px; padding-left:calc(50% - 100px); padding-right:calc(50% - 100px); padding-bottom:30px;
	background:url('/images/shared/flipcard_bg.gif') center center no-repeat;border: 1px solid #CCC;
}

.flipcards-container				{ padding:0 !important; }	
	.flip-container							{ width:100%; }

		.flipper .front							{ width:calc(100% - 40px); }
		.flipper .back							{ width:calc(100% - 100px); }
		
		.flip-button								{ left:calc(50% - 37px); }
		
		.flipcards-nav							{ padding-left:calc(50% - 100px); }

.flipcards-intro.started			{ width:200px; padding-top:60px; padding-left:calc(50% - 100px); padding-right:0; padding-bottom:0; }

}

@media only screen and (max-width:600px) {

	.page-left						{ width: 60%; float: left; }
	.page-right						{ position: relative; float: right; width: 100%; padding-left: 0%;}
	.page-right						{ padding: 0 0px;}
	.top-menu										{ display: -ms-flexbox; display: -webkit-flex; display: flex; }
	.top-menu-item.print				{ display:none; }

	.buac-title					{ margin:35px 0 0; padding:15px; }
	.hint-tab						{ top:78px; }

	.nav-prev-page,
	.nav-next-page			{ position: fixed; width: 20px; height: 50px; top: 45%; z-index: 5; font-size: 28px; padding: 10px 10px 0; color: #95938a;}

	.top-menu 					{ }
	.top-menu-item 			{ padding: 10px 15px; }
	.main-menu-toggle 	{ padding: 5px 10px;  }
	.main-menu-wrapper 	{ width: 95vw; }

	.smartphone-alert.open						{ display: block; } 	/* toon smartphone alert bij lage resolutie en juiste cookie setting */
	.homepage-welkom .homepage-welkom-columns-wrapper	.column-right,
	.homepage-welkom .homepage-welkom-columns-wrapper	.column-left	 { font-size: 16px; line-height: 22px; }
	.homepage-welkom .homepage-welkom-buttons-wrapper,
	.homepage-welkom .homepage-welkom-columns-wrapper.buttons		{ flex-flow: column nowrap; }
	.button-green .fa, .button-white .fa { top: 8px; }
	.homepage-welkom .homepage-welkom-columns-wrapper	.column-right	.fa-check  { padding-top: 0px; font-size: 13px; }

	div.form-label			{ flex: 0 1 100%; padding: 0 0 0 4px; border: 0; }
	div.form-input			{ flex: 0 1 100%; margin: 0 0 15px; border: 0; }

	.submit-button			{ margin: 10px 0 0; }

	.button-green			{ width: calc(100% - 45px); }

}

@media only screen and (max-width: 450px) {

	.homepage-welkom .homepage-welkom-columns-wrapper								{ display: block; }
		.column-left																	{ margin: 0 0 20px; }
			.homepage-welkom .homepage-welkom-columns-wrapper .column-left					{ text-align: center; }
				.homepage-welkom .homepage-welkom-columns-wrapper .column-left img				{ width: 80%; }

		.homepage-welkom-bullets-wrapper		{ width: 80%; margin: auto; }

}