﻿/**
 *	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, a\, 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; 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; }
input[type="text"],
textarea	{ color:#444; font:normal 14px/20px open_sansregular, arial, sans-serif; }
: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; }
.inhoud-titel     { font:28px/28px open_sansbold, arial, sans-serif; color:#000; letter-spacing: -0.02em; margin:0 0 20px; }

*, ::after, ::before { box-sizing: content-box; }

@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_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_sansbold') 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;
}

/**
 *	STYLES AND GLOBAL SETTINGS
 */
html	{ height:100%; -ms-overflow-y:scroll;	overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ height:100%; background:#fff; }
.page	{ min-height:100%; width:980px; margin:0 auto; }


/**
 *	HEADER
 */
.header		{ position:relative; padding:125px 0 0; height:39px; background:#f4f2ea; }
	.logo			{ position:absolute; top:0px; left:0px; height:125px; width:600px; background:url('../../images/logo.png') 0 0 no-repeat; }

/**
 *	MENU
 */
.menu-toggle			{ padding:12px 0 12px 43px; background:#000 url('../../images/menu-toggle-icon.gif') 19px 12px no-repeat; display:none; }
.menu-container.topfixed		{ position:fixed; top:0; width:980px; height:39px; padding:50px 0 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; }

.portalmode .topfixed,
.portalmode .menu-container-shadow		{ display:none !important; visibility:hidden; }

.menu-wrapper	{ }
.menu		{ margin:0 0 0 33px; height:40px; }
	.main-menu	{  }
		ul.main-menu	{ margin:0; list-style:none; }
			.menu-item	{ position:relative; float:left; }
				.menu-item a 	{ display:block; padding:10px 15px; /*height: 20px;*/ }
				.menu-item a.niv1 	{ height: 20px; }
				.menu-item a.active 	{ }
				.menu-item:hover a 	{ }

				ul.submenu	{ position:absolute; top:39px; left:-1px; min-width:195px; margin:0; list-style:none; z-index:11; display:none; }
			
				.menu-item a:hover { }
				.menu-item:hover ul.submenu	{ display:block; }
					.menu-item .submenu-item	a		{ padding:6px 18px; }
					.submenu-item	a:hover		{ }
					.menu-item .submenu-item:first-child	a		{ }
				.menu-item .submenu-item .subsubmenu-item a		{ }
				.menu-item .submenu-item .subsubmenu-item a:hover	{ }

				.menu-search							{ position:absolute; right:25px; top:132px; z-index:3; }
				.topfixed .menu-search		{ position:absolute; right:25px; top:58px; z-index:3; }

				input[type="text"].menu-search-text { padding:3px 5px; }
				input[type="text"].menu-search-text:hover,
				input[type="text"].menu-search-text:active,
				input[type="text"].menu-search-text:focus {	}
				.menu-search-button {
						position:absolute; right:1px; top:1px; z-index:3; 
						width:28px; height:22px; 
						cursor:pointer;
				}

				.login-container		{ position:absolute; right:25px; top:20px; width:160px; height:70px; padding:10px 0 0; z-index:3; }
					.button-inloggen  {	
							position:absolute; width:150px; height:26px; 
							text-align:center; padding:9px 0 0 10px;
							cursor:pointer;
					}
					
					.button-inloggen:hover {  }
					.topfixed .login-container						{ top:-2px; height:auto; }
					
					.topfixed .login-container.loggedin		{ top:8px; height:25px; padding:7px 0 0 15px; }
					.topfixed .login-container.loggedin .login-container-controls		{ display:none; } 
					.login-container-controls		{ font-size: 12px; }
					.login-container.loggedin		{ height:60px; width:144px; padding:20px 0 0 15px; }
					
/**
 *	MAIN
 */
.main	{ float:left; width:65%; padding:24px 3% 40px; }

	.main-intro			{ position:relative; padding:20px 0;}
		.main-intro-text		{ width:530px;  }
		.main-intro-link		{ position:absolute; right:0; bottom:25px; }
	.main-quote			{ margin-bottom: 20px; }
	.main .borderbottom	{  }
	.front .main-article		{ padding:25px 0; }
	.main-article.borderbottom	{  }
		.article-header		{ padding:5px 10px;  }
			.article-header .arrow		{ display:none; }
		.article-image		{ float:left; width:260px; margin:0 20px 0 0; text-align:center; }
			.article-image a		{ display:block; }
				.article-image img	{  max-height:250px; }
		.article-content	{ float:right; width:345px; }

		.video-thumb-container		{ position:relative; float:left; display:table; height:195px; background:#EFEDE5; }
			.video-thumb-container-playbutton		{ position:absolute; top:67px; left:100px; height:65px; width:65px; background:url('../../images/play.png') 0 0 no-repeat; cursor:pointer; }
			.video-thumb-container a		{ display:table-cell; vertical-align: middle; }

		.article-subtitle			{ margin:0 0 15px; }
		.article-date-author	{ margin:0 0 15px; }
		.article-intro				{ margin:0 0 15px; }
		.article-text					{ margin:0 0 15px; }

		.article-highlight		{ padding: 20px;  }
		.tijdschrift-alinea-title { margin: 0 0 5px;}

		.streamer						{ margin:0 0 15px; padding:20px;  }
		.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; }

/*	
		.discussion-counter			{ float:left; width:40px; height:50px; padding:3px 0 0; background:url('../images/count.png') 0 0 no-repeat; color:#fff; font:16px/20px open_sansbold, arial, sans-serif; text-align:center; } 
		.discussion-content			{ float:right; width:575px; }
*/

	.paged-list	{  }
		.paged-list h1				{ margin:0 0 15px; }
		.vervolg .list-item		{ padding:20px 0 25px;  }
			.list-item h2				{  }

	.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-verschijningsvorm		{  }
		.product-block-uitgeverij						{ margin:0 0 15px; }
		.product-block-prijs								{ float:left;  }
		.product-block-more-info						{ float:right; }
		.product-block-details							{  }


/**
 * PAGER
 */
 .page-navbar      { display: flex; flex-flow: row nowrap; font-size: 1.1em; }
 .page-navbar>a,
 .page-navbar>span { display: block; padding: 8px 8px; }
 .page-navbar .page-number.activepage    { font-weight: 600; }
 

/**
 *	INHOUD
 */
.inhoud		{  }
	H1 .inhoud-rubriek-title { color: #111; }
	.inhoud-selection-container		{ padding:20px; background:#efede5; }
		.inhoud-selection-select			{
			position:relative; float:left; width:150px; min-height:20px; padding:5px 10px;
			background:#fff url('../../images/inhoud-selection-icons.gif') 96% 7px no-repeat; 
			border-width:1px 1px 1px 0; border-style:solid; border-color:#999; cursor:pointer;
		}
		.inhoud-selection-select.left											{ border-width:1px; }
			.inhoud-selection-select-optionscontainer				{ position:absolute; top:30px; left:-1px; width:170px; display:none; }
				.inhoud-selection-select-option								{ padding:5px 10px; }
				.inhoud-selection-select-option:hover					{  }
				.inhoud-selection-select-option:last-child		{ border:none; }

		.inhoud-selection-prev		{
			float:left; height:30px; width:30px; margin:0 0 0 20px;
			background:#fff url('../../images/inhoud-selection-icons.gif') 8px -141px no-repeat;
			border-width:1px; border-style:solid dotted solid solid; border-color:#999; cursor:pointer;
		}
		.inhoud-selection-next		{
			float:left; height:30px; width:30px;
			background:#fff url('../../images/inhoud-selection-icons.gif') 8px -170px no-repeat;
			border-width:1px 1px 1px 0; border-style:solid; border-color:#999; cursor:pointer;
		}
	.inhoud-selection-button		{ float:right; padding:5px 10px; border:1px solid #999; background:#fff; cursor:pointer; }

	.inhoud-wrapper			{ border-top:2px solid #999; }
		.inhoud-wrapper-title			{ padding:10px 20px;  border-bottom:1px dotted #ccc; }
		.inhoud-section						{ padding:10px 0; border-bottom:1px dotted #ccc; }
			.inhoud-section-indicator					{ float:left; width:75px; min-height:33px; background:url('../../images/inhoud-icons.gif') 20px -336px no-repeat; }
			.inhoud-section:hover .inhoud-section-indicator		{ background-position:20px 2px; }
			.inhoud-section-content						{ float:left; width:450px;}
				.inhoud-section-content-title				{  }
				.inhoud-section-content-subtitle			{  }
				.inhoud-section-content-doi			        { font-size: 12px; color: #333; }
				.inhoud-section-content-authors				{  }
					.inhoud-section-content-authors a			{  }
				.inhoud-section-content-edition					{  }
			.inhoud-section-link							{ float:right; padding:0 5px 0 0;  }
				.inhoud-section-link span						{ display:block; padding:0 0 0 19px; background:url('../../images/inhoud-link-icons.gif') 0 5px no-repeat; cursor:pointer; }

			/* zoek resultaat classes */
			.search-container-results					{ border-top:1px dotted #ccc; }
				.inhoud-section-content-snippet	{ font-size:12px; color:#444; }
			.inhoud-section-content-footer		{ font-size:12px; }
			.inhoud-section-webresult					{ float:left; width:75px; min-height:33px; background:url('../../images/inhoud-webresult-icons.gif') 20px 5px no-repeat; }
			.inhoud-section:hover .inhoud-section-webresult		{ background-position:20px -69px; }
			.navbar		{ margin-bottom:15px; padding:3px 0 0: }
			.navbar-next-arrow {margin-left: 10px;}
			.navbar-previous-arrow {margin-right: 10px;}


		/* locked */
		.inhoud-section.locked:hover .inhoud-section-indicator		{ background-position:20px -158px; }
		.inhoud-section-searchcontent						{ float:left; width:550px;}
		.locked .inhoud-section-indicator			{ background-position:20px -158px; }
		.locked .inhoud-section-link a				{ background-position:0 -76px; }

		.pdf-link										{ display:block; padding:0 0 0 19px; background:url('../../images/inhoud-link-icons.gif') 0 5px no-repeat; cursor:pointer; }
		.pdf-link-closed						{ display:block; padding:0 0 0 19px; background:url('../../images/inhoud-link-icons.gif') 0 5px no-repeat; cursor:pointer; }



/**
 *	TIJDSCHRIFT ARTIKEL
 */
	.tijdschrift-artikel		{  }

		.tijdschrift-artikel-top								{ position:relative; margin:0 0 30px; padding:0 0 30px; border-bottom:2px solid #efede5; }
			.tijdschrift-artikel-top-title						{ padding:0 0 0 15px; background:#fff url('../../images/list-icon-small.png') 0 10px no-repeat;  }
			.tijdschrift-artikel-top-button						{ position:absolute; top:0; right:35px; padding:5px 15px 5px 36px; height: 20px;}
			.tijdschrift-artikel-top-button:hover				{ }
			.tijdschrift-artikel-top-print-button				{ position:absolute; top:0; right:0; width: 35px; height: 30px;}
			.tijdschrift-artikel-top-print-button:hover { }

		.tijdschrift-artikel-title			{ padding:0 20px; margin-bottom: 0; }
		.tijdschrift-artikel-subtitle		{ padding:0 20px 10px; margin:0 0 5px; }
		.tijdschrift-artikel-authors		{ padding:0 20px; margin:10px 0 5px; }
		.tijdschrift-artikel-date			{ padding: 0 20px 0; color: #555; margin-bottom: 15px; }
        .tijdschrift-artikel-doi            { padding: 0 20px 0; color: #555; margin-bottom: 15px; }
		.tijdschrift-artikel-content		{ padding:0px 20px;}
			.tijdschrift-artikel-content h2			{ margin:30px 0 10px; }
			.tijdschrift-artikel-content h3			{ margin:30px 0 10px; }
			.tijdschrift-artikel-content h4			{ margin:30px 0 10px; }
			.tijdschrift-artikel-content h5			{ margin:20px 0 10px; }
			.tijdschrift-artikel-content p			{ margin:0 0 0px; }
			.tijdschrift-artikel-content .Intro, 
			.tijdschrift-artikel-content .summary			{ margin:0 0 20px; padding-top: 20px;}
			.tijdschrift-artikel-content .summary	H2		{ margin-top: 0px;}
			.tijdschrift-artikel-content .summary	h3 {font:bold 14px/20px open_sansregular, arial, sans-serif; margin: 0px; color: #000;}			
			 
			.tijdschrift-artikel-content .samenvatting-summary						{ font-weight: normal; }
			.tijdschrift-artikel-content .samenvatting-intro 							{ font-weight: bold; }
			.tijdschrift-artikel-content .samenvatting-eerste-alinea 			{ font-weight: normal; padding-top: 20px; }
			.tijdschrift-artikel-content .samenvatting-summary H2					{ }
			.tijdschrift-artikel-content .samenvatting-intro H2						{ display: none; }
			.tijdschrift-artikel-content .samenvatting-eerste-alinea H2		{ display: none; }


	.tijdschrift-artikel-tags-container			{ margin:0 0 25px; }
		.tijdschrift-artikel-tag							{ float:left; margin:0 0 4px 4px; padding:0 7px; }

	.tijdschrift-artikel-bottom-nav-container						{ margin:30px 0 45px; }
	.tijdschrift-artikel-bottom-nav-left								{ width:345px;float:left; }
	.tijdschrift-artikel-bottom-nav-right								{ /*width:260px;*/ float:right; }
	 .tijdschrift-artikel-bottom-nav-button							{ float:left; padding:8px 6px 8px 33px; cursor:pointer; }
	 .tijdschrift-artikel-bottom-nav-button.prev				{ background-position:10px -174px; }
	 .tijdschrift-artikel-bottom-nav-button.prev:hover	{ background-position:-290px -174px; }	 
	 .tijdschrift-artikel-bottom-nav-button.next				{ padding:8px 33px 8px 0; background-position: 54px -88px; }
	 .tijdschrift-artikel-bottom-nav-button.next:hover	{ background-position: -246px -88px; }
	 .tijdschrift-artikel-bottom-nav-button.index				{ margin: 0 10px 0 0; padding:8px 18px 8px 40px; background-position:13px -258px; }
	 .tijdschrift-artikel-bottom-nav-button.index:hover	{ background-position:-287px -258px; }
	 .tijdschrift-artikel-bottom-nav-button.share				{ padding:8px 14px 8px 38px; background-position:7px 1px; }
	 .tijdschrift-artikel-bottom-nav-button.share:hover	{background-position:-293px 1px; }
	 .tijdschrift-artikel-bottom-nav-button.print				{ padding:8px 14px 8px 38px; background-position:7px -352px; }
	 .tijdschrift-artikel-bottom-nav-button.print:hover	{background-position:-293px -352px; }
	 .tijdschrift-artikel-bottom-nav-button.pdf					{ padding:8px 10px 8px 35px; background-position:4px -454px; }
	 .tijdschrift-artikel-bottom-nav-button.pdf:hover		{ background-position:-296px -454px; }



	.tijdschrift-artikel-literature-list		{ list-style-image:url('../images/list-item.gif'); }

	.tijdschrift-pdfonly-button {
		padding:6px 10px 6px 35px; cursor:pointer; 
		margin: 40px 0px; display:block; width: 260px;
	}
	.tijdschrift-pdfonly-button:hover		{ background-position:-296px -454px; }
	
	
	.afbeeldingmetbijschrift 			{padding-top:15px;}
	.afbeeldingmetbijschrift img {max-width: 100%;}
	.tijdschrift-artikel-content img {max-width: 100%; margin: 10px 0;}
	.afbeeldingmetbijschrift .bijschrift {padding:10px 0 15px 0; font-size: 0.85em; font-style: italic;}
	
	.Streamer 			{	padding: 0px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; font-style: italic;}
	.Citaat 				{	padding: 0px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; font-style: italic; } 
	.Citaat-klein		{	padding: 0px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; font-style: italic; } 
	.Info 					{	padding: 10px 15px; border: 1px solid #C3C3C3; margin: 18px 0px; background: #f8f6f0;}
	.tijdschrift-artikel-content .Info h4 {margin-top: 0px;}
	.Besprokenboek 	{	padding: 0px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; }
	.voetnnoten 		{ margin: 0 0 20px 0; } 
	.voetnnoten	ul	{ margin: 0 0 0 0;  list-style-type: none; }
	.bijschrift 		{	padding: 0px 15px; margin: 18px 0px; font-style: italic;} 
	.Intro 					{	 } 
	.Algemeen 			{	padding: 15px 25px; } 
	.Besprokenboek 	{	padding: 10px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; } 
	.Casus 					{	padding: 10px 15px; border-left: 1px solid #C3C3C3; margin: 18px 0px; } 
	.Kader 					{	padding: 10px 15px; border: 1px solid #C3C3C3; margin: 18px 0px; } 
	.Literatuur 		{	 }
	.Noten					{  }
	.Centreren 		  {	padding: 20px 10px 30px; text-align: center; }
	.Voorbeeld			{  }
	.Vignet					{ padding: 0px 0px 0px 30px; border-left: 1px dashed #C3C3C3; margin: 18px 0px; }
	.Dank						{  }

	.tijdschrift-artikel-content table.Alsalinea tr td {
	  border: 0px solid #CCC;
	  font-size: 12px;
	  line-height: 16px;
	  word-wrap: break-word;
	  padding: 3px 3px 5px;
	}

	.tijdschrift-artikel-content table.Alsalinea {
	  margin-bottom: 15px;
	}

	/* VOETNOTEN */
	a.vtlink {  vertical-align: super; font-size: 65%;}


	/* LOGIN */
	.tijdschrift-login-container				{ padding:20px; margin-top: 20px; }
		.tijdschrift-login-title					{ margin:0 0 20px;  }
		.tijdschrift-login-left						{ float:left; width:280px;  }
			.tijdschrift-login-textinput		{ width:240px; margin:0 0 10px; padding:5px 7px; }
			.tijdschrift-login-button				{ width:245px; margin:0 0 10px; padding:5px; text-align:center; cursor:pointer; }
		.tijdschrift-login-right					{ float:right; width:280px; }

		.Kader { margin:20px 0; padding:5px 20px; }

		div.table,
		div.table table,
		div.table table tbody {margin: 30px 0px;}

		.tijdschrift-artikel-content table caption { }
		.tijdschrift-artikel-content table tr th { }
		.tijdschrift-artikel-content table tr td { }

	.overzicht-auteurs-container							{  }
		.overzicht-auteurs-alphabet							{ padding:20px; }
			.overzicht-auteurs-letters-wrapper		{  }
				.overzicht-auteurs-letter						{ float:left; width:3.68%; padding:3px 0; border-right:1px dotted #b9b9b9; text-align:center; cursor:pointer; }
				.overzicht-auteurs-letter.active		{  }
				.overzicht-auteurs-letter.last			{ border:none; }
				
			.overzicht-auteurs-section						{ position:relative; }
				.overzicht-auteurs-section-initial	{ position:absolute; top:5px; left:15px; }
				.overzicht-auteur										{ display:block; padding:5px 0 5px 10%; }

.summary-container		{ padding:0 30px 20px; background:#f7f7f7; }

	.lang-switch {padding: 25px 0px 0px 0px; margin: 0px 10px 0px 0px ; display: block;  float: left; color: #000;}
	.lang-switch.active {border-bottom: 1px solid #000; }
	#lang-switch-nl {}


/**
 *	REACTIE
 */

.reactie-auteur			{ text-transform: uppercase; }
.reactie-intro			{ padding: 20px 30px; background: #f7f7f7; }
.reactie-back-button	{ display: block; margin: 0 0 15px; }
.reactie-artikel-link	{ font-weight: bold; }


/**
 *	SIDE
 */
.side	{ float:right; width:25%; padding:25px 15px 40px; vertical-align:top; }

	.side-search																			{ padding:0 0 25px; }
		.side-search h3	 																{ margin:0 0 10px; }
		.search-container																{ padding:3px 0; }
		.search-container.wide													{ width:355px; }
			input[type="text"].search-container-text			{ height:17px; width:180px; margin:0; padding:5px 10px; border:none; }
			.search-container.wide .search-container-text	{ width:300px; }
			.search-container-button											{ height:17px; width:20px; margin:0; padding:3px; border:none; cursor:pointer; }

	.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		{ }
		.side-link						{ display:block;  }
		.side-link:hover 			{ background-position: right -46px;}

	.calendar-container									{ padding-bottom: 15px; }
	.calendar-container h3							{ margin:0 0 5px; text-transform:uppercase; }
	.calendar th												{ text-align:right; }
	.calendar td												{ width:24px; padding:2px 4px; text-align:right; }
		.calendar td.today								{ }
		.calendar td.calender-active			{ }
			.calendar td.calender-active a	{ }

	.twitterblock h3 										{ padding:0 0 10px; text-transform:uppercase; }
	.twitterblock .tweet								{ padding: 10px 10px; font-size: 13px; }


/**
 *  PHOTOALBUM
 */
.photoalbum		{ position:relative; height:432px; }
	.photoalbum_container		{ height:432px; margin:0 0 5px; background:#000; }
	.photoalbum	.prev		{ position:absolute; top:0; left:0; height:432px; width:100px; background:url('../../images/photoalbum-arrows.png') 0 195px no-repeat; z-index:10; }
	.photoalbum	.next		{ position:absolute; top:0; right:0; height:432px; width:100px; background:url('../../images/photoalbum-arrows.png') -140px 195px no-repeat; z-index:10; }

	.colorbox			{ width:640px; text-align:center; cursor:zoom-in; cursor:-webkit-zoom-in; }

	.photoalbum-caption		{ position:absolute; bottom:0; width:100%; padding:5px; color:#fff; font-size:13px; background:url('../../images/transparant.png') 0 0 repeat; }

	.pagination { margin:0; }
		.photoalbum-thumb { float:left; margin:0 2px 2px 0; list-style:none; }
			.photoalbum-thumb a { display:block; }
			.photoalbum-thumb img { border:2px solid #fff; }
			.photoalbum-thumb.current img {  }

/**
 *  WACHTWOORD VERGETEN
 */
.wachtwoord-vergeten-input	{ width: 300px; height: 26px; padding: 0;}
.wachtwoord-vergeten-submit {
	padding: 5px 10px;
	cursor: pointer;
	height: 30px;
}
.warning {padding: 5px 8px; margin-bottom: 10px;}

/**
 *  BOEKEN SLIDES
 */
.boeken_slider_container		{ position: relative; height:430px; margin:0 0 5px; }
	.boeken_slider_container .sidebar-boek { width:190px; padding:10px 0; }
	.slides_title		{ text-transform:uppercase; }
		.slides_title .divgumbuttons		{ text-transform:none; }
	.boeken_slider_container .afbeelding { width:190px; min-height:220px; padding:0 0 10px; border-bottom:1px solid #efede5; }
		.boeken_slider_container .afbeelding img { margin: 0 auto; }
	.boeken_slider_container	.intro { width:190px; padding:10px 0 0; }

	#boekenslides { position:relative; }
		#boekenslides a.next {
				display: block;
				position: absolute;
				bottom: 5px;
				right: 5px;
				height: 0;
				width: 20px;
				padding: 20px 0 0;
				background: url('/images/prevnext.gif') -42px 5px no-repeat;
				z-index: 200;
				overflow: hidden;
		}
		#boekenslides a.prev {
				display: block;
				position: absolute;
				bottom: 5px;
				right: 30px;
				height: 0;
				width: 20px;
				padding: 20px 0 0;
				background: url('/images/prevnext.gif') 6px 5px no-repeat;
				z-index: 2;
				overflow: hidden;
		}

/**
 *  OVERZICHTEN
 */
.paged-list H1 { margin-bottom:0; padding:0 0 25px;  }

.numresult-container	{ float:right; }
.descr		{ float:left; padding:3px 0; }
	#numResults			{ float:left; width:50px; margin:0 10px; cursor:pointer; }
		#selected-resultcount		{ padding:3px 5px;  }
		#resultcount-options		{ display:none; }
			.numresult-option					{ padding:3px 5px; }
			.numresult-option:hover		{ }


/**
 *	FOOTER
 */
.non-footer							{  }
.footer								{ position:relative; width:980px; clear:both; z-index: 1;}
	.footer-content						{ padding:10px 30px; }
		.footer-content-block				{ float:left; width:200px; padding:0 25px 0 0; }
		.footer-content-block-last			{ float:left; width:180px; padding:0 0 0 0; }
		.footer-content a						{  }


/**
 *	NAVBAR
 */
.page-number										{ padding:0 5px; }
	.page-number.activepage				{ }


/**
 *	SEARCH
 */
.xsearch-result-message-container		{ margin:15px 0 15px; }
.xsearch-result											{ padding:20px 0 25px; }
	.xsearch-page-title								{  }
	.xsearch-laatst-gewijzigd					{  }


/**
 *	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; 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; }

/**
 *   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:#000; }

	#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:-35px; left:0; text-align:center; width:100%; color:#fff; }
	#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/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/colorbox_arrows.png') -37px 25px no-repeat; }
	/* #cboxLoadingOverlay { background:#fff url('../images/loading.gif') no-repeat 5px 5px; } */
	#cboxClose { position:fixed; top:15px; right:15px; display:block; height:0; width:10px; padding:10px 0 0; overflow:hidden; background:url('../images/colorbox_close.png') 0 0 no-repeat; }

	.modal-close-button		{ float:right; width:100px; padding:5px; background:#129ca2; color:#fff; text-transform:uppercase; text-align:center; font-family:open_sanssemibold; cursor:pointer; }

/**
 *	MEDIA QUERIES
 */
@media only screen and ( max-width:980px ) {

		.menu-toggle		{ display:block; cursor:pointer;  }
		.menu-toggle.topfixed		{ position:fixed; top:51px; width:100%; z-index:999; }

		.menu-container.topfixed		{ height:35px; }
			.topfixed .Login-container		{	position:fixed; right:6px; }
			.topfixed .menu-search		{ position:fixed; right:8px; top:60px; z-index:1000; }

		.menu		{ height:auto; margin:0; display:none; background:#000;z-index:999; }
			
			.menu-item		{ background:#000; float:none; z-index:100; }
			.menu-item .submenu-item a		{ background:#000; color:#fff; border:none; font:normal 14px/20px open_sansregular, arial, sans-serif; }
				.menu-item a		{ background:#000; color:#fff; font:normal 14px/20px open_sansbold, arial, sans-serif; border-top:1px solid #666; border-right:none; }
				.menu-item:hover a		{ color:#fff; }
				.menu-item:hover ul.submenu	{ display:none; }
				
				ul.submenu			{ position:relative; top:0; left:0; padding:0 0 0 0px; box-shadow:none; border:none; }
					.submenu-item a:hover			{ }

						.menu-item .submenu-item .subsubmenu-item a,
						.menu-item .submenu-item .subsubmenu-item a:hover		{ padding:5px 0 5px 30px; background:none; color:#444; font:normal 14px/20px open_sansregular, arial, sans-serif; }

	.page				{ width:auto; background: #FFF; }

		.main			{ width:94%; }
		.side				{ display:none; }

	.tijdschrift-login-left		{ width:49%; }
		.tijdschrift-login-textinput			{ width:90%; }
		.tijdschrift-login-button					{ width:90%; }
	.tijdschrift-login-right	{ width:49%; }

	.footer		{ width:auto; height:320px; }
		.footer-content		{ width:500px; }
			.footer-content-block,
			.footer-content-block-last		{ padding:0 25px 35px 0; }
	.tijdschrift-artikel-bottom-nav-button.next {border-right: 0px solid #33b5bb;}

		.main-intro-link		{ display:none; }
	
}

@media only screen and ( max-width:800px ) {

.header		{ padding:94px 0 0; } 
	.logo			{ height:94px; background:url('../images/logo_tablet.png') 0 0 no-repeat; }
	.login-container		{ top:19px; }
	.login-container.loggedin		{ height:47px; padding:5px 0 0 15px; }
	
	.menu-search		{ top:103px; }

}

@media only screen and ( max-width:680px ) {

	.inhoud-selection-container			{ padding:15px 4%; }
		.inhoud-selection-select				{ position:relative; float:none; width:95%; margin:0 0 10px; padding:5px 2%; border:1px solid #999; }
		.inhoud-selection-select.left		{ z-index:40; }
			.inhoud-selection-select-optionscontainer		{ width:100%; }
		.inhoud-selection-prev					{ margin:0; }

	.inhoud-wrapper-title		{ padding:10px 0; }

	.inhoud-section-indicator		{ display:none; }
	.inhoud-section-content			{ float:none; width:96%; }
	.inhoud-section-link				{ float:none; }

	.footer		{ height:auto; }
		.footer-content-block,
		.footer-content-block-last		{ float:none; padding:0 25px 35px 0; }


}

@media only screen and ( max-width:620px ) {
	.login-container {display:none;}
}


/**
 * GEIMPORTEERDE SHOPSTIJLEN 2020
 */
 .button	{
	float:left; padding:0 20px;
	font:600 16px/29px 'Source Sans Pro', Arial, Helvetica, sans-serif; background:#00b4d1; border:1px solid #00b4d1; color:#fff;
	cursor:pointer;
}
.button:hover		{ background:#356775; border-color:#356775; }


/**
 *	LOGIN
 */
.login-wrapper								{  }
.login-login-container				{ float:left; width:40%; margin:0 10% 0 0; }
	.login-login-container .input-text-field		{ width:95%; font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid #CCC; padding: 4px 6px; }
.login-account-container			{ float:left; width:40%; padding:0; }
.login-errormessage						{ margin:0 0 15px; padding:10px 15px; background:#f3f3f3; color:#c32020; display:none; }

.formulier-sectie h3          { margin: 10px 0 5px; }
.formulier-sectie .formtable  { margin-top: 10px; }
.formulier-sectie p           {  }
.formfield                    {     
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid #CCC;
  padding: 4px 6px; 
}


/**
 *	MIJN ACCOUNT
 */
.mijn-account								{ margin-bottom: 30px; }
.mijn-account.bezorgadres		{ width: 50%; float: left; }
.mijn-account.factuuradres	{ width: 50%; float: left; }
.mijn-bestellingen					{ }

.bestelling-legenda					{ background: #eee; }
.bestelling-legenda div			{ background: #eee; padding-top: 5px; padding-bottom: 5px; }

.mijn-bestellingen					{ margin-bottom: 30px; }
.bestelling-container				{ border-top: 1px solid #eee; }
.bestelling-row							{ border-bottom: 1px solid #eee; }
.bestelling-row div					{ }
.bestelling-id							{ float:left; width:59%; padding:1% 0 1% 1%; color:#2a91ad; cursor:pointer; }
.bestelling-datum						{ float:left; width:20%; padding:1% 0; }
.bestelling-status					{ float:left; width:20%; padding:1% 0; }
.bestelling-bedrag					{ float:left; width:19%; padding:1% 1% 1% 0; text-align:right; }

/**
 *	ACCOUNT WIJZIGEN
 */
.formtable .label							{ display:inline-block; width:175px; padding-bottom:5px; color: #666; }
.formtable .input							{ display:inline-block; padding-bottom:5px; }
.formtable .input.landkeuze	input[type="radio"]	{ margin:15px 5px; }
.formtable .input	input[type="text"],
.formtable .input	input[type="password"],
.formtable .input	textarea 		{ width:290px; }
.account-password-check				{ float:right; height:24px; width:100px; padding:5px; font-size:13px; line-height:14px; }
input[type="text"].disabled 	{ background:#f2f2f2; border:1px solid #a9a9a9; }

.account-edit-button					{ margin:0 0 40px 228px; }
 

/**
 *	FORM
 */
 .upload-csv-sectie			{	padding: 10px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin: 10px 0;}

 .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:flex; }
   .form-table	.col1						{ width:17%; }
   .form-table	.col2						{ margin:0 0 10px; }
   .form_table	.col2	.info				{ font-size:12px; color:#aaa; font-style:italic; }
 
   .textfield												{ width:340px; margin:0 5px 0 0; padding:7px 14px; border:1px solid #dadada; }
     .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; padding:7px 14px; border:1px solid #dadada; resize:vertical; }
   select														{ /*width:348px;*/ padding:5px; }
 
   .req_field,
   .error_text															{ font-size:12px; color:#e81010; }
   #formbuilderAgreementNotification2			{ padding:0 0 0 20px; color:#e81010; }
   
   .attachment_box				{ width:345px; }
     .attachment-title			{ width:315px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


/***
 * PROEFABONNEMENT
 **/
#formbuilderForm4 .form_table	.col1 {
  width: 35%;
}
#formbuilderForm4 .form_table .col2 {
  width: 65%;
}

#xsforms_tr_organisatie2,
#xsforms_tr_contactpersoon,
#xsforms_tr_kenmerk,
#xsforms_tr_straat2,
#xsforms_tr_huisnummer2,
#xsforms_tr_huisnummer_toevoeging2,
#xsforms_tr_postcode2,
#xsforms_tr_plaats2,
#xsforms_tr_land2   { display: none; }


#xsforms_tr_factuuradres .col1    { padding-bottom: 20px; }
#xsforms_tr_factuuradres .col2    { padding-bottom: 20px; cursor: pointer; }

