/**
 *	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; }

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

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; }
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; }

input[type="text"], select, input[type="email"], input[type="password"], textarea	{ padding:3px; font: normal 15px/22px open_sansregular, arial, sans-serif; color:#444; }

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

nav ul		{ margin:0; list-style:none; }
ul 				{ list-style-image:url('../images/list_icon_blue.png'); margin:0 0 0 20px; }
ol 				{ list-style-type:decimal; margin:0 0 0 20px; }
	li			{	margin:0 0 0px; }

.clearfix		{ display:block; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; }
.whitespace				{ margin:0 0 25px; }
.whitespace-sml		{ margin:0 0 15px; }

a.read-more		{ display:inline-block; padding:3px 23px 3px 10px; background:#e8731f url('../images/read-more-arrow.png') 93% 8px no-repeat; color:#fff; }
.read-more.right		{ float:right; background:#e8731f url('../images/read-more-arrow.png') 93% 8px no-repeat; }
.read-more:hover		{ background:#584f4d url('../images/read-more-arrow.png') 93% 8px no-repeat; }
.read-more-orange 			{ display:inline-block; background:#e8731f url('../images/read-more-arrow.png') 91% 12px no-repeat; display:inline-block; padding:6px 30px 8px 22px; color:#fff; }
.read-more-orange:hover	{ background:#584f4d url('../images/read-more-arrow.png') 91% 12px no-repeat; }

a.back			{ display:inline-block; margin:0 0 20px; padding:3px 10px 3px 23px; background:#e8731f url('../images/back-arrow.png') 8px 8px no-repeat; color:#fff; }
a.underline   { text-decoration: underline; }


.to-top-wrapper		{ position:absolute; right:-20px; width: 100px; }
	.to-top						{ position:fixed; bottom:0px; width:140px; padding:5px 28px 5px 10px; background:#584f4d url('../images/top-arrow.png') 95% 11px  no-repeat; color:#fff; cursor:pointer; display:none; }


@font-face {
    font-family: 'open_sansregular';
    src: url('webfonts/opensans-regular-webfont.eot');
    src: url('webfonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/opensans-regular-webfont.woff') format('woff'),
         url('webfonts/opensans-regular-webfont.ttf') format('truetype'),
         url('webfonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('webfonts/opensans-bold-webfont.eot');
    src: url('webfonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/opensans-bold-webfont.woff') format('woff'),
         url('webfonts/opensans-bold-webfont.ttf') format('truetype'),
         url('webfonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('webfonts/OpenSans-Semibold-webfont.eot');
    src: url('webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') 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	{ height:100%; font:normal 15px/22px open_sansregular, arial, sans-serif; color:#444; background:#e8731f; }

h1		{ margin:0 0 20px; font:28px/30px open_sanssemibold, arial, sans-serif; color:#584f4d; }
h1.articletitle		{ margin:0 0 5px; font:26px/28px cambria, georgia, times new roman, serif; }
h2		{ margin:0 0 5px; font:26px/28px cambria, georgia, times new roman, serif; }
span.content-small-header h1		{ margin:0 0 5px; font:26px/28px cambria, georgia, times new roman, serif; __color:#444; }
span.content-small-header h1.articletitle			{ margin:0 0 25px; }
h2.pagetitle			{ margin:0 0 20px; font:28px/30px open_sanssemibold, arial, sans-serif; color:#584f4d; }
h3		{ font:22px/26px cambria, georgia, times new roman, serif; }
/*h3		{ font:20px/26px open_sansbold, arial, sans-serif; letter-spacing:-0.02em; }*/
h4		{ margin:0 0 15px; font:italic 19px/25px cambria, georgia, times new roman, serif; color:#584f4d; }
a			{ text-decoration:none; color:#584f4d; }

a sup	{ color: #e8731f; }


.blue				{ color:#e8731f; }
.dark-grey	{ color:#444; }
.ruler 			{border-bottom: 1px solid #c7c2b0;height:15px;margin-bottom:15px;}
.long				{ width: calc(100% - 10px); }
.page				{ position:relative; min-height:100%; width:980px; margin:0 auto; background:url('../images/page_bg.gif') top center repeat-y; }
.page.page-breed	{ background: #FFF; background-image: none; }
.content	{ position:relative; display:flex; padding: 40px 0 0; }
  
.content.so   { padding: 0 0 0; border-top: 40px solid #f4f2eb; }




/**
 *	HEADER
 */
.header		{ position:relative; padding: 140px 0 50px; background:#e8731f; z-index: 50; }

	.mobile-menu-top-wrapper		{ background:#e8731f; color:#444; display:none; }

	.logo			{ position: absolute; top: 15px; left: calc(50% - 240px); }

	.inloggen-container		{position: relative; max-width: 180px; min-width: 116px; height: 36px; text-align:center; overflow:hidden; }
		.inloggen-username							{ position:relative; padding:7px 14px; background:#584f4d; color:#fff; cursor:pointer; z-index:21; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.uitloggen-button								{ position:absolute; top:36px; right:0; width:100%; text-align:right; background:#ea8500; z-index:22; }
			.uitloggen-button a							{ display:block; padding:6px 36px 8px 22px; color:#fff; background:#ea8500 url('../images/read-more-arrow.png') 91% 12px no-repeat; }

		.inloggen-top-wrapper						{ position:absolute; top:25px; right:0; z-index:100; }
			.inloggen-top-button						{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; }
			.inloggen-top-username					{ margin:0 15px 0 0; color:#fff; }

	.inloggen-button						{  }

	.header-utils-wrapper	{
		position:absolute; top: 210px; right:calc(50% - 290px); width: 580px; border: 0px solid red; display: flex; flex-flow: row nowrap;  justify-content: flex-end;
		box-shadow: 2px 4px 5px 1px rgba(0, 0, 0, .35);
	}
	.header-search-wrapper															{ width: 580px; background: #f8f7f3; }
		.search-container-text-wrapper													{ flex-grow: 1; padding: 12px 0 12px 20px; }
			.header-search-wrapper input.search-container-text[type="text"]				{ width: 90%; font-size: 24px; color: #444242; border: 0; }
			.header-search-wrapper ::placeholder													{ font-size: 18px; } 

	.practice-online-button	{
		position:absolute; top:22px; right:20px; padding:10px 20px 10px 45px;
		background:#ec822a url('../images/tablet.svg') 12px center / 25px auto no-repeat;
		border-radius:5px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold;
		cursor:pointer; z-index:10; display:none;
	}

/**
 *	MENU
 */
.menu-container.fixed		{ position:fixed; top:0; width:980px; height:29px; padding:0; z-index:112; }
	.menu-container-shadow			{ position:fixed; top:85px; width:980px; height:10px; background:url('../images/menu-shadow.png') 0 0 no-repeat; display:none; }

.xs-editmode .menu-container.fixed										{ top:35px; }
.xs-editmode .schrijfwijzer-online-topbar.fixed					{ top:83px; }

.menu			{ justify-content: center; padding:0 0 0 8px; background:#e8731f; }
	.main-menu		{  }
		ul.main-menu	{ margin:0; list-style:none; }
			.menu-item	{ position:relative; float:left; }
				.menu-item-home		{ height:15px; background:url('../images/home.svg') 0 16px / 17px auto no-repeat; }
				.menu-item a 	{ display:block; padding:15px 12px; font:normal 14px/18px open_sansbold, arial, sans-serif; color:#fff; text-transform:uppercase; }
				.menu-item a.active 	{ background:#584f4d; }
				.menu-item:hover a 		{ background:#fff; color:#584f4d; }
				.menu-item:hover .menu-item-home		{ background:url('../images/home-blue.svg') 0 16px / 17px auto no-repeat; }
				.menu-item.subbed:hover						{ box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.4); }
				.menu-item.subbed.page400:hover			{ box-shadow:none; }

				ul.submenu	{ position:absolute; top:48px; left:0; min-width:100%; margin:0; list-style:none; background:#fff; z-index:11; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.4); display:none; }
				.menu-item:hover ul.submenu	{ display:block; }

					.menu-item .submenu-item a		{ padding:10px 20px; background:none; color:#584f4d; font:normal 14px/16px open_sansbold, arial, sans-serif; border-top:1px solid #eae9e2; text-transform:none; }
					.submenu-item	a:hover		{ background:#584f4d; color:#fff; }

				.menu-item .submenu-item .subsubmenu-item a		{ padding:5px 10px 7px 24px; font: bold 13px/16px arial, sans-serif; }
				.menu-item .submenu-item .subsubmenu-item a:hover	{ background:#584f4d; color:#fff; }


@media only screen and (min-width:500px) {        
  .menu		{ display: flex; }
}

/**
 *	MAIN
 */
.main	{ width:645px; padding:25px 25px 40px; background:#fff; }

.main-breed	{ padding:25px 25px 40px; width: 100%; }

	.search-container															{ display:flex; justify-content:space-between; background:#f4f2eb; }
		input[type="text"].search-container-text			{
			flex:1; height:30px; margin:0; padding:0 0 0 15px;
			background:#f4f2eb; color:#8b8989; font:italic 22px/30px cambria, georgia, times new roman, serif;
			border:none; border-left:1px solid #aaa;
		}
		.search-container-button	{
			margin:0; padding:0 25px; background:#f4f2eb; color:#e8731f; font:normal 14px/18px open_sansbold, arial, sans-serif; text-transform:uppercase;
			border-color:#aaa; border-style:dotted; border-width:0 0 0 1px;
			cursor:pointer;
		}


	.search-wrapper			{ background:#f8f7f3; display:none; }
		.search-wrapper-inner		{ padding:30px; }
			.search-tabs-container		{ display:table; width:99.7%; border:1px solid #dddddb; }
				.search-tab									{ display:table-cell; padding:10px 7px; border-left:1px solid #dddddb; font:14px/22px open_sanssemibold,arial,sans-serif; text-align:center; }
				.search-tab:first-child			{ border:none; }
				.search-tab.active					{ background:#584f4d; color:#fff; }

	.inpage-search-container		{ display:flex; background:#f4f2eb; }
		input[type="text"].search-page-box	{
				height:30px; width:431px; margin:0; padding:5px 0;
				color:#3f3f3f; font:22px/30px cambria, georgia, times new roman, serif;
				border:0; background:transparent;
		}
		
	.afbeelding img		{ max-width: 100%; }

	.main-intro			{ position:relative; padding:20px 0; }
		.main-intro-text		{ width:530px; font:30px/34px open_sansbold, arial, sans-serif; letter-spacing:-0.02em; text-align:center; color:#12999e; }
		.main-intro-link		{ position:absolute; right:0; bottom:25px; }

	.front .main-article		{ padding:20px 0 25px; }
	.main-article.borderbottom	{ border-bottom:3px dotted #e8731f; }
		.article-header		{ margin:0 0 15px; color:#584f4d; font:italic 20px/26px cambria, georgia, times new roman, serif; }
		.article-image		{ float:left; width:260px; margin:0 20px 0 0; text-align:center; }
			.article-image a		{ display:block; }
		.article-content	{ float:right; width:355px; }
		
		.main-article .whitespace img { max-width:100%; }

		.video-thumb-container		{ position:relative; display:table; height:135px; margin:0 15px 0 0; background:#fff; border: 1px solid #cccfd2;}
			.video-thumb-container-playbutton		{ position:absolute; top:37px; left:60px; height:65px; width:65px; background:url('../images/play.png') 0 0 no-repeat; cursor:pointer; }
			.video-thumb-container-playbutton.block		{ top:36%; left:106px; }
			.video-thumb-container a		{ display:table-cell; vertical-align: middle; }
			.video-thumb-container img		{ display: block; }

		.video-content					{  }
		.video-content.block		{ width:354px; }
			.video-content-info			{ margin:0 0 5px; font-size:14px; display:none; }
			.video-content-intro		{ margin:0 0 15px; font:18px/24px open_sanssemibold, arial, sans-serif; }
			.video-content-text			{ margin:0 0 15px; }

			.video-content-list-intro		{ margin:0 0 10px; }

	.vervolg .video-content h2.whitespace		{ margin:0 0 5px; }

		.article-subtitle			{ margin:0 0 15px; font:16px/18px open_sanssemibold, arial, sans-serif; letter-spacing:-0.02em; }
		.article-date-author	{ margin:0 0 15px; }
		.article-intro				{ margin:0 0 15px; font:18px/24px open_sanssemibold, arial, sans-serif; }
		.article-text					{  margin:0 0 15px; }

		.article-highlight		{ padding: 20px; background: #e0fbff; }
		.tijdschrift-alinea-title { font:18px/26px open_sansbold, arial, sans-serif; letter-spacing:-0.02em; margin: 0 0 5px;}

		.streamer			{ margin:0 0 15px; padding:20px; font:18px/26px open_sansbold, arial, sans-serif; letter-spacing:-0.02em; color:#12999e; }
		.streamer.left			{ float:left; width:220px; margin:0 15px 15px 0; }
		.streamer.right			{ float:right; width:220px; margin:0 0 15px 15px; }

		.news h2				{ margin:0 0 15px; }

	.paged-list	{  }
		.paged-list-title		{ padding:0 0 25px; font:26px/28px cambria, georgia, times new roman, serif; border-bottom:3px dotted #e8731f; }
		.paged-list-intro		{ padding:15px 0 15px; border-bottom:1px solid #d9dad2; }
		.vervolg .list-item		{ padding:15px 0 15px; border-bottom:1px solid #d9dad2; }

			.list-item.video			{ display:flex; }

			
	.product-block-image-container		{ display:table; float:left; width:260px; padding:30px 0; }
		.product-block-image		{ display:table-cell; vertical-align:middle; text-align:center; }
	.product-block-info			{ float:right; width:355px; }
		.product-block-auteur								{  }
		.product-block-uitgeverij						{ margin:0 0 15px; font-size:15px; line-height:19px; }
		.product-block-prijs								{ float:left; font:20px/24px open_sansbold,arial,sans-serif; letter-spacing:-0.02em; }
		.product-block-more-info						{ float:right; padding:3px 10px; background:#ea8504; color:#fff; font-weight:bold; border-radius:3px; }
		.product-block-details							{ color:#7d7d7d; font-size:13px; }

	.column-auteur-image		{ height:102px; margin:0 0 15px; padding:10px 20px 10px 150px; text-align:right; }
		span.content-small-header .column-auteur-image h1		{ color:#fff; }
		.column-author	{ font:26px/28px cambria, georgia, times new roman, serif; color:#fff; }

	.main-page-element-intro		{ padding:15px 0 15px; border-bottom:1px solid #d9dad2; }

	.verwarwoordenalfabet-wrapper								{ display:flex; justify-content:space-around; border:1px solid #d9dad2; }
		.verwarwoordenalfabet-item									{ width:calc(100%/26); padding:2px 0; text-transform:uppercase; text-align:center; border-right:1px solid #d9dad2; }
		.verwarwoordenalfabet-item.active						{ background:#584f4d; color:#fff; }
		.verwarwoordenalfabet-item:last-child				{ border:0; }

	.verwarwoordenalfabet-wrapper-mobile							{ display:none; }
		.verwarwoordenalfabet-wrapper-mobile-handler			{ padding:5px 10px; border:1px solid #d9dad2; cursor:pointer; }
		.verwarwoordenalfabet-mobile											{ display:none; border-style:solid; border-color:#d9dad2; border-width:0 1px 1px; }
			.verwarwoordenalfabet-item-mobile									{ display:block; padding:5px 10px; border-bottom:1px solid #d9dad2; }

	.verwarwoord-title-wrapper									{ position:relative; }
		.verwarwoord-title													{ display:block; width:80%; }
    .verwarwoord-title-handler									{ position:absolute; top:2px; right:15px; height:24px; width:24px; background: #f4f2eb url('../images/open-close.png') 0 0 no-repeat; cursor:pointer;  border: 1px solid #f4f2eb}
    .verwarwoord-title-handler:hover		  			{ background: #fff url('../images/open-close.png') 0 0 no-repeat;  }
		.verwarwoord-title-handler.open							{ background-position:0 -40px; }
	.verwarwoord-content												{ display:none; }

	div.taglist a h3 { display: inline; font:normal 15px/22px open_sansregular, arial, sans-serif;}

	.hoofdstukken-keuzebalk									{ display:flex; justify-content:space-between; align-items:center; background:#f4f2eb; }
		.hoofdstukken-keuzebalk-label						{ padding:0 20px; }
		.hoofdstukbuttons-wrapper								{ display:flex; justify-content:space-around; }
			.hoofdstukbutton												{ flex-grow:1; padding:10px 17px; border-left:1px solid #d9dad2; text-align:center; }
			.hoofdstukbutton.active									{ background:#584f4d; color:#fff; }

	.videowrapper              { position:relative; height:0; padding:25px 0 53.25%; }
		.videowrapper iframe        { position:absolute; top:0; left:0; width:100%; height:100%; }

/**
 *	SIDE
 */
.side	{ background:#f4f2eb; width:235px; padding:25px 25px 40px; vertical-align:top; }

	.side-article		{  }

	.side-cover-actueel h3	 { margin:0 0 10px; }
	.side-cover-actueel img	 { box-shadow:4px 3px 3px rgba(0, 0, 0, 0.6); }

	.side-links-container		{ border-top:1px solid #c7c2b0; }
		.side-link				{ display:block; border-bottom:1px solid #c7c2b0; font:14px/32px open_sansbold, arial, sans-serif; letter-spacing:-0.02em; background:url('../images/side-link-bg.gif') right 4px no-repeat; }
		.side-link:hover	{ background-position: right -46px; }

	.banner		{ margin:0 0 15px; padding:0 0 25px; text-align:center; border-bottom:3px dotted #e8731f; }

	.calendar-container h3	{ margin:0 0 5px; text-transform:uppercase; }
	.calendar th	{ text-align:right; }
	.calendar td		{ width:24px; padding:2px 2px; text-align:right; }
		.calendar td.today		{ background: url('../images/calendar-today.png') 13px 2px no-repeat; color:#fff; }
		.calendar td.calender-active		{ background:url('../images/calendar-event.png') 13px 2px no-repeat; color:#fff; }
			.calendar td.calender-active a		{ color:#fff; }

	.column-side		{ margin:0 0 15px; border-bottom:3px dotted #e8731f; }
		.column-side-date-author		{ margin:0 0 5px; font-size:12px; }
		.column-side-content		{ font-size:14px; line-height:20px; }
			.column-side-auteur-image		{ margin:0 0 5px; }
			.column-side-content h4			{ margin:0 0 5px; }
			.column-side-intro					{ margin:0 0 25px; }

	.twitterblock		{ margin:0 0 15px; border-bottom:3px dotted #e8731f; }

/**
 * LOGIN SCHERM
 */
	.login-form-wrapper	{ display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0 0 15px; }
	.login-form-column	{ width: CALC(32% - 40px); background: #f3f3f3; border: 1px solid #e4e4e4; padding: 20px;}
	.login-form-column-wide	{ width: CALC(100% - 40px); background: #f3f3f3; border: 1px solid #e4e4e4; padding: 20px;}
	.login-form-column h2	{ margin-bottom: 15px; }
	.login-errormessage						{ padding-bottom: 22px; color: #d83f0c; }
	#form-inloggen #email,
	#email-accountaanmaken			{ width:96%; float:none; padding:5px; }
	#toegangscode-accountaanmaken		{ margin:0 0 15px; padding:5px; }
	#form-inloggen #password	{ width:96%; float:none; margin:0 0 15px; padding:5px; }
	.button						{	display: inline-block;
									    background: #e8731f url(../images/read-more-arrow.png) calc(100% - 10px) 12px no-repeat;
									    display: inline-block;
									    padding: 6px 30px 6px 22px;
									    color: #fff; border: 0px;
											font: normal 15px/22px open_sansregular, arial, sans-serif;
										}
	.button:hover			{ background: #584f4d url(../images/read-more-arrow.png) calc(100% - 10px) 12px no-repeat; cursor: pointer; }

	.wait-indicator		{ margin-right: 10px; height: 25px; margin-top: 5px; }

	.login-form-box		{ padding: 5px 10px; border: 2px solid #fbc299; background: #fff; }
	
/**
 * READER INLINE
 */
.schrijfwijzer-online-topbar							{ position:relative; width:calc(100% - 50px); padding:20px 25px 0px; background:#f4f2eb; background: linear-gradient(0deg, rgba(228,226,220,1) 4%, rgba(244,242,235,1) 71%); display:flex; flex-flow:row nowrap;  }
.schrijfwijzer-online-topbar.fixed				{ position:fixed; top:48px; width:930px; border-bottom:10px solid #FFF; z-index:10; }
.main-breed.top-padding										{ margin-top:120px;  }
.schrijfwijzer-online-tab,
.schrijfwijzer-online-button							{ padding: 6px 18px 5px; height: 25px; background: #fff; margin-right: 5px; background: #e8731f; color: #FFF; font: normal 14px/24px open_sanssemibold, arial, sans-serif; }
.schrijfwijzer-online-button.active,
.schrijfwijzer-online-tab.active,
.schrijfwijzer-online-button.active:hover,
.schrijfwijzer-online-tab.active:hover		{ background: #fff; color: #000; border-top: 1px solid #ffffff; border-right: 3px solid #d6d4cd; padding: 5px 18px 5px; }
.schrijfwijzer-online-button:hover,
.schrijfwijzer-online-tab:hover						{ background: #584f4d; color: #FFF; cursor: pointer; }
.schrijfwijzer-online-content,
.schrijfwijzer-online-index								{ padding: 30px 80px; position: relative; }
.close																		{ display: none; }
.schrijfwijzer-online-content body { text-align:justify; }
.schrijfwijzer-online-content h1 { font-size:1.75em; text-align:left; margin-bottom:0em; margin-left:0em; color: rgb(5,134,192); font-family: serif; }
.schrijfwijzer-online-content h1.big { font-size:3.75em; font-weight:bold; text-align:center; margin-bottom:.5em; margin-left:0em; color: white; font-family: serif; padding-top: 90px; }
.schrijfwijzer-online-content p.hbig { font-size:3em; line-height: 1.0em; font-weight:bold; font-style:bold; margin-top:0em; margin-bottom:0em; text-indent:0em; text-align:center; color: white; font-family: serif; padding-bottom: 100px; }
.schrijfwijzer-online-content h2 { font-weight:bold; margin-left:0em; font-size:1.35em; margin-top:2.25em; text-align:left; margin-bottom:1em; color: rgb(5,134,192); font-family: serif; }
.schrijfwijzer-online-content h3 { font-weight:bold; font-size:1.15em; margin-left:1.75em; text-indent: -1.75em; margin-top:2.35em; margin-bottom:1em; text-align:left; color: rgb(5,134,192); font-family: serif; }
.schrijfwijzer-online-content h3.tab { font-weight:normal; font-size:1.15em; margin-left:0em; text-indent: 0em; margin-top:2.35em; margin-bottom:1em; text-align:left; color: rgb(5,134,192); font-family: serif; }
.schrijfwijzer-online-content h3.nonum { font-weight:normal; font-size:1em; margin-left:0em; text-indent:0em; margin-top:2.35em; margin-bottom:1em; text-align:left; color: rgb(5,134,192); }
.schrijfwijzer-online-content .h4 { margin: 2em 0 1em 1.8em; text-align: left; text-indent: -1.8em; font-size: 100%; color: #1176C0; }
.schrijfwijzer-online-content .h4a { margin-top: 2em; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; color: #1176C0; }
.schrijfwijzer-online-content .h2s { text-indent: 0em; display: inline-block; white-space: pre-wrap; width: 3em; }
.schrijfwijzer-online-content .h3s { text-indent: 0em; display: inline-block; white-space: pre-wrap; width: 3em; }
.schrijfwijzer-online-content .h301 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 110%; color: #1176C0; }
.schrijfwijzer-online-content .h4s { text-indent: 0em; display: inline-block; white-space: pre-wrap; width: 1.8em; }
.schrijfwijzer-online-content .h4b { margin-top: 2em; margin-bottom: 1em; margin-left: 1.8em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; color: #1176C0; }
.schrijfwijzer-online-content .h4a0 { margin-top: 2em; margin-bottom: 0em; margin-left: 0em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; color: #1176C0; }
.schrijfwijzer-online-content .h4p { margin-top: 2em; margin-bottom: 1em; margin-left: 1.8em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; color: #1176C0; }

.schrijfwijzer-online-content .spa { text-indent: 0em; display: inline-block; white-space: pre-wrap; width: 1.8em; }
.schrijfwijzer-online-content p,
.schrijfwijzer-online-index p { margin-top:1em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content p.l2 { margin-top:1em; margin-left: 2.25em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content .para1 { margin-top:2.5em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content .para1a { margin-top:1em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content .para2 { margin-top:0em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content .para3 { margin-top:1em; margin-left:2em; margin-bottom:0em; text-indent:0em; }
.schrijfwijzer-online-content .para4 { margin-top:1em; margin-bottom:0em; text-indent:1em; }
.schrijfwijzer-online-content .para { margin-top:0em; margin-bottom:0em; text-indent:1em; }
.schrijfwijzer-online-content .hang { margin-top:0em; margin-bottom:0em; text-indent:-1em; margin-left:1em; }
.schrijfwijzer-online-content .copy { font-size:.85em; margin-top:0em; margin-bottom:0em; text-align:center; }
.schrijfwijzer-online-content .center { margin-top:0em; margin-bottom:0em; text-align: center; }
.schrijfwijzer-online-content .center1 { margin-top:0em; margin-bottom:0em; text-align: left; text-indent:0em; }
.schrijfwijzer-online-content .note3 { font-size:.85em; margin-top:0em; margin-bottom:0em; margin-left:1.5em; text-indent:-1.75em; text-align:left; }
.schrijfwijzer-online-content .note { font-size:.85em; margin-top:0em; margin-bottom:0em; margin-left:1.75em; text-indent:-1.5em; text-align:left; }
.schrijfwijzer-online-content .note1 { font-size:.85em; margin-top:0em; margin-bottom:0em; margin-left:2em; text-indent:-1.25em; text-align:left; }
.schrijfwijzer-online-content .noten { font-weight:normal; font-style:bold; margin-top:2em; text-align:left; margin-bottom:.25em; }
.schrijfwijzer-online-content .bib { margin-top:0em; margin-bottom:0em; margin-left:1.5em; text-indent:-1.5em; }
.schrijfwijzer-online-content div.block { margin-left:3em; }
.schrijfwijzer-online-content span.left { float:left; margin-left:-3em; }
.schrijfwijzer-online-content a { text-decoration:none; color:#1176C0; }
.schrijfwijzer-online-content .toc-entry { display: block; position: relative; top: -60px; visibility: hidden; }
.schrijfwijzer-online-content .listp { margin-top: 0em; margin-bottom: 0em; margin-left: 1.8em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; }
.schrijfwijzer-online-content .wid50 { width: 50%; }
.schrijfwijzer-online-content img 			{ max-height: 100%; max-width: 100%; }
.schrijfwijzer-online-content img.large 	{ max-width: 75%; }
.schrijfwijzer-online-content img.medium	{ max-width: 60%; }
.schrijfwijzer-online-content img.small 	{ max-width: 45%; }
.schrijfwijzer-online-index .toc { margin-top:2em; margin-bottom:0em; margin-left:2em; text-indent:0em; text-align:left; }
.schrijfwijzer-online-index .toc1 { margin-top:1.5em; margin-bottom:.25em; margin-left:2em; text-indent:0em; text-align:left; font-weight: bold; }
.schrijfwijzer-online-index .toc2 { margin-top:0em; margin-bottom:0em; margin-left:2em; text-indent:0em; text-align:left; }
.schrijfwijzer-online-index .toc3 { margin-top:0em; margin-bottom:0em; margin-left:3em; text-indent:0em; text-align:left; }
.schrijfwijzer-online-index .toc2 a { color:#1176C0; }
.schrijfwijzer-online-index .toc3 a { color:#1176C0; }


.schrijfwijzer-online-content .big { margin-top:0.4em; font-size:3em; }
.schrijfwijzer-online-content sup { font-size : 0.75em;   vertical-align : 0.7em; }
.schrijfwijzer-online-content span.blue {color: rgb(5,134,192)}
.schrijfwijzer-online-content span.white {color: white}
.schrijfwijzer-online-content span.normal {color: black;}
.schrijfwijzer-online-content body.bck {background-color: rgb(5,134,192)}
.schrijfwijzer-online-content div.bck { background-color: rgb(5,134,192); margin-bottom: 3em;}
.schrijfwijzer-online-content li  { color: rgb(5,134,192)}
.schrijfwijzer-online-content p.list1 { margin-left:2.3em; margin-top:1em; margin-bottom:0em; text-indent: -2.3em; text-align:left}
.schrijfwijzer-online-content p.list { margin-left:1.8em; margin-top:0em; margin-bottom:0em; text-indent: -1.8em; text-align:left}
.schrijfwijzer-online-content .listp1 { margin-top: 1em; margin-bottom: 0em; margin-left: 1.8em; margin-right: 0em;  text-align: left;  text-indent: 0em;  font-size: 100%; }
.schrijfwijzer-online-content p.lista { margin-left:3.6em; margin-top:1em; margin-bottom:0em; text-indent: -1.8em; text-align:left}
.schrijfwijzer-online-content .listap { margin-top: 0em; margin-bottom: 0em; margin-left: 1.8em; margin-right: 0em; text-align: left; text-indent: 0em; font-size: 100%; }
.schrijfwijzer-online-content .lista1 { margin-top: 1em;  margin-bottom: 0em;  margin-left: 3.6em;  margin-right: 0em;  text-align: left;  text-indent: -1.8em;  font-size: 100%; }
.schrijfwijzer-online-content .listb { margin-top: 0em; margin-bottom: 0em; margin-left: 5.4em; margin-right: 0em; text-align: left; text-indent: -1.8em; font-size: 100%; }
.schrijfwijzer-online-content span.left { margin-left:-3em; text-align:left; width:2.25em; font-size:85%; float : left; clear : both;}
.schrijfwijzer-online-content span.fleft { width:2.25em; float : left; clear : both;}
.schrijfwijzer-online-content span.fleft1 { width:3em; float : left; clear : both;}
.schrijfwijzer-online-content p.letter1 { margin-left:2.3em; margin-top:1em; margin-bottom:0em; text-align:left}
.schrijfwijzer-online-content p.letter { margin-left:2.3em; margin-top:0em; margin-bottom:0em; text-align:left }
.schrijfwijzer-online-content span.float { text-indent:-2.3em; /*width:-2.3em;*/ float : left; clear : both;}
.schrijfwijzer-online-content p.head3 { font-weight:normal; font-size:1em; margin-left:1.75em; text-indent: -1.5em; margin-top:2.35em; margin-bottom:1em; text-align:left; color: rgb(5,134,192); }
.schrijfwijzer-online-content p.nohead3 { font-weight:normal; font-size:1em; margin-left:0em; text-indent: 0em; margin-top:2.35em; margin-bottom:1em; text-align:left; color: rgb(5,134,192); }
.schrijfwijzer-online-content p.list2 { margin-top:0em; margin-bottom:0em; text-align:left; text-indent:0em; margin-left:3em;}
.schrijfwijzer-online-content span.dash2 { margin-left:-1.5em; float : left; clear : both;}
.schrijfwijzer-online-content p.dashes1	{ margin-top:1em; margin-bottom:0em; text-align:left; text-indent:0em; margin-left:1.5em;}
.schrijfwijzer-online-content p.dashes { margin-top:0em; margin-bottom:0em; text-align:left; text-indent:0em; margin-left:1.5em;}
.schrijfwijzer-online-content span.dash1 { margin-left:-1.5em; float : left; clear : both;}
.schrijfwijzer-online-content span.ul {text-decoration: underline;}
.schrijfwijzer-online-content table {	margin-top:1em; margin-bottom:1.5em; width:100%; border-collapse: collapse; }
.schrijfwijzer-online-content td {vertical-align:baseline; text-align:left; padding: .25em .5em 0em .5em}
.schrijfwijzer-online-content td.head1 {border-right: 5px solid white; background-color:rgb(5,134,192); text-align:left;  padding: .5em .5em .5em .5em}
.schrijfwijzer-online-content td.head {border-right: 5px solid white; background-color:rgb(153,204,255); text-align:left; padding:  .5em .5em .5em .5em}
.schrijfwijzer-online-content td.bd {border-right: 5px solid rgb(153,204,255); border-bottom: 5px solid rgb(153,204,255); vertical-align:baseline; text-align:left;  padding: .25em .5em 0em .5em}
.schrijfwijzer-online-content td.bdr {border-right: 5px solid rgb(153,204,255); vertical-align:baseline; text-align:left;  padding: .25em .5em 0em .5em}
.schrijfwijzer-online-content td.bdb {border-bottom: 5px solid rgb(153,204,255); vertical-align:baseline; text-align:left;  padding: .25em .5em .5em .5em}



/**
 * F.A.Q.
 */
.faq-container		{ border-top:1px solid #d9dad2; }
	.faq-item					{ border-bottom:1px solid #d9dad2; }
		.faq-vraag				{ padding:5px 20px 0 0; font:italic 20px/26px cambria,georgia,times new roman,serif; color:#584f4d; background:url('../images/plus-minus.gif') 98% 13px no-repeat; cursor:pointer; }
		.faq-vraag.open		{ background-position:98% -85px; }
		.faq-antwoord			{ margin:0 0 15px; display:none; }


/**
 *  SLIDESHOW
 */
.slideshow		{ position:relative; }
	.slideshow .slide		{  }
	.slideshow	.slidesjs-previous		{ position:absolute; top:0; left:0; height:100%; width:100px; background:url('../images/slideshow-arrows.png') 0 52% no-repeat; z-index:10; }
	.slideshow	.slidesjs-next				{ position:absolute; top:0; right:0; height:100%; width:100px; background:url('../images/slideshow-arrows.png') -140px 52% no-repeat; z-index:10; }

	.slideshow .slidesjs-pagination			{ position:absolute; left:10px; bottom:10px; margin:0; list-style:none; z-index:11; }
		.slideshow .slidesjs-pagination li				{ float:left; }
			.slideshow .slidesjs-pagination li a				{ display:block; width:12px; height:0; margin:0 6px 0 0; padding:12px 0 0; background:#fff; border-radius:10px; overflow:hidden; }
			.slideshow .slidesjs-pagination li.current a,
			.slideshow .slidesjs-pagination li a:hover		{ background:#584f4d; }

/**
 * TWITTER
 */
.tweet-container		{ margin:0 0 15px; padding:15px 0 5px; border-top:1px solid #a8a9a0; }
	.tweet-original-poster-avatar			{ float:left; width:48px !important; margin-right: 15px !important; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; border-radius:25px; }
	.tweet-content-container					{ float:left; width:170px; font-size:14px; line-height:20px; }
		.tweet-original-poster-info				{ font-size:12px; line-height:16px; }
			.tweet-original-poster-name				{ font-size: 14px; font-weight:bold; line-height:18px; }
			.tweet-original-poster-id					{ display:block; margin:0 0 5px; }
			.tweet-original-poster-date				{ margin:0 0 5px; }
		.tweet-container img					{ width: 100%; margin-bottom:15px; display:none; }

/**
 *	FOOTER
 */
.non-footer								{ padding:0 0 240px; }
.footer											{ position:relative; height:240px; width:980px; margin:-240px auto 0; background:#584f4d; color:#fff; clear:both; }
	.footer-content							{ display:flex; justify-content: flex-start; padding:15px 30px; }
		.footer-content-block				{ flex: 0 0 25%; font-size:14px; }
		.footer-content-block.second		{  }
		.footer-content-block.second h4		{ margin: 0 0 14px; }
			.footer h4							{ color:#fff; }
			.footer-content a					{ color:#fff; }
			.footer-link-facebook			{ display: block; background: url('../images/facebook.png') 0px 4px no-repeat; padding: 0 0 10px 22px; }
			.footer-link-twitter				{ display: block; background: url('../images/twitter.png') 0px 4px no-repeat; padding: 0 0 10px 22px; }
			.footer-link-website				{ display: block; padding: 0 0 10px 0; }
			.footer-logo								{ margin-bottom: 10px;}
			.footer-copyright						{ width:980px; text-align: center; font-size: 12px; color: #e4e4e4;}
				.footer-copyright a						{ color: #e4e4e4; text-decoration: underline; }

/**
 *	NAVBAR
 */
.navbar		{ padding:10px 0; }
	.page-number	{ padding:0 5px; }
		.page-number.activepage	{ font-weight:bold; color:#444; }
		.navbar-previous-arrow {margin-right: 10px;}
		.navbar-next-arrow {margin-left: 10px;}

/**
 *	SEARCH
 */
.xsearch-result-message-container		{ margin:0 0 15px; }
.xsearch-result		{ padding:20px 0 25px; border-bottom:1px solid #efede5; }

	.search-intro		{ padding:0 0 0 15px; border-left:5px solid #eee; }

	.xsearch-page-title		{ margin:0; font:16px/20px open_sanssemibold,arial,sans-serif; letter-spacing:-0.02em; text-decoration:underline; }
	.xsearch-laatst-gewijzigd			{ font-size:12px; }
	.xsearchSnippet				{ font-size:15px; line-height:20px; }
		.xsearchHighlightedKeyword		{ font-weight:bold; }
	.xsearchUrl										{ font-size:14px; }

/**
 *	FORM
 */
.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	.col1			{ width:25%; padding:5px; vertical-align:top; font-size:15px; }
.form_table	.col2			{ width:75%; padding:5px; }

.form_table	.col2	.info		{ font-size:12px; color:#aaa; font-style:italic; }

.textfield		{ width:340px; margin:0 5px 0 0; }
	.textfield.postcode-cijfers		{ width:40px; margin:0 4px 0 0; }
	.textfield.postcode-letters		{ width:25px; text-transform:uppercase; }
	.textfield.datum-dag					{ width:25px; margin:0 4px 0 0; }
	.textfield.datum-maand				{ width:25px; margin:0 4px 0 0; }
	.textfield.datum-jaar					{ width:40px; margin:0 4px 0 0; }
.textarea			{ height:80px; width:340px; resize:vertical; }
select				{ width:348px; padding:5px; }

input[type='button'].form-button		{ margin:5px 0 0 5px; padding:5px 15px; border:0; background:#00a3aa; color:#fff; cursor:pointer; }

.req_field,
.error_text				{ font-size:12px; color:#e81010; }

.attachment_box			{ width:345px; }
	.attachment-title		{ width:315px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.form-label				{ margin: 0 0 5px; }
input[type="text"].form-input-text,
input[type="password"].form-input-text		{ width: 250px; margin: 0 0 10px; padding: 3px 10px; }
.form-table-error		{ margin: 0; padding: 10px 0 0; list-style: none; color:#e81010; }

			
.form-input.buttonwrapper				{ display: flex; align-items: center; margin: 10px 0 0; }
.buttonwrapper .button						{ width: 125px; margin: 0; }
	.buttonwrapper .wait-indicator			{ margin: 0 0 0 10px; }



/**
 *	OEFENING
 */
.exercise-title		{ font-weight:bold; }
.exercise-subtitle		{ font-weight:bold; margin-bottom: 20px;}
.exercise-question		{ font-style:italic; }
.exercise-text		    {  }
.exercise-answer		{ display:none; background: #f4f2eb; padding: 10px 20px; margin: 20px 0;}
.exercise-answer-show-hide-button { color:#584f4d;cursor:pointer;margin:20px 0px; font-weight: bold; }
.exercise-answer-show-hide-button:hover {text-decoration:underline;}

.exercise-list-title           { color:#584f4d;cursor:pointer;margin-top:10px; border-top: 1px solid #dee0d1; padding-top: 8px; }
.exercise-list-title:hover     { text-decoration:underline; }
.exercise-list-question        { font-style:italic; }


/* DELAYED POPUP */
.delayed-popup							{ position: fixed; right: 40px; width: 380px; padding: 30px 20px; text-align: left;
															z-index: 5; background: #FFF; color: #333; border: 0px solid #FFF;
															-webkit-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.44);
															-moz-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.44);
															box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.44);
														}
.delayed-popup-edit-box			{ position: fixed; bottom: 0px;  right: 10px; min-width:40px; min-height: 40px; padding: 5px; text-align: left;
															z-index: 5; background: #e8731f; color: #4860a7; border: 1px solid #4860a7;
														}
.delayed-popup-image				{ margin: 0 10px 0 0; float: left; text-align: center; height: 160px; width: 120px; }
.delayed-popup-image img 		{ max-height: 100%; max-width: 100%;  }
.delayed-popup-text					{ margin-bottom: 15px; }
.delayed-popup-close				{ position: absolute; top: 10px; right: 10px; width:18px; height: 18px; z-index: 10; }


/* SCHRIJFWIJZER ZOEKEN */
.xsearchResults							{ margin: 15px 0px; }
.xsearchResults	H2					{ display: inline-block; }
.xsearchUrl									{ display: none; }
#xearchNavbarTop						{ margin-bottom: 15px; }
.xsearchResult-type					{ display: inline-block; padding: 2px 4px 2px 4px; font: 11px/12px open_sansbold, arial, sans-serif; background: #ea8500; color:#FFF; margin-left: 10px; }
.xsearchResult-type.locked	{ padding: 2px 18px 2px 4px; background: #ea8500 url('/images/icon-lock.png') CALC(100% - 5px) 3px no-repeat; }

.italic { font-style:italic; }
.bold { font-weight:bold; }


.searchbar									{ position:fixed; bottom:0; width:100%; padding:10px; background:#ececec; display:none; }
	.searchbar-content					{ display:flex; width:955px; margin:0 auto; }

		.searchbar-input													{ width:300px; padding:3px 10px; background:#fafafa; border:1px solid #999; }
		.searchbar-button													{ display:flex; align-items:center; padding:0 10px; border-style:solid; border-color:#999; border-width:1px 1px 1px 0; font-size:13px; cursor:pointer; }
			.searchbar-button .fa-angle-up						{ margin:0 5px 0 0; font-weight:bold; font-size:15px; }
			.searchbar-button .fa-angle-down					{ margin:0 0 0 5px; font-weight:bold; font-size:15px; }
		.searchbar-info														{ display:flex; align-items:center; margin:0 0 0 10px; font-size:13px; color:#777; }
			.searchbar-info-field											{ padding:0 5px; }
		.searchbar-close													{ position:absolute; top:15px; right:50px; cursor:pointer; }
		
		.zoekterm							{ padding:0 3px; background: #fd8e31; color: #fff; }
		.zoekterm.highlight					{ color:#fff; background:#fd8e31; }
		


/**
 *  TAALKWESTIES / LASTIGE LIJSTJES
 */

	.taalkwestie-title			{ margin: 0; }
	.taalkwestie-subtitle		{ margin: 0 0 35px; font: 22px/28px cambria, georgia, times new roman, serif; }

	.taalkwestie-schrijfwijzer-link-wrapper			{ position: relative; display: block; padding: 10px 20px; background: #fff0e5; border-left: 3px solid #e8731f; }
		.taalkwestie-schrijfwijzer-link-title			{ font: 22px/28px cambria, georgia, times new roman, serif; color: #242424; }
		.taalkwestie-schrijfwijzer-link-section			{ color: #584f4d; }
		.taalkwestie-schrijfwijzer-link-arrow			{ position: absolute; top: 23px; right: 15px; color: #584f4d; font-size: 24px; }

	.taalkwestie-list-wrapper						{ border-bottom: 1px solid #e4e4e4; }
		.taalkwestie-list								{ display: flex; justify-content: space-between; padding: 15px; border-top: 1px solid #e4e4e4; }
			.taalkwestie-list-title							{ font-family: 'open_sanssemibold'; color: #242424; }
			.taalkwestie-list-subtitle						{ font-style: italic; color: #888; }
			.taalkwestie-list-arrow							{ color: #584f4d; font-size: 24px; }
	
	.taalkwestie h3				{ color: #584f4d; font: italic 18px/22px 'open_sansregular'; }


/**
 *	MEDIA QUERIES
 */
@media only screen and (max-width:980px) {

	.header							{ padding:90px 0 0; }
		.logo								{ top:8px; left: 0; width:600px; }
			.logo img						{ width:300px; }

		.practice-online-button			{ __display:block; }

		.mobile-menu-top-wrapper		{ display:flex; justify-content:space-between; padding:12px 20px; font-size:14px; font-weight:bold; text-transform:uppercase; }
			.mobile-menu-toggle					{ cursor:pointer; color: #fff; }

	.inloggen-top-wrapper		{ top:13px; right:20px; }

	.header-utils-wrapper		{ display:none; }

	.search-wrapper					{ display:block; }

	input.search-container-text[type="text"]			{ width: calc(100% - 20px); font-size:18px; color:#555; }


	.menu-container						{ position:absolute; top:0; width:100%; z-index:100; display:none; }
	.menu-container.open			{ display:block; }
		.menu											{ padding:0; __background:#182751; }
			.menu-item								{ float:none; }
				.menu-item a							{ padding:10px 20px; __color:#069dbc; border-top:1px solid #f1b488; }
				.menu-item:hover a,
				.menu-item a.active				{ background:none; __color:#069dbc; }
				a.menu-item-home					{ display:none; }

			ul.submenu							{ display:block; position:relative; top:0; left:0; box-shadow:none; background:none; }
				.menu-item a.level2							{ padding:10px 30px; color:#fff; text-transform:uppercase; }
				.menu-item .submenu-item a			{ border-top:1px solid #f1b488; }
	
			.menu-item .submenu-item .subsubmenu-item a 				{ padding:10px 40px; font:normal 14px/16px open_sansbold, arial, sans-serif; color:#fff; text-transform:uppercase; }
	
		.menu-item.subbed:hover																{ box-shadow:none; }
		.menu-item .submenu-item .subsubmenu-item a:hover			{ background:transparent; }
	
	.page					{ width:100%; }
		.content				{ flex-flow:column nowrap; padding: 0; }
			.main					{ width:calc( 100% - 50px ); }

			.main-breed 			{ padding: 25px 25px 40px; width: calc(100% - 50px); }

			.slideshow .slide					{ margin:0 auto; }
				.slideshow .slide	img			{ width:100%; }

		.article-content		{ float:none; width:auto; }

		.login-form-wrapper			{ flex-flow:column wrap; }
			.login-form-column			{ width:auto; }
				.login-form-column a.button		{ width:calc(100% - 55px); }

				#form-inloggen #email,
				#toegangscode-accountaanmaken,
				#email-accountaanmaken					{ width:30%; }
				#form-inloggen #password				{ width:30%; }

		.schrijfwijzer-online-content					{ padding:0; }
		.schrijfwijzer-online-index						{ padding: 0 30px; }

	
		.verwarwoordenalfabet-wrapper-mobile		{ display:block; }
		.verwarwoordenalfabet-wrapper						{ display:none; }

		.faq-item														{ word-break:break-all; }
		.faq-item img													{ max-width:100%; }

		.search-wrapper-inner										{ padding:0; }

		.inpage-search-container							{ display:none; }

		.side		{ width:calc( 100% - 50px ); }
			.tweet-content-container					{ float:none; width:100%; }

			.column-side-auteur-image					{ float:left; margin:0 15px 0 0; }

	.footer																{ width:auto; height:auto; }
		.footer-content												{ flex-wrap:wrap; }
			.footer-content-block									{ width:50%; margin:0 0 30px; }
		.footer-copyright											{ width:auto; padding:0 0 30px; }

	.delayed-popup												{ right:0; }
		.delayed-popup .button								{ width:70px; }

}

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

	.header												{ padding:60px 0 0; }
		.mobile-menu-top-wrapper							{ padding:12px 10px; border-bottom: 1px solid #f1b488; }
			.logo 												{ top:5px; width:190px; z-index:10; }
				.logo img											{ width:100%; }

			.practice-online-button				{ top:12px; right:10px; width:65px; padding:5px 0 5px 33px; font-size:12px; line-height:13px; background:#ec822a url('../images/tablet.svg') 6px center / 23px auto no-repeat; }


	.inloggen-top-wrapper		{ right:10px; }

	#form-inloggen #email,
	#toegangscode-accountaanmaken,
	#email-accountaanmaken,
	#form-inloggen #password							{ width:calc(100% - 12px); }
	
	.button																{ width:100%; }

	.search-container-button-label				{ display:none; }

	.menu-container.fixed									{ position:absolute; top:0; width:100%; height:auto; padding:0; z-index:112; }
	.schrijfwijzer-online-topbar,
	.schrijfwijzer-online-topbar.fixed		{ position: relative; flex-flow:row wrap; justify-content:space-between; width:calc(100% - 50px); top: auto; height: auto; border-bottom: 0px; }
	.main-breed.top-padding 							{ margin-top: 0px; }
		.schrijfwijzer-online-tab							{ margin:0; }
		.schrijfwijzer-online-tab.content			{ width:100%; }
		.schrijfwijzer-online-tab.index				{ flex-grow:1; }
		.schrijfwijzer-online-topbar a				{ min-width:12%; margin:0; }
			.schrijfwijzer-online-button					{ margin:0; }
			.schrijfwijzer-online-button.next			{ text-align:right; }
				.schrijfwijzer-online-button-label		{ display:none; }
	.schrijfwijzer-online-content table { display: block; overflow-x: auto; overflow: auto; table-layout: fixed; width: 95%;}
	.schrijfwijzer-online-content td { /*font-size: 10px; overflow: hidden; */}

	.schrijfwijzer-online-content h1.big	{ padding-top: 70px; }
	.schrijfwijzer-online-content p.hbig	{ font-size: 2em; padding: 0 20px 70px; }

	.to-top-wrapper												{ display: none !important; }

	.product-block-image-container,
	.product-block-info					{ width: 100%; }

	.article-image												{ width:100%; margin:0 0 15px; }
		.article-image img										{ width:100%; }
	
	.list-item.video											{ flex-flow:column nowrap; }
		.video-thumb-container								{ height:auto; width:100%; margin:0 0 15px; }
			.video-thumb-container-playbutton 		{ top:calc(50% - 32px); left:calc(50% - 32px);}
			.video-thumb-container img							{ width:100%; }

	.hoofdstukken-keuzebalk								{ display:block; }

	.page-number													{ margin:0 5px 0 0; padding:2px 9px; border:1px solid #d9dad2; }
	.navbar-dots													{ margin:0 5px 0 0; padding:2px 5px; border:1px solid #d9dad2; }
	.navbar-next-arrow,
	.navbar-previous-arrow								{ display:none; }
	.page-number.activepage								{ font-weight:normal; background:#584f4d; color:#fff; }

	.hoofdstukken-keuzebalk-label					{ display:none; }
		.hoofdstukbutton											{ padding:5px 8px; }
		.hoofdstukbutton:first-child					{ border:none; }

	.banner img														{ width:100%; }
	.column-side-auteur-image							{ float:none; width:100%; margin:0; }

	.main .whitespace table								{ width:100% !important; }

	.footer-content-block									{ width:100%; }

	.delayed-popup												{ right:0; width:calc(100% - 40px) !important; }
		.delayed-popup .button								{ width:70px; }

	.searchbar-input											{ width:150px; }
		.searchbar-button-label,
		.searchbar-info											{ display:none; }
	.searchbar-close											{ right:40px; }
	

}


@media only screen and (max-width:380px) {
		
	.delayed-popup-image			{ height:195px; }

}




.xsearchSnippet em { font-weight:bold; font-style:normal; }
.xsearch-page-title em { font-weight:bold; font-style:normal; }