body { font-family: Arial, Helvetica, sans-serif; margin: 0;}

img {width: 30%; }

p {img {width: 10%; }}


.header {display: flex; background-color: green; flex-direction: row; font-size: 30px; 
        text-align: center; justify-content: center;
        align-items: center; }
.klikbaar {display: flex; flex: 2; background-color: yellow; padding-left: 3%; 
          font-size: 40px; }
.rechts {flex: 3; padding-left: 80px}
.links {padding-left: 10%; }

.MainBody {display: flex; flex-direction: row; 
.Sidebar {flex: 2; img {width: 80%; }; } .Main {flex: 4; }; }
.Window {img {padding-top: 5%; }; background-color: black; padding-right: 0%; border-right: 10%; 
        p {color: white; }; padding-left: 10%; margin-right: 40%; }

.Reclame {img {width: 5%; }; font-size: 220%; position: relative; text-allign: center; }
.RT1 {position: absolute; bottom: 80%; left: 5%; rotate: 10deg; }
.RT2 {Position: absolute; bottom: 0px; color: green; emphasis-color: red; }

.SupportClass {position: relative; }
.SupportClass {img {width: 100%; height: 40%; position: relative; };
              button {position: absolute; width: 30px; height: 30px; font-size: 20px; right: 16px; top: 8px; }
              p {font-size: 220%; position: absolute; top: 20px; color: blue; }; 
              }





.AfbeeldingGroot img {width: 100%; height: 50%; }