﻿body          {  }
.navbar       { padding: 0 1rem; }
.subbed       { position: relative; }
footer p      { margin-bottom: 0; }

@media (min-width: 1200px) {
  .container  { max-width: 1300px; }
}

body.editmode header.fixed-top                  { position: relative !important; } 
body.editmode .container.page-content           { margin-top: 0px; }
body.fixed    .container.page-content           { padding-top: 248px; }

label         { cursor: pointer; }

.login-container      { cursor: pointer; }
.login-container .dropdown-menu   { width: 100%; }

ul,ol         { list-style-position: inside; }


.numresult-container    { display: none; }

/**
 * PAGER
 */
.page-navbar        { display: flex; flex-flow: row nowrap; font-size: 0.95rem; border-top: 1px dotted #ccc; padding-top: 1rem; }
.page-navbar>a,
.page-navbar>span   { display: flex;
                        padding: 8px 8px;
                        min-width: 30px;
                        justify-content: center;
                        align-items: center; 
                        color: #000 }
.page-navbar .page-number.activepage    { font-weight: 600; background-color: #e9f1ee; }

.zoeken-artikelen-options .page-navbar      { color: #FFF; }
.zoeken-artikelen-options .page-navbar>a,
.zoeken-artikelen-options .page-navbar>span { color: #c1e7ec; }
.zoeken-artikelen-options .page-navbar>a:hover { color: #FFF; }
.zoeken-artikelen-options .page-navbar .page-number.activepage    { color: #FFF; }


/**
 *	INHOUD
 */
 .inhoud		{  }
 H1 .inhoud-rubriek-title { color: #111; }
 .inhoud-selection-container		{ padding:20px; background:#efede5; }
   .inhoud-selection-select			{
     position:relative; float:left; min-height:20px; width:100%; padding: 5px 29px 5px 10px;
     background:#fff url('../../images/inhoud-selection-icons.gif') 96% 7px no-repeat; 
     border-width:1px 1px 1px 1px; border-style:solid; border-color:#999; cursor:pointer;
   }

   @media (min-width: 768px) {
    .inhoud-selection-select			{ width:50%; border-width:1px 1px 1px 1px; }
   }


   .inhoud-selection-select.left											{ border-width:1px; }
     .inhoud-selection-select-optionscontainer				{ position:absolute; top:33px; left:-1px; width: CALC(100% + 2px); display:none;     z-index: 80; }
       .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:34px; width:34px; margin:0 0 0 0;
     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:34px; width:34px;
     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		{ margin-left: 10px; padding:5px 10px; border:1px solid #999; background:#fff; color: var(--text-color); cursor:pointer; display: inline-block; }

 .inhoud-wrapper			{ border-top:2px solid var(--blue); }
 .inhoud-wrapper .inhoud-section:last-child			{ border-bottom: 0 solid #FFF !important; }
   .inhoud-wrapper-title			{ padding:10px 20px;  border-bottom:1px dotted #ccc; }
   .inhoud-section						{ padding:10px 0; border-bottom:1px dotted #ccc; display: flex; }
   .inhoud-section > a						{ display: flex; width: 100%; }
     .inhoud-section-indicator					{ float:left; width:75px; min-height:33px; /* background:url('../../images/inhoud-icons.gif') 20px -336px no-repeat; */ }

     .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; min-width: 100px; }
       .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	{ 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-webresult					{ width:75px; min-width:75px;  }
     .inhoud-section-searchcontent              { width:100%; color: var(--text-color); text-decoration: none; }
     .inhoud-section > a:hover { text-decoration: none; }


     .inhoud-section-icon                { background: url('/images/icon_article.png') center top no-repeat; min-height: 50px; text-align: center; }
     .inhoud-section:hover .inhoud-section-icon                { background: url('/images/icon_article-hover.png') center top no-repeat; }

     .inhoud-section.locked .inhoud-section-icon,
     .inhoud-section.locked:hover .inhoud-section-icon      { background: url('/images/icon_article_locked.png') center top no-repeat; }

     .navbar		{  padding:3px 0 0: }
     .navbar-next-arrow {margin-left: 10px;}
     .navbar-previous-arrow {margin-right: 10px;}

  
     /*
     *  Zoeken artikelen
     */ 
    .zoeken-artikelen-options           { font-size: 1.1em; color: #FFF;     background: #009cb4; }
    .form-check-input                   { width: 16px; height: 16px; }
    .form-check-label                   { color: #c1e7ec }
    .form-check-input:checked + .form-check-label {
      color: #fff;
    }
    #sorteervolgorder                   { background: #009cb4; border-color: #9ce7ec; color: #FFF; }
    .navbar-previous-arrow              { display: none !important; }
    .form-label-sortering               { padding: 8px 8px;   }




   /* locked */

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



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


/**
*	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: 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: 0px; }
   .tijdschrift-artikel-subtitle		{ padding:0 20px 10px; margin:0 0 5px; }
   .tijdschrift-artikel-authors		{ padding:0 20px; margin:0 0 5px; }
   .tijdschrift-artikel-date				{ padding: 0 20px 10px; 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:left; }
  .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%;}


/* AUTEURS */
.overzicht-auteurs-container							{  }
.overzicht-auteurs-alphabet							{ padding:20px; }
  .overzicht-auteurs-letters-wrapper		{  }
    .overzicht-auteurs-letter						{     
        width: 3.68%;
        padding: 7px 0;
        border-right: 1px dotted #b9b9b9;
        text-align: center;
        line-height: normal;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
     }
    .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%; }

/* Newsletter subcribe forms */
.footer-newsletter-form-message { color:#ff801f; text-align: center;  background-color:tranparent; padding:15px; }
.footer-newsletter-form-error { color:#F00; text-align: center; background-color:tranparent; padding:15px; }


/**
*  BOEKEN SLIDES
*/
.boeken_slider_container		{ position: relative; height:400px; margin:0 0 10px; background-color: var(--beige-color);  }
.boeken_slider_container .sidebar-boek { width: 229px; padding: 10px 0;  }

.boeken_slider_container .afbeelding { width: 229px; max-width: 100%; padding:0 0 10px; border-bottom:1px solid #efede5; text-align: center; }
  .boeken_slider_container .afbeelding img { margin: 0 auto; }
.boeken_slider_container	.intro { width:229px; padding:10px 10px 0; text-align: center; }

.boekenslider { position:relative; }
  .boekenslider 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;
  }
  .boekenslider 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;
  }


  .boekenslider .sidebar-boek .auteur   { margin: 0 0 5px; font-size: 12px; line-height: 16px; }

  @media (max-width: 992px) {

    .boeken_slider_container                  { height: 430px; }

    .boeken_slider_container .sidebar-boek    { width: 162px; }
    .boeken_slider_container .afbeelding,
    .boeken_slider_container .intro           { width: 162px; }
  
  }

  @media (max-width: 768px) {

    .boeken_slider_container                  { height: 430px; }

    .boeken_slider_container .sidebar-boek    { width: 300px; }
    .boeken_slider_container .afbeelding,
    .boeken_slider_container .intro           { width: 300px; }
  
  }






.newsletter-subscribe-wrapper   { box-sizing: border-box !important; padding: 20px !important; }
.newsletter-subscribe-wrapper *  { font-family: inherit !important; }
.newsletter-subscribe-wrapper label  { display: inline-block !important; margin-bottom: .5rem !important; }
.newsletter-subscribe-wrapper p  { margin: 1rem 0 1rem 0 !important; }
.newsletter-subscribe-wrapper.color-invert label { color: #FFF !important; }
.newsletter-subscribe-wrapper .columnContainer    { margin-left: -10px !important; margin-right: -10px !important; } 

.newsletter-subscribe-wrapper form *[data-layout="true"]        { max-width: calc(var(--breakpoint-size) - 20px); }
.newsletter-subscribe-wrapper form .emptyContainer,
.newsletter-subscribe-wrapper form .columnContainer             { max-width: 600px; }

.newsletter-subscribe-wrapper form a             { color: #58aec3; }

.newsletter-subscribe-wrapper form button[type="submit"], 
.newsletter-subscribe-wrapper form div[data-editorblocktype="SubmitButtonBlock"] button {
    font-size: 16px !important;
    border-radius: 20px !important;
    height: 34px !important;
    color: var(--text-color) !important;
    background-color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    padding: 0 0.95rem !important;
}

.newsletter-subscribe-wrapper .dialogProviderContainerStyle,
.newsletter-subscribe-wrapper div[data-form-block-id] div.onFormSubmittedFeedback    { width: 100% !important; height: auto !important; background: none !important; }  

.newsletter-subscribe-wrapper div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackButtonSuccess {
    font-size: 16px !important;
    border-radius: 20px !important;
    color: var(--text-color) !important;
    background-color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    width: 100% !important;
}

.newsletter-subscribe-wrapper div[data-form-block-id] .formLoader { border-top-color: var(--blue) !important; }

.newsletter-subscribe-wrapper div[data-form-block-id] .dialogProviderInternalContainerStyle   { position: relative !important; }

.newsletter-subscribe-wrapper div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
    padding: 10px 10px 15px 10px !important;
}
.newsletter-subscribe-wrapper form input[type=text],
.newsletter-subscribe-wrapper form input[type=tel],
.newsletter-subscribe-wrapper form input[type=email] { 
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; 
}

.newsletter-subscribe-wrapper div[data-form-block-id] button:hover   {
    background-color: var(--bg-primary-hover-color) !important;
    cursor: pointer !important;
}

.footer-block-wrapper .pe--dynamics_formulier.whitespace    { margin-bottom: 0 !important; }


form div.marketing-field input[type="checkbox"],
form div.marketing-subscription-list input {
    vertical-align: middle !important;
}