/* ==========================================================================
   Print styles
   ========================================================================== */
@font-face {
    font-family: 'optimusprinceps';
    src: url('font/optimusprinceps.eot');
    src: url('font/optimusprinceps.eot#iefix') format('embedded-opentype'),
         url('font/optimusprinceps.woff2') format('woff2'),
         url('font/optimusprinceps.woff') format('woff'),
         url('font/optimusprinceps.ttf') format('truetype'),
         url('font/optimusprinceps.svg#optimusprinceps') format('svg');
    font-weight: normal;
    font-style: normal;
}

@page  { 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 25mm 20mm 25mm 20mm !important;  
} 

html, body { height: 99% !important; /* to avoid empty page after the document */}

body{
	padding:0; 
	margin:0;
	font-size: 12px;
   font-family:"Ubuntu",Arial,sans-serif; 
	color: #000 !important;
	background:#fff !important; 
	box-shadow: none !important;
   text-shadow: none !important;
}

h1#print-logo-title{
	font-weight:normal !important;
	font-size:32px !important;
	font-family:"optimusprinceps",Ubuntu,Arial,Helvetica,sans-serif !important;
}

span#print-article-name{
	font-weight:normal !important;
	font-size:18px !important;
	font-family:"optimusprinceps",Ubuntu,Arial,Helvetica,sans-serif !important;
	
}

a,
a:visited,
a:link,
a:hover {
  	color: #000 !important; 
  	cursor: default;
  	text-decoration: none;
}

a:link:after,
a:visited:after { 
	content: " (" attr(href) ") "; 
	font-size: 90%; 
	color: #520 !important;
	text-decoration: underline;
	background: transparent; 
	font-weight: bold;
}

a[href^="/"]:after { 
	content: " (https://www.apologeet.nl" attr(href) ") " !important; 
	color: #520 !important;
}

a[href]:after {
  	content: " (" attr(href) ")";
	color: #520 !important;
}

/*
* Don't show links for images, or javascript/internal links or 3vmbo thumbnails, isopod on aanvullingen
*/

.thumb-zoom-bottom a:after,
a.isopod:after,
.ir a:after,
a.no-print-url:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
	content: "" !important;
}

.clear {
	clear: both; 
}

pre {
  	border: 1px solid #999;
  	page-break-inside: avoid;
}

thead {
 	display: table-header-group; /* h5bp.com/t */
}

tr,
img {
  	page-break-inside: avoid;
}

img {
  	max-width: 100% !important;
}

p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}

.wrapper h2,
h2,
h3 {
  page-break-after: avoid;
}

div, a, ul, form, input, label, h2, h3{
	padding:0;
	margin:0;
}
.get-url {
	color:#000 !important; 	
	font-size:11px !important;
}	
table, tr, td{
	background-color: #fff !important;
	color: #000 !important;
	}
td, img, form {
	page-break-inside: avoid;
}
/*--TO BE PRINTED--*/
.print-only {display: inline-block; visibility: visible;}
/*--NOT TO BE PRINTED--*/	
.header-container,
ul .meta,
.blog-entry,
.no-print,
#no-print,
.column-two,
#sidebar, 
#top-menu,
nav,
#searchform,
.top-menu-container,
.site-title,
.site-description,
.footer-widgets,
.social-objects,
#screenshot,
#tooltip,
#screenshot span,
#tooltip span,
#screenshot:hover,
#tooltip:hover,
#wpadminbar,
#bmc-wbtn,
.mob-menu-header-holder {display: none !important; visibility: hidden !important;}

.wrapper h2 {
	display:none;
	visibility: hidden;
	}

footer {margin-top: 40px !important;}
/*START ZOOM THUMBNAILS */

div.thumb-zoom-bottom {
 	width: 89px;
 	height: 100px;	
	margin: 0 8px 4px 0; 
	float: left;
	position: relative;
	border: thin solid black !important;
   border-radius: 5px !important;
}

.print-only.thumb-zoom-top{
	float:left !important; 
	margin:4px !important;
	border: thin solid black !important;
   border-radius: 5px !important;
}
/* END ZOOM THUMBNAILS */	
	
img{ 
	border:none;
	visibility: visible;
}
br.a{ 
	margin-bottom: 0.75em; 
	}

h1 {
	font:normal 26px/28px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	color:#000 !important; 
	width:574px; 
	height:33px; 
	letter-spacing: -1px;
	}
.essay h1 {
	font: normal 26px/28px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	color: #000 !important;
	width: 100%;
	height: auto;
	letter-spacing: -1px;
}	
.essay { 
	border: 2px solid; 
	padding: 10px; 
	margin-left:auto; 
	margin-right: auto; 
	margin-top: 20px; 
	text-align: center; 
	max-width: 550px;
}
h1.title {
	font: normal 24px/26px "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	color: #000 !important;
	width: 750px;
	letter-spacing: -1px;
}
a	{ 
	outline:none; text-decoration:none;color:#000 !important; cursor: default
	}
	
