/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 jan. 2022, 19:37:59
    Author     : Wim
*/

body {
  background-image: url("grass.jpg");
  background-repeat: repeat;  
  background-color: #cccccc;
      font-family: sans-serif;
}

div.center{
  margin-top: 5px;
  margin-bottom: 2px;  
  text-align: center; 
}
div.left{
  margin-top: 10px;
  margin-bottom: 5px;  
  text-align: left; 
}

h3 {
  color: #f4b083;
  text-shadow: -1px 0px black, 0 1px black, 1px 0 black, 0 -1px black;
    text-align: center;
    font-size: 16pt;
    font-family: sans-serif;
    margin-top: 7px;
        margin-bottom: 3px;
    letter-spacing: 0.05em; 
}

h4 {
 font-size: 14pt;  
 color: #bb7025;
  margin-top: 5px;
  margin-bottom: 3px; 
}

div.logo {
    position: absolute;
    left: 100px;
}

img.logo {
     width: 300px;  
       opacity: 0.8;
}
img.right {
     width: 50px;  
}
img.down {
     width: 40px;  
}

div.box {
  position: absolute;
  width: 300px;
  border: 1px solid darkgrey;
  box-shadow: 3px 6px 5px #364e00;
  background: white;
    opacity: 0.9;
  text-align: center;  
}

div.chelonus {
  left: 100px;
  top: 200px;
  height: 180px;
}

div.osmia {
  left: 100px;
  top: 410px;
  height: 90px;
}

div.lasmorio {
  left: 100px;
  top: 530px;
  height: 90px;
}

div.info {
  position: absolute;
  left: 500px;
  top: 400px;
  width: 330px;
  height: 200px;
  padding: 10px;
  background: white;
  opacity: 0.9;
  border: 1px solid #364e00;
}

div.landje {
  left: 500px;
  top: 10px;
  height: 140px;
  width: 350px;
}

div.heide {
  left: 500px;
  top: 180px;
  width: 350px;
  height: 90px;
}
div.keys {
  left: 500px;
  top: 300px;
  width: 350px;
  height: 70px;
}

div.right {
  position: absolute;
  left: 440px; 
  top: 40px;
}

div.down {
  position: absolute;
  left: 230px; 
  top: 140px;
}


p.center {
        text-align: center;
}