div { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size:  16px; color:111188}
a:active { font-size: 18px; fontweight:300;  text-decoration: none; color: 000055}
a { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size: 18px;  text-decoration: none; color:111188}
a:hover {  color: red}
b { font-family: sans-serif, "Times Roman", kidprint; font-weight: 600; font-size: 26px;  text-decoration: none; color:111188}
p { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size: 20px;  text-decoration: none; color:111188}
q { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size: 14px;  text-decoration: none; color:aaccff}
i { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size: 20px;  text-decoration: none; color:111188}
td { font-family: sans-serif, "Times Roman", kidprint; font-weight: 300; font-size: 18px;  text-decoration: none; color:111188}
 


body, html {
  height: 100%; 
  margin: 0;
 
scrollbar-3dlight-color: #111111; 
scrollbar-arrow-color: #555555; 
scrollbar-face-color: #eeeeee; 
scrollbar-highlight-color: #eeeeee; 
scrollbar-track-color: #dddddd

} 



div.second {
  background: rgba(255, 255, 255, 0.8);
  padding:30px;
}

.bg {
  /* The image used */
  background-image: url("images/parl4.jpg");

  /* Full height */
  height: 130%;  
  width: 100%;  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bg2 {
  /* The image used */
  background-image: url("images/adrv4d.gif");

  /* Full height */
  height: 140%;  
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.bg3 {
  /* The image used */
  background-image: url("images/cyt.gif");

  /* Full height */
  height: 140%;  
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.bg4 {
  /* The image used */
  background-image: url("images/saltire2.gif");

  /* Full height */
  height: 140%;  
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.button {
  transition-duration: 0.2s;
  border:2;
  color:2222dd;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 1px 1px;
  cursor: pointer;
  background-color: #bbbbff;
  border-radius: 10px; 
}
.button:hover {
  background-color: #dd7777;  
  color: black; 
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
} 
.button:active {
  box-shadow: 0 5px #995555;
  transform: translateY(5px);
}
 
.slot1{
  background-color:#ffffff;  
  width:100%; 
  height: 700px;
  font-size: 26px;
}
.slot2{
  background-color:#ff2fff;  
  height: auto; 900px;
  font-size: 20px;
}

.slot3{
  background-color:#eeff55;  
  width:75%;  
  height: auto;
  font-size: 26px;
  border: 5px  solid blue;
}
.slot4{
  background-image: url("adr4.gif");
  background-color:#ffffff;
 height:100%; 
 image-position:middle;
}
.slot5{
  background-image: url("adr5.gif");
  background-color:#aaff99;  
  width:75%;  
  height: 800px;
  font-size: 26px;
  background-attachment: fixed;
}
img.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 300px;
}
.tekst1{
  background-image: linear-gradient(#ffcdb0, #ffffff);    
  width:98%;  
  height: auto;
  font-size: 21px;
  text-align:left;
  padding:10px;
  border: 0px  solid blue;
}
.tekst2{
  background-color:#ddffff;    
  width:85%;  
  position: center;
  height: auto;
  font-size: 20px;
  text-align:left;
  padding:20px;
  border:2px solid blue;
}
.tekst3{
  background-color:#111111; 
  width:75%;  
  height: auto;
  font-size: 20px;
  text-align:left;
  padding:10px;
   position: absolute;
   left: 140px;
}
.tekst4{
  background-color:#eeffff;    
  width:80%;  
  position: center;
  height: auto;
  font-size: 10px;
  text-align:left;
  padding:20px;
  border:2px solid blue;
}
.tekst5{
  background-color: #fffafa;  
  padding: 30px;
  text-align: left;
  width:80%;
  border:1px solid grey;
}
.tekst6{
  height: auto;
  background-image: linear-gradient(#ffffbb, #ffffff);
  padding: 50px; 
  text-align: left;
}

.lijst1{
   background-image: url("images/wolk2.jpg");
   width:99%;  
   height: auto;
   background-size: cover;
   border: 1px  solid grey;
}

.lijst2{
  background-color:#efffff;  
  width:75%;  
  height: auto;
  border: 3px  solid blue;
}

.lijst3{
  background-color:#efffff;  
  height: auto;
  font-size: 26px; 
}
.lijst4{
  background-color: #efefff; eeefef;  
  padding: 50px;
  text-align: left;
  width:80%
}
.lijst5{
  background-color:#ff1ffff;  
  padding: 50px;
  text-align: left;
  width:80%;
  border: 1px solid black;
}
.lijst6{
  background-color: #efffff; 
  height: auto;
  font-size: 24px;
  border: 1px solid grey;
}

.start{
   background-color:#efefff;
   height:auto;
   font-size: 24px;
}

.einde{
   background-color:#efefef;
   height:300px;
   overflow: auto;
}

.niks{
   background-color:#ffffff;
   width: 99%;
   height: auto;
   border: 4px solid grey; 
}
.saltire {
  border: 1px solid black;
  background: url(saltire2.gif);
  background-repeat: no-repeat;
  background-size: 101%; 
}
.container {
  position: relative;
  text-align: center;
  background-color:#ffcdb0; 
  height: auto;
} 
.container2 {
  position: relative;
  text-align: center;
  background-color:#111111; 
  height: auto;
} 
.right {
  position: absolute;
  top: 50px;
  left: 80%;40px;
  color:blue;
  font-size: 40px;
}
.left {
  position: absolute;
  top: 120px;
  left: 50px;
  color:white;
  font-size: 40px;
}
 
.colofon{
  background-color:darkblue;
  height:auto;
  font-size: 20px;
}
 
.colofon1{
  position:relative;
  left:20px;
  background-color:#77ccdd;
  height:auto;
  width:95%;
  padding:10px;
}