*{font-family: calibri; color: rgb(70,70,70)}
#mail {color: blue}
#mail2 {color: blue}
#kopje {color: black}
#vooruit {color: black}
#achteruit {color: black}
#Limonaire {color: black}
#Zuurstok {color: black}
#terug {color: blue; background-color: white; border: 0px;}
#instelknop1 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: 0px;}
#instelknop2 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop3 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop4 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop5 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop6 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop7 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop8 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop9 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#instelknop10 {height: 50px; font-size: 18px; background-color: gold; color: black; border: 0px; margin-left: -5px;}
#soort1 {font-size: 18px; background-color: khaki; color: black; border: 0px; margin-left: 0px;}
#soort2 {font-size: 18px; background-color: khaki; color: black; border: 0px; margin-left: -5px;}
#soort3 {font-size: 18px; background-color: khaki; color: black; border: 0px; margin-left: -5px;} 

@media screen and (min-width: 1150px)
{
  #links {width: 150px; height: 716px; color: moccasin; background-color: midnightblue; position: fixed; left: 10px; margin-top: 0px;}
  #knopplek {width: 140px; height: 69px; margin-left: 5px; margin-top: 10px;}
  #knop {width: 140px; height: 69px; font-size: 20px;}
  #k1 {width: 20px; font-size: 30px; font-weight: bold; margin-top: 28px; margin-left: 67px; color: red;}
  #k2 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 67px; color: red;}
  #k3 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 69px; color: red;}
  #k4 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 64px; color: red;}
  #k5 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 71px; color: red;}
  #k6 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 70px; color: red;}
  #k7 {width: 20px; font-size: 30px; font-weight: bold; margin-top: 8px; margin-left: 72px; color: red;}
  #k8 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -17px; margin-left: 69px; color: red;}
  #k9 {width: 20px; font-size: 30px; font-weight: bold; margin-top: 8px; margin-left: 68px; color: red;}
  #k10 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 70px; color: red;}
  #k11 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 73px; color: red;}
  #k12 {width: 20px; font-size: 30px; font-weight: bold; margin-top: 8px; margin-left: 70px; color: red;} 
  #k13 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 73px; color: red;}
  #k14 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -17px; margin-left: 70px; color: red;}
  #k15 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -12px; margin-left: 74px; color: red;}
  #k16 {width: 20px; font-size: 30px; font-weight: bold; margin-top: -17px; margin-left: 71px; color: red;}
  #rechts0 {width: 150px; height: 79px; background-color: midnightblue; position: fixed; left: 1130px; top: 8px;}
  #rechts {width: 150px; height: 710px; background-color: midnightblue; position: fixed; left: 1130px; top: 87px;}
  #dot1 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot2 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot3 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot4 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot5 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot6 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot7 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot8 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot9 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot10 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot11 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot12 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot13 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot14 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
  #dot15 {margin-left: 65px; height: 15px; width: 15px; background-color: white; border-radius: 50%;}
}  

@media screen and (min-width: 770px) and (max-width: 1150px) 
{
  #links {width: 752px; height: 70px; color: moccasin; background-color: midnightblue; margin: -10px auto 0px auto;}
  #knopplek {width: 150px; height: 69px; margin-left: 5px; margin-top: 20px;}
  #knop {width: 150px; height: 69px; font-size: 20px;}
  #k1 {margin-top: -65px; margin-left: 190px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k2 {margin-top: -60px; margin-left: 220px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k3 {margin-top: -60px; margin-left: 250px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k4 {margin-top: -60px; margin-left: 274px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k5 {margin-top: -60px; margin-left: 320px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k6 {margin-top: -60px; margin-left: 340px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k7 {margin-top: -60px; margin-left: 390px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k8 {margin-top: -60px; margin-left: 410px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k9 {margin-top: -60px; margin-left: 470px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k10 {margin-top: -60px; margin-left: 505px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k11 {margin-top: -60px; margin-left: 535px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k12 {margin-top: -60px; margin-left: 580px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;} 
  #k13 {margin-top: -60px; margin-left: 614px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k14 {margin-top: -60px; margin-left: 630px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k15 {margin-top: -60px; margin-left: 660px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;}
  #k16 {margin-top: -60px; margin-left: 680px; width: 20px; font-size: 50px; font-weight: bold; color: red; height: 60px;} 
}

