html
{
height:100%
}

body
{
margin-left:0px;
margin-right:0px;
margin-top:75px;
margin-bottom:00px;
font-family: 'Orienta', sans-serif;
font-size: 20px;
font-weight:normal;
line-height:36px;
letter-spacing:2pt;
color:#000;
background-color:#fff !important;
overflow-x: hidden;
background-image: url(achtergronden/achtergrond.jpg);
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
background-attachment: fixed;
}
 
td.tekstvak
{
padding:30px;
padding-bottom:20px;
width:100%;
font-family: 'Orienta', sans-serif;
font-size: 17px;
font-weight:normal;
line-height:30px;
letter-spacing:1pt;
color:#000;
background-color:#fff;
opacity: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(achtergronden/achtergrond.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 10%  ;
}

.pijltje {}

#pijltje {
  content: '\21A9';
  display: inline;
  text-decoration: none;
}


td.navi{padding-top:0px;padding-bottom:0px;margin-top:0px;}


h1
{
font-family: 'Orienta', sans-serif;
font-size:90px;
color:#000;
line-height:75px;
letter-spacing:3pt;
text-shadow:none;
}

/*
text-shadow:
-4px -2px 0 #f00,
4px -2px 0 #fff,
-4px 2px 0 #fff,
4px 2px 0 #fff;
*/

h2
{
font-family: 'Orienta', sans-serif;
font-size:45px;
color:#000; 
line-height:60px;
}

h3
{
font-family: 'Orienta', sans-serif;
font-size:24px;
letter-spacing:2pt;
color:#000;
margin-top:-10px;
margin-bottom:10px;
}

h4
{
font-family: 'Orienta', sans-serif;
font-size:45px;
letter-spacing:2pt;
color:#bd0000;
margin-top:0px;
margin-bottom:10px;
}



table
{
margin-top:55px;
width:100%;
max-width:800px;
border-radius: 0px;
}

td.niks
{
font-family: 'Orienta', sans-serif;
}

p
{
margin-bottom:30px
}

img
{
border: black 1px solid;
margin-bottom:10px;
width:300px;
}
            
.bullelements /* de stipjes voor de tekst onderaan */
{
font-size:2em;vertical-align: sub;
}

img.titel
{
border: black 0px solid;
width:100% !important;
}

img.pijltje
{
border: black 0px solid;
width:50px !important;   
}

div.niels
{
z-index:10;
position:absolute;
left:50%;
margin-left:75px;
top:247px;
}

img.fotoniels
{
background-color:transparent;
z-index:10;
width:250px !important;
max-width:250px !important;
border: #666 2px solid
}

img.ikoontjevrijland
{
background-color:transparent;
z-index:10;
width:24px !important;
border: black 0px solid;
}

img.ikoontjes
{
background-color:transparent;
z-index:10;
width:17px !important;
border: black 0px solid;
}

div.qrcode
{
z-index:10;
position:absolute;
left:50%;
margin-left:-80px;
bottom:118px;
}

img.qrcodeplaatje
{
background-color:transparent;
z-index:10;
width:160px !important;
max-width:160px !important;
border: #666 2px solid
}

.button
{
font-family: 'Orienta', sans-serif;
font-size: 17px;
font-weight:normal;
letter-spacing:1pt;
background-color: #fff;
opacity: 1;
border: 2px black solid;
border-radius: 7px;
color: black;

/* breedte */   width:180px;
                padding:  /* hoogte */  14px
                          /* breedte */ 0px;
text-align: center;
vertical-align:bottom;
cursor: pointer; 
}

.button:hover {
background-color: #fff;
}

a.li:link {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a.li:visited {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a.li:hover {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a.li:active {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a.li:focus {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }

a:link {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a:visited {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a:hover {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a:active {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }
a:focus {font-size: 17px; font-family: 'Orienta', sans-serif;text-decoration:underline;color:#000;font-weight:normal;outline: none; -moz-outline-style: none }

/* navigatie knop onder: omhoog */
.blockdiv2
{
right:120px;
margin-left:0px;
bottom:10px;
position:fixed !important;
z-index:10001;
width:15px;
border:0px solid black;
}

a.knoppie2:link, a.knoppie2:visited, a.knoppie2:hover {
margin-top:0px;
margin-bottom:0px;
margin-left:-20px;
margin-right:0px;
background-color: #fff;
color: black;
padding: /* boven */ 20px
         /* links en rechts */ 5px
         /* onder */ 0px;
width:45px !important;
height:25px;
text-align: center;
text-decoration: none;
display: inline-block;
border:2px solid black;
font-weight:normal;
text-shadow: none;
border-radius: 7px;
}
/* winde navigatie knop onder: omhoog */

/* navigatie knop boven: vrijland */
.blockdiv3
{
left:120px;
margin-right:0px;
top:25px;
position:fixed !important;
z-index:10002;
width:45px;
border:0px solid black;
}

a.knoppie3:link, a.knoppie3:visited {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background-color: white;
color: black;
padding: /* boven */ 5px
         /* links en rechts */ 15px
         /* onder */ 18px;
width:150px !important;
height:25px;
text-align: center;
text-decoration: none;
display: inline-block;
border:2px solid black;
font-weight:normal;
text-shadow: none;
border-radius: 7px;
}

a:hover.knoppie2, a.knoppie2:active {
background-color: #eee;
color:#000;
text-shadow: none
}

iframe
{
border: 0px #8882ac dashed;
background-color: transparent;
}