body { margin:0px; background-color:#005990; height:100% } html { height:100% } a:link { color:#fff } a:visited { color:#b3b3b3 } a:hover { color:#0ff } a:active { color:#00f } #item1 a:link { color:#fff; text-decoration:none } #item1 a:visited { color:#fff; text-decoration:none } #item1 a:hover { color:#b3b3b3; text-decoration:none } #item1 a:active { color:#b3b3b3; text-decoration:none } #item2 a:link { color:#333; text-decoration:underline } #item2 a:visited { color:#333; text-decoration:underline } #item2 a:hover { color:#ffb72b; text-decoration:underline } #item2 a:active { color:#ffb72b; text-decoration:underline } #item10 a:link { color:#333; text-decoration:underline } #item10 a:visited { color:#333; text-decoration:underline } #item10 a:hover { color:#ffb72b; text-decoration:underline } #item10 a:active { color:#ffb72b; text-decoration:underline } #item4 a:link { color:#333; text-decoration:underline } #item4 a:visited { color:#333; text-decoration:underline } #item4 a:hover { color:#ffb72b; text-decoration:underline } #item4 a:active { color:#ffb72b; text-decoration:underline } #item9 a:link { color:#333; text-decoration:underline } #item9 a:visited { color:#333; text-decoration:underline } #item9 a:hover { color:#ffb72b; text-decoration:underline } #item9 a:active { color:#ffb72b; text-decoration:underline } #item8 a:link { color:#333; text-decoration:underline } #item8 a:visited { color:#333; text-decoration:underline } #item8 a:hover { color:#ffb72b; text-decoration:underline } #item8 a:active { color:#ffb72b; text-decoration:underline } #item7 a:link { color:#333; text-decoration:underline } #item7 a:visited { color:#333; text-decoration:underline } #item7 a:hover { color:#ffb72b; text-decoration:underline } #item7 a:active { color:#ffb72b; text-decoration:underline } #Footer a:link { color:#fff; text-decoration:underline } #Footer a:visited { color:#fff; text-decoration:underline } #Footer a:hover { color:#b3b3b3; text-decoration:underline } #Footer a:active { color:#b3b3b3; text-decoration:underline } #PageDiv { position:relative; min-height:100% } #PageWrapper { width:100% } #HeaderWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Header { width:90%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #LogoWrapper { width:50%; z-index:0; float:left; clear:left; margin-top:2%; margin-bottom:2% } #item1 { width:50%; z-index:0; float:right; clear:right; margin-top:2%; margin-bottom:2% } #jaarervaringkitvernieuwen1 { left:424px; top:56px; width:116px; height:100px; overflow:hidden } #CSSMenu { width:90%; z-index:9999; clear:both; padding-top:3%; padding-bottom:3%; margin-left:auto; margin-right:auto; height:auto; overflow:visible; position:relative } #badkamer { width:100%; height:400px; z-index:0; background-image:url(../Resources/bette-aqua-wastaf.png); background-position:center; background-repeat:no-repeat; border-top:solid #fff 1px; border-bottom:solid #999 1px; overflow:hidden; background-size:cover } #BodyWrapper4 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-top:solid #ccc 1px } #item2 { width:78.33%; z-index:0; clear:both; padding:5.83%; margin-left:auto; margin-right:auto } #item6 { z-index:0; padding:50px; margin-left:auto; margin-right:auto; background-color:#333 } #BodyWrapper9 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6 } #item10 { width:84%; z-index:0; clear:both; padding:3%; margin-left:auto; margin-right:auto } #item3 { z-index:0; clear:both; padding:3.97%; margin-left:auto; margin-right:auto } #TakeALook1 { width:70%; z-index:0; clear:both; margin-left:auto; margin-right:auto; margin-bottom:40px } #Box1 { width:26%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #TextWrapper1 { width:99.17%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #BESCHIMMELDEKITRAND2 { width:239px; max-width:100%; overflow:hidden } #Box2 { width:26%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:6% } #TextWrapper2 { width:99.17%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #VVE3 { width:239px; max-width:100%; overflow:hidden } #Box3 { width:26%; z-index:0; float:left; clear:right; padding-top:10px; padding-bottom:10px; margin-left:6%; margin-right:5% } #TextWrapper3 { width:99.17%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #WONINGBOUW3 { width:239px; max-width:100%; overflow:hidden } #BodyWrapper5 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-top:solid #ccc 3px } #item4 { width:81.67%; z-index:0; clear:both; padding:4.17%; margin-left:auto; margin-right:auto } #BodyWrapper8 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#005990; border-bottom:solid #333 3px } #item9 { width:84%; z-index:0; clear:both; padding:3%; margin-left:auto; margin-right:auto } #Column11 { width:20%; z-index:0; float:left; clear:left; padding:3%; margin-left:5%; margin-top:3%; margin-bottom:3%; background-color:#fff; border-left:solid #ccc 1px; border-right:solid #ccc 1px } #Column4 { width:20%; z-index:0; float:right; clear:right; padding:3%; margin-top:3%; margin-right:5%; margin-bottom:3%; background-color:#fff; border-left:solid #ccc 1px; border-right:solid #ccc 1px } #Column5 { width:19%; z-index:0; float:left; padding:3%; margin:3% 6%; background-color:#fff; border-left:solid #ccc 1px; border-right:solid #ccc 1px } #BodyWrapper7 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #333 1px } #item8 { width:88.33%; z-index:0; clear:both; padding:0.83%; margin-left:auto; margin-right:auto; border-bottom:solid #ccc 1px } #Item1 { width:85.03%; z-index:0; clear:both; padding:1.98%; margin:8% auto; border-top:solid #ccc 1px; border-bottom:solid #ccc 1px } #ItemImageWrapper1 { width:115px; z-index:0; float:left; clear:left } #thumbsup { left:0px; top:0px; width:100px; height:100px; float:left } #ItemText1 { z-index:0; padding:1% } #Item2 { width:85%; z-index:0; padding:2%; margin:8% auto; border-top:solid #ccc 1px; border-bottom:solid #ccc 1px } #ItemImageWrapper2 { width:115px; z-index:0; float:right; clear:left } #signposts { left:15px; top:0px; width:100px; height:100px; float:right } #ItemText2 { z-index:0; padding:1% } #BodyWrapper3 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#dcdcdc; border-bottom:solid #fff 1px } #item7 { width:84%; z-index:0; clear:both; padding:3%; margin-left:auto; margin-right:auto } #item5 { z-index:0; clear:both; padding:3.97%; margin-left:auto; margin-right:auto } #TakeALook { width:70%; z-index:0; clear:both; margin-left:auto; margin-right:auto; margin-bottom:40px } #Box5 { width:26%; z-index:0; clear:left; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #TextWrapper4 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #rotterdam { width:221px; max-width:100%; border:solid #fff 10px; overflow:hidden } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#005990; padding:20px 40px 20px 40px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-white.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 * .sub { visibility:hidden; position:absolute; left:-0; float:left; padding:0; margin:0; list-style:none; z-index:1 } #fwNav1 .sub * .sub { top:-0 } #fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:100%; *width:auto; border-left:0; border-right:0; border-top:none; border-bottom:none } #fwNav1 * * * .sub { left:100%; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#005990; padding:20px 40px 20px 40px; white-space:nowrap } #fwNav1 .fwNavItem .sub .fwFirstChild { border-top:0 } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:0 } #fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#FFFFFF; text-decoration:none; background:#B3B3B3 } #fwNav1 :hover > .sub { visibility:visible } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; background:#B3B3B3; font-weight:normal } #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:normal; background:#B3B3B3 } @media screen and (max-width:768px) { #LogoWrapper { width:67% } #Box1 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box2 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Box3 { width:90%; float:none; margin-left:auto; margin-top:5%; margin-right:auto } #Column11 { width:85%; float:none; clear:both; margin-left:auto; margin-right:auto } #Column4 { width:85%; float:none; clear:both; margin-left:auto; margin-right:auto } #Column5 { width:85%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box5 { width:90%; clear:both } } @media screen and (max-width:480px) { #Header { width:97% } #LogoWrapper { width:100% } #item1 { width:60% } #badkamer { height:350px } #Item1 { width:85% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:100%; right:0; bottom:0; left:0; margin-bottom:-100%; background-color:#191919; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out top; -moz-transition:.2s ease-out margin, .2s ease-out top; -ms-transition:.2s ease-out margin, .2s ease-out top; -o-transition:.2s ease-out margin, .2s ease-out top; transition:.2s ease-out margin, .2s ease-out top } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-bottom:0; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left:20px } #fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px } #fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px } #fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem { width:100% } #fwNav1 .fwNavItem .sub .sub { left:0 } #fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none } .fwMainPointer1, .fwSubPointer1 { display:none } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none } #fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:0 } } @media screen and (max-width:320px) { #Header { width:100% } #item3 { width:90% } #TakeALook1 { width:100% } #Box1 { width:100% } #Box2 { width:100% } #Box3 { width:100% } #ItemImageWrapper1 { width:99% } #thumbsup { float:none; vertical-align:middle } #ItemText1 { clear:both } #ItemImageWrapper2 { width:99% } #signposts { float:none; vertical-align:middle } #ItemText2 { clear:both } #item5 { width:90% } #TakeALook { width:100% } #Box5 { width:100% } }