html {background-color:#60727C; background-repeat: no-repeat;  background-position: center center;  background-attachment: absolute; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  width:100%; margin:0 auto; height : 100%; overflow-y : scroll;}


body{margin: 0 auto; width:994px; margin-left:auto; margin-right:auto; height:100%; font-family:arial, verdana, helvetica, sans-serif;font-size:62.5%; 
-webkit-transform:rotate(0deg) translateX(0px) scale(1.0);
-moz-transform:rotate(0deg) translateX(0px) scale(1.0);
-ms-transform:rotate(0deg) translateX(0px) scale(1.0);
-o-transform:rotate(0deg) translateX(0px) scale(1.0);
transform:rotate(0deg) translateX(0px) scale(1.0); }/*1em = 10px 

/*body{
background-color: #000;
background-image: repeating-linear-gradient(90deg, transparent, transparent 50px,
      rgba(255, 127, 0, 0.25) 50px, rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px,
      rgba(255, 127, 0, 0.25) 63px, rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px,
      rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255, 127, 0, 0.25) 50px,
      rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px, rgba(255, 127, 0, 0.25) 63px,
      rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px, rgba(255, 206, 0, 0.25) 116px,
      rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px),
repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px);}*/



#onderwerp {position:absolute; width:994px; margin-left:auto; margin-right:auto; top:10.5em; color:white; font-size:2.0em; font-weight:800; text-align:center;}
#inhoud_tekst {position:absolute; top:16.1em; left:34.0em; color:yellow; font-size:1.6em; width:28.0em; }
#inhoud_tekst_puur {position:absolute; top:16.2em; left:17em; color:yellow; font-size:1.6em; width:21em; }
#inhoud_tekst_puur a{color:white; font-weight:500; }
#inhoud_fotos_links {position:absolute;top:23.5em;right:19.75em;width:19.0em;}
#inhoud_fotos_rechts {position:absolute;top:23.5em;right:0em;width:19.0em;}
#inhoud_tekst a {color:white; font-weight:500; }
#inhoud_tekst_links {position:absolute;top:16.3em;left:0em;color:#FFF;font-size:1.32em;font-weight:900}
#inhoud_tekst_rechts {position:absolute;top:19.85em;left:20.9em;color:#FFF;font-size:1.32em;font-weight:900}
#inhoud_fotos_L {position:absolute;top:22.5em;right:30.2em;width:14.5em;}
#inhoud_fotos_M {position:absolute;top:26.1em;right:15.1em;width:14.5em;}
#inhoud_fotos_R {position:absolute;top:26.1em;right:0em;width:14.5em;}

#hofland_boek {position:absolute; top:50.3em; left:37em; font-size:1.5em; font-style:italic; color:yellow; font-weight:bold;}

.fotoformaat{width:13.3em;height:10.0em; border:0; }
.rondingen_rondom_30{-moz-border-radius:3.0em;-webkit-border-radius:3.0em;border-radius:3.0em}
.rondingen_top_15{-moz-border-radius-topright:1.5em;-webkit-border-top-right-radius:1.5em;-moz-border-radius-topleft:1.5em;-webkit-border-top-left-radius:1.5em;border-top-right-radius:1.5em;border-top-left-radius:1.5em}
.lettergrootte_w{font-size:400%;font-weight:900;color:#FFF}
.lettergrootte_f{font-size:2.75em;font-weight:900;color:#FFF}
.left_p{margin-left:8.1em;}
.left_t{margin-left:10.55em}
.kop {font-size:1.7em;font-weight:bold;}
.fotos_kop_1 {font-size:1.9em;font-weight:bold;color:yellow;}
.fotos_kop_2 {font-size:1.9em;font-weight:bold;color:yellow;}
.boek-1 {font-size:1.73em;color:white;font-weight:bold; }


#vast {position:fixed; top:0; width:994px; margin-left:auto; margin-right:auto; height:19.0em; background-color:#60727C; }
#hofland_logo {position:fixed; top:1.8em; left:0.2em; width:994px; margin-left:auto; margin-right:auto; float:left;}
#topmenu{position:fixed; top:1.5em; height:2.1em; font-size:1.44em; font-weight:700; width:597px;}
#topmenu a{display:block; text-decoration:none; background-color:black; color:white; font-weight:700; padding:0.2em 0.95em; -moz-border-radius:3.0em; -webkit-border-radius:3.0em; border-radius:3.0em;}
#topmenu a:hover{background-color:grey; color:white;}
#topmenu ul{list-style-type:none; margin:0; padding:0;}
#topmenu ul li{float:left; min-width:5.9em; }

#menufotos {position:fixed; top:7.8em; color:#484848; width:990px; height:11em; left:0em; margin-left:auto; margin-right:auto; width:994px;}
#menufotos ul {list-style-type:none; margin:0; padding:0;} 
#menufotos ul li, #menufotos ul li a {display:block;}
#menufotos ul li {float:left; }
#menufotos img {width:13.3em; height:10.0em; border:0; -moz-border-radius:3.0em; -webkit-border-radius:3.0em; border-radius:3.0em} 

hr {border-top:2px solid white; border-bottom:2.3px solid black; width:100%;}
#streep {position:fixed; top:18.5em; left:0em; width:990px;}

#menutekst {position:fixed; top:12.3em; left:3em; color:#FFF; font-size:1.5em; font-weight:700; margin-left:auto; margin-right:auto; width:994px;}
#vierkant_verhaal {position:absolute; top:26.3em; left:0em; float: left; }
#vierkant {position:absolute; top:26em; left:0em; float:left; }