@charset "utf-8";
/* CSS Document */
#knp4 {background-color: #4CAF50;} /* navbalk */

div.pad-links-rechts {padding-left:10%; max-width:850px; padding-top:20px;}

.nl-blauw {width:390px; display:block; float:left;}
#steden1, #steden2 a:link {line-height:2em;}
.steden {display:block; float:left; padding:100px 10px 10px 20px;}

img.tekstwrap_links {float:left; padding:10px 30px 0px 0px;}
.sailing-area-img {max-width:400px;}
.wrap-tekst {min-height:210px;} /* >= sailing-area-img.height !! */

.enkel-img {max-width:350px; padding-top:10px;}

@media only screen and (max-width: 900px) {
   div.pad-links-rechts {padding-left:4px; padding-right:4px}
}

@media only screen and (max-width: 700px) {
   .steden {padding-top:4px; clear:right;}
}

@media only screen and (max-width: 500px) {
   .nl-blauw {width:335px;}
   .tekstwrap_links {float:left; padding:10px 10px 10px 0px;}
}

@media only screen and (max-width: 400px) {
   .enkel-img {max-width:330px;}
}

@media only screen and (max-width: 350px) {
   div.pad-links-rechts {padding-left:2px; padding-right:0px}
   .nl-blauw {width:300px;}
   .tekstwrap_links {float:left; padding:10px 0px 10px 0px;}
   .enkel-img {max-width:300px;}
}