body { margin: 5px; padding: 0px; font-family: Trebuchet MS, Arial; font-size: 10pt; background: url(../images/bg.gif); } a img { border: 0px; } h1 { font-size: 14pt; color: #FF6600; } a { color: #ff6600; text-decoration: none; } a:hover { color: #ff6600; text-decoration: underline; } #wrap { margin: 0 auto; width: 984px; background: url(../images/wrap-center.gif); } #wrap-top { margin: 0 auto; width: 984px; height: 11px; background: url(../images/wrap-top.gif); line-height: 0px; font-size: 0px; } #wrap-bottom { margin: 0 auto; width: 984px; height: 11px; background: url(../images/wrap-bottom.gif); line-height: 0px; font-size: 0px; } #grey-center { margin: 0 auto; width: 984px; min-height: 180px; _height: 180px; background: url(../images/grey-center.gif); color: #404040; } #grey-top { margin: 0 auto; width: 984px; height: 11px; background: url(../images/grey-top.gif); line-height: 0px; font-size: 0px; } #grey-bottom { margin: 0 auto; width: 984px; background: url(../images/grey-bottom.gif) top no-repeat; text-align: center; padding-top: 15px; font-size: 8pt; color: #b9b9b9; line-height: 0px; font-size: 0px; } #header { line-height: 0px; padding: 4px; background: url(../images/header.gif) no-repeat top; } #nav { margin: 0 auto; width: 972px; height: 46px; background: url(../images/balk.gif) repeat-x; } #nav ul { padding: 0px 0px 0px 0px;; margin: 1px 0px 0px 10px; list-style: none; } #nav ul li { display: inline; } #nav ul li a { color: #fff; text-decoration: none; font-size: 12pt; font-weight: bold; padding: 11px; line-height: 48px; #line-height: 46px; } #nav ul li.b1 a:hover { color: #666; background: url(../images/button1.gif) left top no-repeat; } #nav ul li.b2 a:hover { color: #666; background: url(../images/button2.gif) left top no-repeat; } #nav ul li.b3 a:hover { color: #666; background: url(../images/button3.gif) left top no-repeat; } #nav ul li.b4 a:hover { color: #666; background: url(../images/button4.gif) left top no-repeat; } #nav ul li.b5 a:hover { color: #666; background: url(../images/button5.gif) left top no-repeat; } #nav ul li.b1 a { color: #666; background: url(../images/button1.gif) left top no-repeat; } #grey-center ul li div { width: 285px; float: left; padding: 7px 20px 7px 20px; } #grey-center ul li.overinterimmo div { width: 570px; float: left; padding: 7px 20px 7px 20px; } #grey-center ul { padding: 0px; margin: 0px 0px 0px 5px; list-style: none; } #grey-center ul li { width: 200px; display: inline; } #main { background: url(../images/wrap-center.gif); min-height: 300px; } .subnav { list-style: none; margin: 0px; padding: 5px 10px 5px 10px; } .subnav li { margin: 0px; display: inline; padding: 100px 3px 0px 3px; } .aanbod1 a { background: url(../images/ii-huurwoningen.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .aanbod1 a:hover { background: url(../images/ii-huurwoningen.jpg) no-repeat bottom; background-position: -109; } .aanbod2 a { background: url(../images/ii-koopwoningen.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .aanbod2 a:hover { background: url(../images/ii-koopwoningen.jpg) no-repeat bottom; background-position: -109; } .aanbod3 a { background: url(../images/ii-zoeken.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .aanbod3 a:hover { background: url(../images/ii-zoeken.jpg) no-repeat bottom; background-position: -109; } .huren1 a { background: url(../images/ii-aanbod2.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .huren1 a:hover { background: url(../images/ii-aanbod2.jpg) no-repeat bottom; background-position: -109; } .huren2 a { background: url(../images/ii-woninghuren.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .huren2 a:hover { background: url(../images/ii-woninghuren.jpg) no-repeat bottom; background-position: -109; } .huren3 a { background: url(../images/ii-woningverhuren.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .huren3 a:hover { background: url(../images/ii-woningverhuren.jpg) no-repeat bottom; background-position: -109; } .kopen1 a { background: url(../images/ii-aanbod2.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .kopen1 a:hover { background: url(../images/ii-aanbod2.jpg) no-repeat bottom; background-position: -109; } .kopen2 a { background: url(../images/ii-woningkopen.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .kopen2 a:hover { background: url(../images/ii-woningkopen.jpg) no-repeat bottom; background-position: -109; } .kopen3 a { background: url(../images/ii-woningverkopen.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .kopen3 a:hover { background: url(../images/ii-woningverkopen.jpg) no-repeat bottom; background-position: -109; } .hypo1 a { background: url(../images/ii-aanbod2.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .hypo1 a:hover { background: url(../images/ii-aanbod2.jpg) no-repeat bottom; background-position: -109; } .hypo2 a { background: url(../images/ii-hypotheken.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .hypo2 a:hover { background: url(../images/ii-hypotheken.jpg) no-repeat bottom; background-position: -109; } .hypo3 a { background: url(../images/ii-taxaties.jpg) no-repeat left; background-position: top; padding-top: 91px; #padding: 0px; } .hypo3 a:hover { background: url(../images/ii-taxaties.jpg) no-repeat bottom; background-position: -109; } #subnav { list-style: none; margin: 0px; padding: 5px 10px 5px 10px; } #subnav li { margin: 0px; display: inline; } #subnav .main1 a { background: url(../images/ii-aanbod.jpg) no-repeat left; background-position: top; padding-top: 172px; #padding: 0px; } #subnav .main1 a:hover { background: url(../images/ii-aanbod.jpg) no-repeat bottom; background-position: -109; } #subnav .main2 a { background: url(../images/ii-huren.jpg) no-repeat left; background-position: top; padding-top: 172px; #padding: 0px; } #subnav .main2 a:hover { background: url(../images/ii-huren.jpg) no-repeat bottom; background-position: -109; } #subnav .main3 a { background: url(../images/ii-kopen.jpg) no-repeat left; background-position: top; padding-top: 172px; #padding: 0px; } #subnav .main3 a:hover { background: url(../images/ii-kopen.jpg) no-repeat bottom; background-position: -109; } #subnav .main4 a { background: url(../images/ii-hypotheken-taxaties.jpg) no-repeat left; background-position: top; padding-top: 172px; #padding: 0px; } #subnav .main4 a:hover { background: url(../images/ii-hypotheken-taxaties.jpg) no-repeat bottom; background-position: -109; } #right { width: 230px; float: right; padding: 0px 10px 0px 10px; line-height: 18px; } #right ul { padding: 0px; margin: 0px; width: 220px; list-style: none; margin-top: 10px; } #right ul li { padding: 3px 3px 3px 16px; margin: 0px; list-style: none; border-bottom: 1px dashed #ccc; background: url(../images/arrow.gif) left center no-repeat; } #right ul li a { color: #666; font-weight: bold; text-decoration: none; } #right ul li a:hover { color: #ff6600; } #breadcrumb { background: url(../images/breadcrumb.gif) no-repeat; margin: 0px 12px 0px 15px; padding: 5px 10px 5px 10px; } #holder { padding: 30px; width: 670px; } #home { margin: 0 auto; width: 984px; background: url(../images/home-center.gif); } #home-top { margin: 0 auto; width: 984px; height: 11px; background: url(../images/home-top.gif); line-height: 0px; font-size: 0px; } #home-bottom { margin: 0 auto; width: 984px; height: 11px; background: url(../images/home-bottom.gif); line-height: 0px; font-size: 0px; } #home_main { background: url(../images/home-center.gif); text-align: center; padding: 5px 0px 0px 0px; } form { padding: 0px; margin: 0px; } /* hot property classes */ .hp_prop2 { width: 185px; height: 180px; float: left; text-align: center; padding: 10px; _padding: 9px; margin: 3px 0px 7px 5px; background: url(../images/woningvak.gif) no-repeat; } .img_thumb2 img { padding: 3px; border: 1px solid #C0C0C0; background: #fff; } .img_thumb { vertical-align: top; text-align: center; height: 88px; } .img_thumb img { padding: 3px;border: 1px solid #C0C0C0; } .groen { color: green; font-size: 7pt; } #meerinfo2 span { display: none; } #map { border: 1px solid #ccc; background: url(../images/plattegrond.jpg) no-repeat; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ #extranav ul { list-style: none; margin: 0px; padding: 0px; } #extranav ul li { padding: 5px 5px 5px 20px; background: url(../images/extranav.gif) no-repeat #eee; margin: 0px 0px 3px 0px; } #footermenu { text-align: center; } #footermenu ul { list-style: none; padding: 0px; margin: 10px 0px 0px 0px; } #footermenu ul li { font-size: 8pt; display: inline; border-right: 1px solid #747474; padding: 0px 10px 0px 10px; } #footermenu ul li a { color: #747474; } #talen { float: right; width: 200px; height: 25px; text-align: right; } #talen ul { margin: 0px; #margin-top: 10px; padding: 0px; } #talen ul li { margin: 0px; padding: 0px; list-style: none; } #navigatie { background: url(http://www.dingz.com/clients/interimmo/nav/bar.gif) no-repeat; height: 41px; margin: 0px 0px 0px 15px; } #navigatie #klapmenu, #navigatie #klapmenu ul { padding: 0px; margin: 0; list-style: none; } #navigatie #klapmenu li { float: left; } #navigatie #klapmenu ul { position: absolute; width: 180px; left: -1000px; margin-left: -11px; } #navigatie #klapmenu li:hover ul, #klapmenu li.ie_does_hover ul { left: auto; background-position: 0 0; } #navigatie #klapmenu a { display: block; margin: 2px 5px 3px 5px; font-family: trebuchet MS; font-size: 10pt; } #navigatie ul a { font-weight: bold; color: #fff; cursor: pointer; } #navigatie ul ul a:link, #navigatie ul ul a:visited{ font-weight: bold; color: #ff6600; cursor: pointer; } #navigatie ul ul a:hover, #navigatie ul ul a:active{ font-weight: bold; cursor: pointer; } #navigatie ul li{ background-color: none; border-right: 1px solid #981206; text-align: center; padding: 0px 10px 0px 10px; line-height: 36px; } #navigatie ul li ul li a:hover { text-decoration: underline; } #navigatie ul ul {border: 1px solid #c03326; border-top: 0px; } #navigatie ul ul li{ background-color: #fff; border-top: 1px solid #ccc; border-right: 0; width: 180px; text-align: left; padding: 0px; line-height: 16px; } #navigatie #jflanguageselection { text-align: right; float: right; margin: 12px; } #navigatie #jflanguageselection ul { margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #navigatie #jflanguageselection ul li { float: left; padding: 0px 0px 0px 10px; border: 0px; line-height: 10px; } #navigatie #jflanguageselection ul li img { border: 1px solid #901307; }