.functional	{ 
	outline:none; text-decoration:none; color:#000 !important; cursor: pointer;
	}
	
.functional:hover { 
	color: #000 !important; text-decoration:underline; cursor: pointer;
	}			
	

a.print-preview {
    display: none;
}

a.scrollup{
	display: none;
	}

ul{ 
	list-style-type:none;
	}

ul.a {
	list-style-type:square;
	margin-left:25px;
	line-height:200%;
	}
	
ul.b {
	list-style-type:square;
	margin-left:30px;
	line-height:200%;
	}	
	
ul.c {
	list-style-type:square;
	margin-left:10px;
	line-height:200%;
	}
	
ul.d {
	list-style-type:square;
	margin-left:25px;
	}	
ul.e {
	margin-left: 15px;
	list-style-type: square;
}	
ol.a	{
	margin-left:25px;
	line-height:200%;
	}
	
ol.b	{
	margin-left:10px;
	line-height:200%;
	}

	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
#to-top a:link {
	display: none;
	}
	
#to-top a:hover { 
display: none;
	}
	
.more-link {
    color: #000000;
    padding-right: 25px;
    background: url(img/continue.png) no-repeat right 3px;
    text-decoration: none;
    font-weight: bold;
}
	
/*--- blockquotes ---*/	
blockquote#left { 
	float: left;
	margin: 5px 10px 5px 4px; 
	}
blockquote#right {
	float: right;
	margin: 5px 4px 5px 10px;	
	}
blockquote.short{	
	font-style: oblique;
	font-variant: small-caps;
	font-size: 14px;
	min-height: 50px;
	width: 260px;
	text-align: justify;
	padding: 3px !important;
	border: 1px solid #999;
  	page-break-inside: avoid;
	}
.textq {   
 	width: 100%; 
 	font-size: 15px;
 	font-variant: small-caps;
 	text-align: justify;
}  
/*-------------------------- ONLY MAIN CONTENT STARTS --------------------------*/
#content-bg{
	background:#fff !important ;
	}
		
#content-part-content{
	width:100%;  margin:0 auto; padding:26px 0 28px 0;
	font:13px "Arial", Arial, Helvetica, sans-serif;
	}
	
#content-part-content h2.content-hdr{
	font: normal 35px/38px 'optimusprinceps', Fallback,	Arial, Helvetica, sans-serif;
	/*font:normal 35px/38px "Ubuntu Condensed", Arial, Helvetica, sans-serif;*/
	color:#000 !important; width:574px; height:43px;
	background:url(img/horz-dot.gif) 0 100% repeat-x;
	background-color:#fff !important;
	}
	
#content-part-content #content-intro{
	font:normal "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	color:#000 !important; width:400px; height:100%; text-align: justify;
	background-color:#fff !important; float: left;
	}
	
#content-part-content #content-intro-width{
	font:normal "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	color:#000 !important; width:600px; height:100%; text-align: justify;
	background-color:#fff !important; float: left;
	}

/*-------------------------- ONLY MAIN CONTENTS ENDS --------------------------*/

/*-------------------------- THREE ROWS LISTING CONTENT IN MAIN CONTENT--------------------------*/

#content-part-content #listing-left{
	width:275px; border-right:2px solid #000;
	margin:12px 0 0 0; float:left;
	
	}	
	
#content-part-content #listing-center{
	width:275px; border-right:2px solid #000;
	margin:12px 0 0 17px; float:left;
	
	}		
	
#content-part-content #listing-right{
	width:275px; margin:12px 0 0 0; float:right;
	}	
	
h2.listing-play{
	width:235px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/play.gif) 3px 4px no-repeat;
	}
	
h2.listing-info{
	width:235px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/info-icon.gif) 3px 4px no-repeat;

	}

	
/*-------------------------- THREE ROWS LISTING CONTENT IN MAIN CONTENT END--------------------------*/		




/*-------------------------- SPLIT CONTENT MULTIMEDIA IN MAIN CONTENT--------------------------*/

#content-part-content #content-splitPart-left{
	width:235px; border-right:2px solid #000;
	margin:12px 0 0 0; float:left;
	
	}	
	
#content-part-content #content-splitPart-right{
	width:600px; margin:12px 0 0 0; float:left;
	padding:0 0 0 15px;
	}	
	
h2.splitPart-left{
	width:205px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/play.gif) 3px 4px no-repeat;

	}
h2.splitPart-right{
	width:600px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/idea.gif) 3px 4px no-repeat;
	}

#content-part-content #content-splitPart-right a {
	color:#000 !important; font-size:13px; font-weight: normal; 
	background-color:#fff !important; 
	padding:0 0 0 21px;	
	background: url(img/search-icon.gif) 3px 4px no-repeat;
	}
	
#content-part-content #content-splitPart-right a:hover { 
	color: #000 !important; text-decoration: underline; 
	}

	
/*-------------------------- SPLIT CONTENT MULTIMEDIA IN MAIN CONTENT ENDS --------------------------*/
	 
/*-------------------------- CONTENT-INTRO WITH LOGO AND LEFT AND RIGHT BLOCKS IN MAIN CONTENT  --------------------------*/	 


