div.main_page {
    position: relative;
    display: table;

    width: 1024px;
    height: 700px;

    margin-top: 5px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;

    background-color: #D8DBE2;
    background-image: url("highway_02.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;

    
    text-align: center;
  }

  div.main_page::before
  {
      content: '';
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      height: 90%;
      background: rgba(0,0,0,0.5);
      pointer-events: none;

  }

  div.menu
  {
      content: "";
      position: absolute;
      left: 5%;
      top: 0;
      height:10%;
      width: 90%;
  }
  
  div.menu_ldrive
  {
      position: absolute;
      top: 40%;
      left: 10px;
  }

  div.menu_home
  {
      content: "";
      position: absolute;
      left: 70%;
      top: 40%;
  }

  div.menu_contact
  {
      content: "";
      position: absolute;
      left: 80%;
      top: 40%;
  }
  
  div.menu_tarief
  {
      content: "";
      position: absolute;
      left: 90%;
      top: 40%;
  }

  div.heading
  {
      padding: 10px;
      align: left;
  }
  
  div.darker
  {
      content: "";
      position: absolute;
      left: 0;
      top: 10%;
      
      height: 90%;
      width: 100%;
  }
  
  div.l-drive
  {
      color: #FFFFFF;

      font-size: 5em;
      font-weight: 700;

      top: 150px;
      position: relative;
  }

  div.announcement
  {
      position: relative;
      color: #FFFFFF;
      font-size: 3em;
      font-weight: 400;

      top:250px;
  }
  div.slogan
  {
      position: relative;
      color: #FFFFFF;
      font-size: 3em;
      font-weight: 400;

      top: 170px;
  }

  div.practical
  {
      position: absolute;

      width: 200px;
      left: 100px;
      top: 550px;
      padding: 20px;
       

      color: white;
      background-color: #234520;

      border-radius: 15px;
      
      text-align: left;
  }

  div.theorie
  {
      position: absolute;

      width: 200px;
      left: 400px;
      top: 600px;
      padding: 20px;
       

      color: white;
      background-color: #CC3300;

      border-radius: 15px;
      
      text-align: left;
  }

  div.vorming
  {
      position: absolute;

      width: 200px;
      left: 700px;
      top: 570px;
      padding: 20px;
       

      color: white;
      background-color: #0066FF;

      border-radius: 15px;
      
      text-align: left;
  }

  div.contact
  {
      position: absolute;

      left: 10%;
      top: 950px;
      height: 360px;
      width: 80%;

      background-color: #FFFFFF;
      border-radius: 15pt;
      text-align: left;
  }

  #contacttitle
  {
      position: absolute;

      left: 30px;
      top: 20px;

      font-size: 30pt;
  }

  #contacttext
  {
      position: absolute;

      left: 50px;
      top: 100px;

      font-size: 18px;
  }
  
  #contactdata
  {
      position: absolute;

      left: 50px;
      top: 130px;
      width: max-content;
  }

  #contactemail
  {
      position: absolute;

      left: 10px;
      top: 45px;
      width: max-content;
  }
  #contactphone
  {
      position: absolute;

      color: black;
      left: 10px;
      top: 80px;
      width: max-content;
  }

  #contactcellphone
  {
      position: absolute;

      left: 10px;
      top:125px;
      width: max-content;
  }

  #contactaddress
  {
      position: absolute;

      left: 10px;
      top: 170px;
      width: max-content;
  }

  #contactImage
  {
      position: absolute;
      left: 630px;
      top: 150px;
  }


  #contactmazda
  {
      width: 200px;
  }
  
  #mail
  {
      color: black;
  }


  #copyright
  {
      position: absolute;

      left: 10%;
      top: 1350px;
      height: 100px;
      width: 80%;

  }