1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"><head> 3 4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 5<meta name="description" content="Wandelroutes en achtergrondsdocumentatie behorende bij het boek Natuur in Nederland, door Frank Berendse" /> 6<meta name="keywords" content="wandelingen, wandelen, wandelroutes, natuur, Nederland, Natuur in Nederland, naar buiten, stuwwallen, beekdalen, hoogveen, Zuid-Limburg, Zuid-Limburgse heuvelland, laagveen, veenweide, rivieren, zeeklei, nieuwe polders, duinen, kwelders, stadsnatuur, agrarisch natuurbeheer, natuurontwikkeling" /> 7<meta name="robots" content="index, follow" /> 8<meta name="revisit-after" content="1 month" /> 9<meta http-equiv="Cache-control" content="no-store" /> 10<link rel="shortcut icon" href="beeld/favicon.ico"> 11 12 <title>Natuur in Nederland</title> 13 14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 15
16<script type="text/javascript" src="jquery.js"></script>
16 17 18
18<script type="type/javascript"> 19 $(document).ready(function(){ 20 $("#tab").click(function(){ 21 console.log("clicked"); 22 $("#extended-forecast").slideDown(); 23 }); 24 }); 25 </script>
vendor: 2 bytes, line 25
25
26<script src="bsa.js" async="" type="text/javascript"></script>
26<script src="ga.js" async="" type="text/javascript"></script>
26<script async="async" src="s_3469a2a501a9e18091036aa0c89f9dcb.js" id="_bsap_js_3469a2a501a9e18091036aa0c89f9dcb" type="text/javascript"></script>
26<style id="bsa_css" type="text/css">.one{position:relative}.one .bsa_it_ad{display:block;padding:15px;border:1px solid #e1e1e1;background:#f9f9f9;font-family:helvetica,arial,sans-serif;line-height:100%;position:relative}.one .bsa_it_ad a{text-decoration:none}.one .bsa_it_ad a:hover{text-decoration:none}.one .bsa_it_ad .bsa_it_t{display:block;font-size:12px;font-weight:bold;color:#212121;line-height:125%;padding:0 0 5px 0}.one .bsa_it_ad .bsa_it_d{display:block;font-size:11px;color:#434343;font-size:12px;line-height:135%}.one .bsa_it_ad .bsa_it_i{float:left;margin:0 15px 10px 0}.one .bsa_it_p{display:block;text-align:right;position:absolute;bottom:10px;right:15px}.one .bsa_it_p a{font-size:10px;color:#666;text-decoration:none}.one .bsa_it_ad .bsa_it_p a:hover{font-style:italic}</style>
27<script type="text/javascript"> 28<!-- 29function MM_preloadImages() { //v3.0 30 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 31 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 32 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 33} 34 35function MM_swapImgRestore() { //v3.0 36 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 37} 38 39function MM_findObj(n, d) { //v4.01 40 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 41 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 42 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 43 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 44 if(!x && d.getElementById) x=d.getElementById(n); return x; 45} 46 47function MM_swapImage() { //v3.0 48 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 49 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 50} 51function MM_showHideLayers() { //v9.0 52 var i,p,v,obj,args=MM_showHideLayers.arguments; 53 for (i=0; i<(args.length-2); i+=3) 54 with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2]; 55 if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } 56 obj.visibility=v; } 57} 58//--> 59</script>
59 60<link href="style.css" rel="stylesheet" type="text/css" /> 61</head> 62 63<body id="page-body" onload="MM_preloadImages('images/wandelingen_swap.png','images/wetenschappelijke_swap.png','images/beschrijven_swap.png','images/inkijkexemplaar_swap.png','images/bestellen_swap.png','images/app_swap.png')"> 64 65 66 <img id="background-img" class="bg" src="images/oostvaardersplassen.jpg" alt=""> 67 68<div id="balk"> 69 70<div class="kop" id="tab"><img src="images/coverNIN.png" width="338" height="422" /></div> 71 72<div class="kop" id="tab4"><a href="NiN_nieuw.html"><img src="images/nieuw_swap.png" width="193" height="30" border="0" id="Image52" onmouseover="MM_swapImage('Image52','','images/nieuw.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 73 74<!-- <div class="kop" id="tab7"><a href="NiN_app.html"><img src="images/app_swap.png" width="193" height="30" border="0" id="Image53" onmouseover="MM_swapImage('Image53','','images/app.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> --> 75<div class="kop" id="tab7"><a href="http://www.wildeapen.nl" alt="Wilde apen" target="_blank"><img src="images/wildeapen_swap.png" width="193" height="30" border="0" id="Image53" onmouseover="MM_swapImage('Image53','','images/wildeapen.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 76 77<div class="kop" id="tab3"><a href="NiN_auteur.html"><img src="images/auteur_swap.png" width="193" height="30" border="0" id="Image51" onmouseover="MM_swapImage('Image51','','images/auteur.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 78 79<div class="kop" id="tab2"><a href="NiN_beschrijving.html"><img src="images/beschrijven_swap.png" width="193" height="30" border="0" id="Image3" onmouseover="MM_swapImage('Image3','','images/beschrijven.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 80 81<div class="kop" id="tab5"><a href="NiN_inkijkexemplaar.html"><img src="images/inkijkexemplaar_swap.png" alt="Inkijkexemplaar" width="193" height="30" border="0" id="Image4" onmouseover="MM_swapImage('Image4','','images/inkijkexemplaar.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 82 83<div class="kop" id="tab6"><a href="https://www.knnvuitgeverij.nl/NL/webwinkel/mens%20en%20natuur" target="_blank"><img src="images/bestellen_swap.png" alt="Bestellen" width="193" height="30" border="0" id="Image5" onmouseover="MM_swapImage('Image5','','images/bestellen.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 84 85<div class="kop" id="tabwetenschappelijk"><a href="pdf_bestanden/Noten en literatuurverwijzingen.pdf" target="_blank"><img src="images/wetenschappelijke_sans.png" alt="Wetenschappelijke documentatie" name="wetenschappelijk" width="269" height="47" border="0" id="Image2" onmouseover="MM_swapImage('Image2','','images/wetenschappelijke_swap.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 86 87<div class="kop" id="tabwandelingen"><a href="NiN_wandelingen.html"><img src="images/wandelingen.png" alt="Wandelingen" width="180" height="44" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/wandelingen_swap.png',1)" onmouseout="MM_swapImgRestore()" /></a></div> 88 89<div class="kop" id="app"><a href="NiN_app.html"><img src="images/nin_app_home.png" alt="Wandelingen" width="160" height="62" border="0" /></a></div> 90 91<div class="kop" id="tabdownloadinstructie"> 92<p>downlaod start automatisch</p></div> 93 94</div> 95<br class="ignore-code"> 96 97<style type="text/css" style="display: none;"> 98 99 #source-code { 100 z-index: 7000; 101 display: none; 102 position: fixed; 103 top: 0; 104 left: 0; 105 width: 100%; 106 height: 100%; 107 background: rgba(255,255,255,0.8); 108 } 109 #source-code:target { 110 display:block; 111 } 112 #source-code pre { 113 padding: 20px; 114 margin: 50px auto; 115 background: rgba(0,0,0,0.8); 116 color: white; 117 width: 80%; 118 height: 80%; 119 overflow: auto 120 } 121 #source-code pre a, #source-code pre a span { 122 text-decoration :none; 123 color: #0cf !important 124 } 125 #x { 126 position: absolute; 127 top: 30px; 128 left: 10%; 129 margin-left: -41px; 130 } 131 #x img { 132 border:0; 133 } 134 135 .str{color:#61ff74} 136 .kwd{color:white} 137 .com{color:white} 138 .typ{color:#f1915d} 139 .lit{color:white} 140 .pun{color:white} 141 .pln{color:#ffef97} 142 .tag{color:#ffab58} 143 .atn{color:#fabb4e} 144 .atv{color:#ffd996} 145 .dec{color:red} 146 147 .bsa_it_ad { 148 padding: 8px 4px 8px 12px !important; 149 overflow: hidden !important; 150 background: #bbb8b6 !important; 151 border: 4px solid #d6d6d6 !important; 152 border-top: 0 !important; 153 -webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.4); 154 -moz-box-shadow: 5px 5px 12px rgba(0,0,0,0.4); 155 box-shadow: 5px 5px 12px rgba(0,0,0,0.4); 156 } 157 .bsa_it_ad a { 158 margin: 0 !important; 159 padding: 0 !important; 160 } 161 .bsa_it_ad a img { 162 border: 0 !important; 163 position: static !important; 164 } 165 .bsa_it_ad a:hover img { 166 margin: 0 !important; 167 } 168 .bsa_it_ad a:hover { 169 background: none !important; 170 } 171 .bsa_it_i { 172 margin: 0 15px 0 0 !important; 173 } 174 .bsa_it_t { 175 margin: 12px 0 0 0 !important; 176 } 177 .bsa_it_d { 178 padding-right: 10px; 179 } 180 .bsa_it_p{ 181 display: none !important; 182 } 183 #bsap_aplink { 184 position: absolute; 185 color: #999; 186 text-decoration: none; 187 bottom: 8px !important; 188 right: 8px !important; 189 padding: 0 !important; 190 } 191 .bsa_it_p a:hover { 192 background:none !important; 193 } 194 #demo-top-bar { 195 height: 83px; 196 background: lightgray url(/wp-content/themes/CSS-Tricks-9/images/bglines.png) !important; 197 color: white !important; 198 position: relative; 199 zoom: 1; 200 width: 100% !important; 201 z-index: 6000; 202 -webkit-box-shadow: 0 0 10px black; 203 -moz-box-shadow: 0 0 10px black; 204 box-shadow: 0 0 10px black; 205 } 206 #demo-bar-inside { 207 width: 960px; height: 77px; margin: 0 auto; position: relative; 208 } 209 #demo-bar-buttons { 210 position: absolute; 211 left: 300px; 212 top: 7px; 213 width: 200px; 214 text-align: center; 215 line-height: 2.4; 216 } 217 #demo-bar-ad { 218 width: 416px; 219 position: absolute; 220 right: 0; top: 0; 221 } 222 #demo-bar-badge { 223 width: 270px !important; 224 height: 112px !important; 225 margin: 0 !important; 226 padding: 0 !important; 227 background: url(/images/Example-Badge.png) no-repeat; 228 text-indent: -9999px; 229 position: absolute; 230 top: 0; 231 left: 0; 232 } 233 #demo-bar-badge:before, #demo-bar-badge:after { 234 display: none !important; 235 } 236 237 .header-button { 238 display: inline-block; 239 padding: 3px 15px; 240 -webkit-border-radius: 18px;
241 -moz-border-radius: 18px; 242 border-radius: 18px; 243 font: 12px "Lucida Grande", Sans-Serif; 244 background-color: #b6d3f4; 245 background-image: -webkit-gradient(linear, left top, left bottom, from(#b6d3f4), to(#5483b8)) !important; 246 background-image: -webkit-linear-gradient(top, #b6d3f4, #5483b8) !important; 247 background-image: -moz-linear-gradient(top, #b6d3f4, #5483b8) !important; 248 background-image: -ms-linear-gradient(top, #b6d3f4, #5483b8) !important; 249 background-image: -o-linear-gradient(top, #b6d3f4, #5483b8) !important; 250 color: white !important; 251 box-shadow: inset 0 1px 1px white, 252 0 3px 3px rgba(0,0,0,0.6); 253 border: 1px solid #9ac9ff !important; 254 font-weight: 600; 255 text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 256 text-decoration: none; 257 margin: 0; 258 position: relative; 259 } 260 261 .header-button:hover { 262 box-shadow: inset 0 2px 6px white, 263 0 3px 3px rgba(0,0,0,0.6); 264 } 265 266 .header-button:active { 267 box-shadow: inset 0 2px 6px white, 268 0 1px 1px rgba(0,0,0,0.6); 269 270 top: 2px; 271 } 272 273 .view-source-button { 274 position: fixed !important; 275 top: auto !important; 276 bottom: 10px; 277 right: 10px; 278 z-index: 100; 279 } 280 281</style> 282 283 284
285<script type="text/javascript" src="prettify.js"></script>
vendor: 2 bytes, line 285
285
286<script> 287 if(typeof jQuery=='undefined') { 288 function getScript(url,success) { 289 var script=document.createElement('script'); 290 script.src=url; 291 var head=document.getElementsByTagName('head')[0],done=false;script.onload=script.onreadystatechange=function() { 292 if(!done&&(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;success(); 293 script.onload=script.onreadystatechange=null;head.removeChild(script)}};head.appendChild(script)};getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js',function() { 294 if(typeof jQuery=='undefined'){}else{fancyCode()}})}else{fancyCode()} 295 function fancyCode(){ var code = '<!DOCTYPE html>\n<html>\n' + $("html").html().replace(/[<>]/g, function(m){return{'<':'<','>':'>'}[m]}).replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>'); 296 code = code.substring(0, code.indexOf('br class="ignore-code"') - 4) + '\n</body>\n\n</html>'; $("<pre />",{"html" : code,"class":"prettyprint"}).appendTo("#source-code"); prettyPrint()} 297</script>
297 298 299 300 301 302 303</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.