/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #363636;
}
@font-face {
	font-family: 'Open Sans';
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans Semibold';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//themes.googleusercontent.com/static/fonts/opensans/v7/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
a, p, img, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	text-decoration: none;
	outline: none;
}

.rubrieklist 		{display: none; font-size: 14px; position: absolute; width: 100%; max-width: 960px; overflow: hidden; background: #fff; border-bottom: #f4f5f6 2px solid; padding-bottom: 20px;}
.rubrieklist li		{display: inline; float: left; width: 25%; min-width: 200px; line-height:1.5em;}

p 					{line-height: 1.8;}
a 					{color: #446da3; text-decoration: underline; cursor: pointer;}
a:hover				{color: #314e73; text-decoration: none;}
a:visited			{color: #314e73; text-decoration: underline;}	

a.headerlink		{color: #446da3; text-decoration: none;}
a.headerlink:hover	{color: #314e73; text-decoration: underline;}

a.textbutton        {padding: 12px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #83c129; border-bottom: solid 2px #537b19; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; display: inline-block; }
a.textbutton:hover  {background-color: #96db33;}


label				{cursor: pointer;}

article 			{line-height: 1.8;}
article ol 			{list-style-type: decimal; margin-top: 0; float: left;}
article ol li		{list-style-type: decimal}
article ul 			{list-style-type: disc; margin-top: 0; float: left; margin-left: 20px; width: 100%;margin-bottom: 20px;}
article ul li		{list-style-type: disc}
.profilepic 		{width: 100px; border: 4px solid #ebf2fb; -webkit-border-radius: 54px;-moz-border-radius: 54px;border-radius: 54px;}

.delen 				{padding-top: 30px !important;}

header, nav, article, footer, address {display: block;}

.cameranu-logo  	{padding-bottom: 10px;}

.grecaptcha-badge { 
  visibility: hidden;
}

#wrapper {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
header {
	margin: 0;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 100%;
	background: #4c7cba;
	border-bottom: 2px #81b5d9 solid;
}

.proefabo           { width:100%; background-color: #83c129; margin:0px auto; padding: 6px 0px 6px 0px; line-height: 28px; text-align: center; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #fff}
.proefabo a         { color: #fff; text-decoration: underline;}
.proefabo a:hover   { text-decoration: none;}

#header_main_box {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	overflow: hidden;
}
.logo {
	margin: 0;
	padding: 0;
	float: left;
}
.form_box {
	margin: 15px 0px 0px;
	padding: 0;
	float: right;
}
.input_box {
	margin: 0;
	padding: 13px 20px 13px 30px;
	background: #fff url("/images/search-icon.png") left 6px center no-repeat;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #a9a9a9;
}

.submit_box {
    background: none repeat scroll 0 0 #83C129;
    border: medium none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    margin: 0;
	padding: 10px 22px 11px 21px;
}
.submit_box:hover {
	background: #9ddf3d;
}

.728banner {width: 728px;}

.form_field
{
	margin: 0 0 13px;
	padding: 10px 5px 10px 40px;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 18px;
	box-shadow: 0 0 5px 1px #E4E4E4;
	width: 270px;	
}
.icon_naam 		{background: #fff url('/images/persoon-icon.png') left 6px center no-repeat;}
.icon_mail 		{background: #fff url('/images/msg-icon.png') left 6px center no-repeat;}
.icon_site 		{background: #fff url('/images/link-icon.png') left 6px center no-repeat;}
.icon_lock 		{background: #fff url('/images/lock-icon.png') left 6px center no-repeat;}
.icon_search	{background: #fff url('/images/search-icon.png') left 10px center no-repeat;}

.smiley			{width: 15px;}
.profielicon	{width: 14px;}

.input_smallbox{
	margin:0;
	padding:0;
	float:left;
	width:;
	}
.submit_smallbox{
	margin:0;
	padding:0;
	float:left;
	width:;
	}
article {
	margin: 0px auto;
	padding: 5px 0px;
	width: 100%;
	overflow: hidden;
}
.links_bar {
	margin: 0px 0px 30px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.links_bar2 {
	margin: 0px 0px 20px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.back_to_page {
	margin: 0;
	padding: 0;
	float: left;
	background: url("/images/back-page-icon.png") no-repeat left;
}
.back_to_page a {
	color: #446da3;
	font-size: 14px;
	text-decoration: underline;
	padding: 0px 0px 0px 15px;
}
.back_to_page a:hover {
	text-decoration: none;
}
.meer_box {
	margin: 0;
	padding: 0;
	float: right;
}
.meer_box p {
  color: #464646 !important;
  float: left !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.meer_box ul {
	margin: 2px;
	padding: 0;
	float: left;
	line-height: 15px;
}
.meer_box ul li {
	  line-height: 14px;
    margin: 3px 0 0;
    padding: 0 5px;
	float: left;
	border-left: 1px solid #464646;
	display: inline;
}
.meer_box ul li:first-child {
	border: none;
}
.meer_box ul li a {
	margin: 0;
	padding: 0;
	color: #446da3;
	font-size: 14px;
	text-decoration: underline;
}
.meer_box ul li a:hover {
	text-decoration: none;
}

.content_main_box {
	margin: 4px auto 0px;
	padding: 0;
	width: 960px;
	overflow: hidden;
}
#box_fullwidth {
	padding:30px 0px;
	width: 100%;
	float: left;
	background: #eef6fe; /* #fbfcfd  */
	border-bottom: #f4f5f6 2px solid;
	border-top: #f4f5f6 2px solid;
}
#box_fullwidthsecond {
	background: #fefefe;
	border-bottom: 2px solid #F4F5F6;
	float: left;
    padding: 12px 0 20px;
    position: relative;
    width: 100%;
    z-index: -1;
}
#box_fullwidththird {
	background: #eef6fe;
	border-top: #f4f5f6 2px solid;
	border-bottom: 2px solid #F4F5F6;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 12px 0 0px;
	width: 100%;
}

.reactie_indent1 { padding-left: 100px; }
.reactie_indent2 { padding-left: 200px; }
.reactie_indent3 { padding-left: 300px; }
.reactie_indent4 { padding-left: 400px; }
.reactie_indent5 { padding-left: 500px; }
.reactie_indent6 { padding-left: 600px; }
.reactie_indent7 { padding-left: 700px; }
.reactie_indent8 { padding-left: 800px; }
.reactie_indent9 { padding-left: 900px; }
.reactie_indent6 { padding-left: 600px; }

.box_reactie {
	padding:30px 0px;
	width: 100%;
	float: left;
	background: #fbfcfd;
	border-bottom: #f4f5f6 2px solid;
}
.box_reactiesecond {
	background: #fefefe;
	border-bottom: 2px solid #F4F5F6;
	float: left;
    padding: 12px 0 20px;
    position: relative;
    width: 100%;
}
.box_reactieblogger {
	background: #f5fcf4;
	border-bottom: 2px solid #F4F5F6;
	float: left;
    padding: 12px 0 20px;
    position: relative;
    width: 100%;
}

.profile_pics_box {
	margin: 0;
	padding: 0px 0px 0px 20px;
	float: left;
	width: 110px;
}
.profile_pics_box p {
	margin: 10px 0px;
	padding: 0;
	float: left;
	width: 100%;
	text-align: center;
	color: #8d8d8d;
}
.content_main_box_rightside {
	margin: 0px 190px 10px 0px;
	padding: 0;
	float: right;
	width: 600px;
	line-height: 1.8;
}
.content_main_box_rightside h1 {
	margin: 10px 0px 0px 0px!important;
	padding: 0 !important;
	float: left !important;
	width: 100% !important;
	font-family: 'Open Sans', Verdana !important;
}
.content_main_box_rightside span {
	margin: 5px 0px !important;
	padding: 0 !important;
	float: left !important;
	width: 100% !important;
	color: #8d8d8d !important;
	line-height: 1.8;
}
.content_main_box_rightside span a {
	color: #4c7cba !important;
	text-decoration: underline !important;
}
.content_main_box_rightside span a:hover {
	text-decoration: none !important;
}
.content_main_box_rightside p {
	margin: 0px 0px 0px 0px !important;
	padding: 0 !important;
	float: left !important;
	width: 100% !important;
}
.content_main_box_rightside p a {
	color: #4c7cba !important;
	text-decoration: underline !important;
}
.content_main_box_rightside p a:hover {
	text-decoration: none !important;
}

.artinfo	{font-size: 13px;}

.content_main_box_topad {
	margin: 0px auto;
	padding: 0;
	width: 970px;
	overflow: hidden;
	text-align: center;
}
.content_main_box_images {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	overflow: hidden;
	text-align: center;
}
.content_main_box_topad img {
	max-width: 100%;
}
.content_main_box_images img {
	max-width: 100%;
}
.content_main_box_images div.responsive_youtube{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.content_main_box_images div.responsive_youtube iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ontvage_inbox p a img {
	margin: -4px 4px;
}
.gratis_inbox p a img {
	margin: -4px 4px;
}
.add_imgg {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	overflow: hidden;
}
.add_imgg img {
	margin: 0px 20px 0px 50px;
	padding: 0px;
	float: left;
}
.delen_social_likes {
	margin:52px 0px 16px;
	padding: 0;
	float: left;
	width: 100%;
}
.delen_social_likes h3 {
	margin: 0;
	padding: 10px 25px;
	float: left;
	font-size: 30px;
	color: #cccccc;
}
.delen_social_likes ul {
	margin: 0;
	padding: 0;
	float: left;
}
.delen_social_likes ul li {
	margin: 0;
	padding: 0px 25px;
	float: left;
}
.gratis_inbox {
	margin: 25px -10px;
	padding: 10px;
	float: left;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #eef6fe;
	box-shadow: 0 0 2px 1px #E4E4E4;
}
.gratis_inbox_form {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}
.form_naam {
	margin: 0 10px 5px 0;
	padding: 8px 5px 7px 40px;
	float: left;
	background: #fff url("/images/persoon-icon.png") left 6px center no-repeat;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	font-size: 18px;
	width: 105px;
}
.form_email {
	margin: 0 10px 5px 0;
	padding: 8px 5px 7px 40px;
	float: left;
	background: #fff url("/images/msg-icon.png") left 6px center no-repeat;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	font-size: 18px;
	width: 155px;
}
.form_blue_button {
	margin: 0;
	padding: 9px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	background: #446da3;
	width: 367px;
}
.form_blue_button:hover {
	background: #83C129;
}

.form_blue_button_slidein {
	margin: 0;
	padding: 9px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	background: #446da3;
	width: 120px;
}
.form_blue_button_slidein:hover {
	background: #83C129;
}

.gratis_inbox_form_input {
	margin: 0 10px 5px 0;
	padding: 8px 5px 7px 40px;
	float: left;
	background: #fff url("/images/msg-icon.png") left 6px center no-repeat;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	font-size: 18px;
	width: 220px;
}
.slidein_inbox_form_input {
	margin: 0 10px 5px 0;
	padding: 8px 5px 7px 40px;
	background: #fff url("/images/msg-icon.png") left 6px center no-repeat;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	font-size: 18px;
	width: 120px;
}
.slidein_inbox_form_naam {
	margin: 0 10px 5px 0;
	padding: 8px 5px 7px 40px;
	background: #fff url("/images/persoon-icon.png") left 6px center no-repeat;
	color: #696972;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	font-size: 18px;
	width: 110px;
}
.gratis_inbox_form_submit {
	margin: 0;
	padding: 9px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	background: #446da3;
	width: 120px;
}
.gratis_inbox_form_submit:hover {
	background: #83C129;
}
.gratis_inbox_form img {
	margin: 0 0 0 30px;
	padding: 0;
	float: right;
}
.gratis_inbox_form p {
	margin: 40px 0px 0px;
	padding: 0;
	color: #464646;
	line-height: 22px;
	width: 70%;
	float: left;
}
.toon_meer:hover {
	background: #5883bb;
}
.toon_meer {
	margin: 0px auto 20px;
	padding: 12px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #446da3;
	width: 60%;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.toon_meer:hover {
	background: #83c129;
}
.deel_jouw_formbox {
	margin: -10px 0px 20px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.reacties_box{
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
.reacties_box ol{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	list-style-type: none;
}
.reacties_box ol li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	list-style-type: none;
}
.ookinteressant_mainbox{
	margin:0;
	padding:0px;
	float:left;
	width:100%;
	}
.ookinteressant_mainbox ul{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	}
.ookinteressant_mainbox ul li{
	margin:0;
	padding:10px 0px 0px 0px;
	float:left;
	width:100%;
	list-style-type: none;
	}
.textarea_box {
	margin: 15px 0px;
	padding: 10px;
	float: left;
	width: 95%;
	height: 100px;
	box-shadow: 0 0 2px 1px #E4E4E4;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #696972;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
}
.deel_submitbox:hover {
	background: #9ddf3d;
}
.deel_submitbox {
	margin: 0;
	padding: 5px 10px;
	background: #83c129;
	color: #fff;
	font-size: 14px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	float: left;
}
.chekbox_tic {
	margin: 7px 0px 0px 65px;
	padding: 0;
	float: left;
}
.deel_jouw_formbox p {
	color: #8D8D8D !important;
    float: left !important;
    font-size: 14px !important;
    margin: 1px 0 0 10px !important;
    padding: 0 !important;
    width: 65% !important;
}
.ook_intterset_box {
	margin:0px;
	padding: 0;
	float: left;
	width: 100%;
}
.ook_intterset_box img {
	margin: 0;
	padding: 0;
	float: left;
	width: 77px;
	height: 77px;
	border: 3px solid #ebf2fb;
}
.ook_text_box {
	margin: 14px 0px 0px 25px;
	padding: 0;
	float: left;
	width: 80%;
}
.ook_text_box a {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	color: #4C7CBA;
	text-decoration: underline;
}
.ook_text_box p {
	margin: 2px 0px !important;
	padding: 0 !important;
	float: left !important;
	color: #8D8D8D !important;
	font-size: 14px !important;
	width: 100% !important;
}

.ontvage_inbox_main {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 960px;
    position: relative;
}
.ontvage_inbox {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}
.ontvage_inbox p {
	margin: 0px 0px 30px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.ontvage_inbox p a {
	color: #4c7cba;
	text-decoration: underline;
}
.ontvage_inbox p a:hover {
	text-decoration: none;
}
.ontvage_inbox_form {
	margin: 110px 0px 0px 0px;
	padding: 0;
	float: right;
	width: 48%;
}
.form_nieuwsbrief {
	margin: 110px 0px 0px 50px;
	padding: 0;
	float: left;
	/* width: 48%; */
}
/* article close here */
footer {
	margin: 0px;
	padding: 0;
	width: 100%;
}
#footer_top {
	margin: 0;
	padding: 25px 0px;
	width: 100%;
	background: #6c6c6c;
}
#footer_middle {
	width: 100%;
    margin: 0px auto;
    padding: 0px;
	background: #545454;
}

.bluebar-section {
	background: #eef6fe; 
	width: 100%; 
	padding: 0;
}
.bluebar {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 960px;
  position: relative;
	padding: 15px 0px 15px 0px; 
	display: flex;
}
.bluebarbox {
	flex: 1 0 auto; 
	width: auto; 
	cursor: pointer;
}
.bluebarbox2 {
	flex: 1 0 auto; 
	width: auto; 
	cursor: pointer;
	padding-left: 20px;
}
.bluebarimage {
	float: left;
	padding-right: 10px;
}
.bluebarlink {
	font-weight: bold; 
	color: #446DA3;
}
.bluebarlink:visited {
	color: #446DA3;
}

.cats 
{
  width: 100%;
}

.categorieen
{
  width: 960px;
  margin: 0px auto;
  padding: 25px 0px 25px 25px;
  background: #545454;  
}

.categorieen h2
{
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 20px;
}

.categorieen h3
{
  color: #b9d532;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 5px;
}

.categorieen ul li
{
  display: inline-block;
  width: 300px;
  padding-right: 30px;
  vertical-align: top;
}

.categorieen ul li ul, .categorieen ul li ul li
{
  list-style: outside none;
  display: list-item;
}

.categorieen ul > li > ul
{
  padding-bottom: 20px;
}

.categorieen a
{
  color: #fff; 
  text-decoration: none;
}

.categorieen a:hover
{
  color: #b9d532;
  text-decoration: underline;
}

.categorieen-h3 a:hover
{
  color: #fff;
  text-decoration: underline;
}

.categorieen ul li ul li ::before {
	content: "\276F";
	font-size: 14px; 
  color: #b9d532; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;
}

.footer_top_main {
	margin: 0px auto;
	padding: 0;
	width: 620px;
	overflow: hidden;
}
#footer_bottom {
	margin: 0;
	padding: 25px 0px;
	float: left;
	width: 100%;
	background: #444444;
}
.footer_bottom_main {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	overflow: hidden;
}
.footer_topmenu {
	margin: 0px 8px 0px 0px;
	padding: 0;
	float: left;
	width: 24%;
}
.footer_topmenu h4 {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.footer_topmenu ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.footer_topmenu ul li {
	margin: 0;
	padding: 15px 0px 0px 0px;
	float: left;
	width: 100%;
}
.footer_topmenu ul li span {
	margin: 6px;
	padding: 0;
	background: url("/images/dropdwon-icon.png") no-repeat;
	width: 10px;
	height: 9px;
	float: left;
}
.footer_topmenu ul li a {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 15px;
	color: #fff;
	text-decoration: underline;
}
.footer_topmenu ul li a:hover {
	text-decoration: none;
}
.footer_topmenu h4 a {
	color: #fff;
	text-decoration: underline;
}
.footer_topmenu h4 a:hover {
	text-decoration: none;
}
.footer_social_nav {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align: center;
}
.footer_social_nav ul {
	margin: 0px auto;
	padding: 0;
	width: 60%;
	text-align: center;
}
.footer_social_nav ul li {
	margin: 0;
	padding: 0px 8px;
	float: left;
	border-right: 1px solid #fff;
}
.footer_social_nav ul li:last-child {
	border: none;
}
.footer_social_nav ul li a {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 15px;
	color: #fff;
	text-decoration: underline;
}
.footer_social_nav ul li a:hover {
	text-decoration: none;
}
.copyright_content {
	margin: 20px 0px 0px;
	padding: 0;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #fff;
}
.copyright_content a {
	font-size: 15px;
	color: #fff;
	border-left: 1px solid #fff;
	padding: 0px 0px 0px 4px;
	text-decoration: underline;
}
.copyright_content a:hover {
	text-decoration: none;
}

.content_main_box h1{
  color: #446DA3;
  float: left;
  font-family: 'Open Sans', Verdana;
  font-size: 24px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.content_main_box h3 {
  color: #446da3;
  float: left;
  font-family: 'Open Sans', Verdana;
  font-size: 24px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.content_main_box h4{
  color: #446DA3;
  float: left;
  font-family: 'Open Sans', Verdana;
  font-size: 28px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.ontvage_inbox h3 {
  color: #446DA3;
  float: left;
  font-family: 'Open Sans Semibold', Verdana;
  font-size: 22px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.content_main_box h2 {
  color: #446DA3;
  float: left;
  font-family: 'Open Sans', Verdana;
  font-size: 26px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

/* footer close here */
/* ===================================================== home page css start here */
.add_imggsec {
	margin: 0 auto;
	padding: 25px 0px 40px 0px;
	width: 960px;
	overflow: hidden;
}
.add_imggsec img {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
}
.add_imggsec img:hover {
	opacity: 0.8;
}
.content_main_box h2 {
	margin: 10px 0px 0px;
	padding: 0;
	float: left;
	width: 100%;
	font-family: 'Open Sans', Verdana;
	font-size: 26px;
	color: #446da3;
}
.footerhead				{font-size: 22px !important;}
.content_main_box span 	{
	margin: 5px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.content_main_box span a {
	color: #4c7cba;
	text-decoration: underline;
}
.content_main_box span a:hover {
	text-decoration: none;
}
.content_main_box p {
	margin:0px 0px;
	padding: 0;
	float: left;
	width: 100%;
}
.topright_arrow {
	margin: 30px 0px;
	padding: 0;
	position: absolute;
	right: 200px;
	height: 70px;
	width: 25px;
}
.meer_boxsec {
	margin: 0;
	padding: 0;
	float: left;
}
.meer_boxsec p {
	margin: 0;
	padding: 0px 5px;
	float: left;
	color: #464646;
	font-size: 14px;
	width: auto;
}
.meer_boxsec a span {
	margin: 8px;
	padding: 0;
	float: none;
}
.thum_rightcontent {
	margin: 10px 0px 0px 80px;
	padding: 0;
	float: left;
	width: 100%;
}
.thum_rightcontent_imgbox {
	margin: 20px 0px;
	padding: 0;
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.thum_rightcontent_imgbox img {
	width: 100%;
}
.thum_rightcontent_imgbox img:hover {
	opacity: 0.8;
}
.toon_meersecond:hover {
	background: #5883bb;
}
.toon_meersecond {
	margin: 0;
	padding: 12px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #446da3;
	width: 30%;
	text-align: center;
	float: left;
}
.toon_meersecond a {
	font-size: 18px;
	color: #fff;
}
.meer_boxsec_box {
	margin: 0 0 0 60px;
	padding: 8px;
	float: left;
}
.meer_boxsec_box a {
	margin: 3px 5px 0px;
	padding: 0 5px;
	float: left;
	color: #446DA3;
	font-size: 14px;
	text-decoration: underline;
	width: auto;
}
.meer_boxsec_box a:hover {
	text-decoration: none;
}
.meer_boxsec_box a span {
	margin: 8px;
	padding: 0;
	float: none;
}
@media screen and (max-width: 3000px) {
.content_main_box p {padding: 0 0 5px !important;}
.gratis_inbox_form_submit {width: 125px;}
.chekbox_tic {margin: 7px 0 0 20px!important; padding: 0;}
.add_imgg img {margin: 0 20px 0 46px;}
.profile_pics_box {padding: 16px 0 0 26px !important;}
.ontvage_inbox_form {margin: 50px 0 0;}
.form_nieuwsbrief {margin: 40px 0 0 50px;}
.gratis_inbox .gratis_inbox_form > p {width: 410px !important; margin-top: 20px !important;}
.delen_heading.delen_social_likes > h3 {width: 23%;}
.links_bar	{margin: 0px;}
}


.pfabox  				{margin-bottom: 15px; position: relative;}
.pfabox p 			{margin: 0;}
.pfabox h3			{margin: 0 0 0px;}

.close										{color: #ddd; display: inline; cursor: pointer; position: absolute; top: 0; right: 0;}
.close:hover 							{color: #aaa;}

#cookiewet                {display: block; bottom: 0!important; background-color: #222; background-color: rgba(29, 29, 29, 0.90); color: #fff; position: fixed; padding: 15px; width: 100%; text-align: center;}
#cookiewet a              {color: #fff; text-decoration: underline;}
#cookiewet a:hover        {color: #c0e32d; text-decoration: none;}
#cookiewet a.button       {background-color: #c0e32d; border-radius: 5px; color: #111111; font-size: 11pt; font-weight: 300; margin-top: 2px; margin-left: 30px; padding: 6px 12px; text-decoration: none; width: 60px; display: inline-block;}
#cookiewet a.button:hover {background-color: #fff; cursor: pointer;}

.populairste							{margin: 0px 220px 30px 0px;padding: 0;float: right;width: 600px;line-height: 1.8;}

/* nieuwsbrief slide in */
#newsletter-slidein       {position: fixed; bottom: 200px; right: 0px; display: none; z-index: 1000;}
#newsletter-slidein div   {background-color: #edf5e1; border-left: 6px solid #83c129; border-top: 6px solid #83c129; border-bottom: 6px solid #83c129; -moz-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; padding: 20px; width: 600px;}
#newsletter-slidein-close {position: absolute; margin-top: -37px; margin-left: -37px; display: none; cursor: pointer;}
#newsletter-slidein h2		{color: #446DA3;float: left; font-family: 'Open Sans', Verdana; font-size: 26px; margin: 0; padding: 0; width: 100%;}
#emailformfield           {display: inline; float: none;}

.drop-icon 							{width: 10px;}
.twitter-icon						{width: 27px;}
.facebook-icon						{width: 23px;}

/* home page css close here ============================================================================== */


    /* CSS voor ebook give-away - START */

    .book-offer-article__section-container {
        overflow: hidden;
        margin: 0 auto 0;
        background: aliceblue;
        width: 960px;
    }
    
    @media screen and (max-width: 1024px) {
        .book-offer-article__section-container {
            overflow: hidden;
            width: 90%;
        }
    }
    
    @media screen and (max-width: 480px) {
        .book-offer-article__main-content {
            padding: 0!important;
            width: 100% !important;
        }
        .book-offer-pop-up-box_book-img {
        	display: none;
        }
		.form_nieuwsbrief { margin: 0px; }        
    }
    
    .book-offer-pop-up-box {
        width: 60%;
        max-width: 960px;
        height: 550px;
        position: fixed;
        z-index: 1001;
        margin: auto;
        top: 0;
        background: #5ab735;
        right: 0;
        left: 0;
        bottom: 0;
        display: none;
    }
    
    h4.book-offer-pop-up-box-title--top {
        color: #446DA3;
        float: left;
        color: white;
        font-family: 'Open Sans', Verdana;
        font-size: 28px;
        padding: 0;
        width: 100%;
    }
    
    .book-offer-article__description--text {
        display: block !important;
    }
    
    .book-offer-article__article {
        background: aliceblue;
    }
    
    .book-offer-article__content {
        float: left;
        width: 72%;
    }
    
    h4.book-offer-article__title--top {
        float: left;
        font-family: 'Open Sans', Verdana;
        font-size: 24px;
        margin: 10px 0 0;
        padding: 0;
        width: 100%;
    }
    
    h3.book-offer-article__title--bottom {
        color: #446DA3;
        float: left;
        font-family: 'Open Sans', Verdana;
        font-size: 28px;
        padding: 0;
        width: 100%;
        margin-top: -5px;
    }
    
    .book-offer-article__description--text {
        margin: 0px 0px 5px 0px
    }
    
    .book-offer-article__description--text .book-offer-article__description--text-icon {
        float: none !important;
        color: #9abe29 !important;
    }
    
    .book-offer-article__book-img {
        float: right;
        width: 27%;
        margin-top: 7%;
    }
    
    .book-offer-pop-up-box_content {
        padding: 30px 50px;
    }
    
    .book-offer-article__open-pop-up-btn {
        margin-top: 25px;
        width: 280px;
        border-radius: 13px;
    }
    
    .book-offer-pop-up-box_form * {
        box-sizing: border-box;
        width: 70%;
    }
    
    .book-offer-pop-up-box_form {
        margin-top: 0;
    }
    
    .book-offer-pop-up-box_close-btn {
        top: -10px;
        right: -10px;
        position: absolute;
        cursor: pointer;
        color: grey;
        border: 1px solid #AEAEAE;
        border-radius: 30px;
        background: white;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        line-height: 0px;
        padding: 10px 3px 10px 3px;
    }
    
    .book-offer-pop-up-box_close-btn:before {
        content: "\2715";
    }
    
    .book-offer-article__container {
        padding-top: 0 !important;
    }
    
    .book-offer-article__content .book-offer-article__description {
        margin-bottom: 10px !important;
    }
    
    .book-offer-pop-up-box-title--bottom {
        float: left;
        color: white;
        font-family: 'Open Sans', Verdana;
        font-size: 24px;
        padding: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .book-offer-pop-up-box_form-image-container {
        display: flex;
        margin-top: 30px
    }
    
    .book-offer-pop-up-box_book-img {
        width: auto;
        height: 100%;
        margin-left: -20px;
    }
    
    .book-offer-pop-up-box_form {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .book-offer-pop-up-box_form--name {
        border-radius: 0;
    }
    
    .book-offer-pop-up-box_form--email {
        border-radius: 0;
    }
    
    .book-offer-pop-up-box_form--submit {
        margin-top: 20px;
        border: 1px solid white;
        border-radius: 10px;
    }
    
    .book-offer-pop-up-box_description {
        color: white
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.8);
        display: none;
    }    
    
    @media screen and (max-width: 849px) {
        .book-offer-pop-up-box {
            width: 80%;
        }
    }
    
    @media screen and (max-width: 624px) {
        .book-offer-pop-up-box {
            width: 100%;
            height: 100%;
        }
    }
    
    @media screen and (max-width: 849px) {
        .book-offer-pop-up-box_form * {
            width: 80%;
        }
    }
    
    @media screen and (max-width: 624px) {
        .book-offer-pop-up-box_form * {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 624px) {
        .book-offer-pop-up-box_close-btn {
            top: 0px;
            right: 0px;
        }
    }
    
    @media screen and (max-width: 775px) {
        h4.book-offer-pop-up-box-title--top {
            font-size: 24px
        }
    }

    /* CSS voor ebook give-away - END */



/* -------------- Responsive css------------------ */
@media screen and (max-width: 1500px) {
.content_main_box p {padding: 0 0 5px !important;}
.gratis_inbox_form_submit {width: 125px;}
.ontvage_inbox h2 {font-size: 29px;}
.chekbox_tic {margin: 7px 0 0 20px!important; padding: 0;}
.add_imgg img {margin: 0 20px 0 46px;}
.profile_pics_box {padding: 16px 0 0 26px !important;}
.ontvage_inbox h2 {font-size: 28px!important;} 
.ontvage_inbox_form {margin: 50px 0 0;}
.form_nieuwsbrief {margin: 40px 0 0 50px;}
.gratis_inbox .gratis_inbox_form > p {width: 410px !important; margin-top: 20px;}
.topright_arrow {margin: -17px -126px 0 0;}
.links_bar {float: none;}
/* #box_fullwidth {padding: 0;margin:0;} */
#box_fullwidth .content_main_box .toon_meersecond {margin: 0 0 0 145px;width: 25%;}
.content_main_box {margin: 0 auto 0;}
.delen_heading.delen_social_likes > h3 {width: 23%;}
.links_bar			{margin: 0px 0px 30px 0px;}
.cameranu-logo  	{padding-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
#header_main_box {width: 72%;}
.logo img {width: 100%;}
.footer_top_main {width: 85%;}
.footer_bottom_main {width: 72%;}
.content_main_box_images {width: 91%; height: auto;}
.content_main_box_topad  {width: 91%; height: auto;}
.gratis_inbox_form {margin: 31px 0 0;}
.content_main_box_rightside {float: none;}
.toon_meer {float: left;}
.cameranu-logo  	{padding-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
#header_main_box {width: 90%;}
.content_main_box {overflow: hidden; width: 90%;}
.ontvage_inbox_main {width: 90%;}
.pfabox h3			{font-size: 20px !important;}
.footer_top_main {width: 95%;}
.footer_bottom_main {width: 90%;}
.footer_topmenu {text-align: center;}
.footer_topmenu ul li a {float: none;} 
/*#box_fullwidththird .ontvage_inbox_form {margin: 28px 0 0;}*/
.ontvage_inbox {width: 100%;}
.ontvage_inbox_form {float: none; width: 100%; margin-bottom: 20px;}
.form_nieuwsbrief 	{float: none; width: 100%; margin-bottom: 20px;}
.content_main_box_rightside {width: 100%;float: left;}
.thum_rightcontent_imgbox {margin: 0 0 0 75px;}
.delen_heading.delen_social_likes > h3 {width: 23%;}
.add_imgg {float: right; margin: auto;width: 84%;}
.ook_intterset_box {text-align: center;}
.ook_intterset_box img {float:none;}
.profile_pics_box {float: left;padding: 0;text-align: center;width:14%;}
/* .profile_pics_box > img {width: 100%;} */
.profile_pics_box > img {width: 75%;}
.content_main_box h1 {text-align: center;}
.content_main_box span {text-align: center;}
.toon_meersecond {width: 86%;} 
#box_fullwidththird {margin: 0 0 40px;width: 100%;float: right;}
.gratis_inbox .gratis_inbox_form > p {width: 55% !important;}
.top_cont.content_main_box > h1 {text-align: left; font-size: 20px;}
.top_cont.content_main_box > span {text-align: left;}
.ontvage_inbox h3 {font-size: 20px !important;}
.thum_rightcontent_imgbox {margin: 12px 0 0;width: 12%;} 
.thum_rightcontent_imgbox {margin: 0;}
.tab_box.content_main_box_rightside {margin: 0;padding: 0 0 0 23px;width: 73%;}
.tab_box.content_main_box_rightside > h1 {text-align: left;}
.content_main_box span {text-align: left;}
.tab_box.content_main_box_rightside > p {margin: 0 !important;padding: 0 !important;}
.thum_rightcontent_imgbox {margin: 12px 0 0;}
.thum_rightcontent {margin: -6px 0 0; padding: 22px 0 32px;}
#box_fullwidth .content_main_box .toon_meersecond {margin: 0 0 0 188px;}
.toon_meersecond a {font-size: 15px;}
.meer_boxsec_box {margin: 0 0 0 136px;}
.ook_intterset_box img {float: left;}
.ook_text_box {width: 65%;}
.lastpicdiv.profile_pics_box {float: left;padding: 0;width: 20%;}
.add_imgg img {width: 31%;}    
.links_bar {float: left;}
.mobile_content.content_main_box_rightside {float: right;margin: 0 !important;padding: 0;width: 86%;}
.articletab2 .content_main_box {margin: 0 auto;}
.articletab3 .profile_pics_box {float: left !important;margin: 0 !important;padding: 0 !important;width: 14%;}
.mobile_content h1 {font-size: 22px !important;text-align: left;}
.mobile_content.content_main_box_rightside > h2 {font-size: 22px;}
.article_box.gratis_inbox > h2 {font-size: 19px;}
/*.gratis_inbox_form > p {font-size: 13px !important;}*/
.tab_box.content_main_box_rightside > h2 {font-size: 20px;}
.ook_text_box a {text-align: left;}
.ook_text_box > p {text-align: left;}
.ontvage_inbox h2 {font-size: 20px !important;}
.top_cont.arrwdiv.content_main_box {float: right; margin: 0;padding: 0;width: 95%;}
.profile_pics_box { margin: 3px 0 0;padding: 0 !important;}
.topright_arrow {margin: 19px -87px 5px 23px !important;}
.footer_topmenu {width: 22%;margin: 0;}
.footer_topmenu h4 {font-size: 20px;}
.content_main_box h3 {width: 73%;}
.delen_social_likes ul li {padding: 0 5px;}
.articletab2 .mobile_content.content_main_box_rightside {float: left;margin: 0 !important; padding: 0 0 0 74px;width: 83%;}
.populairste	{margin: 0 auto 0;overflow: hidden; width: 100%;}

.reactie_indent1 { padding-left: 50px; }
.reactie_indent2 { padding-left: 50px; }
.reactie_indent3 { padding-left: 50px; }
.reactie_indent4 { padding-left: 50px; }
.reactie_indent5 { padding-left: 50px; }
.reactie_indent6 { padding-left: 50px; }
.reactie_indent7 { padding-left: 50px; }
.reactie_indent8 { padding-left: 50px; }
.reactie_indent9 { padding-left: 50px; }
.reactie_indent6 { padding-left: 50px; }

}

@media screen and (max-width: 850px) {
.topright_arrow img {display: none;}
.profile_pics_box	{display: none;}
.mobile_content.content_main_box_rightside	{width: 100%;}
.gratis_inbox_form img {display: none;} 
div.add_imgg.responsivead > div {margin-left:0 !important; margin-right: 0 !important}
div.add_imgg.responsivead > div:first-child {margin-bottom:20px;}
.cameranu-logo  	{padding-bottom: 10px;}


.reactie_indent1 { padding-left: 0px; }
.reactie_indent2 { padding-left: 0px; }
.reactie_indent3 { padding-left: 0px; }
.reactie_indent4 { padding-left: 0px; }
.reactie_indent5 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }
.reactie_indent7 { padding-left: 0px; }
.reactie_indent8 { padding-left: 0px; }
.reactie_indent9 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }

}


@media screen and (max-width: 600px) {
.topright_arrow img {display: none;}
.profile_pics_box	{display: none;}
.mobile_content.content_main_box_rightside	{width: 100%;}
.gratis_inbox_form img 											{display: none;} 
#newsletter-slidein div   									{width: 375px;}
.728banner {width: 100%;}
.cameranu-logo  	{padding-bottom: 10px;}

.reactie_indent1 { padding-left: 0px; }
.reactie_indent2 { padding-left: 0px; }
.reactie_indent3 { padding-left: 0px; }
.reactie_indent4 { padding-left: 0px; }
.reactie_indent5 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }
.reactie_indent7 { padding-left: 0px; }
.reactie_indent8 { padding-left: 0px; }
.reactie_indent9 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }
}

@media screen and (max-width: 480px) {
.728banner 							{width: 100%;}
.image  							{width: 100%;}
article img 						{width: 100%;}
article iframe						{width: 100%;}
.25tips								{display: none;}
.footer_topmenu 					{height: 206px;text-align: center;width: 46%;}
.topright_arrow img 				{display: none;}
.content_main_box p 				{font-size: 14px !important;}
.ontvage_inbox p 					{font-size: 14px;}
.meer_box ul li 					{border: medium none;width: 187px;}
.rubrieklist 						{display: none; font-size: 14px; position: relative; width: 100%; max-width: 960px; overflow: hidden; background: #fff; border-bottom: #f4f5f6 2px solid; padding-bottom: 20px;}
.ontvage_inbox h3 					{font-size: 20px !important;}
.thum_rightcontent_imgbox 			{/*  border: 1px solid; */float: left;height: auto;  margin: 13px 0 0;width: 49px;}
.content_main_box_rightside 		{float: left;width: 234px;margin:0;}
.content_main_box_rightside > h1 	{font-size: 20px !important; line-height: 24px;}
.content_main_box_rightside p 		{display: none;font-size: 14px !important;}
.content_main_box h3 				{font-size: 16px; width: 100%;}
.meer_boxsec_box > a 				{margin: 10px 0 0;text-align: center !important;}
.tab_box.content_main_box_rightside {padding: 0 0 0 10px;}
.cameranu-logo  					{padding-bottom: 10px;}
.ook_intterset_box img {float: left;height: auto;width: 18%;}
.content_main_box_rightside span {text-align: left;} 
.ook_text_box {float: left;margin: 0 0 0 10px;width: 76%;}
#box_fullwidth .content_main_box .toon_meersecond {margin:0; width: 87%;}
.footer_topmenu {width: 100%;}
.logo {width: 50%;}
.lastpic.content_main_box_rightside > span {display: block;}
.profile_pics_box > img {display: none;}
.content_main_box p {display: block;font-size: 14px !important;padding: 0 !important;width: 100%;}
.lastpic.content_main_box_rightside {float: left;margin: 0 0 0 -7px;/* width: 203px; */ width: 69%;}
.profile_pics_box {float: left;width: 36px;}
.lastpicdiv p {font-size: 13px !important;line-height: 15px;margin: 0;}
.footer_social_nav {display: none;}
.lastpic.content_main_box_rightside > h1 {text-align: start;}
.lastpic.content_main_box_rightside > span {text-align: left;}
.mobile_content.content_main_box_rightside > p {display: block;padding:0 !important;}
.mobile_content.content_main_box_rightside > h2 { margin: 18px 0 0 0;font-size: 20px!important;}
.delen_social_likes 				{display: none;}
.gratis_inbox 						{width: 96%;margin: 0;padding: 0;}
.content_main_box h2 				{font-size: 20px;}
.top_cont.content_main_box > h1 	{font-size: 20px;}
.ontvage_inbox 						{width: 100%;}
/* #box_fullwidththird {margin: 0 0 40px;width: 95%;float: right;} */
#box_fullwidththird {float: right;margin: 0 0 6px;padding: 3.5%;width: 93%;}
#box_fullwidththird .ontvage_inbox_form {margin: 0;width: 100%;}
#box_fullwidththird .form_nieuwsbrief {margin: 0;width: 100%;}
.meer_boxsec_box {margin:0 0 0 50px;}
.mobile_content.content_main_box_rightside {width: 72%;}
.mobile_content.content_main_box_rightside > h3 {font-size:19px;}
.toon_meer a {color: #FFFFFF;font-size: 15px;}
.toon_meer {width: 99%;}
.mobile_content.content_main_box_rightside > h4 {font-size: 17px;}
.articletab3 .mobile_content.content_main_box_rightside > span {display: block;}
.articletab3 .profile_pics_box {width: 51px;}
.articletab3 .mobile_content.content_main_box_rightside > span {display: block;text-align: left;}
.ontvage_inbox h2 {font-size: 19px !important;}
.add_imgg img {width: 75%;}
/* .gratis_inbox_form_input {width: 74px;} */
.gratis_inbox_form img {display: none;} 
.add_imgg { margin: 0; width: 100%;}
.articletab .profile_pics_box {display: none;} 
.articletab .mobile_content.content_main_box_rightside {float: right;width: 100%;} 
.articletab .mobile_content.content_main_box_rightside { padding: 0!important;width: 100%;}
.content_main_box p {font-size: 14px !important;padding: 0 !important;width: 100%;}
.lastpic.content_main_box_rightside {float: left;margin: 0 0 0 -7px;width: 92%;}
.articletab3 .mobile_content.content_main_box_rightside {width: 94%; margin: 0;padding: 0;}
.content_main_box {overflow: hidden;width: 93%;}
.articletab3 .profile_pics_box {width: 112px;}
.articletab3 .profile_pics_box > img {display: none;} 
.articletab2 .mobile_content.content_main_box_rightside {width: 94%;padding:0;} 
.ontvage_inbox_main {margin: 0;} 
.gratis_inbox .gratis_inbox_form > p {width: 100% !important;}
.reacties_box li {margin: 0 0 27px !important;}
.lastpicdiv.profile_pics_box {display: block;width: 27%;}
/*.meer_boxsec > p {font-size: 12px !important;width: 47% !important;}*/
.demo-b input[type=search] {padding: 0;color: transparent;cursor: pointer;background:#9DDF3D url("/images/search2.png") 8px no-repeat;border:none;float:right;height:47px;position:absolute;width:38px;top:6px;	right:0;}
.demo-b{display:block !important;} 
.form_box { display: none;}
.demo-b input[type=search]:focus {width: 130px;padding-left:10px;color: #000;background-color: #fff;cursor: auto;}
.demo-b input:-moz-placeholder {color: transparent;}
.demo-b input::-webkit-input-placeholder {color: transparent;} 
.toon_meersecond a 			{font-size: 17px;}
.thum_rightcontent {margin: -6px 0 0;padding: 13px 0 10px;}
#box_fullwidth {margin: 0;padding:30px 0px;}
.tab_box > span {display: none !important;}
.tab_box > p {display: none !important;}
.top_cont.content_main_box > span 	{display: none;}
.lastpic.content_main_box_rightside > span {display: block !important;}
.top_cont.content_main_box > p 		{display: none;}
.populairste h2								{font-size: 18px;}
#owner												{display: none;}
.links_bar										{margin: 0px;}
.subscribe-header							{display: none;}
.pfabox												{display: none;}
#newsletter-slidein div   	{width: 250px;}
#newsletter-slidein 		{bottom: 30px;}
#newsletter-slidein h2		{font-size: 16px;}
div.add_imgg.responsivead > div {margin-left:20px !important;}

.reactie_indent1 { padding-left: 0px; }
.reactie_indent2 { padding-left: 0px; }
.reactie_indent3 { padding-left: 0px; }
.reactie_indent4 { padding-left: 0px; }
.reactie_indent5 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }
.reactie_indent7 { padding-left: 0px; }
.reactie_indent8 { padding-left: 0px; }
.reactie_indent9 { padding-left: 0px; }
.reactie_indent6 { padding-left: 0px; }

}

@media (max-width: 728px) {
	section#box_fullwidth.responsivead {position: relative;  height: 30px;}
	section#box_fullwidth.responsivead #ad728 {-ms-transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);overflow: visible;float: left;left: -75px;position: absolute;top: 0;}
	section#box_fullwidth.responsivead #ad728 iframe {width:728px;}

}

@media (max-width: 1020px) {
	.responsivead.ad970 {width: 970px !important;position: relative;}
	.responsivead.ad970 > div {height: 177px !important;width: 485px !important;}
	.responsivead.ad970 > div > div {transform: scale(0.7,0.7);position: absolute;top: -38px;left: 64px;}

	.bluebar {
		padding: 15px 0px 15px 40px; 
		display: block;
	}
	.bluebarbox2 {
		padding-left: 0px;
		padding-top: 10px;
	}

}

@media (max-width: 850px) {
.responsivead.ad970 {width: 970px !important;position: relative;}
.responsivead.ad970 > div {height: 149px !important;width: 485px !important;}
.responsivead.ad970 > div > div {transform: scale(0.6,0.6);position: absolute;top: -41px;left: 123px;}
}

@media (max-width: 728px) {
	.responsivead.ad970 {width: 970px !important;position: relative;}
	.responsivead.ad970 > div {height: 125px !important;width: 485px !important;}
	.responsivead.ad970 > div > div {transform: scale(0.5,0.5);position: absolute;top: -63px;left: 190px;}

    .bluebar {
      padding: 15px 0px 15px 10px;
      display: block;
      width: 100%;
      box-sizing: border-box;
    }

    .bluebar p {
        font-size: 14px;
    }

}

@media (max-width: 620px) {
.responsivead.ad970 {width: 970px;position: relative;}
.responsivead.ad970 > div {height: 105px !important;width: 320px !important;}
.responsivead.ad970 > div > div {transform: scale(0.4,0.4);position: absolute;top: -63px;left: 220px;}
}

@media (max-width: 520px) {
.responsivead.ad970 {width: 970px;position: relative;}
.responsivead.ad970 > div {height: 105px !important;width: 320px !important;}
.responsivead.ad970 > div > div {transform: scale(0.3,0.3);position: absolute;top: -63px;left: 270px;}
}

@media (max-width: 420px) {
.responsivead.ad970 {width: 970px;position: relative;}
.responsivead.ad970 > div {height: 105px !important;width: 320px !important;}
.responsivead.ad970 > div > div {transform: scale(0.3,0.3);position: absolute;top: -63px;left: 305px;}
}

@media (max-width: 374px) {
.responsivead.ad970 {width: 970px;position: relative;}
.responsivead.ad970 > div {height: 105px !important;width: 320px !important;}
.responsivead.ad970 > div > div {transform: scale(0.3,0.3);position: absolute;top: -63px;left: 338px;}
}

@media (max-width: 767px) {
  .categorieen ul li  		{width:100%; text-align:left; padding-right: 0px;}
  .categorieen 				{width:90%;}
  .categorieen ul li ul li 	{padding: 0;}
}
  
@media (min-width: 768px) and (max-width: 979px) {
  .categorieen ul li  		{width:46%;}
  .categorieen ul li ul li  {width:100%;}
  .categorieen 				{width:90%;}
}

@media (min-width: 980px){
  .categorieen ul li  		{width:29%;}
  .categorieen ul li ul li  {width:100%;}
}

/* Workshop styling voor Photofacts Academy workshops */
.workshops-container {
  max-width: 960px;
  margin: 20px auto;
  padding: 20px;
}

.workshop-subtitle {
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

.workshops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

.workshop-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.workshop-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.workshop-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.workshop-info {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.workshop-rating {
  margin-bottom: 10px;
}

.workshop-title {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.workshop-title a {
  color: #446da3;
  text-decoration: none;
}

.workshop-title a:hover {
  color: #314e73;
  text-decoration: underline;
}

.workshop-title a:focus {
  color: white;
  text-decoration: none;
}

.workshop-title a:visited {
  color: #446da3;
  text-decoration: none;
}

.workshop-session-info {
  margin: 10px 0;
  text-align: center;
}

.workshop-date {
  color: #333;
  font-size: 14px;
  margin: 0 0 8px 0;
  line-height: 1.4;
  text-align: center;
}

.workshop-location {
  color: #666;
  font-size: 13px;
  margin: 0 0 8px 0;
  font-style: italic;
  text-align: center;
}

.workshop-availability {
  margin: 0 0 15px 0;
  font-size: 13px;
  text-align: center;
}

.workshop-button {
  text-align: center;
  margin-top: auto;
}

.btn-workshop {
  background-color: #446da3;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.btn-workshop:visited {
  background-color: #446da3;
  color: white;
  text-decoration: none;
}

.btn-workshop:focus {
  background-color: #314e73;
  color: white;
  text-decoration: none;
}

.btn-workshop:hover {
  background-color: #314e73;
  color: white;
  text-decoration: none;
}

.workshops-footer {
  text-align: center;
  margin-top: 40px;
}

.btn-all-workshops {
  background-color: #83c129;
  color: #fff;
  padding: 12px 24px;
  margin-top: 10px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.btn-all-workshops:hover {
  background-color: #96db33;
  color: #fff;
  text-decoration: none;
}

.btn-all-workshops:visited {
  background-color: #83c129;
  color: #fff;
  text-decoration: none;
}

/* Responsive design voor workshops */
@media (max-width: 768px) {
  .workshops-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .workshop-info {
    padding: 12px;
  }
  
  .workshop-image {
    height: 160px;
  }
}

@media (max-width: 480px) {
  .workshops-container {
    padding: 15px;
    margin: 15px 0;
  }
  
  .workshop-image {
    height: 140px;
  }
  
  .workshop-title {
    font-size: 15px;
  }
}

/* Contactformulier op /over-ons.
   De omliggende .content_main_box_rightside floot alles wat p of span is; deze box
   staat daarom in de flow mee als volle breedte en vangt zelf zijn floats op. */
.contactformulier {
  display: flow-root;   /* vangt de floats van binnenuit op, blijft zelf in de flow */
  clear: both;
  margin: 10px 0 25px 0;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  background: #eef6fe;
  box-shadow: 0 0 2px 1px #E4E4E4;
}

/* Vangnet: laat de opmaak van de omliggende pagina hierbinnen los */
.contactformulier p,
.contactformulier span {
  display: block !important;
  float: none !important;
  width: auto !important;
}

.contactformulier .contact_kop {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.contactformulier label {
  display: block;
  margin: 12px 0 4px 0;
  color: #696972;
  font-size: 14px;
  line-height: 1.4;
}

.contactformulier label i {
  color: #8D8D8D;
  font-style: normal;
}

.contactformulier input[type="text"],
.contactformulier input[type="email"],
.contactformulier textarea {
  display: block;
  padding: 10px;
  max-width: 100%;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px #E4E4E4;
  color: #696972;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  box-sizing: border-box;
}

.contactformulier input[type="text"],
.contactformulier input[type="email"] {
  width: 320px;
}

.contactformulier textarea {
  width: 100%;
  height: 120px;
}

.contactformulier .deel_submitbox {
  margin-top: 15px;
  padding: 10px 20px;
  font-size: 16px;
}

.contact_gelukt {
  color: #4a7a12;
}

.contact_gelukt strong {
  font-size: 18px;
}

.contact_fout {
  margin-top: 10px;
  color: #880000;
}

/* Honeypot: alleen bots vullen dit veld in */
.contact_hp {
  position: absolute;
  left: -5000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ------------------------------------------------------------------ */
/* De balk bovenaan: links naar de andere sites, rechts het account.   */
/* Donkergrijs (#444), net als de balk bovenaan Photofacts Academy.    */
/* De balk zelf loopt over de volle breedte, de inhoud staat in dezelfde */
/* kolom als de rest van de site (#header_main_box, 960).              */
/* ------------------------------------------------------------------ */
#sitebar {
	float: left;
	width: 100%;
	background: #444;
	font-size: 13px;
	line-height: 1;
	/* Het accountmenu klapt over de header heen uit en moet daar dus boven staan */
	position: relative;
	z-index: 100;
}
/* Even breed als #header_main_box eronder, zodat de sitenamen op één lijn staan
   met het logo en de rest van de pagina. */
.sitebar_box {
	margin: 0 auto;
	width: 96%;
	max-width: 960px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	min-height: 34px;
}
.sitebar_sites {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	/* min-width: 0 hoort bij overflow-x in een flexrij: zonder die regel houdt
	   dit vak zich zo breed als zijn inhoud en wordt de héle pagina breder dan
	   het scherm in plaats van dat de rij zelf meeschuift. */
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
}
.sitebar_sites::-webkit-scrollbar {
	display: none;
}
#sitebar a {
	color: #d8d8d8;
	text-decoration: none;
	padding: 10px 0;
}
#sitebar a:hover {
	color: #fff;
	text-decoration: underline;
}
#sitebar a:visited {
	color: #d8d8d8;
	text-decoration: none;
}
.sitebar_sep {
	color: #777;
}
.sitebar_account {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.sitebar_ik {
	display: flex;
	align-items: center;
	gap: 7px;
}
.sitebar_naam {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Het accountmenu: een details/summary, zodat klikken ook zonder JavaScript werkt.
   Het driehoekje van de browser gaat eruit; het pijltje hieronder komt ervoor terug. */
.sitebar_menu {
	position: relative;
}
.sitebar_menu > summary {
	list-style: none;
	cursor: pointer;
	padding: 10px 0;
	/* Was een link en kreeg zijn kleur van #sitebar a; een summary is dat niet */
	color: #d8d8d8;
}
.sitebar_menu > summary::-webkit-details-marker {
	display: none;
}
.sitebar_menu > summary::after {
	content: "";
	border: 4px solid transparent;
	border-top-color: #d8d8d8;
	margin-top: 3px;
	flex: none;
}
.sitebar_menu > summary:hover {
	color: #fff;
}
.sitebar_menu > summary:hover::after {
	border-top-color: #fff;
}
.sitebar_menulijst {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 170px;
	padding: 4px 0;
	background: #444;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
	z-index: 200;
}
/* Open bij een klik (details krijgt dan [open]) én zodra de muis erop staat */
.sitebar_menu[open] .sitebar_menulijst,
.sitebar_menu:hover .sitebar_menulijst {
	display: block;
}
#sitebar .sitebar_menulijst a {
	display: block;
	padding: 8px 14px;
	white-space: nowrap;
}
#sitebar .sitebar_menulijst a:hover {
	background: #555;
	text-decoration: none;
}
.sitebar_avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #666;
	object-fit: cover;
	display: block;
}
/* Het belletje; de teller hangt er rechtsboven aan */
.sitebar_meldingen {
	position: relative;
	display: flex;
	align-items: center;
	padding: 8px 4px;
}
.sitebar_meldingen svg {
	width: 17px;
	height: 17px;
	fill: #d8d8d8;
	display: block;
}
.sitebar_meldingen:hover svg {
	fill: #fff;
}
.sitebar_teller {
	position: absolute;
	top: 1px;
	right: -5px;
	min-width: 15px;
	padding: 0 3px;
	background: #c4342b;
	border-radius: 8px;
	color: #fff;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	box-sizing: border-box;
}
/* Afmelden is een post (een link van elders mag je niet uitloggen), maar hoort
   er in de balk uit te zien als de rest van de links. */
.sitebar_uitform {
	margin: 0;
	padding: 0;
	display: flex;
}
.sitebar_uit {
	margin: 0;
	padding: 10px 0;
	background: none;
	border: none;
	color: #d8d8d8;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 7px;
}
.sitebar_uit:hover {
	color: #fff;
	text-decoration: underline;
}
/* In- en uitloggen staan er als woord én als pictogram; welke van de twee je
   ziet hangt af van de ruimte (zie de mediaregels onderaan dit blok). */
.sitebar_icoon {
	display: none;
	width: 16px;
	height: 16px;
	fill: #d8d8d8;
	flex: none;
}
.sitebar_ik:hover .sitebar_icoon,
.sitebar_uit:hover .sitebar_icoon {
	fill: #fff;
}
/* Alleen voor schermlezers: het belletje heeft verder geen tekst */
.sitebar_verborgen {
	position: absolute;
	left: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
	/* Meebewegen met #header_main_box, dat hier ook op 90% overgaat */
	.sitebar_box {width: 90%;}
	#sitebar {font-size: 12px;}
}

@media screen and (max-width: 900px) {
	/* Eerste besparing: de naam verdwijnt, het portretje blijft de ingang
	   naar het profiel. */
	.sitebar_naam {display: none;}
}

@media screen and (max-width: 700px) {
	.sitebar_box {gap: 10px;}
	/* Op een telefoon passen vijf sitenamen niet naast het account; de rij
	   schuift mee met een veeg, het account blijft staan. */
	.sitebar_sites {gap: 6px;}
	.sitebar_uit {font-size: 12px;}
	/* Tweede besparing: in- en uitloggen worden een pictogram. Het streepje
	   ervoor scheidt dan niets meer. */
	.sitebar_woord {display: none;}
	.sitebar_icoon {display: block;}
	.sitebar_account .sitebar_sep {display: none;}
}

/* ------------------------------------------------------------------ */
/* /profiel: de instellingenpagina, opgebouwd uit losse kaarten        */
/* ------------------------------------------------------------------ */
/* De pagina staat rechtstreeks in .content_main_box en niet in de kolom
   .content_main_box_rightside; die globale opmaak geeft koppen, alinea's en
   spans een float en 100% breedte mee, en daar is hier niets aan gelegen. */
.instellingen {
	padding: 30px 0 50px;
	color: #4a4a55;
	line-height: 1.6;
}
.instellingen h1,
.instellingen h2,
.instellingen p,
.instellingen span {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.inst_kop {
	/* .inst_kop is een <header>-element; zonder deze reset erft het de blauwe
	   achtergrond van de sitebalk (de generieke "header"-regel bovenin dit bestand). */
	float: none;
	width: auto;
	background: none;
	border-bottom: none;
	padding: 0;
	text-align: center;
	margin-bottom: 26px;
}
.instellingen .inst_kop h1 {
	float: none;
	width: auto;
	font-size: 28px;
	color: #446da3;
	margin: 0 0 8px !important;
}
.inst_kop p {
	color: #8d8d8d;
}
.inst_kaart {
	background: #fff;
	border: 1px solid #e6eaf0;
	border-radius: 10px;
	padding: 24px 28px 28px;
	margin-bottom: 22px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .05);
}
.instellingen .inst_kaart h2 {
	float: none;
	width: auto;
	font-size: 21px;
	color: #446da3;
	margin: 0 0 18px !important;
}
/* Twee kaarten naast elkaar; de wachtwoordkaart heeft er wat meer nodig. */
.inst_duo {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 22px;
	align-items: start;
}
.inst_duo .inst_kaart {
	margin-bottom: 22px;
}

/* --- velden en knoppen --- */
.instellingen label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #45464f;
}
.inst_veld {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 16px;
	padding: 10px 12px;
	border: 1px solid #dbe1ea;
	border-radius: 6px;
	background: #fff;
	color: #55565f;
	font-family: inherit;
	font-size: 15px;
}
.inst_veld:focus {
	border-color: #7ba0d0;
	outline: none;
	box-shadow: 0 0 0 3px rgba(123, 160, 208, .18);
}
.inst_veld--site {
	padding-left: 38px;
	background: #fff url('/images/link-icon.png') left 8px center no-repeat;
}
.inst_tekstvak {
	min-height: 240px;
	resize: vertical;
	line-height: 1.6;
}
.inst_knop {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: #83c129;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.inst_knop:hover {
	background: #9ddf3d;
}
.inst_knop--stil {
	background: #8f939b;
}
.inst_knop--stil:hover {
	background: #a5a9b1;
}
.inst_knop--rand {
	background: #fff;
	border-color: #d5dae2;
	color: #55565f;
}
.inst_knop--rand:hover {
	background: #f4f6f9;
}
.inst_hint {
	font-size: 13px;
	font-weight: normal;
	color: #8d8d8d;
}

/* --- meldingen --- */
/* Selector + !important nodig: ".content_main_box p" (elders in dit bestand, in
   een brede media query) heeft zelf ook !important staan op de padding, en wint
   dan met alleen de klasse ".inst_melding" nog op specificiteit. */
.instellingen .inst_melding {
	margin-bottom: 20px !important;
	padding: 12px 16px !important;
	border-radius: 8px;
	background: #eef8e3;
	border: 1px solid #cfe8ae;
	color: #4a7b1c;
}
/* float en breedte moeten expliciet terug: "article ul" geeft elke lijst in een
   artikel een float mee, en dat geldt hier ook. */
.inst_fout {
	float: none;
	width: auto;
	margin: 0 0 18px;
	padding: 12px 16px 12px 34px;
	border-radius: 8px;
	background: #fdf0f0;
	border: 1px solid #f0cccc;
	color: #a32a2a;
	list-style: disc;
}
.inst_fout li {
	margin: 0;
}

/* --- kaart: profielfoto --- */
.inst_fotorij {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	align-items: center;
}
.inst_fotolinks {
	display: flex;
	align-items: flex-start;
	gap: 22px;
}
.inst_avatar {
	flex: none;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}
.inst_fotouitleg p {
	margin-bottom: 12px !important;
}
.inst_fotoform {
	min-width: 0;
}
#fotobasis {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
#fotobasis .inst_veld {
	width: auto;
	margin: 0;
	flex: 1 1 200px;
}
.foto_zone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 34px 20px;
	border: 2px dashed #b8c6da;
	border-radius: 8px;
	background: #f5f8fc;
	text-align: center;
	color: #6b7a8d;
	cursor: pointer;
	line-height: 1.5;
}
.foto_zone b {
	font-size: 18px;
	color: #446da3;
}
.foto_zone small {
	font-size: 13px;
	color: #98a4b4;
}
.foto_zone_icoon {
	width: 40px;
	height: 40px;
	margin-bottom: 4px;
	fill: #6f97cd;
}
.foto_zone:hover,
.foto_zone:focus,
.foto_zone--over {
	border-color: #446da3;
	background: #eef3fa;
	color: #446da3;
	outline: none;
}

/* --- kaart: persoonlijke gegevens --- */
.inst_raster {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 34px;
	align-items: start;
}
.inst_rasteracties {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
}
/* Alleen in beeld bij een gewijzigd e-mailadres; instellingen.js regelt dat. */
.inst_bevestig {
	margin-bottom: 4px;
}

/* --- kaart: nieuwsbrieven --- */
/* ".instellingen .inst_schakel" (i.p.v. ".inst_schakel"): ".instellingen label"
   hierboven zet display terug naar "block" en wint anders van deze ene klasse,
   waardoor de rij nooit een flexcontainer wordt en de pil een lege inline span
   blijft (0 breed, alleen het bolletje zichtbaar). */
.instellingen .inst_schakel {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px 0;
	font-weight: normal;
	cursor: pointer;
}
.inst_schakel + .inst_schakel {
	border-top: 1px solid #eef1f5;
}
.inst_schakel b {
	display: block;
	font-size: 15px;
	color: #45464f;
}
.inst_schakel small {
	display: block;
	margin-top: 3px;
	font-size: 13px;
	color: #8d8d8d;
	line-height: 1.5;
}
/* Het vakje zelf blijft bereikbaar voor toetsenbord en schermlezer, maar de
   pil ernaast is wat je ziet. */
.inst_schakel input {
	position: absolute;
	opacity: 0;
	width: 44px;
	height: 24px;
	margin: 0;
}
/* Specifieker dan ".instellingen span" (elders in dit bestand), die anders de
   breedte terugzet naar "auto" en de pil tot een streepje laat inklappen. */
.instellingen .inst_schakel_knop {
	flex: none;
	position: relative;
	width: 44px;
	height: 24px;
	margin-top: 2px;
	border-radius: 12px;
	background: #d6dae1;
	transition: background .15s;
}
.inst_schakel_knop::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	transition: transform .15s;
}
.inst_schakel input:checked + .inst_schakel_knop {
	background: #4caf27;
}
.inst_schakel input:checked + .inst_schakel_knop::after {
	transform: translateX(20px);
}
.inst_schakel input:focus-visible + .inst_schakel_knop {
	box-shadow: 0 0 0 3px rgba(123, 160, 208, .35);
}

@media screen and (max-width: 860px) {
	/* Onder deze breedte houdt geen van de tweekolomsindelingen het vol. */
	.inst_duo,
	.inst_raster,
	.inst_fotorij {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.inst_duo {
		gap: 0;
	}
	.inst_fotorij {
		gap: 22px;
	}
	.inst_tekstvak {
		min-height: 160px;
	}
	.instellingen .inst_kop h1 {
		font-size: 22px;
	}
}

@media screen and (max-width: 560px) {
	.inst_kaart {
		padding: 20px 18px;
	}
	.inst_fotolinks {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}
/* De bestandsvelden zelf blijven bereikbaar voor toetsenbord en schermlezer,
   maar de zone hierboven is wat je ziet. */
.foto_kiezer {
	position: absolute;
	left: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.foto_uitsnede {
	margin-top: 20px;
}
.foto_doek {
	width: 100%;
	max-width: 300px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #eee;
	cursor: grab;
	touch-action: none;
	display: block;
}
.foto_doek:active {
	cursor: grabbing;
}
/* Met .instellingen ervoor, anders wint het algemene label-uitzicht van de kaarten. */
.instellingen .foto_zoomlabel {
	display: block;
	margin: 15px 0 0;
	font-size: 14px;
	font-weight: normal;
	color: #8d8d8d;
}
.foto_zoom {
	width: 100%;
	max-width: 300px;
}
.foto_knoppen {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 15px;
}
.foto_melding {
	margin-top: 15px;
	font-size: 14px;
	color: #4a8b1e;
}
.foto_fout {
	color: #b02a2a;
}

/* ------------------------------------------------------------------ */
/* /mijn-reacties: je eigen reacties met de antwoorden daaronder       */
/* ------------------------------------------------------------------ */
.mijnreactie {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: #f4f5f6 2px solid;
	float: left;
	width: 100%;
}
.mijnreactie_artikel {
	font-size: 20px;
	margin-bottom: 10px;
}
.mijnreactie_datum {
	font-size: 13px;
	color: #8d8d8d;
}
.mijnreactie_wacht {
	font-style: normal;
	color: #b07a2a;
}
.mijnreactie_eigen p {
	margin-top: 5px;
}
.mijnreactie_antwoorden {
	margin-top: 15px;
	padding-left: 20px;
	border-left: #ebf2fb 4px solid;
}
.mijnreactie_antwoord {
	clear: both;
	box-sizing: border-box;
	display: flex;
	gap: 12px;
	padding: 12px 10px;
	border-radius: 4px;
}
.mijnreactie_antwoord--nieuw {
	background: #f2f8ea;
}
.mijnreactie_avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
}
/* De tekst van een antwoord bestaat uit gefloate p's; die vangt dit blok op */
.mijnreactie_tekst {
	display: flow-root;
	width: 100%;
}
.mijnreactie_nieuw {
	display: inline-block;
	font-style: normal;
	margin-left: 6px;
	padding: 1px 6px;
	background: #83c129;
	border-radius: 8px;
	color: #fff;
	font-size: 11px;
}
.mijnreactie_link {
	font-size: 13px;
}

@media screen and (max-width: 700px) {
	.mijnreactie_antwoorden {padding-left: 10px;}
	.mijnreactie_avatar {width: 30px; height: 30px;}
}

/* ------------------------------------------------------------------ */
/* /fotograaf/{naam}: de openbare profielpagina van een bezoeker       */
/* De pagina gebruikt het raster van een artikel: .profile_pics_box    */
/* met het portret links, .content_main_box_rightside met alles wat    */
/* tekst is ernaast. Daarmee komt het gedrag op smallere schermen uit  */
/* de site zelf en hoeft hier alleen het eigen deel geregeld te        */
/* worden.                                                             */
/* ------------------------------------------------------------------ */
/* De tekst bestaat uit gefloate p's (zo levert OpmaakRenderer ze); zonder
   flow-root loopt de scheidingslijn hieronder er bovenlangs. De clear en de
   breedte zijn er wél nodig bij: de h1 erboven is óók gefloat, en een
   flow-root gaat naast een float staan in plaats van eronder. */
.profielover {
	clear: both;
	display: flow-root;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: #f4f5f6 2px solid;
}
/* Geen p: die krijgt van de site float en 100% breedte mee. Wel clear, want de
   tekst erboven is er wél een. */
.profielsite {
	clear: both;
	padding-top: 10px;
	word-break: break-word;
}
.profielsite a {
	color: #4c7cba;
	text-decoration: underline;
}
.profielsite a:hover {
	text-decoration: none;
}
.profielpagina h2 {
	clear: both;
}
/* De tekst van een reactie bestaat uit gefloate p's; zonder flow-root zou de
   scheidingslijn hieronder bovenlangs die tekst getrokken worden. */
.profielreactie {
	clear: both;
	display: flow-root;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: #f4f5f6 1px solid;
}
.profielreactie_datum {
	font-size: 13px;
	color: #8d8d8d;
}
.profielreactie p {
	margin-top: 5px;
}

/* Onder de 850 verbergt de site .profile_pics_box — bij een reactie of een
   artikel is dat portret bijzaak, hier is het de persoon zelf. Dus laten staan,
   maar dan boven de tekst in plaats van ernaast. */
@media screen and (max-width: 850px) {
	.profielpagina .profile_pics_box {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0;
		text-align: center;
	}
	.profielpagina .profile_pics_box > img {
		width: 100px;
	}
}