body { color: #0d232a; }
/* color blauw #1d5363 - lichterblauw #5b8797 - donkergijs #0d232a - lichtblauw 6ca2b1 lichtgrijs b9d0d7 - complementair bruin 9f3b2b */
/*button - zonder schaduw of border*/
.btn {background:#9f3b2b;box-shadow: none;color: #fff;}
.btn:hover {background: #1d5363;color: #fff;border:none;}
.btn, button {border: none;}
/* hoofdnavigatie */
/*header { background:#0f0d9f; }*/
#MainNavigation a { color: #1d5363; background:#fff; }
#MainNavigation a:hover {color: #0d232a;}
#MainNavigation a.active, .GridItem_4 .SpotlightPrice, .box span { color: #0d232a; }
/* secnavigatie */
.secnavbar { background: #5b8797; border-bottom: 0px solid #eee; }
.secnav a {color: #fff;}
.secnav a:hover {color: #90ddf4;}
.secnav a.active {color: #90ddf4;}
/*menu-items dichter bij mekaar*/
#MainNavigation a{padding: 12px 10px 0;}
h1{color:#1d5363;}
h2{color:#5b8797;}
h3{color:#5b8797;}
h4{color:#5b8797;}
h5{color:#5b8797;}
body.nieuwbouwprojecten.offer.No{text-transform:Capitalize;}
body.realisaties.offer.No{text-transform:Capitalize;}
/*link kleur hover algemeen site*/
a:hover{color:#1d5363;}
/*kleur link*/
.lnkbtn, a {color: #5b8797;}
.lnkbtn, a:hover {color: #1d5363;}
/*uw favorieten-----------------------------------------------------------------------------*/
/* achtergrondkleur heb je al favorieten geregistreerd*/
.bg-info{background-color:#ececec;}
/* achtergrondkleur start meteen */
.bg-success {background-color: #ececec;}
/*achtergrondkleur knop te koop - te huur - ...*/
.bg-success a {background: #9f3b2b;}
.bg-success a:hover {background: #5b8797;color:#fff;}
/*tekst p ik zoek een eigendom*/
.col-xs-12 .bg-success p {color:#0d232a;}
/*kleur hartje op pand overzicht*/
button#hypFavo {color:#6ca2b1;}
/*achtergrondkleur hartje pand overzicht*/
.fo-favo-active, button#hypFavo:hover{background: rgba(255,0,0,.8)!important;}
/*footer------------------------------------------------------------------------------------*/
.footerbg{background:#1d5363;}
.footerbg a {color: #fff;}
.footerbg a:hover {color:#5b8797;}
.footerbg h2{color:#6ca2b1;}
.footerbg h3{color:#6ca2b1;}
/*kleur band pand overzicht-----------------------------------------------------------------*/
.colorBar {background: #b9d0d7;color: #0d232a;}
/*kleur pagenumber active*/
#paging .active a{background: #1d5363;color:#fff;}
/*kleur titel pand detail*/
.shortinfo h2{color:#9f3b2b;}
.shortinfo h4{color:#0d232a;}
/*kleur naam vertegenwoordiger*/
.infoSales .info span{color:#0d232a;}
/*kleur gsm-icoontje bij vertegenwoordiger*/
.infoSales .info i{color:#0d232a;}
/*kleur knop voor bestanden*/
.bestanden:hover{background:#5b8797;color:#fff;}
.pd2 .bestanden {border: 5px solid #5b8797;}
/*kleur Prijs infokadertje rechts onder*/
.priceTrigger {color: #000;}
/*u zoekt*/
/*u zoekt kleur knop gekozen gemeenten*/
.tag {background:#333;}
/*deleteknopke op deze knop*/
i.deleteCity { background: #ff0000;}
/*kleur voorgestelde lijst gekozen gemeenten na typen van enkele letters*/
.suggest-wrapper li a:hover {background-color: silver;color: #fff;}
/*knop volgende*/
.btnNext{color:#f7a800;}
.btnNext:hover{color:#0f0d9f;}
/*icoontjes volgende volgende ...*/
.shortbar.active, .shortbar.active i {border-color: #FB235F; color: #FB235F;}
/*check nieuwbouw*/
input:checked+.slider {background-color: #2196F3;}
/*bij zwarte fond zie lymmo*/
.graySection .col-xs-12 h1{color:#000;}
.graySection .col-xs-12 .intro{color:#000;}
/*kleur logo sociale media*/
#ftr_sm a:hover { background: #5b8797; }
/*blog - terug naar overzicht*/
a:hover.lnk_overviewBlog{color:#1d5363;}


/*hoogte onderste fotobanner*/
@media (min-width: 500px) {
	.kmi {min-height:200px;}
    }
/*ipad en groter*/
@media (min-width: 768px) {
		section.homeSlogan.type-3 {
			min-height: 603px;}
}
/*kleine desktop en groter*/
@media (min-width: 992px) {   
   /*blanco gaten*/
    .offer .PropertySpotlightGridItem{min-height:485px;}	
}
/*groot scherm en groter*/
@media (min-width: 1200px) {
}
/*-----video css ---------*/
/*-----section.homeSlogan{padding:98px 0;}
section.homeSlogan.type-4 video{bottom:0;}
@media (min-width: 500px) { section.homeSlogan.type-4 { min-height: 350px;} }
@media (min-width: 768px) { section.homeSlogan.type-4 { min-height: 400px} }
@media (min-width: 992px) { section.homeSlogan.type-4 { min-height: 600px;} }
@media (min-width: 1200px) { section.homeSlogan.type-4 { min-height: 800px;} }
section.homeSlogan.type-4 video {width: 100%;}-----*