@font-face {
  font-family: Nunito-Regular;
  src: url('assets/Nunito/Nunito-Regular.ttf');
}

html { 
  
}

html, body {
  
  padding:0px;
  margin:0px;
}
body {
  font-family: "Nunito-Regular";
  font-size: 16px;
  line-height: 150%;
  background-image:linear-gradient(#EFFFF5, white);
  
}
.greenblock {
    font-size:23px;
		color:black !important;
    display:block;
		margin:0px 10px 10px 0px;
		padding:10px;
		font-weight:bold;
}
a, a:link 
{
    text-decoration: none;
    color:#000 ;
}
a:hover 
{
    text-decoration: none
}
a:active 
{
    text-decoration: underline;
    color:#000;
}

#header
{
  line-height:120%;
  background: url(img/achtergrond.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
  height:180px;
}
#header img {
  margin-top:50px;
  position:absolute;
  top:30px;
  width:600px;
  left: 50%;
  transform: translateX(-50%);
}

#maincontainer {
  width: 100%;
  
}

#contentcontainer {
  min-height:calc(100vh - 300px);
  display:inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

#navigation {
  min-width:240px;
  height:auto;
  display:inline-block;
  float:left;
  display:block;
  margin:60px 40px 0px 40px;
}
#navigation ul
{
    padding:0px 0px 0px 0px;
		margin:13px 0px 13px 0px;
}
#navigation ul li {
  display:block;
  background-color:#B6DBC3;
  margin:10px 14px 14px 0px;
  padding:10px;
  border-radius:4px;
}
#navigation ul li:hover {
  background-color:#A2C1AD;
}
#navigation li.selected, #navigation li.selected:hover {
		background-color:#47B263
}
.unimportant {
  border: 3px solid #B6DBC3;
  padding:8px!important;
  background-color:white!important;
}

#questcontent {
  display:inline-block;
  margin:48px;
  border-radius:4px;
}
#questcontent_main {
    width:680px;
		height:auto;
		margin: 10px auto 10px auto;
		min-height: 402px;
}
@media only screen and (max-width: 1200px) {
  #questcontent_main {
    width:auto;
  }
  #navigation ul li {
    display:inline-block;
  }
}
@media only screen and (min-width: 1200px) {
  #questcontent_main {
    width:680px;
  }
}
#questcontent_main a:link
{
    text-decoration: underline;
    color:#000 ;
}

#footer {
  width:100%;
  height:70px;
  display:block;
  padding:80px 0px 20px 0px;
  text-align:center;
  background-color:#333;
  color:gray;
  height:120px;
  margin-top:30px;
  border-top:6px solid #1D9B3D;
}

img { max-width: 100%;}

table, th, tr, td {
    border-collapse: collapse;
		border: 0px solid black;
		text-align: left;
		padding:1px 12px 1px 0px;
}

.question
{
    font-size:13px;
		color:#B6DBC3 !important;
    display:block;
		background-color:#00571E;
		padding:2px 7px 2px 7px;
		border-style: solid;
    border-width: 3px;
		border-color:#00571E;
		font-weight:bold;
}
.answer
{
    display:block;
		padding:2px 7px 15px 10px;
}

.alt
{
    color:#00571E;
		font-weight:bold;
		cursor: help;
}

.subpagelink {
  display:inline-block;
  font-size:20px;
  color:#B6DBC3 !important;
  background-color:#00571E;
  margin:0px 10px 10px 0px;
  padding:10px;
  font-weight:bold;
  border-radius:4px;
}
.subpagelink:link {
  text-decoration:none!important;
}

h3 {
    margin-bottom:0px;
		font-size:16px;
}
p {
    margin-top:0px;
}

.werkstukpagina
{
    width:480px;
		height:396px;
    border-style: solid;
    border-width: 1px;
		border-color:#00571E;
		margin:10px 0px 10px 0px;
		display:inline-block;
		padding:10px;
		float:left;
}