@media screen and (min-width: 690px) and (max-width: 770px) 
{
  #links {width: 655px; height: 70px; color: moccasin; background-color: midnightblue; margin: -10px auto 0px auto;}
  #knopplek {width: 150px; height: 69px; margin-left: 5px; margin-top: 20px;}
  #knop {width: 150px; height: 69px; font-size: 20px;}
  #k1 {margin-top: -65px; margin-left: 170px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k2 {margin-top: -50px; margin-left: 200px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k3 {margin-top: -50px; margin-left: 230px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k4 {margin-top: -50px; margin-left: 254px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k5 {margin-top: -50px; margin-left: 300px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k6 {margin-top: -50px; margin-left: 320px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k7 {margin-top: -50px; margin-left: 356px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k8 {margin-top: -50px; margin-left: 376px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k9 {margin-top: -50px; margin-left: 421px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k10 {margin-top: -50px; margin-left: 456px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k11 {margin-top: -50px; margin-left: 486px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k12 {margin-top: -50px; margin-left: 525px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;} 
  #k13 {margin-top: -50px; margin-left: 559px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k14 {margin-top: -50px; margin-left: 575px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k15 {margin-top: -50px; margin-left: 605px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;}
  #k16 {margin-top: -50px; margin-left: 625px; width: 19px; font-size: 49px; font-weight: bold; color: red; height: 50px;} 
}

@media screen and (min-width: 390px) and (max-width: 690px) 
{
  #links {width: 380px; height: 90px; color: moccasin; background-color: midnightblue; margin: 10px auto 0px auto;}
  #knopplek {width: 370px; height: 30px; margin-left: 0px; margin-top: 20px;}
  #knop {width: 379px; height: 30px; font-size: 20px;}
  #k1 {margin-top: 5px; margin-left: 5px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k2 {margin-top: -50px; margin-left: 28px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k3 {margin-top: -50px; margin-left: 51px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k4 {margin-top: -50px; margin-left: 68px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k5 {margin-top: -50px; margin-left: 107px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k6 {margin-top: -50px; margin-left: 120px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k7 {margin-top: -50px; margin-left: 149px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k8 {margin-top: -50px; margin-left: 162px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k9 {margin-top: -50px; margin-left: 200px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k10 {margin-top: -50px; margin-left: 228px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k11 {margin-top: -50px; margin-left: 251px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k12 {margin-top: -50px; margin-left: 283px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;} 
  #k13 {margin-top: -50px; margin-left: 307px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k14 {margin-top: -50px; margin-left: 319px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k15 {margin-top: -50px; margin-left: 342px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;}
  #k16 {margin-top: -50px; margin-left: 355px; width: 19px; font-size: 40px; font-weight: bold; color: red; height: 50px;} 
}

@media screen and (max-width: 390px) 
{
  #links {width: 340px; height: 70px; color: moccasin; background-color: midnightblue; margin: 10px auto 0px auto;}
  #knopplek {width: 338px; height: 30px; margin-left: 1px; margin-top: 20px;}
  #knop {width: 338px; height: 30px; font-size: 18px;}
  #k1 {margin-top: -3px; margin-left: 5px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k2 {margin-top: -50px; margin-left: 27px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k3 {margin-top: -50px; margin-left: 49px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k4 {margin-top: -50px; margin-left: 65px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k5 {margin-top: -50px; margin-left: 98px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k6 {margin-top: -50px; margin-left: 110px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k7 {margin-top: -50px; margin-left: 135px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k8 {margin-top: -50px; margin-left: 148px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k9 {margin-top: -50px; margin-left: 175px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k10 {margin-top: -50px; margin-left: 200px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k11 {margin-top: -50px; margin-left: 223px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k12 {margin-top: -50px; margin-left: 250px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;} 
  #k13 {margin-top: -50px; margin-left: 273px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k14 {margin-top: -50px; margin-left: 286px; width: 19px; font-size: 36px; 30px; font-weight: bold; color: red; height: 50px;}
  #k15 {margin-top: -50px; margin-left: 306px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
  #k16 {margin-top: -50px; margin-left: 318px; width: 19px; font-size: 36px; font-weight: bold; color: red; height: 50px;}
}