html {
   height: 100%;
   width: 100%;
 }

 /*achtergrond*/
 body {
   background-color: black;

   /*tekst*/
   div {
     padding: 1%;
   }

   h1 {
     text-align: center;
     font-family: "DM Serif Text", serif;
     font-size: 700%;
     font-weight: 400;
     font-style: normal;
   }

   h2 {
     font-family: "Roboto", sans-serif;
     font-size: 40px;
     font-weight: 400;
     font-style: normal;
     margin-left: 2%;
   }

   p {
     font-family: "Roboto", sans-serif;
     font-size: 30px;
     font-weight: 400;
     font-style: normal;
     margin-left: 2%;
   }

   li {
     font-family: "Roboto", sans-serif;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
   }

   p#fietsenzonderbanden {
     font-family: "Roboto", sans-serif;
     font-size: 15px;
     font-weight: 400;
     font-style: normal;
     display: inline;
   }


   h2#sinds {
     text-align: center;
   }

   p#maken {
     text-align: center;
   }

   p#slogan {
     text-align: center;
     color: white;
     padding: 0px;
     margin: 0px
   }

   p#fietsenzonderbanden {
     text-align: left;
     color: white;
     padding: 0px;
     margin: 0px
   }

   /*wrapper*/
   div#wrapper {
     background-color: #14213D;
     min-width: 600px;
     padding-top: 9%;
   }

   /*header*/
   div#header {
     background-color: #FCA311;
     position: fixed;
     top: 0px
   }

   #header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0%;
     width: 100%;
     background-color: #FCA311;
     padding: 15px;
     margin-left: 0%;
     margin-right: 0%;
     z-index: 999;

     /* voorkomt dat content eroverheen komt */
     #header {
       display: flex;
       align-items: center;
       /* zet alles netjes in het midden */
       justify-content: space-between;
       /* logo links, menu rechts */
     }
   }

   /*content*/
   div#content {
     background-color: #E5E5E5;
     width: 98%;
   }

   /*menu*/
   #menu ul {
     display: flex;
   }

   #menu li {
     display: flex;
   }

   #menu {
     background-color: #FCA311;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
   }

   #menu a {
     color: white;
     text-decoration: none;
   }

   #menu a {
     color: white;
     text-decoration: none;
     display: block;
     padding: 15px;
   }

   #menu a:hover {
     /* Als je met je muis over een link gaat*/
     color: white;
     background-color: #14213D;
   }

   /*footer*/
   div#footer {
     background-color: #FCA311;
     clear: both;
   }

   /*plaatjes*/
   img#logo {
     width: 15%;
     max-width: 60px;
   }

   /*E-bike*/
   img#E-bike {
     float: right;
     margin-left: 10px;
     margin-right: 3%;
     margin-top: 35px;
     clear: right;
     width: 20%;
     max-width: 600px
   }


 }

 img#mountainbike {
   width: 30%;
   max-width: 600px;
   margin-right: 2%;
   float: right;
 }

 #water {
   width: 30%;
   max-width: 600px;
   margin-right: 2%;
   float: right;
   padding: 0.1% 0 0.1%;
 }

 img#financiën {
   width: 35%;
   max-width: 600px;
   margin-left: 2%;
   margin-right: 2%;
   float: left;

 }

 img#andere {
   width: 86%;
   margin-left: 6.5%;
   margin-right: 7%;
 }

 img#kanaal {
   width: 86%;
   margin-left: 6.5%;
   margin-right: 7%;
 }

 /*doneren*/




 #doneren {
   background-color: #FCA311;
   text-align: center;
   overflow: hidden;
   margin: 20px auto;
   padding: 0px;
   width: 150px;
   font-family: "Roboto", sans-serif;
   font-size: 30px;
   font-weight: 400;
   font-style: normal;
   border: 4px solid #FCA311;
   border-radius: 100px;
 }

 #doneren a {
   color: white;
   text-decoration: none;
   display: block;
   padding: 15px;
 }

 #doneren a:hover {
   /* Als je met je muis over een link gaat*/
   color: white;
   background-color: #14213D;
 }

 #menu a#actief {
   color: white;
   background-color: #14213D;
 }

 /*lijst financiën*/
 li.procenten {
   font-family: "Roboto", sans-serif;
   font-size: 30px;
   font-weight: 400;
   font-style: normal;
   list-style-type: circle;
 }

 li.doelen {
   font-family: "Roboto", sans-serif;
   font-size: 30px;
   font-weight: 400;
   font-style: normal;
   list-style-type: circle;
   margin-bottom: 30px;
   margin-left: 1%;
 }

 /*tabel geredde fietsen */
 table.fietstabel {
   border: 1px solid white;
   width: 50%;
   font-family: "Roboto", sans-serif;
   font-size: 30px;
   font-weight: 400;
   font-style: normal;
 }

 table.fietstabel th {

   border: 4px solid #14213D;
   color: black;
 }

 table.fietstabel td {

   border: 4px solid #14213D;
   color: white;
   font-family: "Roboto", sans-serif;
   font-size: 30px;
   font-weight: 400;
   font-style: normal;
   width: 50%;
   text-align: center;
 }

 table.fietstabel {
   border: 4px solid white;
   border-collapse: collapse;
   text-align: center;
 }

 table.fietstabel {
   width: 90%;
   margin: 50px auto;
   background-color: #FCA311;
 }