#content-part{
	width:100%;
	margin:0 auto; 
	padding: 10px 2% 10px 2%;
	background: url() !important;
	}
	
#content-part h2.content-hdr{
	font: normal 35px/38px 'optimusprinceps', Fallback,	Arial, Helvetica, sans-serif;
	color:#000 !important; width:574px; 
	height:43px;
	background:url('img/horz-dot.gif') 0 100% repeat-x;
	background-color:#fff !important;
	}	
	
#content-part #content-intro{
	font:normal "Ubuntu Condensed", Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color:#000 !important; 
	width:100%; 
	height:100%; 
	text-align: justify;
	background-color:#fff !important;
	}	

	

#content-part #content-leftPart{
	width:284px; border-right:2px solid #000;
	margin:12px 0 0 0; float:left;
	}
h2.Part1-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/faq-icon.gif) 3px 4px no-repeat;
	}
h2.Part2-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/idea.gif) 3px 4px no-repeat;
	}
	
h2.Part4-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/play.gif) 3px 4px no-repeat;
	}
	
ul.content-list{
	padding:11px 0 10px 0;
	}
ul.content-list li{
	background:url('img/bullet1.gif') 0 3px no-repeat;
	display:block; 
	margin:0 0 8px 0; 
	padding:0 0 0 15px;
	color:#000 !important; f
	ont-size:13px; 
	background-color:#fff !important;
	}
#content-part #content-rightPart{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}
h2.Part3-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/info-icon.gif) 3px 4px no-repeat;
	}

p.Part4-url-Text{
	padding:0 0 20px 23px; font-size:10px;
	line-height:14px; color:#000 !important;
	background-color:#fff !important;
	}
h2.Url-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/search-icon.gif) 3px 4px no-repeat;
	}
	
h2.Part5-Hdr{
	width:231px; height:20px; color:#000 !important;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#ccc url(img/play.gif) 3px 4px no-repeat;
	}

#content-part #content-rightextra{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}
/*-------------------------- CONTENT-INTRO WITH LOGO AND LEFT AND RIGHT BLOCKS IN MAIN CONTENT ENDS --------------------------*/

/*-------------------------- EXTRA BELOW THE MAIN CONTENT --------------------------*/
#extracontent-bg {
	background: #2B0D0A url('img/extra-content-bg.gif') 0 0 repeat-x;
	color: #837C44;
	padding-bottom:105px;
width: 100%
}
#extracontent-bg{
	background:#fff !important;
	color:#000 !important; 
	}
#Content{
	width:922px; margin:0 auto; 
	padding:37px 0 54px 0; text-align: justify;
		}
		
#Content #extracontent-left{
	width:470px; float:left; padding:10px 10px 0 0; border-right:1px solid #000;
	font-size:13px; line-height:16px; color:#000 !important; 
	}
#Content #extracontent-left h2.extra-hdr{
	height:40px; color:#000 !important; width:480px;
	font: normal 35px/35px 'optimusprinceps', Fallback,	Arial, Helvetica, sans-serif;
	/*font:normal 35px/35px "Ubuntu Condensed", Arial, Helvetica, sans-serif;*/
	}
#Content #extracontent-left h3.extra-subHdr{
	color:#000 !important; font-size:17px; line-height:17px; width:480px;
	padding:20px 0 0 0; font-weight:bold;
	background-color:#fff !important;
	}
	
	

#Content #extracontent-right{
	width:420px; float:left; padding:10px 0 0 10px; 
	font-size:13px; line-height:16px; color:#000 !important;
	}
#Content #extracontent-right h2.extra-hdr{
	height:40px; color:#000 !important;
	font: normal 35px/35px 'optimusprinceps', Fallback,	Arial, Helvetica, sans-serif;
	/*font:normal 35px/35px "Ubuntu Condensed", Arial, Helvetica, sans-serif;*/
	}
#Content #extracontent-right h3.extra-subHdr{
	color:#000 !important; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	background-color:#fff !important;
	}
/*-------------------------- EXTRA BELOW THE MAIN CONTENT ENDS--------------------------*/
#to-top {
	display : none;
	}



/*------------Shadowbox--------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message,
#sb-container,
#sb-overlay,
#sb-wrapper,
#sb-wrapper-inner,
#sb-body,
#sb-body-inner,
#sb-player.html,
#sb-body img,
#sb-loading,
#sb-loading-inner,
#sb-loading-inner span,
#sb-body,#sb-loading,
#sb-title,#sb-info,
#sb-title,#sb-title-inner,
#sb-title-inner,
#sb-info,#sb-info-inner,
#sb-info-inner,
#sb-nav,
#sb-nav a,
#sb-nav-close,
#sb-nav-next,
#sb-nav-previous,
#sb-nav-play,
#sb-nav-pause,
#sb-counter,
#sb-counter a,
#sb-counter a.sb-counter-current,
div.sb-message,
div.sb-message a:link,div.sb-message a:visited{visibility:hidden; display: none !important;}