/* CSS Document */
body	{
	font-family: verdana;
	padding-left: 5em;
	padding-right: 5em;
	color: #FF6600;
	background-color: #E9EFDA;
	max-width: 900px;
	margin: auto;
	margin-top: 0em;
	}
	
p 	{
	font-family: verdana;
	font-size: 11pt;
	color: #666666;
	line-height: normal;
	} 
	
p.klein { /* hulp bij invullen formulier */
	font-size:8pt;
	}

p.geenspatieonder{
		margin-bottom: 0px;
	}

ul.geenspatieboven{
		margin-top: 5px;
	}
	
.titeltje {
	font-size: 12pt;
	font-weight:bold;
	font-style:italic;
	margin-top: 20px;
	}
	
.titeltje2 {
	font-size: 11pt;
	font-weight:bold;
	font-style:normal;
	margin-top: 15px;
	color: #006600;
	}
li	{
	font-size: 11pt;
	color: #666666;
	}


h1 {
	font-family: verdana;
	font-size: 20pt;
	text-align: left;
	font-weight: bold;
	color: #006633;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 40px;
  }
	
h2 {
  	font-family: verdana;
	color: #F15A31;
  	font-size: 15px;
  	text-align: left;
	font-style:normal;
	font-weight: bold; 
	margin-bottom: 8px;
  }

h3 {
	font-family: verdana;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
	color: #198134;
	margin-bottom: 20px;
	line-height: 14pt;
  }

::placeholder {
	color: #F15A31;
	font-weight: normal;
}

hr {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0); 

}

table.t1 {
	width:80%;
	}
table.t2 {
	width:100%;
	}
table.t3 {
	width:70%;
	}
	
TD	{
	font-family: verdana;
	font-size: 11pt;
	color: #006600;
	}
	
div.covers {
	display:inline-block;
	color:#198134;
	font-size:12pt;
	text-align: center;
}

img.banner {
	width: 30%;
	margin: -1em 0.5em 0 0;
	float:right;
	}

img.cover {
	width: 150px;
	padding: 0px;
    margin-bottom: -15px;
    margin-top:10px;
	margin-left: 20px;
    margin-right: 20px;
    border: 2px solid green;
  	border-radius: 0px;
}

.static {
  position:absolute;
  background-color:white;
}

.static:hover {
  opacity:0;
}
	


/* RESPONSIVE BEGIN */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		}
	body {
		padding-left: 0.5em;
		padding-right: 0.5em;
		max-width: 400px;
		}
	p {
		font-size:10pt;
		line-height:normal;
		}
		
	li	{
		font-size: 10pt;
		color: #666666;
	}
	
	h1{
		font-size:17pt;
		text-align:left;
		margin-bottom: 1px;
		margin-top: 1px;
		line-height:25px;
		}
	h3{
		font-size:11pt;
		text-align:center;
		}	
	tr {
		margin-bottom:3px;
		}
	TD {
		font-size:10pt;
		}
	.titeltje {
		font-size:11pt;
		margin-top:10px;
		}
	input, select, textarea {
		margin-left:5px;
		}
	img.banner {
		width:100%;
		margin: 0.5em 0 1.5em 0;
	}
	
	img.cover {
	width: 100px;
	padding: 0px;
    margin-bottom: -20px;
    margin-top:10px;
	margin-left: 10px;
    margin-right: 10px;
    border: 2px solid green;
  	border-radius: 0px;
}
}
/* RESPONSIVE END */






/* VOOR FAQ PAGINA */

}
.faq-heading{
    border-bottom: #777;
    padding: 20px 60px;
	font-size:16px;
}
.faq-container{
display: flex;
justify-content: center;
flex-direction: column;
}

.hr-line{
  	margin-top: 0.5em;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0,#F15A31, #f0f0f0); 
  width: 60%;

}
/* Style the buttons that are used to open and close the faq-page body */
.faq-page {
    /*background-color: #eee; */
    color: darkgreen;
	font-size:14px;
    cursor: pointer;
    padding: 6px 0px;
    width: 100%;
    border: none;
    outline: none;
    transition: 0.4s;
    /*margin: auto; heb ik vervangen door het onderstaande*/
	margin: auto;
	float: right; /*zelf toegevoegd */

}
.faq-body{
	margin: inherit; /* was voordien auto */
    /* text-align: center; */
   width: 95%; 
   /* padding: 0px 15px; */
   padding-left:0.5em;
   padding-right: 0.5em;
   padding-top: 0em;
   padding-bottom: 0em;
   
       /*padding: 0 6px; */
    background-color: white;
    display: none;
    overflow: hidden;
   
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {
    background-color: #F9F9F9;
}

/* Style the faq-page panel. Note: hidden by default */
.faq-bodys {
    padding: 0 6px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-page:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 14px;
    color: #777;
    float: right;
	/* margin-left: auto; */
}

.active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */
}