/* GENERAL */
html{
}
body{
min-width:1024px;
margin:0;
padding:0;
background-color:#294B71;
font-family:Arial;
font-size:12px;
color:#1C324A;
}
body.print{
background-color:#FFFFFF;
}
/* FORMAT */
h1{}
h2{font-size:12px;font-weight:bold;}
h3{font-size:12px;font-weight:normal;font-style: italic;}
h4{}
h5{}
p{margin:0 0 15px 0;}
span{}
img{border:0px;}
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
/* LAYOUT */
#container{
width:100%;
height:100%;
}
#splash{height:700px;position:relative;}
#splash-bg{position:absolute;z-index:0;}
a#splash-button-aanbod-te-koop:link, a#splash-button-aanbod-te-koop:visited{width:197px;height:35px;position:absolute;top:290px;left:378px;background:url('../images/splash-button-aanbod-te-koop.png');z-index:1;}
a#splash-button-aanbod-te-koop:hover, a#splash-button-aanbod-te-koop:active{background:url('../images/splash-button-aanbod-te-koop-hover.png');}
a#splash-button-aanbod-jaarverhuur:link, a#splash-button-aanbod-jaarverhuur:visited{width:197px;height:35px;position:absolute;top:340px;left:378px;background:url('../images/splash-button-aanbod-jaarverhuur.png');z-index:2;}
a#splash-button-aanbod-jaarverhuur:hover, a#splash-button-aanbod-jaarverhuur:active{background:url('../images/splash-button-aanbod-jaarverhuur-hover.png');}
a#splash-button-aanbod-vakantieverhuur:link, a#splash-button-aanbod-vakantieverhuur:visited{width:197px;height:35px;position:absolute;top:390px;left:378px;background:url('../images/splash-button-aanbod-vakantieverhuur.png');z-index:3;}
a#splash-button-aanbod-vakantieverhuur:hover, a#splash-button-aanbod-vakantieverhuur:active{background:url('../images/splash-button-aanbod-vakantieverhuur-hover.png');}
a#splash-button-offre-a-vendre:link, a#splash-button-offre-a-vendre:visited{width:197px;height:35px;position:absolute;top:290px;left:613px;background:url('../images/splash-button-offre-a-vendre.png');z-index:4;}
a#splash-button-offre-a-vendre:hover, a#splash-button-offre-a-vendre:active{background:url('../images/splash-button-offre-a-vendre-hover.png');}
a#splash-button-offre-a-louer-base-annuelle:link, a#splash-button-offre-a-louer-base-annuelle:visited{width:197px;height:35px;position:absolute;top:340px;left:613px;background:url('../images/splash-button-offre-a-louer-base-annuelle.png');z-index:5;}
a#splash-button-offre-a-louer-base-annuelle:hover, a#splash-button-offre-a-louer-base-annuelle:active{background:url('../images/splash-button-offre-a-louer-base-annuelle-hover.png');}
a#splash-button-offre-a-louer-base-vacances:link, a#splash-button-offre-a-louer-base-vacances:visited{width:197px;height:35px;position:absolute;top:390px;left:613px;background:url('../images/splash-button-offre-a-louer-base-vacances.png');z-index:6;}
a#splash-button-offre-a-louer-base-vacances:hover, a#splash-button-offre-a-louer-base-vacances:active{background:url('../images/splash-button-offre-a-louer-base-vacances-hover.png');}
#top{
width:100%;
float:left;
height:140px;
}
.nl{background: #294b71 url("../images/banner-top-nl.jpg") no-repeat center 0; /* added/adjusted */}
.fr{background: #294b71 url("../images/banner-top-fr.jpg") no-repeat center 0; /* added/adjusted */}
#top-content{
position:relative;
width:1000px;
height:140px;
margin:0 auto 0 auto;
}
#top-banner{position:absolute;top:42px;right:38px;}
ul#menu-language{position:absolute;top:5px;right:0;margin:0 35px 0 0;padding:0;list-style:none;color:#FFFFFF;}
ul#menu-language li{float:left;padding:0 3px 0 3px;}
ul#menu-language li.item{}
ul#menu-language li.divider{}
ul#menu-language a:link, ul#menu-language a:visited{color:#FFFFFF;text-decoration:none;text-transform:uppercase;display:block;height:100%;}
ul#menu-language a:hover, ul#menu-language a:active{}
#menu{
width:100%;
height:30px;
float:left;
background-color:#009AD0;
border-top:3px solid #FFFFFF;
}
ul#menu-content{width:1000px;height:30px;margin:0 auto 0 auto;padding:0;list-style:none;border-left:1px solid #FFFFFF;}
ul#menu-content li{height:30px;float:left;border-right:1px solid #FFFFFF;}
ul#menu-content li.selected{height:30px;float:left;border-right:1px solid #FFFFFF;background-color:#294B71;}
ul#menu-content li span{height:23px;padding:7px 14px 0 16px;font-size:13px;color:#FFFFFF;text-decoration:none;text-transform:uppercase;display:block;}
ul#menu-content li a:link, ul#menu-content li a:visited{height:23px;padding:7px 9px 0 10px;font-size:13px;color:#FFFFFF;text-decoration:none;text-transform:uppercase;display:block;}
ul#menu-content li a:hover, ul#menu-content li a:active{color:#009AD0;background-color:#FFFFFF;}
ul#menu-content li.selected a:link, ul#menu-content li.selected a:visited{}
ul#menu-content li.selected a:hover, ul#menu-content li.selected a:active{}
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
NAV
\*------------------------------------*/
#menu-content{
/* Clear floats */
width:100%;
position:relative;
z-index:5;
}
#menu-content li{
float:left;
position:relative;
cursor: pointer;
}
#menu-content a{
display:block;
}
#menu-content a:hover{
}
/*--- DROPDOWN ---*/
#menu-content ul{
margin:0;
padding:0;
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#menu-content ul li{
padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
#menu-content ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu-content li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
}
#menu-content li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background:#009AD0;
text-decoration:underline;
}
#menu-content li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#menu-content li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
color:#294B71;
background:#CCCCCC;
}
#middle{
width:100%;
min-height:500px;
float:left;
background-color:#FFFFFF;
/*background:#ffffff url('../images/groepcaenen-kerstbg.jpg') no-repeat center 0;*/
z-index:6;
}
#splash{
width:1000px;
margin:0 auto 0 auto;
}
#middle-content{
width:1000px;
margin:0 auto 0 auto;
padding:10px 0 0 0;
}
#middle-content #content-small{width:790px;min-height:500px;margin:0 10px 0 0;float:left;}
#middle-content #content-width{width:990px;min-height:500px;margin:0 10px 0 0;float:left;}
#middle-content h1{padding:4px 13px 4px 13px;background-color:#294B71;color:#FFFFFF;border:none;font-size:12px;margin:0 0 10px 0;border-radius:7px;text-transform:uppercase;text-align:center;}
#middle-content h1.fixed-250{width:250px;}
#middle-content #column-left-1{width:250px;margin:0 10px 10px 0;float:left;}
#middle-content #column-left-1 h1{}
#middle-content #column-left-2{width:530px;float:left;}
#middle-content #column-left-2 h1{text-align:left;}
ul#menu-middle-content{width:240px;margin:0;padding:5px;list-style:none;border:1px solid #294B71;border-radius:7px;}
ul#menu-middle-content li{height:55px;margin:0 0 5px 0;}
ul#menu-middle-content li img{margin:0 10px 0 0;float:left;}
ul#menu-middle-content li p{padding:25px 0 0 0;}
ul#menu-middle-content li a:link, ul#menu-middle-content li a:visited{text-decoration:none;color:#294B71;}
ul#menu-middle-content li a:active, ul#menu-middle-content li a:hover{}
ul#menu-middle-content li.selected a:link, ul#menu-middle-content li.selected a:visited{font-weight:bold;}
ul#menu-middle-content li.selected a:active, ul#menu-middle-content li.selected a:hover{}
/*
item: w190px x h125px
*/
#middle-content ul.column-right{width:190px;margin:0;padding:0;float:left;list-style:none;}
#middle-content ul.column-right li{margin:0 0 5px 0;}
#middle-content ul.column-right .quickfinder-for-sale{width:175px;height:30px;padding:40px 0 0 15px;background-image:url('../images/quickfinder-for-sale.jpg')}
#middle-content ul.column-right .quickfinder-for-sale-fr{width:175px;height:30px;padding:40px 0 0 15px;background-image:url('../images/quickfinder-for-sale-fr.jpg')}
#middle-content ul.column-right .quickfinder-for-rent{width:175px;height:30px;padding:40px 0 0 15px;background-image:url('../images/quickfinder-for-rent.jpg')}
#middle-content ul.column-right .quickfinder-for-rent-fr{width:175px;height:30px;padding:40px 0 0 15px;background-image:url('../images/quickfinder-for-rent-fr.jpg')}
#middle-content ul.column-right-small{width:190px;margin:0 0 0 0;padding:0;float:left;list-style:none;}
#middle-content ul.column-right-small li{margin:0 0 5px 0;}
#home-nl{height:290px;position:relative;}
#home-aanbod-te-koop{width:370px;height:274px;background:url('../images/home-aanbod-te-koop-bg.png');position:absolute;}
#home-aanbod-te-huur{width:370px;height:274px;background:url('../images/home-aanbod-te-huur-bg.png');position:absolute;left:385px;}
#home-snelzoeker{width:194px;height:274px;background:url('../images/home-snelzoeker-bg.png');position:absolute;left:767px;}
a#home-button-nieuwbouw-en-herverkoop:link, a#home-button-nieuwbouw-en-herverkoop:visited{width:335px;height:43px;position:absolute;top:70px;left:20px;background:url('../images/home-button-nieuwbouw-en-herverkoop.png');}
a#home-button-nieuwbouw-en-herverkoop:hover, a#home-button-nieuwbouw-en-herverkoop:active{background:url('../images/home-button-nieuwbouw-en-herverkoop-hover.png');}
a#home-button-enkel-nieuwbouw:link, a#home-button-enkel-nieuwbouw:visited{width:335px;height:43px;position:absolute;top:130px;left:20px;background:url('../images/home-button-enkel-nieuwbouw.png');}
a#home-button-enkel-nieuwbouw:hover, a#home-button-enkel-nieuwbouw:active{background:url('../images/home-button-enkel-nieuwbouw-hover.png');}
a#home-button-enkel-herverkoop:link, a#home-button-enkel-herverkoop:visited{width:335px;height:43px;position:absolute;top:190px;left:20px;background:url('../images/home-button-enkel-herverkoop.png');}
a#home-button-enkel-herverkoop:hover, a#home-button-enkel-herverkoop:active{background:url('../images/home-button-enkel-herverkoop-hover.png');}
a#home-button-te-huur-jaarbasis:link, a#home-button-te-huur-jaarbasis:visited{width:335px;height:43px;position:absolute;top:70px;left:20px;background:url('../images/home-button-te-huur-jaarbasis.png');}
a#home-button-te-huur-jaarbasis:hover, a#home-button-te-huur-jaarbasis:active{background:url('../images/home-button-te-huur-jaarbasis-hover.png');}
a#home-button-te-huur-vakantieverhuur:link, a#home-button-te-huur-vakantieverhuur:visited{width:335px;height:43px;position:absolute;top:130px;left:20px;background:url('../images/home-button-te-huur-vakantieverhuur.png');}
a#home-button-te-huur-vakantieverhuur:hover, a#home-button-te-huur-vakantieverhuur:active{background:url('../images/home-button-te-huur-vakantieverhuur-hover.png');}
#home-textfield-naam-pand{width:173px;height:64px;position:absolute;top:55px;left:10px;background:url('../images/home-textfield-naam-pand.png');}
#home-textfield-referentie-nummer{width:173px;height:59px;position:absolute;top:115px;left:10px;background:url('../images/home-textfield-referentie-nummer.png');}
a#home-button-laatste-nieuwe-panden:link, a#home-button-laatste-nieuwe-panden:visited{width:173px;height:42px;position:absolute;top:190px;left:10px;background:url('../images/home-button-laatste-nieuwe-panden.png');}
a#home-button-laatste-nieuwe-panden:hover, a#home-button-laatste-nieuwe-panden:active{background:url('../images/home-button-laatste-nieuwe-panden-hover.png');}
#home-snelzoeker input[type=text]{width:110px;height:18px;position:absolute;top:27px;left:15px;border:1px solid #FFFFFF;}
#home-snelzoeker input[type=text]:focus{outline: none;}
#home-snelzoeker input[type=submit]{width:20px;border:none;position:absolute;top:27px;left:140px;background:none;}
#home-snelzoeker input[type=submit]:hover{cursor:pointer;}
#home-fr{height:290px;position:relative;}
#home-offre-a-vendre{width:370px;height:274px;background:url('../images/home-offre-a-vendre-bg.png');position:absolute;}
#home-offre-a-louer{width:370px;height:274px;background:url('../images/home-offre-a-louer-bg.png');position:absolute;left:385px;}
#home-chercher-vite{width:194px;height:274px;background:url('../images/home-chercher-vite-bg.png');position:absolute;left:767px;}
a#home-button-nouvelle-construction-et-revente:link, a#home-button-nouvelle-construction-et-revente:visited{width:335px;height:43px;position:absolute;top:70px;left:20px;background:url('../images/home-button-nouvelle-construction-et-revente.png');}
a#home-button-nouvelle-construction-et-revente:hover, a#home-button-nouvelle-construction-et-revente:active{background:url('../images/home-button-nouvelle-construction-et-revente-hover.png');}
a#home-button-seulement-nouvelle-construction:link, a#home-button-seulement-nouvelle-construction:visited{width:335px;height:43px;position:absolute;top:130px;left:20px;background:url('../images/home-button-seulement-nouvelle-construction.png');}
a#home-button-seulement-nouvelle-construction:hover, a#home-button-seulement-nouvelle-construction:active{background:url('../images/home-button-seulement-nouvelle-construction-hover.png');}
a#home-button-seulement-revente:link, a#home-button-seulement-revente:visited{width:335px;height:43px;position:absolute;top:190px;left:20px;background:url('../images/home-button-seulement-revente.png');}
a#home-button-seulement-revente:hover, a#home-button-seulement-revente:active{background:url('../images/home-button-seulement-revente-hover.png');}
a#home-button-a-louer-base-annuelle:link, a#home-button-a-louer-base-annuelle:visited{width:335px;height:43px;position:absolute;top:70px;left:20px;background:url('../images/home-button-a-louer-base-annuelle.png');}
a#home-button-a-louer-base-annuelle:hover, a#home-button-a-louer-base-annuelle:active{background:url('../images/home-button-a-louer-base-annuelle-hover.png');}
a#home-button-a-louer-vacances:link, a#home-button-a-louer-vacances:visited{width:335px;height:43px;position:absolute;top:130px;left:20px;background:url('../images/home-button-a-louer-vacances.png');}
a#home-button-a-louer-vacances:hover, a#home-button-a-louer-vacances:active{background:url('../images/home-button-a-louer-vacances-hover.png');}
#home-textfield-nom-propriete{width:173px;height:64px;position:absolute;top:55px;left:10px;background:url('../images/home-textfield-nom-propriete.png');}
#home-textfield-numero-reference{width:173px;height:59px;position:absolute;top:115px;left:10px;background:url('../images/home-textfield-numero-reference.png');}
a#home-button-derniere-propriete:link, a#home-button-derniere-propriete:visited{width:173px;height:42px;position:absolute;top:190px;left:10px;background:url('../images/home-button-derniere-propriete.png');}
a#home-button-derniere-propriete:hover, a#home-button-derniere-propriete:active{background:url('../images/home-button-derniere-propriete-hover.png');}
#home-chercher-vite input[type=text]{width:110px;height:18px;position:absolute;top:27px;left:15px;border:1px solid #FFFFFF;}
#home-chercher-vite input[type=text]:focus{outline: none;}
#home-chercher-vite input[type=submit]{width:20px;border:none;position:absolute;top:27px;left:140px;background:none;}
#home-chercher-vite input[type=submit]:hover{cursor:pointer;}
#footer {
width:100%;
float:left;
height:388px;
padding:0 0 0 0;
background: #ffffff url("../images/footer-bg0.jpg"); /*#254b72*/
}
#footer-big {
width:100%;
float:left;
height:748px;
padding:0 0 0 0;
background: #ffffff url("../images/footer-bg1.jpg");
}
#footer-big2 {
width:100%;
float:left;
height:988px;
padding:0 0 0 0;
background: #ffffff url("../images/footer-bg1_2.jpg");
}
#footer-grey {
position: relative;
width:1000px;
height: 360px;
margin:0 auto 0 auto;
color: #545454;
font-size: 14px;
}
#footer-grey2 {
position: relative;
width:1000px;
/* ## height: 360px;*/
height: 600px;
margin:0 auto 0 auto;
color: #545454;
font-size: 14px;
}
#footer-content{
position: relative;
width:1000px;
height:388px;
margin:0 auto 0 auto;
background: #254b72 url("../images/footer-bg2.jpg");
color: #71c2e2;
font-size: 11px;
}
/* LINK */
#print{
padding:15px;
}
#print #office{width:550px;height:75px;margin:0 0 10px 0;padding:5px;background-color:#294B71;background:url('../images/logo-groep-caenen-print.jpg') right no-repeat #294B71;}
#print #price{width:170px;float:left;background-color:#009AD0;color:#FFFFFF;border:none;margin:5px 0 15px 0;padding:4px 13px 4px 13px;font-size:18px;border-top:1px solid #009AD0;border-radius:7px;font-weight:bold;text-align:center;}
#print #price{width:170px;float:left;background-color:#F28E25;color:#FFFFFF;border:none;margin:5px 0 15px 0;padding:4px 13px 4px 13px;font-size:18px;border-top:1px solid #009AD0;border-radius:7px;font-weight:bold;text-align:center;}
/* LINK */
a:link, a:visited{
color:#01669C;
}
a:hover, a:active{
}
/* BUTTON */
/*variabel*/
.button-light-blue{padding:4px 13px;margin:0 0 10px;background-color:#009AD0;color:#FFFFFF;border:none;font-size:12px;border-radius:7px;text-transform:uppercase;text-align:center;cursor:pointer;}
.button-light-blue a:link, .button-light-blue a:visited{color:#FFFFFF;text-decoration:none;}
.button-light-blue a:active, .button-light-blue a:hover{}
.button-dark-blue{padding:4px 13px 4px 13px;background-color:#294B71;color:#FFFFFF;border:none;font-size:12px;margin:0 0 10px 0;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-dark-blue a:link, .button-dark-blue a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-dark-blue a:active, .button-dark-blue a:hover{}
.button-light-blue-small{padding:4px 7px 4px 7px;background-color:#009AD0;color:#FFFFFF;border:none;font-size:11px;margin:0 0 5px 0;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-light-blue-small a:link, .button-light-blue-small a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-light-blue-small a:active, .button-light-blue-small a:hover{}
.button-dark-blue-small{padding:4px 7px 4px 7px;background-color:#294B71;color:#FFFFFF;border:none;font-size:11px;margin:0 0 5px 0;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-dark-blue-small a:link, .button-dark-blue-small a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-dark-blue-small a:active, .button-dark-blue-small a:hover{}
.button-gray{padding:4px 13px 4px 13px;background-color:#666666;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #666666;border-radius:7px;text-transform:uppercase;}
.button-gray a:link, .button-gray a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-gray a:active, .button-gray a:hover{}
.button-reset{width:120px;padding:4px 13px 4px 13px;background-color:#CCCCCC;color:#333333;border:none;font-size:12px;border-top:1px solid #CCCCCC;border-radius:7px;text-align:center;}
.button-reset a:link, .button-reset a:visited{width:100%;display:block;color:#333333;text-decoration:none;}
.button-reset a:active, .button-reset a:hover{}
.button-light-gray{padding:4px 13px 4px 13px;background-color:#CCCCCC;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #CCCCCC;border-radius:7px;}
.button-light-gray a:link, .button-light-gray a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-light-gray a:active, .button-light-gray a:hover{}
.button-blue-gray{padding:4px 13px 4px 13px;background-color:#A1ABBC;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #A1ABBC;border-radius:7px;cursor:pointer;}
.button-blue-gray a:link, .button-blue-gray a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-blue-gray a:active, .button-blue-gray a:hover{}
.button-orange{padding:4px 13px 4px 13px;background-color:#F28E25;color:#FFFFFF;border:none;font-size:12px;margin:0 0 10px 0;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-orange a:link, .button-orange a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-orange a:active, .button-orange a:hover{}
.button-dark-white{padding:2px 13px 2px 13px;color:#294B71;border:1px solid #294B71;font-size:12px;margin:0 0 5px 0;border-radius:7px;text-align:center;}
.button-dark-white a:link, .button-dark-white a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-dark-white a:active, .button-dark-white a:hover{}
.button-result-type-selected{width:200px;margin:0 5px 10px 0;padding:4px 13px 4px 13px;float:left;background-color:#294B71;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #294B71;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-result-type-selected a:link, .button-result-type-selected a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-result-type-selected a:active, .button-result-type-selected a:hover{}
.button-result-type{width:200px;margin:0 5px 10px 0;padding:4px 13px 4px 13px;float:left;background-color:#666666;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #666666;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-result-type a:link, .button-result-type a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-result-type a:active, .button-result-type a:hover{}
.button-result-type2{width:100px;margin:0 5px 10px 0;padding:4px 13px 4px 13px;float:left;background-color:#009AD0;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #666666;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-result-type2 a:link, .button-result-type2 a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-result-type2 a:active, .button-result-type2 a:hover{}
/*fixed*/
.button-light-blue-fixed-100{width:100px;padding:2px 13px 2px 13px;background-color:#009AD0;color:#FFFFFF;border:none;font-size:11px;font-weight:bold;border-radius:7px;text-transform:uppercase;text-align:center;}
.button-light-blue-fixed-100 a:link, .button-light-blue-fixed-100 a:visited{color:#FFFFFF;text-decoration:none;}
.button-light-blue-fixed-100 a:active, .button-light-blue-fixed-100 a:hover{}
.button-dark-blue-fixed-200{width:200px;margin:0 5px 10px 0;padding:4px 13px 4px 13px;float:left;background-color:#294B71;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #294B71;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-dark-blue-fixed-200 a:link, .button-dark-blue-fixed-200 a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-dark-blue-fixed-200 a:active, .button-dark-blue-fixed-200 a:hover{}
.button-gray-fixed-200{width:200px;margin:0 5px 10px 0;padding:4px 13px 4px 13px;float:left;background-color:#666666;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #666666;border-radius:7px;text-align:center;text-transform:uppercase;}
.button-gray-fixed-200 a:link, .button-gray-fixed-200 a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-gray-fixed-200 a:active, .button-gray-fixed-200 a:hover{}
.button-orange-fixed-200{width:200px;margin:0 5px 10px 0;padding:4px 5px 4px 5px;background-color:#F28E25;color:#FFFFFF;border:none;font-size:12px;border-top:1px solid #F28E25;border-radius:7px;text-align:center;}
.button-orange-fixed-200 a:link, .button-orange-fixed-200 a:visited{width:100%;display:block;color:#FFFFFF;text-decoration:none;}
.button-orange-fixed-200 a:active, .button-orange-fixed-200 a:hover{}
/* FORM */
#info-request-information input[type = "checkbox"]{background:none;box-shadow:none;width:20px;}
.textfield{padding:3px;color:#1C324A;font-size:12px;border:1px solid #949393;}
.textfield-quickfinder{margin:3px 0 0 10px;padding:3px;color:#999999;font-size:12px;border:1px solid #949393;}
.textarea{width:780px;height:150px;padding:3px;color:#1C324A;font-family:Arial;font-size:12px;border:1px solid #949393;overflow:auto;border-radius:7px;}
.textarea-short{width:400px;height:160px;padding:3px;color:#1C324A;font-family:Arial;font-size:12px;border:1px solid #949393;overflow:auto;border-radius:7px;}
.textarea-width{width:780px;height:160px;padding:3px;color:#1C324A;font-family:Arial;font-size:12px;border:1px solid #949393;overflow:auto;border-radius:7px;}
/* standard radio button */
.radio-button-box{width:110px;height:40px;padding:0;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box .text{margin:5px 0 0 15px;padding:5px 10px 5px 5px;border:1px solid #999999;border-radius:7px;text-transform:uppercase;display:block;text-decoration:none;font-weight:bold;color:#294B71;}
.radio-button-box-selected{width:110px;height:40px;padding:0;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-selected-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-selected .text{margin:5px 0 0 15px;padding:5px 10px 5px 5px;border:1px solid #999999;border-radius:7px;text-transform:uppercase;display:block;text-decoration:none;font-weight:bold;color:#FFFFFF;background-color:#294B71;}
/* standard radio button 2 */
.radio-button-box2{idth:110px;height:15px;padding:0;margin:0;background:url('../images/radio-button-box-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box2 .text{margin:5px 0 0 5px;padding:0 10px 0 10px;border-radius:7px;display:block;text-decoration:none;color:#294B71;}
.radio-button-box2-selected{idth:110px;height:15px;padding:0;margin:0;background:url('../images/radio-button-box-selected-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box2-selected .text{margin:5px 0 0 5px;padding:0 10px 0 10px;display:block;text-decoration:none;font-weight:bold;color:#294B71;}
/* standard radio button 3 */
.radio-button-box3{width:110px;height:40px;padding:0;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-bg3.jpg') no-repeat;cursor:pointer;}
.radio-button-box3 .text{margin:5px 0 0 15px;padding:5px 10px 5px 5px;border:1px solid #999999;border-radius:7px;text-transform:uppercase;display:block;text-decoration:none;font-weight:bold;color:#294B71;}
.radio-button-box3-selected{width:110px;height:40px;padding:0;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-selected-bg3.jpg') no-repeat;cursor:pointer;}
.radio-button-box3-selected .text{margin:5px 0 0 15px;padding:5px 10px 5px 5px;border:1px solid #999999;border-radius:7px;text-transform:uppercase;display:block;text-decoration:none;font-weight:bold;color:#FFFFFF;background-color:#009AD0;}
/* radio button with image */
.radio-button-box-image{width:130px;height:35px;padding:0 0 0 20px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image .image{width:40px;float:left;}
.radio-button-box-image .text{margin:5px 0 0 0;padding:5px 5px 5px 0;float:left;display:block;text-decoration:none;color:#294B71;text-align:left;}
.radio-button-box-image-selected{width:130px;height:35px;padding:0 0 0 20px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-selected .image{width:40px;float:left;}
.radio-button-box-image-selected .text{width:130px;height:20px;margin:0 0 0 -5px;padding:10px 5px 5px 0;border:1px solid #999999;background-color:#294B71;border-radius:7px;color:#FFFFFF;}
/* radio button with image 2 */
.radio-button-box-image2{width:130px;height:35px;padding:0 0 0 20px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image2 .image{width:40px;float:left;}
.radio-button-box-image2 .text{margin:5px 0 0 0;padding:5px 5px 5px 0;float:left;display:block;text-decoration:none;color:#294B71;text-align:left;}
.radio-button-box-image2-selected{width:130px;height:35px;padding:0 0 0 20px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image2-selected .image{width:40px;float:left;}
.radio-button-box-image2-selected .text{width:130px;height:20px;margin:0 0 0 -5px;padding:10px 5px 5px 0;border:1px solid #999999;background-color:#009AD0;border-radius:7px;color:#FFFFFF;}
/* radio button fixed with */
/*100*/
.radio-button-box-image-fixed100{width:100px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed100 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed100 .text{width:80px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed100-selected{width:100px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg.jpg') no-repeat ;cursor:pointer;}
.radio-button-box-image-fixed100-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed100-selected .text{width:80px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#294B71;border-radius:7px;}
/*100 2*/
.radio-button-box-image-fixed100-2{width:100px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed100-2 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed100-2 .text{width:80px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed100-2-selected{width:100px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg2.jpg') no-repeat ;cursor:pointer;}
.radio-button-box-image-fixed100-2-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed100-2-selected .text{width:80px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#009AD0;border-radius:7px;}
/*120*/
.radio-button-box-image-fixed120{width:120px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed120 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed120 .text{width:100px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed120-selected{width:120px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed120-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed120-selected .text{width:100px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#294B71;border-radius:7px;}
/*120 2*/
.radio-button-box-image-fixed120-2{width:120px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed120-2 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed120-2 .text{width:100px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed120-2-selected{width:120px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed120-2-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed120-2-selected .text{width:100px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#009AD0;border-radius:7px;}
/*140*/
.radio-button-box-image-fixed140{width:140px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed140 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed140 .text{width:120px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed140-selected{width:140px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed140-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed140-selected .text{width:120px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#294B71;border-radius:7px;}
/*140 2*/
.radio-button-box-image-fixed140-2{width:140px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed140-2 .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed140-2 .text{width:120px;height:20px;margin:0;padding:10px 0px 5px 5px;color:#294B71;}
.radio-button-box-image-fixed140-2-selected{width:140px;height:35px;padding:0 0 0 15px;margin:5px 0 0 0;border:1px solid #FFFFFF;background:url('../images/radio-button-box-image-selected-bg2.jpg') no-repeat;cursor:pointer;}
.radio-button-box-image-fixed140-2-selected .image{margin:0 5px 0 5px;float:left;}
.radio-button-box-image-fixed140-2-selected .text{width:120px;height:20px;margin:0;padding:10px 0px 5px 10px;color:#FFFFFF;border:1px solid #999999;background-color:#009AD0;border-radius:7px;}
/* QUICKFINDER */
#quickfinder-large{height:30px;width:745px;margin:0 0 15px 3px;padding:5px;border:1px solid #999999;border-radius:7px;}
#quickfinder-large input{margin-left:5px;}
#quickfinder-large img{float:left;}
#quickfinder-large span{margin:7px 0 0 25px;float:left;font-size:18px;font-weight:bold;color:#294B71;}
#quickfinder-large .textfield{margin:5px 5px 0 15px;}
/*
MARQUEE
item: w145px x h32px
*/
ul#marquee{margin:0 0 15px 0;padding:0;list-style:none;float:left;}
ul#marquee li{margin:0 15px 0 0;float:left;}
/* HOME */
#home-banner{margin:0 0 20px 0;float:left;}
#sliderContent{width:763px;height:243px;overflow:hidden;clear:both;position:relative;float:left;z-index:1;}
#sliderContent .slider-item{position:absolute;width:763px;height:243px;background:#000000;}
#sliderContent .slider-item img{width:763px;height:243px;}
#sliderBullets {position:absolute;bottom:10px;right:15px;z-index:50;}
#sliderBullets a {width:10px;height:11px;margin:0 0 0 5px;display:block;float:left;text-indent:-9999px;outline:none;background:url(../images/slider-bullets.png) no-repeat;}
#sliderBullets .active {background-position:0 -11px;}
#sliderContent a {outline:none;}
#sliderContent2{width:966px;height:243px;overflow:hidden;clear:both;position:relative;float:left;z-index:1;}
#sliderContent2 .slider-item{position:absolute;width:763px;height:243px;background:#000000;}
#sliderContent2 .slider-item img{width:966px;height:243px;}
#sliderContent2 a {outline:none;}
#home-column-left{width:400px;margin:0 0 15px 0;float:left;text-align:center;}
#home-column-left .title{width:230px;margin:35px 0 25px 0;float:left;font-size:20px;float:left;color:#294B71;}
#home-column-left img{float:left;}
#home-column-left ul{margin:0;padding:0;list-style:none;}
#home-column-right{width:380px;margin:0 0 15px 0;float:left;text-align:center;}
#home-column-right .title{width:230px;margin:35px 0 25px 0;float:left;font-size:20px;float:left;color:#009AD0;}
#home-column-right img{float:left;}
#home-column-right ul{margin:0;padding:0;list-style:none;}
/* SEARCH ENGINE */
#search-engine{}
#form{float:left;}
#search-field-small{width:790px;eight:265px;margin:0 0 10px 0;float:left;}
#search-field-width{width:1000px;eight:265px;margin:0 0 10px 0;float:left;}
/*search-field-block: standaard*/
.search-field-block{height:250px;float:left;text-align:center;}
.search-field-block .title{width:100%;height:13px;float:left;margin:0 0 10px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;}
.search-field-block ul{float:left;margin:0;padding:0;list-style:none;text-align:left;}
.search-field-block ul li{}
.search-field-block ul li.label{margin:10px 0 15px 5px;font-style:italic;}
.search-field-block ul li.label input{color:#009AD0;font-weight:bold;border:0;font-style:italic;}
.search-field-block ul li.form-element{margin:0 0 40px 5px;}
.search-field-block ul li.form-element-date{margin:0 0 40px 5px;}
.search-field-block ul li.form-element-date p{float:left;margin:0 5px 0 0;}
.search-field-block ul li.form-element-date2{margin:-25px 0 0 10px;}
.search-field-block ul li.form-element-date2 p{float:left;margin:0 6px 0 0;}
.search-field-block ul#info{width:120px;margin:0 0 10px 0;}
.search-field-block ul#info li{text-align:center;}
#dropdown-regio-wrap{height:30px;}
#dropdown-regio-wrap select{width:130px;}
#slider-radius-wrap{widh:190px;height:30px;background:url(../images/slider-radius-wrap-bg.png) no-repeat;float:left;}
#slider-radius{margin:0 0 0 8px;}
#slider-bedroom-wrap{widh:150px;height:30px;background:url(../images/slider-bedroom-wrap-bg.png) no-repeat;float:left;}
#slider-bedroom{margin:0 0 0 8px;}
#slider-level-appartment-wrap{widh:250px;height:30px;background:url(../images/slider-level-appartment-wrap-bg.png) no-repeat;}
#slider-level-appartment{margin:0 0 0 8px;}
#slider-surface-appartment-wrap{widh:250px;height:30px;background:url(../images/slider-surface-appartment-wrap-bg.png) no-repeat;}
#slider-surface-appartment{margin:0 0 0 8px;}
#slider-surface-house-wrap{widh:250px;height:30px;background:url(../images/slider-surface-house-wrap-bg.png) no-repeat;}
#slider-surface-house{margin:0 0 0 8px;}
#slider-surface-home-wrap{widh:250px;height:30px;background:url(../images/slider-surface-home-wrap-bg.png) no-repeat;}
#slider-surface-home{margin:0 0 0 8px;}
#slider-surface-commercial-wrap{widh:250px;height:30px;background:url(../images/slider-surface-commercial-wrap-bg.png) no-repeat;}
#slider-surface-commercial{margin:0 0 0 8px;}
#slider-surface-warehouse-wrap{widh:250px;height:30px;background:url(../images/slider-surface-warehouse-wrap-bg.png) no-repeat;}
#slider-surface-warehouse{margin:0 0 0 8px;}
#slider-surface-ground-wrap{widh:250px;height:30px;background:url(../images/slider-surface-ground-wrap-bg.png) no-repeat;}
#slider-surface-ground{margin:0 0 0 8px;}
#slider-range-budget-appartment-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-appartment-wrap-bg.png) no-repeat;}
#slider-range-budget-appartment{margin:0 0 0 8px;}
#slider-range-budget-appartment-wrap2{widh:250px;height:30px;background:url(../images/slider-range-budget-appartment-wrap-bg2.png) no-repeat;}
#slider-range-budget-appartment2{margin:0 0 0 8px;}
#slider-range-budget-appartment-wrap3{widh:250px;height:30px;background:url(../images/slider-range-budget-appartment-wrap-bg3.png) no-repeat;}
#slider-range-budget-appartment3{margin:0 0 0 8px;}
#slider-range-budget-house-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-house-wrap-bg.png) no-repeat;}
#slider-range-budget-house{margin:0 0 0 8px;}
#slider-range-budget-house-wrap2{widh:250px;height:30px;background:url(../images/slider-range-budget-house-wrap-bg2.png) no-repeat;}
#slider-range-budget-house2{margin:0 0 0 8px;}
#slider-range-budget-home-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-home-wrap-bg.png) no-repeat;}
#slider-range-budget-home{margin:0 0 0 8px;}
#slider-range-budget-garage-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-garage-wrap-bg.png) no-repeat;}
#slider-range-budget-garage{margin:0 0 0 8px;}
#slider-range-budget-garage-wrap2{widh:250px;height:30px;background:url(../images/slider-range-budget-garage-wrap-bg2.png) no-repeat;}
#slider-range-budget-garage2{margin:0 0 0 8px;}
#slider-range-budget-garage-wrap3{widh:250px;height:30px;background:url(../images/slider-range-budget-garage-wrap-bg3.png) no-repeat;}
#slider-range-budget-garage3{margin:0 0 0 8px;}
#slider-range-budget-commercial-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-commercial-wrap-bg.png) no-repeat;}
#slider-range-budget-commercial{margin:0 0 0 8px;}
#slider-range-budget-commercial-wrap2{widh:250px;height:30px;background:url(../images/slider-range-budget-commercial-wrap-bg2.png) no-repeat;}
#slider-range-budget-commercial2{margin:0 0 0 8px;}
#slider-range-budget-warehouse-wrap{widh:250px;height:30px;background:url(../images/slider-range-budget-warehouse-wrap-bg.png) no-repeat;}
#slider-range-budget-warehouse{margin:0 0 0 8px;}
#slider-range-budget-warehouse-wrap2{widh:250px;height:30px;background:url(../images/slider-range-budget-warehouse-wrap-bg2.png) no-repeat;}
#slider-range-budget-warehouse2{margin:0 0 0 8px;}
#slider-range-budget-ground-wrap{widht:250px;height:30px;background:url(../images/slider-range-budget-ground-wrap-bg.png) no-repeat;}
#slider-range-budget-ground{margin:0 0 0 8px;}
#slider-finance-amount-wrap{width:570px;height:30px;margin:0 10px 0 0;background:url(../images/slider-finance-amount-wrap-bg.png) no-repeat;float:left;}
#slider-finance-amount{width:560px;margin:0 0 0 8px;}
#slider-finance-percentage-wrap{width:570px;height:30px;margin:0 10px 0 0;background:url(../images/slider-finance-percentage-wrap-bg.png) no-repeat;float:left;}
#slider-finance-percentage{width:560px;margin:0 0 0 8px;}
#slider-finance-time-wrap{width:570px;height:30px;margin:0 10px 0 0;background:url(../images/slider-finance-time-wrap-bg.png) no-repeat;float:left;}
#slider-finance-time{width:560px;margin:0 0 0 8px;}
.search-field-block-divider{height:250px;width:5px;margin:0 0 0 5px;float:left;border-left:2px solid #294B71;}
.search-field-block-divider2{height:250px;width:5px;margin:0 0 0 5px;float:left;}
.search-field-block-divider3{height:340px;width:5px;margin:0 0 0 5px;float:left;border-left:2px solid #294B71;}
/*search-field-block2*/
.search-field-block2{width:650px;height:80px;margin:0 0 10px 0;float:left;}
.search-field-block2 .title{width:180px;height:13px;float:left;margin:0 0 10px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-field-block2 .back{width:361px;height:23px;float:right;}
.search-field-block2 .back .button-orange-fixed-200{float:left;}
.search-field-block2 .back .button-reset{float:left;}
.search-field-block2 ul{float:left;margin:0;padding:0;list-style:none;text-align:left;}
.search-field-block2 ul li{width:;float:left;}
.search-field-block2 ul li.label{margin:10px 0 15px 5px;font-style:italic;}
.search-field-block2 ul li.label input{color:#009AD0;font-weight:bold;border:0;font-style:italic;}
.search-field-block2 ul li.form-element{margin:0 0 40px 5px;}
/*search-field-block3*/
.search-field-block3{width:525px;float:left;}
.search-field-block3 .title{width:180px;height:13px;float:left;margin:0 0 10px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-field-block3 ul.items{width:400px;margin:0 10px 0 0;padding:0;float:left;list-style:none;}
.search-field-block3 ul.items li.fixed180{width:180px;height:50px;margin:0 0 25px 0;float:left;}
.search-field-block3 ul.items li.fixed220{width:220px;height:50px;margin:0 0 25px 0;float:left;}
.search-field-block3 ul.items li ul{float:left;margin:0;padding:0;list-style:none;text-align:left;}
.search-field-block3 ul.items li ul li{height:25px;margin:0 0 10px 0;}
.search-field-block3 ul.items li ul li.label{font-style:italic;}
.search-field-block3 ul.items li ul li.label input{color:#009AD0;font-weight:bold;border:0;font-style:italic;}
.search-field-block3 ul.items li.fixed180 ul li.form-element{width:180px;}
.search-field-block3 ul.items li.fixed220 ul li.form-element{width:200px;}
.search-field-block3 ul.items li.fixed220-2 ul li.form-element{width:200px;}
.search-field-block3 ul.items li.fixed220 ul li.form-element-date{float:left;}
.search-field-block3 ul.items li.fixed220 ul li.form-element-date p{float:left;margin:0 5px 0 0;}
.search-field-block3 ul.items li.fixed220 ul li.form-element-date2{}
.search-field-block3 ul.items li.fixed220 ul li.form-element-date2 p{float:left;margin:0 10px 0 0;}
.search-field-block3 ul.items li.fixed220-2 ul li.form-element-date{float:left;}
.search-field-block3 ul.items li.fixed220-2 ul li.form-element-date p{float:left;margin:0 5px 0 0;}
.search-field-block3 ul.items li.fixed220-2 ul li.form-element-date2{}
.search-field-block3 ul.items li.fixed220-2 ul li.form-element-date2 p{float:left;margin:0 10px 0 0;}
.search-field-block3 ul.items2{margin:0;padding:0;float:left;list-style:none;}
.search-field-block3 ul.items2 li{}
/*search-result*/
.search-result{height:250px;float:left;}
.search-result .title{width:120px;height:13px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result .content{width:120px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result .content .number{margin:0;padding:0;color:#FFFFFF;font-size:65px;}
.search-result .button1{width:110px;height:30px;margin:10px 5px 10px 5px;padding:5px 0 5px 0;border-radius:7px;background-color:#009AD0;color:#FFFFFF;text-align:center;}
.search-result .button1 a{color:#FFFFFF;text-decoration:none;}
.search-result .button2{width:120px;height:15px;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#F28E25;color:#FFFFFF;text-align:center;}
.search-result .button2 a{color:#FFFFFF;text-decoration:none;}
.search-result .button3{width:120px;height:15px;padding:5px 0 5px 0;border-radius:7px;background-color:#CCCCCC;color:#333333;text-align:center;}
.search-result .button3 a{color:#333333;text-decoration:none;}
/*search-result2*/
.search-result2{height:190px;margin:35px 0 0 0;float:left;}
.search-result2 .title{width:120px;height:13px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result2 .content{width:120px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result2 .content .number{margin:0;padding:0;color:#FFFFFF;font-size:65px;}
.search-result2 .button1{width:110px;height:30px;margin:10px 5px 10px 5px;padding:5px 0 5px 0;border-radius:7px;background-color:#009AD0;color:#FFFFFF;text-align:center;}
.search-result2 .button1 a{color:#FFFFFF;text-decoration:none;}
.search-result2 .button2{width:120px;height:30px;padding:5px 0 5px 0;border-radius:7px;background-color:#F28E25;color:#FFFFFF;text-align:center;}
.search-result2 .button2 a{color:#FFFFFF;text-decoration:none;}
/*search-result3*/
.search-result3{height:250px;float:left;}
.search-result3 .title{width:120px;height:13px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result3 .content{width:120px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#009AD0;color:#FFFFFF;text-align:center;}
.search-result3 .content .number{margin:0;padding:0;color:#FFFFFF;font-size:65px;}
.search-result3 .button1{width:110px;height:30px;margin:10px 5px 10px 5px;padding:5px 0 5px 0;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result3 .button1 a{color:#FFFFFF;text-decoration:none;}
.search-result3 .button2{width:120px;height:15px;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#F28E25;color:#FFFFFF;text-align:center;}
.search-result3 .button2 a{color:#FFFFFF;text-decoration:none;}
.search-result3 .button3{width:120px;height:15px;padding:5px 0 5px 0;border-radius:7px;background-color:#CCCCCC;color:#333333;text-align:center;}
.search-result3 .button3 a{color:#333333;text-decoration:none;}
/*search-result4*/
.search-result4{height:190px;margin:35px 0 0 0;float:left;}
.search-result4 .title{width:120px;height:13px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;float:left;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result4 .content{width:120px;float:left;margin:0 0 5px 0;padding:5px 0 5px 0;border-radius:7px;background-color:#009AD0;color:#FFFFFF;text-align:center;}
.search-result4 .content .number{margin:0;padding:0;color:#FFFFFF;font-size:65px;}
.search-result4 .button1{width:110px;height:30px;margin:10px 5px 10px 5px;padding:5px 0 5px 0;border-radius:7px;background-color:#294B71;color:#FFFFFF;text-align:center;}
.search-result4 .button1 a{color:#FFFFFF;text-decoration:none;}
.search-result4 .button2{width:120px;height:30px;padding:5px 0 5px 0;border-radius:7px;background-color:#F28E25;color:#FFFFFF;text-align:center;}
.search-result4 .button2 a{color:#FFFFFF;text-decoration:none;}
#search-type{width:600px;height:30px;margin:5px 0 0 0;float:left;}
#search-paging-top{width:390px;height:30px;margin:5px 0 0 0;float:left;text-align:right;}
#search-list{width:1000px;height:480px;margin:0 0 10px 0;}
/* Standard Result list */
ul#result-list{width:1000px;padding:0;list-style:none;font-size:11px;float:left;}
ul#result-list li{width:310px;height:145px;padding:5px;float:left;border:1px solid #666666;border-radius:7px;}
ul#result-list li.result-list-item{margin:0 12px 12px 0;}
.nieuw{background:url('../images/nieuw.png') no-repeat;background-position: right top;z-index:100;}
.verkocht{background:url('../images/verkocht.png') no-repeat;background-position: right top;z-index:100;}
.prijs_gewijzigd{background:url('../images/prijs_gewijzigd.png') no-repeat;background-position: right top;z-index:100;}
.bod{background:url('../images/bod.png') no-repeat;background-position: right top;z-index:100;}
.nouveau{background:url('../images/nouveau.png') no-repeat;background-position: right top;z-index:100;}
.vendu{background:url('../images/vendu.png') no-repeat;background-position: right top;z-index:100;}
.prix_change{background:url('../images/prix_change.png') no-repeat;background-position: right top;z-index:100;}
.offre{background:url('../images/offre.png') no-repeat;background-position: right top;z-index:100;}
ul#result-list li.result-list-item .result-list-item-left{width:150px;float:left;}
ul#result-list li.result-list-item .result-list-item-right{width:160px;float:left;}
ul#result-list li.result-list-item-last{margin:0 0 12px 0;}
ul#result-list li.result-list-item-last .result-list-item-left{width:150px;float:left;}
ul#result-list li.result-list-item-last .result-list-item-right{width:160px;float:left;}
ul#result-list li.no-result{border:none;}
/*left*/
ul#result-list li .building_type{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
ul#result-list li .building_type_new_building{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
ul#result-list li .building_type_resale{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list li .building_project{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list li .building_sold{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#F28E25;text-transform:uppercase;text-align:center;}
ul#result-list li .building_image{width:140px;height:100px;margin:10px 0 0 0;text-align:center;background-color:#E2E2E2;}
/*right*/
ul#result-list li .building_city{margin:0 0 0 0;color:#294B71;text-transform:uppercase;}
ul#result-list li .building_title{color:#294B71;text-transform:uppercase;font-weight:bold;width:135px;height:30px;}
ul#result-list li .building_construction_type{margin:0 0 0 0;width:160px;float:left;color:#294B71;text-transform:uppercase;}
ul#result-list li .building_construction_type_rent_season{margin:0 0 0 0;width:160px;float:left;color:#294B71;text-transform:uppercase;}
ul#result-list li .building_number_rooms{margin:0 0 7px 0;color:#294B71;}
ul#result-list li .building_reference{margin:0 0 12px 0;color:#294B71;}
ul#result-list li .building_price{margin:0 0 7px 0;color:#009AD0;text-transform:uppercase;}
ul#result-list li .building_detail{margin:0 0 0 0;width:130px;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list li .building_detail a:link, #result-list li .building_detail a:visited{color:#FFFFFF;display:block;width:100%;text-decoration:none;}
ul#result-list li .building_detail a:active, #result-list li .building_detail a:hover{}
/* Result list assistance flats*/
#assistance-flats-explanation{margin:30px 0 0 0;width:310px;float:left;}
#assistance-flats-content{margin:-32px 0 0 30px;width: 616px;float:left;text-align: center;}
#assistance-flats-content h1{width: 590px;float:left;}
#assistance-flats-content span{margin:0 0 30px 0;width: 590px;float:left;text-align: center;color:#ffffff;background-color:#009ad0;border: medium none;border-radius: 7px;font-size: 12px;padding: 4px 13px;}
#assistance-flats-content span a{color:#ffffff;text-decoration:none;font-weight:bold;}
/*
#assistance-flats-content ul{list-style: none;margin: 50px 0 0 160px;padding: 0;}
#assistance-flats-content ul li{width: 356px;margin: 0 0 25px 0;padding: 0;}
#assistance-flats-content ul li a{text-decoration: none;}
#assistance-flats-content ul li span{float: left;width: 330px;background-color: #294b71;border: medium none;border-radius: 7px;color: #ffffff;font-size: 12px;margin: 15px 0 15px;padding: 4px 13px;text-align: center;}
*/
/*
ul#result-list-assistance-flats{width:660px;padding:0;list-style:none;font-size:11px;float:right;}
ul#result-list-assistance-flats li{width:310px;height:145px;padding:5px;float:left;border:1px solid #666666;border-radius:7px;}
ul#result-list-assistance-flats li.result-list-item{margin:0 12px 12px 0;}
ul#result-list-assistance-flats li.result-list-item .result-list-item-left{width:150px;float:left;}
ul#result-list-assistance-flats li.result-list-item .result-list-item-right{width:160px;float:left;}
ul#result-list-assistance-flats li.result-list-item-last{margin:0 0 12px 0;}
ul#result-list-assistance-flats li.result-list-item-last .result-list-item-left{width:150px;float:left;}
ul#result-list-assistance-flats li.result-list-item-last .result-list-item-right{width:160px;float:left;}
ul#result-list-assistance-flats li.no-result{border:none;}
*/
/*left*/
/*
ul#result-list-assistance-flats li .building_type{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_type_new_building{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_type_resale{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_project{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_sold{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#F28E25;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_image{width:140px;height:100px;margin:10px 0 0 0;text-align:center;background-color:#E2E2E2;}
*/
/*right*/
/*
ul#result-list-assistance-flats li .building_city{margin:0 0 0 0;color:#294B71;text-transform:uppercase;}
ul#result-list-assistance-flats li .building_title{margin:0 0 7px 0;color:#294B71;text-transform:uppercase;font-weight:bold;}
ul#result-list-assistance-flats li .building_construction_type{margin:0 0 0 0;width:160px;float:left;color:#294B71;text-transform:uppercase;}
ul#result-list-assistance-flats li .building_construction_type_rent_season{margin:0 0 0 0;width:160px;float:left;color:#294B71;text-transform:uppercase;}
ul#result-list-assistance-flats li .building_number_rooms{margin:0 0 7px 0;color:#294B71;}
ul#result-list-assistance-flats li .building_reference{margin:0 0 21px 0;color:#294B71;}
ul#result-list-assistance-flats li .building_price{margin:0 0 7px 0;color:#009AD0;text-transform:uppercase;}
ul#result-list-assistance-flats li .building_detail{margin:0 0 0 0;width:130px;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
ul#result-list-assistance-flats li .building_detail a:link, #result-list li .building_detail a:visited{color:#FFFFFF;display:block;width:100%;text-decoration:none;}
ul#result-list-assistance-flats li .building_detail a:active, #result-list li .building_detail a:hover{}
*/
ul#total-overview-list{padding:0;padding:0;list-style:none;}
ul#total-overview-list li{}
ul#total-overview-list li ul{padding:0;padding:0;list-style:none;}
ul#total-overview-list li ul li{}
ul#total-overview-list a:link, ul#total-overview-list a:visited{text-decoration:none;}
ul#total-overview-list a:hover, ul#total-overview-list a:active{color:#999999;}
/*REST*/
/*
ul#result-list li .building_address{margin:0 0 10px 0;color:#294B71;}
ul#result-list li .building_percentage_sold{color:#294B71;text-transform:uppercase;}
*/
#search-paging-bottom{width:990px;height:30px;margin:0 0 10px 0;float:left;text-align:right;}
#search{position:relative;}
.ajax_loader{background:url('../images/loader.gif') no-repeat center center transparent;width:100%;height:100%;}
#search-map{/*width:780px;*/width:990px;height:480px;margin:0 0 10px 0;}
.google-maps-info-window{}
.google-maps-info-window img{margin:0 10px 0 0;}
.google-maps-info-window .f_city_value{text-transform:uppercase;font-weight:bold;}
.google-maps-info-window .f_building_name{margin:0 0 10px 0;font-size:12px;font-weight:bold;color:#183350;}
.google-maps-info-window .f_type_value{margin:0 0 2px 0;font-size:12px;font-weight:bold;color:#183350;}
.google-maps-info-window .f_price{margin:0 0 10px 0;font-size:12px;font-weight:bold;color:#183350;}
.google-maps-info-window .f_more_info{margin:0 0 10px 0;font-size:12px;font-weight:bold;color:#183350;}
.google-maps-info-window .f_reference{margin:0 0 0px 0;font-size:11px;}
/* SEARCH LIST SMALL */
#search-paging-top-small{width:785px;height:30px;float:left;text-align:right;}
#search-list-small{padding:0;list-style:none;font-size:11px;}
#search-list-small li.search-list-item{width:375px;margin:0 12px 12px 0;padding:5px;float:left;border:1px solid #666666;border-radius:7px;}
#search-list-small li.search-list-item .search-list-item-left{width:180px;float:left;}
#search-list-small li.search-list-item .search-list-item-right{width:130px;float:left;}
#search-list-small li.search-list-item-last{width:375px;margin:0 0 12px 0;padding:5px;float:left;border:1px solid #666666;border-radius:7px;}
#search-list-small li.search-list-item-last .search-list-item-left{width:180px;float:left;}
#search-list-small li.search-list-item-last .search-list-item-right{width:130px;float:left;}
#search-list-small li .building_type{width:170px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
#search-list-small li .building_project{width:170px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
#search-list-small li .building_city{color:#294B71;text-transform:uppercase;}
#search-list-small li .building_title{margin:0 0 15px 0;color:#294B71;text-transform:uppercase;}
#search-list-small li .building_construction_type{color:#294B71;text-transform:uppercase;}
#search-list-small li .building_number_rooms{color:#294B71;text-transform:uppercase;}
#search-list-small li .building_percentage_sold{color:#294B71;text-transform:uppercase;}
#search-list-small li .building_reference{margin:0 0 15px 0;color:#294B71;text-transform:uppercase;}
#search-list-small li .building_price{margin:0 0 15px 0;color:#294B71;text-transform:uppercase;}
#search-list-small li .building_detail{width:130px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
#search-list-small li .building_detail a:link, #search-list li .building_detail a:visited{color:#FFFFFF;display:block;width:100%;text-decoration:none;}
#search-list-small li .building_detail a:active, #search-list li .building_detail a:hover{}
#search-paging-bottom-small{width:785px;height:30px;float:left;text-align:right;}
/* TEXT */
#text{padding:0 0 0 5px;}
#text img{float:right;}
/* OFFICE DETAIL */
#office-address{width:255px;height:170px;margin:0 10px 10px 0;padding:0 0 0 5px;float:left;}
#office-address p{margin:0;padding:0;}
#office-thumb{width:260px;height:170px;margin:0 0 10px 0;float:left;text-align:right;}
#office-extra{width:255px;height:220px;margin:0 10px 10px 0;padding:0 0 0 5px;float:left;color:#999999;}
#office-extra p{margin:0;padding:0;}
#office-map{width:260px;height:220px;float:left;text-align:right;}
ul#office-employees{width:560px;margin:0;padding:0;float:left;list-style:none;}
ul#office-employees li{width:280px;height:100px;margin:0 0 5px 0;float:left;}
ul#office-employees li img{margin:0 10px 0 0;float:left;}
ul#office-employees li p{margin:0;padding:0;}
/* OFFICES LIST */
ul#office-list{margin:0;padding:0;list-style:none;}
ul#office-list li{width:255px;height:150px;margin:0 10px 0 0;float:left;}
ul#office-list li.last{margin:0;}
ul#office-list li img{float:left;margin:0 5px 10px 0;}
ul#office-list li h2{margin:0;padding:0;font-size:12px;text-transform:uppercase;}
ul#office-list li p{margin:0;padding:0;}
/* FAST SEARCH */
ul#fast-search{margin:0 0 0 20px;padding:0;list-style:circle;}
ul#fast-search li{}
ul#fast-search li a:link, ul#fast-search li a:visited{color:#1C324A;text-decoration:none;}
ul#fast-search li a:active, ul#fast-search li a:hover{color:#666666;}
/* BLOG LIST */
ul#blog-list{margin:0;padding:0;list-style:none;}
ul#blog-list li{width:530px;min-height:150px;margin:0 10px 10px 0;float:left;border-bottom:1px solid #CCCCCC;}
ul#blog-list li img{float:left;margin:0 10px 10px 0;}
ul#blog-list li h2{margin:0 0 10px 0;padding:0;font-size:12px;}
ul#blog-list li h2 a{text-decoration:none;color:#009AD0;}
ul#blog-list li p{min-height:90px;margin:0 0 15px 0;padding:0;}
ul#blog-list li p a{color:#1C324A;text-decoration:none;}
ul#blog-list li .button-light-blue-fixed-100{float:right;cursor:pointer;margin:0 0 10px 0;}
#footer-grey2 ul#blog-list{margin-top:20px;float:left;}
#footer-grey2 ul#blog-list li{width:470px;border-bottom:none;}
#footer-grey2 ul#blog-list li p a{color:#545454;font-size:12px;}
/* BLOG DETAIL */
#blog-detail #icon-bar{width:530px;height:30px;margin:0 0 5px 0;}
#blog-detail #icon-bar ul#icon{margin:0;padding:0;list-style:none;float:right;}
#blog-detail #icon-bar ul#icon li{margin:0 0 0 5px;float:left;}
#blog-detail #icon-bar ul#icon li img{margin:0;}
#blog-detail img{margin:0 10px 0 0;float:left;}
#blog-detail #blog-gallery ul{margin:0;padding:0;list-style:none;}
#blog-detail #blog-gallery ul li{margin:0 7px 7px 0;float:left;}
#blog-detail #blog-gallery ul li.last{margin:0;}
#blog-detail #blog-gallery ul li img{margin:0;}
/* SITEMAP */
ul#sitemap{margin:0 0 10px 5px;padding:0;list-style:none;}
ul#sitemap li{text-transform:uppercase;}
ul#sitemap li ul{margin:0 0 10px 0;padding:0;list-style:none;}
ul#sitemap li ul li{text-transform:none;}
ul#sitemap a{text-decoration:none;}
/* NEW PROJECT LIST */
ul#new-project-list{margin:0;padding:0;list-style:none;}
ul#new-project-list li{width:190px;height:150px;margin:0 5px 0 0;float:left;}
ul#new-project-list li img{float:left;margin:0 5px 10px 0;}
/* SYNDIC LOGIN */
#syndic-login{width:350px;margin:70px auto 0 auto;padding:20px 0 20px 20px;background-color:#CCCCCC;border-radius:7px;}
#syndic-login ul{margin:0;padding:0;list-style:none;}
#syndic-login ul li{margin:0 0 10px 0;}
/* SYNDIC OVERVIEW */
#syndic-overview{}
#syndic-overview ul{width:990px;margin:0 0 20px 0;padding:5px;list-style:none;float:left;}
#syndic-overview ul li{width:300px;height:35px;margin:0 15px 5px 0;float:left;}
#syndic-overview ul li img{margin:0 10px 0 0;float:left;}
#syndic-overview ul li p{padding:12px 0 0 0;}
#syndic-overview ul li p a{display:block;width:100%;height:100%;}
#syndic-overview h3{font-weight:normal;}
#syndic-overview a{text-decoration:none;color:#1C324A;}
/* INFO REQUEST */
#info-request{}
#info-request p{margin:10px 0 10px 5px;}
#info-request h3{width:150px;margin:5px 0 10px 0;padding:3px;font-size:14px;border-radius:7px;border:1px solid #999999;text-align:center;}
#info-request h4{margin:5px 0 10px 5px;padding:0;font-size:12px;font-style:italic;}
#info-request input, #info-request textarea {
background: #f6f5f5;
box-shadow: rgba(0,0,0,0.28) 1px 1px 2px 1px inset;
}
#info-request input {
width:200px;
}
#info-request textarea {
width:500px;
height:160px;
}
#info-request-question{width:400px;height:205px;padding:0 5px 0 0;float:left;}
#info-request-question p{margin:0 0 10px 5px;}
#info-request-property{float:left;}
#info-request-property p{margin:0 0 10px 5px;}
#info-request-property-detail{width:350px;height:auto;margin:0 10px 0 0;padding:5px;float:left;border:1px solid #949393;border-radius:7px;font-size:11px;}
#info-request-property-detail .search-list-item-left{width:150px;float:left;}
#info-request-property-detail .search-list-item-right{width:160px;float:left;}
#info-request-property-detail .building_type{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
#info-request-property-detail .building_type_new_building{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#294B71;text-transform:uppercase;text-align:center;}
#info-request-property-detail .building_type_resale{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
#info-request-property-detail .building_project{width:140px;margin:0 0 3px 0;color:#FFFFFF;border-radius:7px;background-color:#009AD0;text-transform:uppercase;text-align:center;}
#info-request-property-detail .building_image{width:140px;height:100px;margin:10px 0 0 0;text-align:center;background-color:#E2E2E2;}
#info-request-property-detail .building_city{color:#294B71;text-transform:uppercase;}
#info-request-property-detail .building_address{margin:0 0 10px 0;color:#294B71;}
#info-request-property-detail .building_title{margin:0 0 10px 0;color:#294B71;font-weight:bold;}
#info-request-property-detail .building_construction_type{width:160px;height:26px;margin:0 0 10px 0;float:left;color:#294B71;text-transform:uppercase;}
#info-request-property-detail .building_number_rooms{color:#294B71;text-transform:uppercase;}
#info-request-property-detail .building_percentage_sold{color:#294B71;text-transform:uppercase;}
#info-request-property-detail .building_reference{margin:0 0 3px 0;color:#294B71;text-transform:uppercase;}
#info-request-property-detail .building_price{margin:0 0 0 0;color:#294B71;text-transform:uppercase;}
#info-request-personal-details{width:780px;margin:0 0 10px 0;float:left;border:1px solid #949393;border-radius:7px;}
#info-request-personal-details p{margin:10px 0 5px 5px;}
#info-request-personal-details ul{width:350px;height:140px;margin:0 0 12px 0;padding:20px 5px 5px 5px;float:left;list-style:none;}
#info-request-personal-details ul li{margin:0 0 5px 0;}
#info-request-personal-details ul li label{width:80px;float:left;padding:5px 5px 0 0;text-align:right;}
#info-request-status{margin:0 0 10px 5px;float:left;}
#info-request-status .radio-button-box-text, #info-request-status .radio-button-box-text-selected{width:130px;}
#info-request-status p{margin:0 0 5px 5px;}
#info-request-status ul{width:780px;margin:0;padding:0;float:left;list-style:none;}
#info-request-status ul li{margin-right:10px;float:left;}
#info-request-type{margin:0 0 10px 5px;float:left;}
#info-request-type p{margin:0 0 5px 5px;}
#info-request-type ul{width:780px;margin:0;padding:0;float:left;list-style:none;}
#info-request-type ul li{margin-right:10px;float:left;}
#info-request-region{width:250px;margin:0 0 10px 5px;float:left;}
#info-request-region p{margin:0 0 5px 5px;}
#info-request-distance{width:250px;margin:0 0 10px 5px;float:left;}
#info-request-distance p{margin:0 0 5px 5px;}
#info-request-number-bedrooms{width:250px;margin:0 0 10px 5px;float:left;}
#info-request-number-bedrooms p{margin:0 0 5px 5px;}
#info-request-budget{margin:0 0 30px 5px;float:left;}
#info-request-budget p{margin:0 0 5px 5px;}
#info-request-send{float:right;margin:0 5px 10px 0;}
#info-request-send2{width:500px;float:right;margin:0 5px 15px 0;}
/* LOOKING FOR */
#looking-for{}
#looking-for p{margin:10px 0 10px 5px;}
#looking-for h3{width:150px;margin:5px 0 10px 0;padding:3px;font-size:14px;border-radius:7px;border:1px solid #999999;text-align:center;}
#looking-for h4{margin:5px 0 10px 5px;padding:0;font-size:12px;font-style:italic;}
#looking-for h4 input{color:#009AD0;font-weight:bold;border:0;font-style:italic;}
#looking-for ul{width:780px;margin:0;padding:0;float:left;list-style:none;}
#looking-for ul li{margin-right:10px;float:left;}
#looking-for ul.errorList{margin:0 0 10px 0;}
#looking-for ul.errorList li{float:none;}
#looking-for .looking-for-step{margin:0 0 10px 5px;float:left;}
#looking-for-region{width:250px;margin:0 0 10px 5px;float:left;}
#looking-for-region p{margin:0 0 5px 5px;}
#looking-for-distance{width:250px;margin:0 0 10px 5px;float:left;}
#looking-for-distance p{margin:0 0 5px 5px;}
#looking-for-number-bedrooms{width:250px;margin:0 0 10px 5px;float:left;}
#looking-for-number-bedrooms p{margin:0 0 5px 5px;}
#looking-for-personal-details{width:785px;margin:10px 0 10px 0;float:left;border:1px solid #949393;border-radius:7px;}
#looking-for-personal-details p{margin:10px 0 5px 5px;}
#looking-for-personal-details ul{width:350px;height:140px;margin:0 0 12px 0;padding:20px 5px 5px 5px;float:left;list-style:none;}
#looking-for-personal-details ul li{margin:0 0 5px 0;}
#looking-for-personal-details ul li label{width:80px;float:left;padding:5px 5px 0 0;text-align:right;}
#looking-for-question{width:800px;height:180px;margin:10px 0 0 0;padding:0 5px 0 0;float:left;}
#looking-for-question p{margin:0 0 10px 5px;}
#looking-for-send{float:right;margin:0 5px 10px 0;}
#looking-for #search_fields #sliders #price #slider_price {
position: absolute;
top: 24px;
left: 79px;
}
#looking-for #search_fields #sliders #bedroom #slider_bedroom {
position: absolute;
top: 20px;
left: 79px;
}
#looking-for input[type="radio"]{box-shadow: none;}
/* HAPPY WEEKEND */
#happy-weekend{}
#happy-weekend ul.errorList{margin:0 0 10px 0;}
#happy-weekend ul.errorList li{float:none;}
#happy-weekend-personal-details{width:785px;margin:10px 0 10px 0;float:left;border:1px solid #949393;border-radius:7px;}
#happy-weekend-personal-details p{margin:10px 0 5px 5px;}
#happy-weekend-personal-details ul{width:350px;height:170px;margin:0 0 12px 0;padding:20px 5px 5px 5px;float:left;list-style:none;}
#happy-weekend-personal-details ul li{margin:0 0 5px 0;}
#happy-weekend-personal-details ul li label{width:80px;float:left;padding:5px 5px 0 0;text-align:right;}
#happy-weekend-question{width:800px;height:180px;margin:10px 0 0 0;padding:0 5px 0 0;float:left;}
#happy-weekend-question p{margin:0 0 10px 5px;}
#happy-weekend-send{float:right;margin:0 5px 10px 0;}
/* PROPERTY DETAIL */
#property-detail{}
#property-detail-left{width:225px;margin:0 10px 0 0;float:left;}
#property-detail-left .location{height:150px;}
#property-detail-left .location img{margin:0 0 5px 0;}
#property-detail-left #detail-map-small{width:225px;height:120px;}
#detail-map-big{margin:10px 0 0 10px;width:510px;height:510px;}
#property-detail-left .location ul{width:225px;margin:0;padding:0;list-style:none;}
#property-detail-left .location ul li.left{float:left;}
#property-detail-left .location ul li.right{float:right;}
#property-detail-left .office{width:205px;padding:0 0 0 15px;}
#property-detail-left .office p{margin:0;padding:0;}
#property-detail-right{width:755px;float:left;}
#property-detail-right #icon-bar{width:755px;height:30px;}
#property-detail-right #icon-bar ul#icon{margin:0;padding:0;list-style:none;float:right;}
#property-detail-right #icon-bar ul#icon li{margin:0 0 0 5px;float:left;}
#property-detail-right #picture{width:755px;}
#property-detail-right #picture #picture-big{width:560px;height:320px;margin:0 10px 0 0;float:left;background-color:#E9E9E9;text-align:center;position: relative;}
#property-detail-right #picture ul#thumb{margin:0;padding:0;list-style:none;}
#property-detail-right #picture ul#thumb li{width:90px;height:60px;margin:0 5px 5px 0;float:left;background-color:#E9E9E9;text-align:center;}
#property-detail-right #picture ul#thumb li.last{margin:0 0 5px 0;}
#property-detail-right #picture ul#thumb li{}
#property-detail-right #general{width:755px;float:left;margin:10px 0 5px 0;}
#property-detail-right #general-left{width:560px;float:left;margin:0 10px 0 0;}
#property-detail-right #general-left h1{margin:0;padding:0;font-size:20px;font-weight:bold;margin:0 0 5px 0;text-align:left;background:none;text-transform:none;color:#1C324A;}
#property-detail-right #general-left #reference{margin:0 0 5px 0;}
#property-detail-right #general-left #address{font-weight:bold;color:#01669C;margin:0 0 10px 0;}
#property-detail-right #general-left .title{font-weight:bold;margin:0 0 10px 0;}
#property-detail-right #general-left #description{}
#property-detail-right #general-right{width:185px;float:left;}
#property-detail-right #general-right #price{background-color:#009AD0;color:#FFFFFF;border:none;margin:0 0 5px 0;padding:4px;font-size:18px;border-top:1px solid #009AD0;border-radius:7px;font-weight:bold;text-align:center;}
#property-detail-right #general-right #price-sold{background-color:#F28E25;color:#FFFFFF;border:none;margin:0 0 5px 0;padding:4px;font-size:18px;border-top:1px solid #F28E25;border-radius:7px;font-weight:bold;text-align:center;}
#property-detail-right #general-right #price a:link, #property-detail-right #general-right #price a:visited{margin:-4px 0 -4px 0;color:#FFFFFF;text-decoration:none;display:block;width:100%;}
#property-detail-right #general-right #price a:hover, #property-detail-right #general-right #price a:active{}
#property-detail-right #other{width:755px;float:left;margin:10px 0 5px 0;}
#property-detail-right #other .title{font-weight:bold;color:#01669C;margin:0 0 10px 0;font-size:12px;}
#property-detail-right #other .new-project-header-wrapper{background-color:#294B71;border-radius:7px;}
#property-detail-right #other table.new-project-header{}
#property-detail-right #other table.new-project-header tr{margin:0 0 10px 0;color:#FFFFFF;text-transform:uppercase;vertical-align:top;font-weight:bold;}
#property-detail-right #other table.new-project-header td{height:22px;padding:3px;text-align:center;}
#property-detail-right #other table.new-project-body tr.gray{color:#999999;}
#property-detail-right #other table.new-project-body td{height:22px;padding:3px;border-bottom:1px dotted #CCCCCC;text-align:center;}
#property-detail-right #other table.new-project-body td.whiteline{border:none;}
#property-detail-right #other table.detail-property1{border-top:2px solid #294B71;}
#property-detail-right #other table.detail-property1 td{height:20px;width:130px;border-bottom:1px dotted #CCCCCC;}
#property-detail-right #other table.detail-property1 td.border-gray{width:10px;border-left:1px solid #666666;}
#property-detail-right #other table.detail-property1 td.border-blue{width:10px;border-left:2px solid #294B71;}
#property-detail-right #other table.detail-property1 td.whiteline{border:none;}
#property-detail-right #other table.detail-property2{border-top:2px solid #294B71;}
#property-detail-right #other table.detail-property2 td{height:20px;width:130px;border-bottom:1px dotted #CCCCCC;}
#property-detail-right #other table.detail-property2 td.width{width:270px;}
#property-detail-right #other table.detail-property2 td.border-gray{width:10px;border-left:1px solid #666666;}
#property-detail-right #other table.detail-property2 td.border-blue{width:10px;border-left:2px solid #294B71;}
#property-detail-right #other table.detail-property2 td.whiteline{border:none;}
#property-detail-right #other table.detail-property3{}
#property-detail-right #other table.detail-property3 thead{font-weight:bold;}
#property-detail-right #other table.detail-property3 td{height:20px;width:130px;border-bottom:1px dotted #CCCCCC;}
#property-detail-right #other table.detail-property3 td.border-gray{width:10px;border-left:1px solid #666666;}
#property-detail-right #other table.detail-property3 td.border-blue{width:10px;border-left:2px solid #294B71;}
#property-detail-right #other table.detail-property3 td.whiteline{border:none;}
#property-detail-right #other table.detail-property4{}
#property-detail-right #other table.detail-property4 thead{font-weight:bold;}
#property-detail-right #other table.detail-property4 thead td{border-bottom:2px solid #294B71;}
#property-detail-right #other table.detail-property4 td{height:20px;border-bottom:1px dotted #CCCCCC;}
#property-detail-right #other table.detail-property4 td.border-blue{width:10px;border-left:2px solid #294B71;}
#property-detail-right #other table.detail-property4 td.whiteline{border:none;}
#property-detail-right #other table.detail-property5{}
#property-detail-right #other table.detail-property5 td{height:20px;}
#property-detail-right #other table.detail-property5 td.border-blue{width:10px;}
#property-detail-right #other table.detail-property5 td.whiteline{border:none;}
#property-detail-right #other table.detail-property5 p{float:left;margin:4px 3px 0 0;}
#property-detail-right #other table.detail-property5 img{float:left;}
/*
#property-detail-right #other table.new-project thead{margin:0 0 10px 0;background-color:#294B71;color:#FFFFFF;text-transform:uppercase;vertical-align:top;font-weight:bold;}
#property-detail-right #other table.new-project tr.gray{color:#999999;}
#property-detail-right #other table.new-project td{height:22px;border-bottom:1px dotted #CCCCCC;}
#property-detail-right #other table.new-project td{text-align:center;padding:3px;}
#property-detail-right #other table.new-project thead td{border:none;}
#property-detail-right #other table.new-project td.whiteline{border:none;}
*/
ul.errorList{margin:5px 0 0 0;padding:0;list-style:none;color:#FF0000;}
ul.errorList li{}
.form_interest{}
.form_interest label{width:120px;float:left;}
.form_interest h1{padding:4px 13px 4px 13px;background-color:#294B71;color:#FFFFFF;border:none;font-size:12px;margin:0 0 10px 0;border-radius:7px;text-transform:uppercase;text-align:center;}
.form_interest h1.fixed-250{width:250px;}
.form_interest ul.errorList{margin:0 0 15px 0;}
#container_finance h1{margin:0 0 15px 0;font-size:14px;color:#254B72;}
#container_finance h2{margin:0;padding:0;font-size:18px;font-weight:bold;}
#container_finance ul.finance{width:760px;margin:0;padding:0;list-style:none;}
#container_finance ul.finance li{width:760px;}
#container_finance ul.finance li .column1{width:114px;height:35px;padding:3px;float:left;text-align:center;}
#container_finance ul.finance li .column2{width:5px;height:35px;float:left;}
#container_finance ul.finance li .column3{width:269px;height:35px;padding:3px;float:left;}
#container_finance ul.finance li .column4{width:114px;height:35px;padding:3px;float:left;}
#container_finance ul.finance li .column5{width:114px;height:35px;padding:3px;float:left;}
#container_finance ul.finance li .column6{width:114px;height:35px;padding:3px;float:left;}
#container_finance ul.finance li .header{height:25px;}
#container_finance ul.finance li .row{height:28px;padding:10px 3px 3px 3px;}
#container_finance ul.finance li .color_green{color:#8CB229;}
#container_finance ul.finance li .color_white{color:#ffffff;}
#container_finance ul.finance li .bg_green{background:#8CB229;}
#container_finance ul.finance li .bg_gray{background:#EBEDEE;}
#container_finance .form_element_wrap{width:760px;margin:0 0 15px 0;float:left;clear:both;}
#container_finance label{width:80px;float:left;font-size:12px;font-weight:bold;color:#254B72;text-align:left;}
#container_finance .textfield{width:95px;height:30px;margin:0;padding:5px;border:none;font-size:12px;font-weight:bold;color:#254B72;text-align:center;background:#EBEDEE;}
#container_finance #result{width:760px;height:20px;margin:0 0 25px 0;padding:10px 0 10px 0;float:left;clear:both;font-size:15px;font-weight:bold;color:#ffffff;text-align:center;background:#294B71;}
#container_finance p{width:760px;}
/* -------------------------------------------------------------------- DATEPICKER --------------------------------------------------------------------------*/
/* located in demo.css and creates a little calendar icon
* instead of a text link for "Choose date"
*/
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 80px;
float: left;
}
table.jCalendar {
background: #20C8FF;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #294B71;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #009AD0;
color: #fff;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #7DDFFF;
color: #20C8FF;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #88E1FF;
color: #fff;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #88E1FF;
color: #fff;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #009AD0;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #fff;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #20C8FF;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
/* -------------------------------------------------------------------- FANCYBOX --------------------------------------------------------------------------*/
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9 !important;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
padding: 0;
margin: 0;
position: relative;
outline: none;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8020;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: #000;
}
#fancybox-overlay.overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8030;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/* -------------------------------------------------------------------- LIGHTBOX --------------------------------------------------------------------------*/
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 290;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 300;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 210;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/* -------------------------------------------------------------------- JQUERY UI --------------------------------------------------------------------------*/
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=0097cc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=0296ca&fcHeader=fef0f0&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=28486c&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #0296ca; background: #0097cc url(../images/ui-bg_highlight-soft_75_0097cc_1x100.png) 50% 50% repeat-x; color: #fef0f0; font-weight: bold; }
.ui-widget-header a { color: #fef0f0; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #254B72; background: #28486c url(../images/ui-bg_flat_75_28486c_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.18
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: hidden; *overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: right; width:180px;}
.ui-slider-short { position: relative; text-align: right; width:122px;}
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 0.2em; }
.ui-slider-horizontal .ui-slider-handle {width:0.7em; height:0.7em; top: -.3em; margin-left: -.7em;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em;}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*
* jQuery UI Tabs 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Datepicker 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background-color: #999999;}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color: #ffffff;}
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*
* jQuery UI Progressbar 1.8.18
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
#txt-period-from .ui-state-active {background-image: none !important;background-color: #ff0000 !important;}
#txt-period-to .ui-state-highlight {color: #DCDCDC;}
/* ======================================================================================================================================================
/* # RESTYLING
====================================================================================================================================================== */
/* ======================================================================================================================================================
/* # generals
====================================================================================================================================================== */
.clear {
clear: both;
}
.float_left {
float: left;
}
/* ======================================================================================================================================================
/* # footer
====================================================================================================================================================== */
/* nav_kantoren ------------------------ */
#nav_kantoren {
position: absolute;
top: 20px;
left: 0;
list-style: none;
padding: 0;
}
#nav_kantoren li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_kantoren span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_kantoren a:link, #nav_kantoren a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_kantoren li ul li a:link, #nav_kantoren li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_kantoren a:hover, #nav_kantoren a:active, #nav_kantoren li ul li a:hover, #nav_kantoren li ul li a:active {
color: white;
}
/* nav_nieuwbouw ------------------------ */
#nav_nieuwbouw {
position: absolute;
top: 20px;
left: 170px;
list-style: none;
padding: 0;
}
#nav_nieuwbouw li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_nieuwbouw span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_nieuwbouw a:link, #nav_nieuwbouw a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_nieuwbouw li ul li a:link, #nav_nieuwbouw li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_nieuwbouw a:hover, #nav_nieuwbouw a:active, #nav_nieuwbouw li ul li a:hover, #nav_nieuwbouw li ul li a:active {
color: white;
}
/* nav_huren ------------------------ */
#nav_huren {
position: absolute;
top: 20px;
left: 366px;
list-style: none;
padding: 0;
}
#nav_huren li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_huren span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_huren a:link, #nav_huren a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_huren li ul li a:link, #nav_huren li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_huren a:hover, #nav_huren a:active, #nav_huren li ul li a:hover, #nav_huren li ul li a:active {
color: white;
}
/* nav_vakantieverhuur ------------------------ */
#nav_vakantieverhuur {
position: absolute;
top: 156px;
left: 366px;
list-style: none;
padding: 0;
}
#nav_vakantieverhuur li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_vakantieverhuur span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_vakantieverhuur a:link, #nav_vakantieverhuur a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_vakantieverhuur li ul li a:link, #nav_vakantieverhuur li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_vakantieverhuur a:hover, #nav_vakantieverhuur a:active, #nav_vakantieverhuur li ul li a:hover, #nav_vakantieverhuur li ul li a:active {
color: white;
}
/* nav_specials ------------------------ */
#nav_specials {
position: absolute;
top: 20px;
left: 555px;
list-style: none;
padding: 0;
}
#nav_specials li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_specials span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_specials a:link, #nav_specials a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_specials li ul li a:link, #nav_specials li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_specials a:hover, #nav_specials a:active, #nav_specials li ul li a:hover, #nav_specials li ul li a:active {
color: white;
}
/* nav_blog ------------------------ */
#nav_blog {
position: absolute;
top: 156px;
left: 555px;
list-style: none;
padding: 0;
}
#nav_blog li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_blog span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_blog a:link, #nav_blog a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_blog li ul li a:link, #nav_blog li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_blog a:hover, #nav_blog a:active, #nav_blog li ul li a:hover, #nav_blog li ul li a:active {
color: white;
}
/* nav_verkopen ------------------------ */
#nav_verkopen {
position: absolute;
top: 205px;
left: 0;
list-style: none;
padding: 0;
}
#nav_verkopen li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_verkopen span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_verkopen a:link, #nav_verkopen a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_verkopen li ul li a:link, #nav_verkopen li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_verkopen a:hover, #nav_verkopen a:active, #nav_verkopen li ul li a:hover, #nav_verkopen li ul li a:active {
color: white;
}
/* nav_herverkoop ------------------------ */
#nav_herverkoop {
position: absolute;
top: 157px;
left: 170px;
list-style: none;
padding: 0;
}
#nav_herverkoop li ul {
list-style: none;
padding: 0 0 0 7px;
border-left: #1a628e solid 1px;
}
#nav_herverkoop span {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_herverkoop a:link, #nav_herverkoop a:visited {
text-decoration: none;
font-size: 12px;
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
#nav_herverkoop li ul li a:link, #nav_herverkoop li ul li a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
text-transform: none;
margin-bottom: 2px;
display: block;
}
#nav_herverkoop a:hover, #nav_herverkoop a:active, #nav_herverkoop li ul li a:hover, #nav_herverkoop li ul li a:active {
color: white;
}
/* newsletter small ------------------------ */
#newsletter_small {
position: absolute;
top: 31px;
left: 770px;
}
#newsletter_small label {
display: block;
float: none;
margin: 0 0 4px 0;
color: white;
width: 180px;
font-size: 11px;
}
#newsletter_small form input {
width: 140px !important;
display: block;
margin: 0;
background: #26709a;
border: none;
float: left;
color: #71c2e2;
box-shadow: rgba(37,75,114,0.6) 1px 1px 3px 2px inset;
}
#newsletter_small form button[type="submit"] {
margin: 1px 0 0 4px;
height: 20px;
line-height: 14px;
padding: 1px 5px 3px 5px;
}
#newsletter_small span {
color: white;
font-size: 12px;
text-transform: uppercase;
}
/* footer_social_media ------------------------ */
#footer_social_media {
position: absolute;
top: 108px;
left: 770px;
list-style: none;
padding: 0;
}
#footer_social_media li {
height: 20px;
margin-bottom: 7px;
padding: 0;
}
#footer_social_media a:link, #footer_social_media a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
height: 20px;
line-height: 20px;
}
#footer_social_media a:hover, #footer_social_media a:active {
color: white;
}
#footer_social_media a.social_media_fb {
background: transparent url("../images/icon-fb.png") no-repeat 0 0;
line-height: 20px;
padding: 5px 0 5px 25px;
}
#footer_social_media a.social_media_twitter {
background: transparent url("../images/icon-twitter.png") no-repeat 0 0;
line-height: 20px;
padding: 5px 0 5px 25px;
}
#footer_social_media a.social_media_googleplus {
background: transparent url("../images/icon-googleplus.png") no-repeat 0 0;
line-height: 20px;
padding: 5px 0 5px 25px;
}
#footer_social_media a.social_media_linkedin {
background: transparent url("../images/icon-linkedin.png") no-repeat 0 0;
line-height: 20px;
padding: 5px 0 5px 25px;
}
#footer_social_media a.social_media_youtube {
background: transparent url("../images/icon-youtube.png") no-repeat 0 0;
line-height: 20px;
padding: 5px 0 5px 25px;
}
#gdpr{
position: absolute;
top: 290px;
left: 0;
list-style: none;
padding: 0;
}
/* footer_copyright --------------------------- */
#footer_copyright {
position: absolute;
top: 350px;
}
/* footer_designer ------------------------ */
#footer_designer {
position: absolute;
top: 340px;
right: 60px;
list-style: none;
padding: 0;
}
#footer_designer li {
float: right;
margin-left: 20px;
}
#footer_designer a:link, #footer_designer a:visited {
text-decoration: none;
font-size: 11px;
color: #71c2e2;
}
#footer_designer a:hover, #footer_designer a:active {
color: white;
}
/* footer-grey --------------------------------- */
#footer-grey #left {
float: left;
width: 677px;
padding-top: 25px;
}
#footer-grey #left h1 {
margin: 20px 0 20px 0;
color: #1a5273;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
#footer-grey #left p {
font-size: 12px;
}
#footer-grey #left p.border {
border-left: #c5c5c5 solid 1px;
}
#footer-grey #left h2 {
float: left;
margin: 0 5px 0 0;
font-style: italic;
}
#footer-grey #left h2 a{
color: #009ad0;
}
#footer-grey #left p a:link, #footer-grey #left p a:visited {color:#545454;text-decoration:none;}
#footer-grey #left p a:active, #footer-grey #left p a:hover {}
#footer-grey #right {
float: right;
padding-right: 35px;
}
/* footer-grey2 --------------------------------- */
#footer-grey2 #left {
float: left;
width: 677px;
padding-top: 25px;
border-bottom: 1px solid #CCCCCC;
height: 370px;
}
#footer-grey2 #left h1 {
margin: 20px 0 20px 0;
color: #1a5273;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
#footer-grey2 #left p {
font-size: 12px;
}
#footer-grey2 #left p.border {
border-left: #c5c5c5 solid 1px;
}
#footer-grey2 #left h2 {
float: left;
margin: 0 5px 0 0;
font-style: italic;
}
#footer-grey2 #left h2 a{
color: #009ad0;
}
#footer-grey2 #left p a:link, #footer-grey2 #left p a:visited {color:#545454;text-decoration:none;}
#footer-grey2 #left p a:active, #footer-grey2 #left p a:hover {}
#footer-grey2 #right {
float: right;
border-bottom: 1px solid #CCCCCC;
margin-right: 50px;
height: 395px;
width: 273px;
text-align: right;
}
/* ======================================================================================================================================================
/* # buttons
====================================================================================================================================================== */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
text-decoration: none !important;
background: #0976af url("../images/btn-bg-bluegradient.jpg") repeat-x;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
color: #ffffff !important;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
margin-bottom: 10px;
line-height: 14px;
padding: 2px 10px 4px 10px;
font-family: Verdana, Arial, sans-serif;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
color: #1e4267 !important;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
color: #1e4267;
}
.button.full_width, button.full_width, input[type="submit"].full_width, input[type="reset"].full_width, input[type="button"].full_width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
text-decoration: none !important;
}
/* ======================================================================================================================================================
/* # form
====================================================================================================================================================== */
form {
margin-bottom: 20px;
}
fieldset {
margin-bottom: 20px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select {
padding: 4px 4px 3px 4px;
border: none !important;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: 12px Arial, sans-serif;
color: #545454;
margin: 0;
width: 260px;
max-width: 100%;
display: block;
margin-bottom: 5px;
background: #c7ccd2;
box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 1px inset;
}
select {
padding: 0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input[type="file"]:focus {
color: #545454;
box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 1px inset;
}
textarea {
min-height: 60px;
resize: vertical;
}
label {
display: block;
font-size: 12px;
float: left;
width: 100px;
padding-top: 7px;
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
fieldset ul {
list-style: none;
margin: 0 0 0 100px;
}
fieldset ul li label {
width: 500px;
font-weight: normal;
float: none;
padding-top: 2px !important;
}
fieldset ul li input {
float: left;
margin: 2px 5px 0 0;
}
select {
width: 220px;
}
form button[type="submit"] {
margin-left: 100px;
}
#form_errors {
margin-bottom: 15px;
color: #ff0000;
}
.error_input {
border: 1px solid #ff0000 !important;
}
.error_label {
color: #ff0000 !important;
}
form .required {
font-size: 10px;
margin-left: 100px;
}
.ui-slider .ui-slider-handle {
border-style: none;
background: transparent url("../images/slider-grabber.png") no-repeat 4px 1px;
width: 14px;
height: 20px;
}
.ui-slider {
width: 100px;
background: #b6b6b6 url("../images/ui-slider-bg.jpg") repeat-x;
height: 5px;
}
.ui-slider .ui-slider-range {
background: #0b7ab2 url("../images/ui-slider-range-bg.jpg") repeat-x;
height: 5px;
}
#slider-range-budget-appartment {margin:0;}
#slider-range-budget-house {margin:0;}
#slider-range-budget-garage {margin:0;}
#slider-range-budget-commercial {margin:0;}
#slider-range-budget-warehouse {margin:0;}
#slider-range-budget-ground {margin:0;}
/* ======================================================================================================================================================
/* # home tiles
====================================================================================================================================================== */
#home_tiles {
position: relative;
height: 232px;
margin: 0 0 40px 0;
}
.tile_tekoop {
position: absolute;
top: 15px;
background: #ededed;
width: 255px;
height: 232px;
padding: 0 21px 0 21px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.tile_tehuur {
position: absolute;
left: 312px;
top: 15px;
background: #ededed;
width: 255px;
height: 232px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 21px 0 21px;
}
.tile_sneltekoop {
position: absolute;
left: 621px;
top: 15px;
background: #ededed;
width: 298px;
height: 117px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 21px 0 21px;
}
.tile_sneltekoop .frmQuickfinderForSale label {
float: none;
width: 100%;
margin-bottom: 5px;
padding: 0;
}
.tile_sneltekoop .frmQuickfinderForSale input {
width: 230px;
float: left;
}
.tile_sneltekoop form button[type="submit"] {
margin-left: 10px;
}
.tile_sneltekoop .tile_head {
}
.tile_label {
position: absolute;
top: 0;
right: 30px;
}
.tile_sneltehuur {
position: absolute;
left: 621px;
top: 144px;
background: #ededed;
width: 298px;
height: 103px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 21px 0 21px;
}
.tile_sneltehuur .frmQuickfinderForRentSeason label {
float: none;
width: 100%;
margin-bottom: 5px;
padding: 0;
}
.tile_sneltehuur .frmQuickfinderForRentSeason input {
width: 230px;
float: left;
}
.tile_sneltehuur form button[type="submit"] {
margin-left: 10px;
}
.tile_sneltehuur .tile_head {
margin-bottom: 10px;
}
a.whitebutton:link, a.whitebutton:visited {
text-decoration: none !important;
background: #fdfdfd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #254b72 !important;
display: block;
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
margin-bottom: 10px;
line-height: 25px;
font-family: Verdana, Arial, sans-serif;
width: 100%;
text-align: center;
box-shadow: 1px 1px 2px #9f9f9f;
}
a.whitebutton:hover, a.whitebutton:active {
box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0px inset;
}
.tile_head {
text-align: center;
margin-bottom: 25px;
color: white;
font-size: 15px;
/*font-family: "Century Gothic", Arial, sans-serif;*/
font-family: 'Open Sans', sans-serif;
}
.tile_head span {
background: #009ad0;
padding: 0 12px 0 12px;
line-height: 29px;
display: inline-block;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
/* ======================================================================================================================================================
/* # Jquery UI autocomplete
====================================================================================================================================================== */
.ui-menu {
background: #c7ccd2;
}
.ui-menu .ui-menu-item {
background: #c7ccd2;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
background: #009ad0;
color: white;
}
/* ======================================================================================================================================================
/* # aclvb-table
====================================================================================================================================================== */
#aclvb-table a {
margin: 0 34px 20px 0;
display: block;
float: left;
}
#aclvb-table a img {
width: 225px;
}
a.big-orange-btn {
display: block;
background: #f29200;
border-radius: 6px;
color: white;
text-transform: uppercase;
font-size: 16px;
text-align: center;
padding: 5px;
text-decoration: none;
}
/* ======================================================================================================================================================
/* # download-table
====================================================================================================================================================== */
#download-table1 a {
margin: 0 15px 20px 0;
display: block;
float: left;
}
#download-table1 a img {
width: 170px;
}
#download-table2 a {
margin: 0 18px 20px 18px;
display: block;
float: left;
}
#download-table2 a img {
width: 300px;
}
/* ======================================================================================================================================================
/* # extra mobile filter
====================================================================================================================================================== */
.mobilefilter {
background: #ededed;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 13px 0 13px;
margin-bottom: 13px;
width: 414px;
height: 210px;
display: none;
}
.mobilefilter input {
width: 400px;
float: none;
margin-bottom: 12px;
padding: 5px;
}
.mobilefilter select {
width: 410px;
float: none;
margin-bottom: 12px;
padding: 5px;
}
.mobilefilter form {
margin-bottom: 5px;
}
.mobilefilter form button[type="submit"] {
margin-left: 0;
padding: 2px 3px 4px 3px;
}
.mobilefilter .tile_head {
margin-bottom: 20px;
}
/* ======================================================================================================================================================
/* # u-verkoopt
====================================================================================================================================================== */
.snelzoeker {
background: #ededed;
height: 175px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 13px 0 13px;
margin-bottom: 13px;
}
.snelzoeker #frmQuickfinderForSale input {
width: 120px;
float: left;
}
.snelzoeker #frmQuickfinderForRentYear input {
width: 120px;
float: left;
}
.snelzoeker #frmQuickfinderForRentSeason input {
width: 120px;
float: left;
}
.snelzoeker form {
margin-bottom: 5px;
}
.snelzoeker form button[type="submit"] {
margin-left: 5px;
padding: 2px 3px 4px 3px;
}
.snelzoeker .tile_head {
margin-bottom: 20px;
}
.snelzoeker .label {
margin-left: 40px;
}
#column-left-3 {
float: left;
width: 790px;
}
#column-left-3 div.col {
width: 50%;
float: left;
}
#column-left-3 input, #column-left-3 textarea {
background: #f6f5f5;
box-shadow: rgba(0,0,0,0.28) 1px 1px 2px 1px inset;
}
#column-left-3 textarea {
width: 755px;
height: 120px;
}
#column-left-3 label.full_width {
width: 600px;
margin-bottom: 8px;
}
#column-left-3 button, #column-left-3 .required {
margin: 5px 0 0 0;
}
/* ======================================================================================================================================================
/* # zoek-tekoop tehuur
====================================================================================================================================================== */
#search-engine {
margin-top: 15px;
}
#search-engine #search_fields {
position: relative;
background: #ededed;
height: 182px;
width: 561px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 21px 0 21px;
float: left;
margin: 0 12px 10px 0;
}
#search-engine #search_fields .tile_head {
text-align: left;
position: absolute;
left: 21px;
}
#search-engine #search_fields #radios {
width: 130px;
position: absolute;
top: 54px;
overflow: hidden;
}
#search-engine #search_fields #radios fieldset {
border: none;
padding: 0;
margin: 0;
}
#search-engine #search_fields #radios fieldset ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
#search-engine #search_fields #radios fieldset ul li {
height: 20px;
margin-bottom: 6px;
}
#search-engine #search_fields #radios fieldset ul li label{
float: left;
width: 100px;
}
#search-engine #search_fields #radios fieldset ul li input[type="radio"] {
float: left;
margin: 2px 5px 0 0;
}
#search-engine #search_fields #selectboxes {
position: absolute;
top: 15px;
left: 156px;
}
#search-engine #search_fields #selectboxes select {
width: 135px;
height: 25px;
padding: 4px;
margin-bottom: 10px;
}
#search-engine #search_fields fieldset#checkbox {
position: absolute;
top: 124px;
left: 322px;
}
#search-engine #search_fields fieldset#checkbox ul {
margin: 0;
padding: 0;
width: 250px !important;
overflow: hidden;
}
#search-engine #search_fields fieldset#reset {
position: absolute;
top: 124px;
left: 520px;
}
#search-engine #search_fields fieldset#reset .button {
background: #acacac url("../images/btn-bg-greygradient.jpg") repeat-x;
}
#search-engine #search_fields fieldset#reset .button a:link, #search-engine #search_fields fieldset#reset .button a:visited {
text-decoration: none;
color: white;
}
#search-engine #search_fields fieldset#reset .button a:hover, #search-engine #search_fields fieldset#reset .button a:active {
color: #1C324A;
}
#search-engine #search_fields #sliders {
position: absolute;
top: 15px;
left: 322px;
}
#search-engine #search_fields #sliders select {
width: 258px;
height: 25px;
padding: 4px;
margin-bottom: 10px;
}
#search-engine #search_fields #sliders #price {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 0;
}
#search-engine #search_fields #sliders #price .fields {
position: absolute;
width: 258px;
height: 40px;
text-align: center;
}
#search-engine #search_fields #sliders #price .fields input#txt-budget-appartment-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-assistance-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-house-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-garage-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-commercial-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-warehouse-min,
#search-engine #search_fields #sliders #price .fields input#txt-budget-ground-min {
width: 54px;
float: left;
margin-top: 14px;
}
#search-engine #search_fields #sliders #price .fields input#txt-budget-appartment-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-assistance-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-house-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-garage-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-commercial-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-warehouse-max,
#search-engine #search_fields #sliders #price .fields input#txt-budget-ground-max {
width: 54px;
float: right;
margin-top: 14px;
}
#search-engine #search_fields #sliders #price #slider-range-budget-appartment,
#search-engine #search_fields #sliders #price #slider-range-budget-assistance,
#search-engine #search_fields #sliders #price #slider-range-budget-house,
#search-engine #search_fields #sliders #price #slider-range-budget-garage,
#search-engine #search_fields #sliders #price #slider-range-budget-commercial,
#search-engine #search_fields #sliders #price #slider-range-budget-warehouse,
#search-engine #search_fields #sliders #price #slider-range-budget-ground {
position: absolute;
top: 24px;
left: 79px;
}
#search-engine #search_fields #sliders #number_persons {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 35px;
}
#search-engine #search_fields #sliders #bedroom {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 50px;
}
#search-engine #search_fields #sliders #bedroom .fields {
position: absolute;
width: 258px;
height: 40px;
text-align: center;
}
#search-engine #search_fields #sliders #bedroom .fields input#txt-bedroom-min {
width: 54px;
float: left;
margin-top: 14px;
}
#search-engine #search_fields #sliders #bedroom .fields input#txt-bedroom-max {
width: 54px;
float: right;
margin-top: 14px;
}
#search-engine #search_fields #sliders #bedroom #slider-range-bedroom {
position: absolute;
top: 20px;
left: 79px;
}
/*##
.ui-slider .ui-slider-handle {
border-style: none;
background: transparent url("../images/slider-grabber.png") no-repeat 4px 1px;
width: 14px;
height: 20px;
}
.ui-slider {
width: 100px;
background: #b6b6b6 url("../images/ui-slider-bg.jpg") repeat-x;
height: 5px;
}
.ui-slider .ui-slider-range {
background: #0b7ab2 url("../images/ui-slider-range-bg.jpg") repeat-x;
height: 5px;
}
*/
#search-engine #search_fields #sliders #datepick {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 0;
width: 258px;
z-index: 100;
}
#search-engine #search_fields #sliders #datepick div {
display: inline-block;
float: left;
}
#search-engine #search_fields #sliders #datepick span {
text-align: center;
width: 42px;
display: inline-block;
float: left;
padding-top: 5px;
}
#search-engine #search_fields #sliders #datepick div input#datepicker_from {
width: 70px;
float: left;
margin: 0 6px 0 0;
padding: 4px 4px 3px 4px !important;
height: 19px;
}
#search-engine #search_fields #sliders #datepick div input#datepicker_to {
width: 70px;
float: left;
margin: 0 6px 0 0;
padding: 4px 4px 3px 4px !important;
height: 19px;
}
#search-engine #search_counter {
background: #009ad0;
height: 162px;
width: 85px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 20px 3px 0 3px;
float: left;
margin: 0 12px 10px 0;
text-align: center;
color: white;
}
#search-engine #search_counter h1 {
background: none;
font-size: 42px;
color: white;
font-weight: normal;
margin: 0;
padding: 0;
}
#search-engine .snelzoeker {
background: #ededed;
height: 172px;
width: 272px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 0 10px 0;
margin-bottom: 0px;
float: left;
}
#search-engine form#frmQuickfinderForSale input, #search-engine form#frmQuickfinderForRentYear input, #search-engine form#frmQuickfinderForRentSeason input {
width: 184px;
margin-left:22px;
}
#search-engine form {
height: 25px;
}
#search-engine .snelzoeker .label {
margin: 0 0 0 100px;
}
#search-type .button a:link, #search-type .button a:visited {
text-decoration: none;
color: white;
}
#search-type .button a:hover, #search-type .button a:active {
color: #294b71;
}
#search-type .button {
background: #acacac url("../images/btn-bg-greygradient.jpg") repeat-x;
}
#search-type .button.selected {
background: #0976af url("../images/btn-bg-bluegradient.jpg") repeat-x;
}
#search-sql{float:left;}
#search-paging-top{display:none;}
#search-map{display:none;}
#search-list{display:none;}
#txt-period-from{width: 70px;float: left;margin: 0 6px 0 0;padding: 4px 4px 3px 4px !important;height: 19px;}
#txt-period-to{width: 70px;float: left;margin: 0 6px 0 0;padding: 4px 4px 3px 4px !important;height: 19px;}
/* ======================================================================================================================================================
/* # u zoekt
====================================================================================================================================================== */
#column-left-3 #search_fields {
position: relative;
background: #ededed;
height: 194px;
width: 719px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0 21px 0 21px;
float: left;
margin: 0 12px 0 0;
}
#column-left-3 #search_fields .tile_head {
text-align: left;
position: absolute;
left: 21px;
}
#column-left-3 #search_fields #infotxt {
position: absolute;
top: 11px;
left: 154px;
}
#column-left-3 #search_fields #radios {
width: 130px;
position: absolute;
top: 54px;
overflow: hidden;
}
#column-left-3 #search_fields #radios fieldset {
border: none;
padding: 0;
margin: 0;
}
#column-left-3 #search_fields #radios fieldset ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
#column-left-3 #search_fields #radios fieldset ul li {
margin-bottom: 6px;
}
#column-left-3 #search_fields #radios fieldset ul li input[type="radio"] {
float: left;
margin: 2px 5px 0 0;
}
#column-left-3 #search_fields #selectboxes {
position: absolute;
top: 54px;
left: 156px;
}
#column-left-3 #search_fields #selectboxes select {
width: 135px;
height: 25px;
padding: 4px;
margin-bottom: 10px;
}
#column-left-3 #search_fields fieldset#checkbox {
position: absolute;
top: 155px;
left: 352px;
}
#column-left-3 #search_fields fieldset#checkbox ul {
margin: 0;
padding: 0;
width: 250px !important;
overflow: hidden;
}
#column-left-3 #search_fields #sliders {
position: absolute;
top: 40px;
left: 352px;
}
#column-left-3 #search_fields #sliders #price {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 0;
}
#column-left-3 #search_fields #sliders #price .fields {
position: absolute;
width: 258px;
height: 40px;
text-align: center;
}
#column-left-3 #search_fields #sliders #price .fields input#fieldBudgetMin {
width: 54px;
float: left;
margin-top: 14px;
}
#column-left-3 #search_fields #sliders #price .fields input#fieldBudgetMax {
width: 54px;
float: right;
margin-top: 14px;
}
#column-left-3 #search_fields #sliders #price #slider-range-budget-appartment,
#column-left-3 #search_fields #sliders #price #slider-range-budget-assistance,
#column-left-3 #search_fields #sliders #price #slider-range-budget-house,
#column-left-3 #search_fields #sliders #price #slider-range-budget-garage,
#column-left-3 #search_fields #sliders #price #slider-range-budget-commercial,
#column-left-3 #search_fields #sliders #price #slider-range-budget-warehouse,
#column-left-3 #search_fields #sliders #price #slider-range-budget-ground {
position: absolute;
top: 24px;
left: 79px;
}
#column-left-3 #search_fields #sliders #bedroom {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 50px;
}
#column-left-3 #search_fields #sliders #bedroom .fields {
position: absolute;
width: 258px;
height: 40px;
text-align: center;
}
#column-left-3 #search_fields #sliders #bedroom .fields input#fieldBedroomMin {
width: 54px;
float: left;
margin-top: 14px;
}
#column-left-3 #search_fields #sliders #bedroom .fields input#fieldBedroomMax {
width: 54px;
float: right;
margin-top: 14px;
}
#column-left-3 #search_fields #sliders #bedroom #slider-range-bedroom {
position: absolute;
top: 20px;
left: 79px;
}
#column-left-3 #search_fields #sliders #datepick {
height: 40px;
margin-bottom: 50px;
position: absolute;
top: 0;
width: 258px;
z-index: 100;
}
#column-left-3 #search_fields #sliders #datepick div {
display: inline-block;
float: left;
}
#column-left-3 #search_fields #sliders #datepick span {
text-align: center;
width: 42px;
display: inline-block;
float: left;
padding-top: 5px;
}
#column-left-3 #search_fields #sliders #datepick div input#datepicker_from {
width: 70px;
float: left;
margin: 0 6px 0 0;
padding: 4px 4px 3px 4px !important;
height: 19px;
}
#column-left-3 #search_fields #sliders #datepick div input#datepicker_to {
width: 70px;
float: left;
margin: 0 6px 0 0;
padding: 4px 4px 3px 4px !important;
height: 19px;
}
/* ======================================================================================================================================================
/* # contact
====================================================================================================================================================== */
#middle-content h1.fixed-100 {
width:100px;
}
.contact_overview_item {
background: #f7f7f7;
width: 366px;
height: 150px;
float: left;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 0 20px 20px 0;
}
.contact_overview_item .last {
margin-right: 0;
}
.contact_overview_item img {
float: left;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;
}
.contact_overview_item h2 {
font-size: 12px;
text-transform: uppercase;
margin: 14px 0 7px 155px;
display: block;
}
.contact_overview_item p {
margin: 0 0 0 155px;
}
.contact_overview_item p span {
padding: 6px 0 6px 20px;
background: transparent url(../images/icon-phone.png) no-repeat 0 6px;
}
.contact_overview_item a {
color: #01669c;
margin: 0 0 0 0;
display: block;
}
.contact_overview_item a.meerinfo {
background: transparent url(../images/icon-arrow.png) no-repeat 0 6px;
text-decoration: none;
padding: 6px 0 6px 20px;
}
/* ======================================================================================================================================================
/* # contact detail
====================================================================================================================================================== */
ul#menu-middle-content-c {
width:220px;
margin:0;
padding: 15px;
list-style:none;
background: #f7f7f7;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
ul#menu-middle-content-c li {
height:55px;
margin:0 0 10px 0;
}
ul#menu-middle-content-c li img {
margin: 0 10px 0 0;
float:left;
}
ul#menu-middle-content-c li p {
padding: 0 0 0 20px;
background: transparent url(../images/icon-arrow.png) no-repeat 0 0;
color: #01669c;
line-height: 14px;
margin-left: 90px;
}
ul#menu-middle-content-c li a:link, ul#menu-middle-content li a:visited{text-decoration:none;color:#294B71;}
ul#menu-middle-content-c li a:active, ul#menu-middle-content li a:hover{}
ul#menu-middle-content-c li.selected a:link, ul#menu-middle-content li.selected a:visited{font-weight:bold;}
ul#menu-middle-content-c li.selected a:active, ul#menu-middle-content li.selected a:hover{}
#middle-content #content-small-2{
width: 994px;
margin:0 0 0 0;
float:left;
}
#middle-content #column-left-3 {
width: 250px;
margin: 0 10px 10px 0;
float:left;
}
#middle-content #column-left-4 {
width:704px;
float:left;
}
#column-left-4 p {
line-height: 16px;
}
#column-left-4 p span {
padding: 6px 0 6px 20px;
background: transparent url(../images/icon-phone.png) no-repeat 0 6px;
}
#middle-content #column-left-5 {
margin: 0 10px 10px 0;
float:left;
}
#column-left-5 {
float: left;
width: 790px;
}
#column-left-5 div.col {
width: 50%;
float: left;
}
#column-left-5 input, #column-left-5 textarea {
background: #f6f5f5;
box-shadow: rgba(0,0,0,0.28) 1px 1px 2px 1px inset;
}
#column-left-5 textarea {
width: 755px;
height: 120px;
}
#column-left-5 label.full_width {
width: 600px;
margin-bottom: 8px;
}
#column-left-5 button, #column-left-5 .required {
margin: 5px 0 0 0;
}
#column-left-2 input, #column-left-2 textarea {
background: #f6f5f5;
box-shadow: rgba(0,0,0,0.28) 1px 1px 2px 1px inset;
}
/* ======================================================================================================================================================
/* # Nivo Lightbox
====================================================================================================================================================== */
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
background: #666;
background: rgba(0,0,0,0.6);
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
background: url(../images/loading.gif) no-repeat 50% 50%;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
opacity: 1;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
background-image: url(../images/prev.png);
border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
background-image: url(../images/next.png);
border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(../images/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
opacity: 1;
}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
bottom: -7%;
}
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 2px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
background-image: url(../images/loading@2x.gif);
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
background-image: url(../images/prev@2x.png);
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
background-image: url(../images/next@2x.png);
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
background-image: url(../images/close@2x.png);
background-size: 16px 16px;
}
}
.nivo-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99998;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
visibility: visible;
opacity: 1;
}
.nivo-lightbox-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-content {
width: 100%;
height: 100%;
}
.nivo-lightbox-title-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
text-align: center;
}
.nivo-lightbox-nav {
display: none;
}
.nivo-lightbox-prev {
position: absolute;
top: 50%;
left: 0;
}
.nivo-lightbox-next {
position: absolute;
top: 50%;
right: 0;
}
.nivo-lightbox-close {
position: absolute;
top: 2%;
right: 2%;
}
.nivo-lightbox-image {
text-align: center;
}
.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
display: inline-block;
}
.nivo-lightbox-image:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.nivo-lightbox-content iframe {
width: 100%;
height: 100%;
}
.nivo-lightbox-inline, .nivo-lightbox-ajax {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-error {
display: table;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
display: table-cell;
vertical-align: middle;
}
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
/* ================ nav mobile ================ */
#nav_mobile {
display: none;
float: left;
width: 280px;
padding: 0;
z-index: 100;
margin: 92px 0 10px 0;
}
a#btn_nav_mobile {
background: #eeeeee;
float: left;
width: 260px;
color: #1f1f1f;
text-decoration: none;
padding: 4px 10px 4px 10px;
font-size: 16px;
line-height: 24px;
border-radius: 2px;
}
a#btn_nav_mobile img {
border-radius: 0px;
margin: 5px 10px 0 0;
float: left;
}
#nav_mobile ul {
background: #254b72;
list-style-type: none;
width: 280px;
margin: 0 0 0 -20px;
padding: 10px 20px 40px 20px;
}
#nav_mobile ul li {
height: 34px;
background: #eeeeee;
border-radius: 2px;
padding-left: 0;
margin-bottom: 2px;
}
#nav_mobile ul li a {
height: 24px;
color: #1f1f1f;
font-size: 16px;
line-height: 32px;
text-decoration: none;
padding: 0 0 10px 10px;
display: block;
}
#nav_mobile ul li span {
height: 24px;
color: #1f1f1f;
font-size: 16px;
line-height: 32px;
text-decoration: none;
padding: 0 0 10px 10px;
display: block;
}
#nav_mobile ul li a.selected:link, #nav_mobile ul li a.selected:visited, #nav_mobile ul li a.selected:hover, #nav_mobile ul li a.selected:active {
color: #009ad0;
}
#nav_mobile ul li.sec {
background: rgb(15,49,73);
border-bottom: #264c67 solid 1px;
border-radius: 0px;
}
#nav_mobile ul li.sec a {
font-size: 14px;
color: #85daf6;
}
#nav_mobile ul li.site {
border-left: none;
padding-left: 0 !important;
border-bottom: #264c67 solid 1px;
border-radius: 0px;
background-image: none !important;
}
#nav_mobile ul li.site a {
font-size: 14px;
display: inline-block;
margin-right: 15px;
color: #264c67;
}
.hide_m {
display: block;
}
/* ================ detailpage-new ================ */
#detailpage-new .left {
float: left;
width: 730px;
padding: 0 40px 30px 0;
}
#detailpage-new .left .button-orange {
display: inline-block;
}
#detailpage-new .left #picture-big {
background: #e9e9e9;
width: 100%;
text-align: center;
margin: 12px 0 30px 0;
height: 320px;
overflow: hidden;
}
#picture-big{
position:relative;
}
#picture-big #label {
position: absolute;
right: 0;
z-index: 100;
}
#detailpage-new .left #picture-big img {
max-height: 330px;
max-width: 730px;
}
#detailpage-new .left .info-btns {
margin-bottom: 12px;
overflow: hidden;
}
#detailpage-new .left .info-btns div {
float: left;
margin-right: 4px;
padding: 4px 8px 3px 8px;
}
#detailpage-new .left .info-btns div:last-child {
margin-right: 0px;
}
#detailpage-new .left .info-btns div#price {
background: #008ed2 !important;
color: white !important;
border-radius: 6px;
text-transform: uppercase;
padding: 10px;
float: right;
font-size: 16px;
font-weight: bold;
margin-right: 0px;
text-align: center;
}
#detailpage-new .left h1{margin:0;padding:0;font-size:20px;font-weight:bold;margin:0 0 5px 0;text-align:left;background:none;text-transform:none;color:#1C324A;}
#detailpage-new .left #reference{margin:0 0 5px 0;}
#detailpage-new .left #address{font-weight:bold;color:#01669C;margin:0 0 10px 0;}
#detailpage-new .left .title{font-weight:bold;margin:0 0 10px 0;}
.project-table1 {
overflow: hidden;
width: 100%;
border-radius: 6px;
}
.project-table1 div {overflow: hidden;}
.project-table1 div div {padding:3px 5px 3px 5px;float:left;text-align:center;border-bottom: black dotted 1px;min-height:30px;background:#eaeaea;}
.project-table1 .head div {background:#294b71;color:white;text-transform:uppercase;font-size: 11px;}
.project-table1 div div span {display:none;padding:0 5px 0 0;text-transform:uppercase;}
.project-table1 div div span.sold{
width:66px;
display:block;
background: #F28E25 none repeat scroll 0 0;
border-radius: 6px;
color: white;
display: inline-block;
margin-top: 2px;
padding: 3px 4px;
text-decoration: none;
text-transform: uppercase;
}
.project-table1 div div a {width:66px;background:#009ad0;border-radius:6px;color:white;padding:5px 7px 5px 7px;text-decoration:none;text-transform:uppercase;margin-top:2px;display:inline-block;}
.project-table1 div div.strong {font-weight:bold;}
.project-table1 div div:nth-of-type(1){width:7%}
.project-table1 div div:nth-of-type(2){width:11%}
.project-table1 div div:nth-of-type(3){width:9%}
.project-table1 div div:nth-of-type(4){width:6%}
.project-table1 div div:nth-of-type(5){width:5%}
.project-table1 div div:nth-of-type(6){width:9%}
.project-table1 div div:nth-of-type(7){width:9%}
.project-table1 div div:nth-of-type(8){width:9%}
.project-table1 div div:nth-of-type(9){width:9%}
.project-table1 div div:nth-of-type(10){width:12%}
.project-table2 {
overflow: hidden;
width: 100%;
border-top:#1f4268 solid 2px;
}
.project-table2 div {overflow: hidden;}
.project-table2 div div {float:left;border-bottom:black dotted 1px;/*min-height:30px;*/}
.project-table2 div div span:nth-of-type(1) {border-right:#1f4268 solid 1px;display: block;width:calc(50% - 11px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table2 div div span:nth-of-type(2) {display: block;width:calc(50% - 10px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table2 div div:nth-of-type(1){width:calc(50% - 2px);border-right:#1f4268 solid 2px;}
.project-table2 div div:nth-of-type(2){width:50%}
.project-table3 {
overflow: hidden;
width: 100%;
border-top:#1f4268 solid 2px;
}
.project-table3 div {overflow: hidden;}
.project-table3 div div {float:left;border-bottom:black dotted 1px;/*min-height:30px;*/}
.project-table3 div div span:nth-of-type(1) {border-right:#1f4268 solid 2px;display: block;width:calc(50% - 12px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table3 div div span:nth-of-type(2) {display: block;width:calc(50% - 10px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table3 div div:nth-of-type(1){width:calc(50% - 2px);border-right:#1f4268 solid 2px;}
.project-table3 div div:nth-of-type(2){width:50%}
.project-table4 {
overflow: hidden;
width: 100%;
border-top:#1f4268 solid 2px;
}
.project-table4 div {overflow: hidden;}
.project-table4 div div {width:100%;float:left;border-bottom:black dotted 1px;/*min-height:30px;*/}
.project-table4 div div span:nth-of-type(1) {border-right:#1f4268 solid 1px;display: block;width:calc(25% - 11px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table4 div div span:nth-of-type(2) {border-right:#1f4268 solid 1px;display: block;width:calc(50% - 11px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table4 div div span:nth-of-type(3) {display: block;width:calc(25% - 10px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table5 {
overflow: hidden;
width: 100%;
border-top:#1f4268 solid 2px;
}
.project-table5 {overflow: hidden;}
.project-table5 div {float:left;border-bottom:black dotted 1px;/*min-height:30px;*/}
.project-table5 div span:nth-of-type(1) {border-right:#1f4268 solid 1px;display: block;width:calc(50% - 11px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table5 div span:nth-of-type(2) {display: block;width:calc(50% - 10px);float:left;/*min-height:30px;*/padding:3px 5px 3px 5px;}
.project-table5 div{width:100%;}
.project-table6 {
overflow: hidden;
width: 100%;
border-radius: 6px;
}
.project-table6 div {overflow: hidden;}
.project-table6 div div {padding:3px 5px 3px 5px;float:left;text-align:center;border-bottom: black dotted 1px;min-height:30px;background:#eaeaea;}
.project-table6 .head div {background:#294b71;color:white;text-transform:uppercase;}
.project-table6 div div span {display:none;padding:0 5px 0 0;text-transform:uppercase;}
.project-table6 div div a {background:#009ad0;border-radius:6px;color:white;padding:5px 7px 5px 7px;text-decoration:none;text-transform:uppercase;margin-top:2px;display:inline-block;}
.project-table6 div div.strong {font-weight:bold;}
.project-table6 div div:nth-of-type(1){width:7%}
.project-table6 div div:nth-of-type(2){width:25%}
.project-table6 div div:nth-of-type(3){width:10%}
.project-table6 div div:nth-of-type(4){width:5%}
.project-table6 div div:nth-of-type(5){width:25%}
.project-table6 div div:nth-of-type(6){width:8%}
.project-table6 div div:nth-of-type(7){width:9%}
#detailpage-new .right {
width: 230px;
float: left;
padding-bottom: 50px;
}
#detailpage-new .right ul#icon {margin:0;padding:0;list-style:none;}
#detailpage-new .right ul#icon li {float: left;}
#detailpage-new .right ul#thumb {margin:17px 0 25px 0;padding:0;list-style:none;overflow: hidden;}
#detailpage-new .right ul#thumb li{width:110px;height:60px;margin:0 5px 5px 0;float:left;background-color:#E9E9E9;text-align:center;overflow:hidden;}
#detailpage-new .right #price{background-color:#009AD0;color:#FFFFFF;border:none;margin:0 0 5px 0;padding:4px;font-size:18px;border-top:1px solid #009AD0;border-radius:7px;font-weight:bold;text-align:center;}
#detailpage-new .right #price-sold{background-color:#F28E25;color:#FFFFFF;border:none;margin:0 0 5px 0;padding:4px;font-size:18px;border-top:1px solid #F28E25;border-radius:7px;font-weight:bold;text-align:center;}
#detailpage-new .right #price a:link, #detailpage-new .right #price a:visited{margin:-4px 0 -4px 0;color:#FFFFFF;text-decoration:none;display:block;width:100%;}
#detailpage-new .right .location{height:150px;}
#detailpage-new .right .location img {margin:0 0 5px 0;}
#detailpage-new .right .location a {margin: 5px 5px 0 0;display: inline-block;}
#detailpage-new .right .location a:nth-of-type(2){float:right;}
#detailpage-new .right #detail-map-small{width:230px;height:120px;}
#detailpage-new .office p img{width:230px !important;height:auto !important;}
#detailpage-new .office p{margin:0;padding:0;}
#price a{
color: #ffffff;
text-decoration: none;
}
#monthinfo .left{padding:0;}
#detailpage-new #monthinfo .left{width:220px;}
#detailpage-new #monthinfo .left h2{font-size:14px;}
#detailpage-new #verhuurmodule-kalender .kalenderheader .col-right{width:220px;}
.small{font-size: 9px;}
#cache_notice {
left: 10px;
position: fixed;
top: 10px;
width: 500px;
z-index: 9001;
}
.alert-box {
color: #555;
border-radius: 2px;
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 10px 10px 10px 36px;
margin: 10px;
z-index: 100;
position: relative;
}
.alert-box span {
font-weight:bold;
text-transform:uppercase;
margin-right : 5px;
}
.alert-box a.close {
position: absolute;
top: 0px;
right: 10px;
background: none !important;
height: auto !important;
display: block !important;
color: #020202;
text-decoration: none;
}
.alert-box h5 {
font-size: 10px;
font-weight: normal;
font-style: italic;
}
div.error {
background: #ffecec url(../images/error.png) no-repeat 10px 50%;
border: 1px solid #f5aca6;
}
div.success {
background: #e9ffd9 url(../images/success.png) no-repeat 10px 50%;
border: 1px solid #a6ca8a;
}
div.warning {
background: #fff8c4 url(../images/warning.png) no-repeat 10px 50%;
border: 1px solid #f2c779;
}
div.notice {
background: #e3f7fc url(../images/notice.png) no-repeat 10px 50%;
border: 1px solid #8ed9f6;
}
.holiday_info{font-weight: bold;}
.price{font-size: 10px;}
.show_m{display:none !important;}
.button-new{
float: left;
margin: 0 7px 20px 0;
padding: 6px 8px 6px;
text-transform: uppercase;
}
.button-new.big{
padding: 10px 8px 10px !important;
}
.button-new.dark-blue {
background-color: #294b71;
border: medium none;
border-radius: 7px;
color: #ffffff;
font-size: 12px;
text-align: center;
}
.button-new.dark-blue a:link, .button-new.dark-blue a:visited {
color: #ffffff;
display: block;
text-decoration: none;
width: 100%;
}
.button-new.dark-blue-bold {
background-color: #294b71;
border: medium none;
border-radius: 7px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.button-new.dark-blue-bold a:link, .button-new.dark-blue-bold a:visited {
color: #ffffff;
display: block;
text-decoration: none;
width: 100%;
}
.button-new.orange{
background-color: #f28e25;
border: medium none;
border-radius: 7px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin: 0 0 10px;
padding: 4px 13px;
text-align: center;
}
.button-new.orange a:link, .button-new.orange a:visited {
color: #ffffff;
display: block;
text-decoration: none;
width: 100%;
}
div#price-transparent {
padding: 10px !important;
float: right !important;
font-size: 15px;
font-weight: bold;
margin-right: 0;
text-align: center;
text-transform: uppercase;
}
div#price-dark-blue {
background: #294b71 none repeat scroll 0 0 !important;
color: white !important;
padding: 10px !important;
border-radius: 6px;
float: right !important;
font-size: 15px;
font-weight: bold;
margin-right: 0;
text-align: center;
text-transform: uppercase;
}
div#price-dark-blue a:link, div#price-dark-blue a:visited{
color: #ffffff;
text-decoration: none;
}
#around-header{padding: 15px;height: 70px;}
#around-header #title{float: left;color: #ffffff;}
#around-header #title img{height: 55px;}
#around-header #info{float: right;}
#around-header #info a:link, #around-header #info a:visited{color: #ffffff;}
#around{margin: 0 auto;color: #ffffff;}