.click{user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

html
{
background: #77c043 url(theme/images/horizon.png) center top repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
overflow-y: scroll;
}
.header
{
position: absolute;
width: 100%;
}

.header img#boerderij
{
position: absolute;
top: 30px;
right: 0px;
}

.header img#wolken
{
position: absolute;
top: 30px;
right: 230px;
}

.header div
{
position: relative;
width: 960px;
height: 600px;
margin: 0 auto;
}
img#boom
{
position: absolute;
top: 40px;
left: -30px;
}

.header div h1 
{
position: relative;
background: url(http://waterbeleefroute.nl/theme/images/logo.png) top left no-repeat;
left: 130px;
width: 386px;
height: 123px;
text-indent: -2000em;
font-size: 0;
z-index: 20;
}

#fun{
cursor: default;
width: 15%;
    bottom: 10%;
    left: 5%;
    position: absolute;}
.page
{
position: relative;
width: 830px;
margin: 0 auto;
padding: 212px 0 0 130px;
}

.contents
{
text-align: center;
width: 786px;
background-color: #fff;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
padding: 30px 0;
overflow: hidden;
border-radius: 2%;
margin-top: 10%;
margin-right: 30%;
padding-left: 10px;
padding-right: 10px;

}
a {
text-decoration: none;
display: inline-block;
padding: 8px 16px;
}

a:hover {
background-color: #ddd;
color: black;
margin:0 auto;
}

.previous {
background-color: #f1f1f1;
color: black;
float:left;
top:50%;
position: sticky;
 position: -webkit-sticky;
}

.next {
background-color: #4CAF50;
color: white;
top:50%;
float: right;
position: sticky;
  position: -webkit-sticky;
}
button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.round {
border-radius: 50%;
}
#info{
padding-left: 5%;
padding-right: 5%;
}