@media only screen and (max-width: 500px) {
 .hide-for-phone,
 .ydescription{ display:none}
 .forsale {position: relative;}
 .basicinfo h2 {position: absolute;left: -188px;padding: 2px 5px;width: 100%;bottom: 2px; background: rgba(240,240,240, 0.7);z-index:5}
 .basicinfo {position: absolute; left: 182px;top:2px}
 ul.nav li a {padding: 6px 12px}
 div.slideshowholder div.zoeker {display:none}
 nav#access ul.vertlist li div.search {display:block}
 .logoholder {float: none;padding-top: 0}
.maintopbar .search { float: none;width: 100%;}
 .catholder > li a.picholder img {display: none}
 .catholder h2 {position: static;}
  .catholder > li a.picholder {float: none;width: auto}
.boats li {width: 50%}
.gadgets {display: none}
}
@media only screen and (min-width: 768px)  and (max-width: 900px){
form#advs .prefix, form#advs .postfix {
  line-height: 100%;
  min-height: 34px;
  padding: 0.4rem 0;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: none;
}
}
 @media only screen and (max-width: 999px) {
.catholder .picholder {width: 50%;float:left;margin-right: 5px}
li.obsolete {min-height: 25px}
.catholder > li a {font-size: 1.2em;color: #fff}
.catholder > li {padding-bottom: 5px;background-color: #15568a;overflow: hidden}
 .fullpage >h1 {font-size: 7vw}
}
}
 @media only screen and (max-width: 800px) {
body img.logo {padding:0;margin: 0 -5px}
 .buitenrand,
 .kolomlinks {padding:0}
 .back1 {border: none}

}
 @media only screen and (max-width: 657px) {
 col.specmid , col.specdesc{border-right: 1px solid #eee;}
 table.specs td, table.newspecs td{font-weight: 400;padding: 0 0 0 2px;font-size: 0.9em}
 label {width: 9em}
 table.specs td {border}
 #access, .vertlist,
 .catselector {	display:none }
 .menu-action {position: relative;clear: right;display: block }
  .button-bar{border-top: 1px solid #aaa;}
 .button-bar li {display: block; border-bottom: 1px solid #aaa;width: auto}
 .button-bar li a.button {display: block; }
 .catselector a.button {padding: 14px 0}
 .current a.button:after{border: none}
 div.socialbookmarks {
  bottom: -81px;
}
img.logo {margin-top: 10px; }
div.kolomlinks {text-align: center}


 .active #access,
 .active .vertlist {
 	display:block
 }


 }
  @media only screen and (max-width: 420px) {
#mainlogo img {max-width: 270px}
 .shopitem .kop {font-size: 3vw}
   .lanselect {padding-right:75px}
	}
 svg {
  vertical-align: text-bottom;
}
.touch .vertlist {
	font-size: 1.2em
}
.touch .vertlist li {
	padding-top:0;
	padding-bottom: 0
}
.touch .vertlist a {
	padding: 4px 0
}


@media print {
  #access,  .bx-wrapper, .socialbookmarks ,.footer_right,
  ul.vertlist {display:none}
  ul#bx-pager{white-space: normal}
    a[href]:after {
    content: ""; }
}