/* GENERAL TAGS FORMATTING */ h1, h2, .h3, h3, h4{ margin-top:0px; margin-bottom:0px; } * {margin:0;padding:0;} object { outline:none; } body, p, th, td{ font-family:Arial, Helvetica, sans-serif; font-size:100%;} body, html{margin:0px; padding:0px; height:100%; background-color:#E1DEAE; min-width:888px; } body > #container {height:auto; } a {text-decoration:none;} a:hover {text-decoration:underline;} img {border:0;} #fadefordetails { position:fixed;top:0;left:0;width:100%;height:100%;background:#000; z-index:250;} #details {height:528px; width:816px; background-color:#E1DEAE; padding:12px; border:1px solid black; position:fixed; z-index:500; left:50%; top:50%; margin-left:-408px;margin-top:-264px} #details_maps { height:450px;} #details_google_maps { height:450px } #details_maps_link { } #details h1 {font-size:1.625em; color:#A71930;} #details span {display:block; font-size:0.8125em; color:#A71930;} #detail_leftcolumn {width:400px; height:460px; float:left; position:relative; margin-top:12px;} #detail_rightcolumn {width:380px; height:440px; background-color:#FFF; float:left; margin:12px 0 0 12px; padding:10px; position:relative;font-size:0.75em;} #detail_rightcolumn h2 {font-size:0.9375em; color:#005A81;} #detail_rightcolumn p {margin-top:10px;} #detail_left_top {width:380px; height:334px; background-color:#FFF; padding:10px; position:relative;} #detail_left_bottom {width:220px; height:54px; background:url(/images/detail_bg.gif) no-repeat; padding:20px 200px 20px 20px; margin-top:12px; color:#000; font-size:0.6875em;} #detail_left_bottom a {color:#FFF; margin-bottom:4px; background:url(/images/bullet.gif) right center no-repeat; display:block;} #details #tl {background:url(/images/tl_detail.gif) top left no-repeat; width:11px; height:11px; position:absolute; top:0; left:0;} #details #tr {background:url(/images/tr_detail.gif) top left no-repeat; width:11px; height:11px; position:absolute; top:0; right:0;} #details #br {background:url(/images/br_detail.gif) top left no-repeat; width:11px; height:11px; position:absolute; bottom:0; right:0;} #details #bl {background:url(/images/bl_detail.gif) top left no-repeat; width:11px; height:11px; position:absolute; bottom:0; left:0;} #detail_right_content {overflow:auto; height:440px;} #detail_right_mailafriend {overflow:auto; height:440px;} #detail_right_content ul {font-size:0.75em; margin:15px;} .detail_link_content {width:124px; height:14px; padding:2px 0 0 4px; display:block; color:#005A80; font-size:100%; background:none; position:absolute; bottom:10px; left:10px; background:url(/images/house_btn.png) no-repeat center left;font-size:0.685em;} #detail_image {width:380px; height:240px; background-position:center center; background-repeat:no-repeat;} #details #close_window{background:url(/images/close_window.gif) no-repeat; width:89px; height:17px; display:block; position:absolute; right:12px; top:12px;} #details #print_window{ width:60px; height:17px; display:block; position:absolute; right:110px; top:14px; color:#A71930; font-size:0.75em;} #hidden_image {display:none;} #print_logo {display:none;} #form {font-size:100%;} #form span {color:#005B82; font-size:0.8em; margin-bottom:10px;} #form #formheader {font-size:0.9375em;} #form #formdiscl {border-top:1px solid #005B82;} #form #send {background:transparent url(/images/verstuur.gif) no-repeat scroll 0 0; border:0; height:24px; width:79px;} /* formulier */ #registerform label { display: block; width: 200px; text-align: left; font-weight: normal; } #registerform label.checkbox { width: 300px; height:25px; } #registerform label.checkbox span { display:block; padding-left:10px; float:left;} #registerform label.checkbox input { display:block; } #registerform td {padding:2px;} #registerform textarea {width:315px;} #registerform th { vertical-align: top; } #registerform label.newsletter { width: 200px; } #registerform input.textfield { width: 300px; } #registerform input.checkbox {float:left;} .message ul {margin: 0 0 1em 1em; color:#005B82; } .lang {font-size:11px; color:#005A80;} #container {position:relative; padding-left:358px; padding-right:260px; min-width:382px; float:none; background:#E1DEAE url(/images/cottini_bg.jpg) repeat-x scroll 355px top; } #header {background:transparent url(/images/menu_right.png) no-repeat scroll right 10px;height:120px;padding:10px 0 0 14px;width:570px;} /* Columns */ #leftcolumn {width:344px; right: 385px; margin-left: -100%; float:left; position:relative; z-index:10;} #leftcolumn2 {width:344px; left: 20px; position:absolute;z-index:10;} #centercolumn {background:#ffffff url(/images/center_bg.jpg) no-repeat scroll center center; position:relative; float:left; min-width:100%; padding:8px; margin:0 15px 20px 15px; min-height:567px;} #centercolumn2 {background:#ffffff url(/images/cottini.gif) bottom right no-repeat; position:relative; float:left; width:555px; padding:12px 12px 60px 12px; margin:0 15px 20px 15px;} #rightcolumn {width:200px; margin-right:-100%; float:left; position:relative;} /* Menus */ #topmenu {margin:23px 0 0 15px; height:34px; background:#fff; float:left;} #topmenu li {float:left; list-style:none;} #topmenu li a {display:block; height:14px; text-decoration:none; color:#000; font-size:0.875em; padding:10px 14px;text-transform:lowercase} #topmenu li a:hover {background:#A71930; color:#fff;} #topmenu li a.disclaimer {color:#E4BAC0;} #menu_container {width:100%; background-color:#A71930; position:absolute; top:170px;} #footermenu {height:35px; padding-left:374px; float:left;} #footermenu li {list-style:none; float:left;} #footermenu li a {display:block; height:14px; text-decoration:none; color:#000; font-size:0.875em; padding:10px 14px;text-transform:lowercase} #footermenu li a:hover {background:#A71930; color:#fff;} #footermenu li a.disclaimer {color:#E4BAC0;} #leftmenu {width:340px;} #leftmenu h3 {border-bottom:1px solid #FFF; color:#FFF; font-size:0.9375em; background:#000 url(/images/h3_bg.gif) top left no-repeat; padding:10px;} #leftmenu ul {list-style:none; font-size:0.75em; background:#A71930 url(/images/leftmenu_bg.gif) bottom left no-repeat; padding-bottom:20px;} #leftmenu a {padding:5px 10px; display:block; color:#FFF; border-bottom:1px solid #FFF; background:url(/images/bullet.gif) 320px center no-repeat;} #leftmenu a.active {color:#000; background:url(/images/bullet_active.gif) 320px center no-repeat;} #sorting {height:40px; padding-top:10px;} #sorting #results {font-size:0.8125em;font-weight:bold; color:#7AB800;} #sorting #sort {font-size:0.75em; color:#004661;} #newsletter {width:180px; height:103px; background:url(/images/nieuwsbrief.png) no-repeat; padding:10px;} #newsletter #form {padding-top:70px;} #news_submit {background:url(/images/news_submit.png) no-repeat; width:71px; height:27px; border:0;} #news_email {width:100px; border: 1px solid grey;} #socialnw img {margin-right:5px;} #directcall {width:180px; background:url(/images/beldirect.png) no-repeat; padding:10px;} #directcall #form {padding-top:63px;} #call_submit {background:url(/images/call_submit.png) no-repeat; width:71px; height:27px; border:0;} #call_number {width:100px; border: 1px solid grey;} #rent {height:36px; width:180px; margin-top:15px; background:url(/images/inschrijven.jpg) no-repeat; padding:10px;} #rent a {font-size:0.9375em; color:#005B82;} #rules {width:180px; margin-top:15px; padding:10px; background-color:#FFF; border-bottom:2px solid #7AB800;} #rules a {font-size:0.9375em; font-weight:bold; color:#005B82;} .heading {margin-top:5px; margin-bottom:5px;} #slide_banner {width:340px; height:87px; z-index:10; overflow:hidden;} #banner {background-color:#FFF; padding:5px; width:190px; height:77px; font-size:0.75em; color:#005B82; margin-top:15px;border-bottom:2px solid #7AB800;} #banner h2 {font-size:1em;} #banner a {color:#005B82;} #carbanner {margin-top:10px;} #houses {z-index:20; list-style:none;} .house {background:url(/images/huis_bg.png) no-repeat; width:135px; height:132px; float:left; padding: 5px 10px 0 10px; font-size:0.625em; color:#005A80; margin-bottom:15px; z-index:20; position:relative;} .house .image {width:136px; height:96px; display:block;} .house .address{display:block;} .house .info { display:none; } .house .promo {padding:3px; background-color:#7AB800; height:12px; float:right; color:#FFF;} .promo.red {background-color:#A71930;} .promo.green {background-color:#7AB800;} .promo.blue {background-color:#06c;} .house .preview { display:block } .house .price { font-weight:bold; } .house .link {width:124px; height:14px; padding:2px 0 0 4px; display:block; color:#005A80; font-size:100%; background:none; position:absolute; bottom:10px; left:10px; background:url(/images/house_btn.png) no-repeat center left;} .house:hover {background:url(/images/huis_bg_over.png) no-repeat;} .house:hover .info {display:block;} .house:hover .preview {display:none;} .house.active {background:none; width:58px; height:53px; float:left; padding: 0; margin:0; z-index:10; overflow:hidden;} .house.active .address {display:none;} .house.active .price {display:none;} .house.active .image {display:block; display:block;height:45px;;margin-left:3px;margin-top:3px;width:50px;} .house.active .preview {width:58px; height:53px;} .house.active .promo {display:none;} .house.active:hover {background:none;} .house.active:hover .info {display:none;} .house.active:hover .preview {display:block;} .house_close {display:block; width:14px; height:14px; position:absolute; bottom:0; right:0; background:url(/images/close_button.png) no-repeat; text-indent:-99999px; z-index:16;} .preview_image {position:absolute; top:0; left:0;} .preview_link {width:40px; height:28px; background-color:#7AB800; position:absolute; top:2px; left:2px; display:none; padding:17px 0 0 10px; color:#FFF; z-index:15;} .preview_link a {color:#FFF;} .house.active:hover .preview_link {display:block;} .reset {background:url(/images/huis_bg.png) no-repeat; width:135px; height:132px; float:left; padding: 5px 10px 0 10px; font-size:0.625em; color:#005A80; margin-bottom:15px; z-index:10; position:relative; text-align:center;} .reset .text {font-size:160%; color:#005B82; text-align:center;} .reset a{color:#005B82;} .link {font-size:0.625em; color:#666; background:url(/images/link.gif) no-repeat center right; padding-right:10px;} .link:hover {text-decoration:underline;} #rightlink {margin:0 0 0 20px;} #preferences {background:url(/images/prefs_bg.jpg) left top repeat-y; margin-top:14px;} #top {background:url(/images/prefs_top.jpg) left top no-repeat; padding:5px 16px 0 12px;} #bottom {background:url(/images/prefs_bottom.jpg) left bottom no-repeat; height:12px;} .gallery {clear:left; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:100%;} li.prefs_button {float:left; display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; border:1px solid #CFD3D6; white-space:nowrap; height:22px; margin:2px 0 0 2px;} li.prefs_button:hover {border:1px solid #A1C971; color:white;} li.prefs_button a {font-size:0.625em; color:#005A81; border:2px solid #FFF;} .prefs_button:hover a {color:#FFF; text-decoration:none;} .prefs_button_content{background:url(/images/button_bg.jpg) 0px 0px no-repeat; height:15px; padding:3px 6px 0 16px; float:left;} .prefs_button a.ui-icon {margin:5px 0 0 2px;} .prefs_button:hover .prefs_button_content{background-position:-270px 0px;} .prefs_button.active {border:1px solid #D6D8D9;} .prefs_button_content.active {background:url(/images/button_bg.jpg) -540px 0px no-repeat; color:white;} .prefs_button.active:hover {border:1px solid #A9191F;} .prefs_button_content.active:hover {background:url(/images/button_bg.jpg) -810px 0px no-repeat; color:white;} .pref_header1{font-size:0.9375em; color:#005A81;} .pref_header2{font-size:0.9375em; color:#7EA9BE;} #prefs_top{background:url(/images/preferences_content.gif) top left no-repeat #E9EDF1; width:320px; height:7px;} .top_active{background:url(/images/preferences_content_active.gif) top left no-repeat #E9EDF1 !important;} #prefs_content{background:url(/images/preferences_content.gif) left -15px no-repeat #E9EDF1; border-left:1px solid #76A4BA; border-right:1px solid #76A4BA; padding:0 3px; width:312px; min-height:44px; float:left;} .content_active{background:url(/images/preferences_content_active.gif) left -15px no-repeat #E9EDF1 !important; } #prefs_bottom{background:url(/images/preferences_content.gif) left -7px no-repeat #E9EDF1; width:320px; height:8px; margin-bottom:5px; float:left;} .bottom_active{background:url(/images/preferences_content_active.gif) left -7px no-repeat #E9EDF1 !important;} .dragbox{border-bottom:1px solid #7DA9BD; padding-bottom:3px;} #selection {background:url(/images/select_bg.jpg) top left repeat-y; margin-top:14px; z-index:0;} #select_top {background:url(/images/select_top.jpg) top left no-repeat; padding:5px 16px 0 12px;} #select_bottom {background:url(/images/select_bottom.jpg) bottom left no-repeat; height:12px;} .select_header{font-size:0.9375em; color:#7AB800; margin-bottom:10px;} #selection_top{background:url(/images/selection_top.gif) top left no-repeat #F7FFE2; width:320px; height:8px;} #selection_content{background:url(/images/selection_content.gif) top left no-repeat #F7FFE2; border-left:1px solid #7AB800; border-right:1px solid #7AB800; width:314px; min-height:44px; float:left; padding:0 2px;} #selection_bottom{background:url(/images/selection_bottom.gif) bottom left no-repeat #F7FFE2; width:320px; height:7px; margin-bottom:5px; float:left;} .select_top_active{background:url(/images/selection_content_active.jpg) top left no-repeat #F7FFE2 !important; } .select_content_active{background:url(/images/selection_content_active.jpg) -1px -15px no-repeat #F7FFE2 !important; border-left:1px solid #005B82 !important; border-right:1px solid #005B82 !important;} .select_bottom_active{background:url(/images/selection_content_active.jpg) left -8px no-repeat #F7FFE2 !important;} #offer_container {background:url(/images/popup_bg.jpg) repeat-x; height:170px; width:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:100;} #offers {margin: 0 auto; width: 852px; height:121px; margin-top:10px; position:relative; background:transparent url(/images/aanbiedingenbalk.gif) no-repeat scroll left top; padding-top:35px;} #footer {position:relative; clear:both; height:205px; width:100%;} #powered {float:right; font-size:0.75em; color:#FFF; padding:10px 14px 0 0;} #powered a {color:#FFF;} #close {float:left; background:url(/images/close.gif) no-repeat; width:44px; height:17px; margin:5px 0 0 20px; display:block;} #open {float:left; background:url(/images/open.gif) no-repeat; width:120px; height:17px; margin:5px 0 0 20px; display:none; position:absolute; top:0; left:0;} /* Easy Slider */ #slider{position:relative; margin:0 auto;} #slider ul, #slider li{margin:0; padding:0; list-style:none;} /*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider li{width:700px; height:111px; overflow:hidden;} #slider_title{position:absolute; top:4px; left:16px; color:#A71930;} #prevBtn, #nextBtn{ display:block; width:49px; height:110px; position:absolute; left:10px; top:34px;} #nextBtn{left:790px;} #prevBtn a, #nextBtn a{display:block; width:49px; height:110px; background:url(/images/scrollbutton.jpg) no-repeat left top;} #nextBtn a{background:url(/images/scrollbutton.jpg) no-repeat right top;} #nextBtn a:hover{background:url(/images/scrollbutton.jpg) no-repeat -98px 0 ;} #prevBtn a:hover{background:url(/images/scrollbutton.jpg) no-repeat -49px 0;} .detail_thumb {width:75px; height:75px; display:block; float:left; margin:5px 4px 5px 0; background:url(/images/loading.gif) no-repeat center} .print_title {display:none;} /* Easy Slider detailpagina */ #slider_detail_container {position:relative; margin-top:5px;} #slider_detail{position:relative; margin:0 auto; border:1px solid #999;padding-left:3px} #slider_detail ul, #slider_detail li{margin:0; padding:0; list-style:none;} /*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider_detail li{width:290px; height:86px; overflow:hidden;} #prevBtn_detail, #nextBtn_detail{ display:block; width:38px; height:60px; position:absolute; left:0; top:2px;} #nextBtn_detail{left:341px;} #prevBtn_detail a, #nextBtn_detail a{display:block; width:38px; height:85px; background:url(/images/scrollbutton_detail.jpg) no-repeat 0 0;} #nextBtn_detail a{background:url(/images/scrollbutton_detail.jpg) no-repeat -114px 0;} #nextBtn_detail a:hover{background:url(/images/scrollbutton_detail.jpg) no-repeat -76px 0;} #prevBtn_detail a:hover{background:url(/images/scrollbutton_detail.jpg) no-repeat -38px 0;} .house2 {background:url(/images/huis_bg2.jpg) no-repeat; width:96px; height:111px; float:left; padding: 5px 10px 0 10px; font-size:0.625em; color:#005A80; z-index:10; position:relative;} .house2 .image {width:96px; height:66px; display:block;} .house2 .address{display:block;} /* Contenpage */ #content {border:1px solid #CCC; font-size:0.75em; position:relative; padding:10px;} #content #tl {background:url(/images/tl.gif) top left no-repeat; width:10px; height:10px; position:absolute; top:-1px; left:-1px;} #content #tr {background:url(/images/tr.gif) top left no-repeat; width:10px; height:10px; position:absolute; top:-1px; right:-1px;} #content #br {background:url(/images/br.gif) top left no-repeat; width:10px; height:10px; position:absolute; bottom:-1px; right:-1px;} #content #bl {background:url(/images/bl.gif) top left no-repeat; width:10px; height:10px; position:absolute; bottom:-1px; left:-1px;} #content p { padding-bottom:10px; } #breadcrumb {font-size:0.75em; color:#004661; margin-bottom:10px;} #breadcrumb a {color:#004661; margin-right:3px;} #breadcrumb img {margin-right:3px;} /* clearfix */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hide from IE Mac \*/ .clearfix{ display:block; } .lavaLampNoImage {position: relative; height: 29px; background:url(/images/menu_left.png) no-repeat left top; padding: 10px; overflow: hidden; margin-right:7px;} .lavaLampNoImage li {float: left; list-style: none;} .lavaLampNoImage li.back {background:transparent url(/images/menu_button.png) no-repeat scroll right -23px; width: 7px; height: 29px; z-index: 8; position: absolute;} .lavaLampNoImage li.back .left {background:transparent url(/images/menu_button.png) no-repeat scroll left top; height:23px; margin-right:7px;} .lavaLampNoImage li a {font-size:0.875em; text-transform:lowercase; text-decoration: none; color: #A71930; outline: none; text-align: center; top: 4px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 20px; position: relative; overflow: hidden; margin: auto 10px;} .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active {border: none;color:#CFCFCF;} .lavaLampNoImage li:hover a {color:#CFCFCF;} .lavaLampNoImage li.current a {color:#CFCFCF;} ul.houses { display:none; }