div#wrapper{
    margin: auto;
    width: 600px;
}

div#inhoud{
    margin: auto;
    width: 80%;
}
h4.titel {
    color: rgb(107, 36, 36);
    font-size: 1rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p.aantPer {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: .8rem;
    font-style: italic;
    margin-left: 15px;
}

p.instructie {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: .9rem;
    background-color: AliceBlue;
    padding: 2px 5px 2px 5px;
    line-height: 1.4;
}
ul li {
    list-style-type: circle;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: .9rem;
    padding: 3px 5px 3px 5px;
    color:rgb(0,0,153) ;
}
ol li{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: .9rem;
    padding: 3px 5px 3px 5px;
}
div.instructie {
    border-style: solid;
    border-radius: 15px;
    border-color: rgba(183, 174, 221, 0.972);
    background-color: AliceBlue;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

a.knop:link, a.knop:visited {
    background-color: white;
    color: black;
    border: 2px solid green;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 15%;
    margin-top: 15%;
}
a.knop:hover, a.knop:active {
    background-color: green;
    color: white;
  }

a:link {
    text-decoration: none;
    color: rgb(19, 67, 170);
}
a:hover {
    color: crimson;
}
a:visited {
    color: black;
}
div.verwijs {
    background-color: #F5F5DC;
    padding-top: 3px;
    padding-bottom: 3px;
}

fieldset {
    margin:auto;
    border:2px solid green;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   max-width: 500px;
   background-image: linear-gradient(-90deg,#EEE8AA, #AFEEEE);
}

input[type=text], input[type=number], input[type=range] {
   width:100%;
   box-sizing: border-box;
   padding:4px;
   border: 2px solid green;
   border-radius: 4px;
   margin: 4px;
   background: #EDEDED;
   text-align:  center;
   font-family: Arial;
   font-size: medium;
   font-weight: bold;
}
input[type=button], input[type=reset] {
   background-color: #4CAF50;
   border: none;
   color: white;
   padding: 16px 32px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
   background-color: #33FFCC;

}
img {
    border-radius:10px ; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
 }
 a.linkKnop {
    background-color:dodgerblue;
    border:1px solid #660000;
    border-radius:9px;
    color:#fff;
    margin-right:10px;
    padding:5px 10px 5px 10px;
   }
   a.linkKnop:hover {
       background-color: greenyellow;
       color:black;
   }
   @media screen and (max-width : 800px){
    a.knop:link, a.knop:visited {
        padding: 7px 14px;
        margin-left: 10%;
        margin-top: 10%;    
    }
   
}

   @media screen and (max-width : 450px){
    a.knop:link, a.knop:visited {
        padding: 2px 5px;
        margin-left: 8%;
        margin-top: 8%;    
    }

   }