+ 






    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>

    <script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/html5shiv.js"></script>

    <script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/respond.min.js"></script>

    <![endif]-->
	
    <script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/jquery-2.1.1.min.js"></script>
	<script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/top.js"></script>
	<script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/jquery-ui/jquery-ui.min.js"></script>
	<script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/bootstrap.min.js"></script>
	
	    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places" async="true" defer="true"></script>
    
		<link rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin />
	<link rel="preload" as="font" type="font/woff2" 
  href="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/fonts/fontawesome-webfont.woff?v=4.1.0" crossorigin>
  
    <link rel="stylesheet" href="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/css/custom.css">
	
    <link rel="stylesheet" href="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/css/top.css">

	<link rel="stylesheet" href="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/jquery-ui/jquery-ui.min.css">
	


<link rel="stylesheet" href="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/css/lightbox.css">
<script src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/js/lightbox.min.js"></script>
<style type="text/css">
@media print {
  a[href]:after {
    content: none !important;
  }

  .no-print{
    display: none !important;
  }
}
</style>


<style>
    .tags-panel span a{
        color: #fff !important;

    }
    .tags-panel span{
        margin-right: 5px;
    }

    #details-map img { max-width: none; }

    .carousel-inner > .next, .carousel-inner > .prev{

        position: relative !important;

    }

    .item img{

        margin: 0 auto !important;

    }

    .item{

        height: 300px !important;

    }

    .left,.next{

        height: 300px !important;

    }

    #myCarousel{

        height: 300px !important;

        overflow: hidden !important;

    }

</style>

<script type="text/javascript">

    $(document).ready(function() {

//        directionsMap()

        var iconBase = 'https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/images/map-icons/';

//        var directionsDisplay;

//        var directionsService = new google.maps.DirectionsService();



        var myLatitude = parseFloat('9.088547');

        var myLongitude = parseFloat('-83.64986390000001');

        function initialize() {

//            directionsDisplay = new google.maps.DirectionsRenderer();

            var myLatlng = new google.maps.LatLng(myLatitude,myLongitude);

            var mapOptions = {

                zoom: 12,

                center: myLatlng

            }

            var map = new google.maps.Map(document.getElementById('details-map'), mapOptions);

//            directionsDisplay.setMap(map);



            var contentString = '<div class="thumbnail thumb-shadow map-thumbnail">' + '<div class="property-header">'

                                + '<a href="#"></a>' + '<img class="property-header-image" src="https://www.recentimmo.com/uploads/thumbs/Ensemble_bungalow_piscine_pour_homelidays.jpg" alt="" style="width:100%">'

                                    + '<span class="property-contract-type sale">' + '<span>&#x20ac;Verkauf</span>' + '</span>'

                                + '<div class="property-thumb-meta">' + '<span class="property-price">350000.00</span>' + '</div></div>'

                                + '<div class="caption">' + '<h4>Top Ranked B</h4>' + '<p>Ojochal,puntarenas,Costa Rica</p>' + '</div></div>';



            var infowindow = new google.maps.InfoWindow({

                content: contentString

            });



            var marker, i;

            var markers = [];







            
            var icon_path = iconBase + 'apartment.png';

            
//            var icon_path = iconBase + 'apartment.png';



            marker = new google.maps.Marker({

                position: myLatlng,

                map: map,

                title: 'Top Ranked B',

                icon: icon_path

            });



            google.maps.event.addListener(marker, 'click', (function(marker, i) {

                return function() {

//                    infowindow.setContent("Sample");

                    infowindow.open(map, marker);

                }

            })(marker, i));

            markers.push(marker);





        }





        google.maps.event.addDomListener(window, 'load', initialize);





    });

</script>


<div class="row">

    <!-- Gallery , DETAILES DESCRIPTION-->

    <div class="col-md-9">

        <div class="detail-title"><i class="fa fa-home fa-4"></i>&nbsp;Top Ranked B</div>



        <!-- IMAGE SLIDER STARTS -->

        <div id="myCarousel" class="carousel slide">

            <ol class="carousel-indicators">

                
                
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

                
                    <li data-target="#myCarousel" data-slide-to="1" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="2" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="3" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="4" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="5" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="6" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="7" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="8" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="9" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="10" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="11" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="12" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="13" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="14" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="15" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="16" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="17" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="18" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="19" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="20" class=""></li>

                
                    <li data-target="#myCarousel" data-slide-to="21" class=""></li>

                
                

                <li data-target="#myCarousel" data-slide-to="1" class=""></li>

            </ol>

            <div class="carousel-inner">

                
                
                <div class="item active">

                    <img src="https://www.recentimmo.com/uploads/gallery/Salon1.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Cuisine1.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Balcon_-_2.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Arrivée.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Garage.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Terrasse_le_matin.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Bureau_-_3_-_nouvelles_couleurs.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Bureau_-_nouvelles_couleurs.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Salon_-_sam.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Piscine_-_de_nuit.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Nouvelle_chambre_-_côté_droit_+_penderie.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Les_deux_bungalows.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Chambre_enfin_finie_-_2.JPG" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Entrée_chambre.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Salle_de_bain_-_côté_lavabo.JPG" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Salon.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Nouveau_salon_-_6.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Cuisine.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/La_maison_R_-_Vue_générale_2.JPG" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Phidjie_Lodge_-_Le_jardin_-_4.jpg" alt="">                    

                </div>

                
                <div class="item ">

                    <img src="https://www.recentimmo.com/uploads/gallery/Jardin2.jpg" alt="">                    

                </div>

                


            </div>

            <a class="left carousel-control" href="#myCarousel" data-slide="prev">

                <span class="fa fa-chevron-left icon-prev"></span>

            </a>

            <a class="right carousel-control" href="#myCarousel" data-slide="next">

                <span class="fa fa-chevron-right icon-next"></span>

            </a>

        </div>

        <!-- IMAGE SLIDER ENDS -->

        <div style="clear:both;border-top:20px solid #fff;"></div>

        <div class="panel ">



            <!-- List group -->



        </div>

        
        <div class="share-networks clearfix">

                <div class="col-md-3 col-sm-2 col-xs-12 share-label"><i class="fa fa-share fa-lg"></i> teilen:</div>

                <div class="col-md-2 col-sm-2 col-xs-4 share-option fb"><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.recentimmo.com/de/property/5802d4111249d/Top-Ranked-B" target="_blank"><i class="fa fa-facebook fa-lg"></i>Facebook</a></div>

                <div class="col-md-2 col-sm-2 col-xs-4 share-option twitter"><a href="https://twitter.com/share?url=https://www.recentimmo.com/de/property/5802d4111249d/Top-Ranked-B" target="_blank"><i class="fa fa-twitter fa-lg"></i>Twitter</a></div>

                <div class="col-md-2 col-sm-2 col-xs-4 share-option gplus"><a  href="https://plus.google.com/share?url=https://www.recentimmo.com/de/property/5802d4111249d/Top-Ranked-B" target="_blank"><i class="fa fa-google-plus fa-lg"></i>Google</a></div>

                <div class="col-md-2 col-sm-2 col-xs-4 share-option gplus"><a  href="javascript:window.print()"><i class="fa fa-print fa-lg"></i>Print</a></div>

        </div>

        <!--DESCRIPTION STARTS -->

        <div class="" id="panel">

            <ul class="list-group property-meta-list">

                <li class="list-group-item">

                    <div class="row">

                        <div class="col-md-3 col-sm-3 col-xs-5 titles first"><span><i class="fa fa-building"></i> Bed & Breakfast</span></div>

                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="fa fa-arrows-alt "></i> 0.00 </span></div>

                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><img src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/images/icons/bedrooms_fa2.png"> 0 Schlafzimmer</span></div>

                        <div class="col-md-3 col-sm-3 col-xs-5 titles last"><span><img src="https://www.recentimmo.com/application/modules/themes/views/mytheme/assets/images/icons/bathrooms_fa2.png"> 0 Bad</span></div>

                    </div>

                </li>	<!-- list-group-item -->



                <li class="list-group-item">

                    <div class="row">

                        <div class="col-md-3 col-sm-3 col-xs-5 titles first"><span><i class="fa fa-briefcase"></i> Verkauf</span></div>

                        
                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="fa fa-money"></i> &#x20ac;350000.00 </span></div>

                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="fa fa-ticket"></i> Status: verfügbar</span></div>

                        <div class="col-md-3 col-sm-3 col-xs-5 titles last"><span><i class="fa fa-clock-o"></i> Baujahr: 0</span></div>

                    </div>

                </li>	<!-- list-group-item -->



<!--                <li class="list-group-item">-->

<!--                    <div class="row">-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles first"><span><i class="javo-con status"></i>Home size: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="javo-con price"></i>Lot size: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="javo-con parking"></i>Country: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles last"><span><i class="javo-con location"></i>Zip: --><!--</span></div>-->

<!--                    </div>-->

<!--                </li>-->

<!---->

<!--                <li class="list-group-item">-->

<!--                    <div class="row">-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles first"><span><i class="javo-con status"></i>City: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="javo-con price"></i>Sate: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles"><span><i class="javo-con parking"></i>Address: --><!--</span></div>-->

<!--                        <div class="col-md-3 col-sm-3 col-xs-5 titles last"><span><i class="javo-con location"></i>Condition: --><!--</span></div>-->

<!--                    </div>-->

<!--                </li>-->

            </ul>



            <div class="title"><i class="fa fa-tags fa-4"></i>&nbsp;Tags</div>

            <div class="panel-body tags-panel">
                <span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/B&B">B&B&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/Costa Rica">Costa Rica&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/location">location&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/vacances">vacances&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/vacance">vacance&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/holidays">holidays&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/vacation">vacation&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/rental">rental&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/chambre">chambre&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/hôtes">hôtes&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag/hôtes">hôtes&nbsp;</a></span><span class="label label-primary"><i class="fa fa-tags"></i> <a href="https://www.recentimmo.com/de/show/tag">&nbsp;</a></span>            </div>

            <div class="title"><i class="fa fa-home fa-4"></i>&nbsp;Beschreibung</div>

            <div class="panel-body">

                Dieses B&B wurde 2007 gegründet und befindet sich im dorf Ojochal,
auf der südlichen pazifikküste von Costa Rica. Dies ist eine ausgezeichnete gelegenheit, schlüssel
hand, für diejenigen, die die natur lieben, die ruhe, die wärme und die weichheit
der tropen.

Sehr gut verwiesen wird, auf
die wichtigsten standorte für die online-buchung seit 10 jahren die nummer 1 auf
Tripadvisor, haben wir zahlreiche kontakte und partnerschaften durch
der welt. 

Der pool ist ideal gelegen zwischen unserem haus und
bungalows. Das grundstück verfügt über 2 eingänge, ein bad, die andere führen,
auf dem parkplatz für unsere gäste.

Alle geschäfte und dienstleistungen, wie arzt, apotheke,
krankenhaus, supermärkte, etc... sind in der nähe

Phidjie Lodge wird verkauft mit ihrer website sowie die
die kontakte und die kunden, aber für diejenigen, die sich nicht weiter, die aktivität von B
            </div>



            <div class="title"><i class="fa fa-rocket fa-4"></i>&nbsp;Allgemeine Ausstattung</div>

            <div class="panel-body">

                <div class="row property-amenities">

                    <ul class="">

                        
                        
                        
                                <li class="cross col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/ac1.png"/>Air Conditioning</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/balcony.png"/>Balcony</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/cabletv.png"/>Cable TV</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/computer.png"/>Computer</li>

                            
                                <li class="cross col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/dishwasher.jpg"/>Dishwasher</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/jardin.png"/>Garden</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/grill.png"/>Grill</li>

                            
                                <li class="cross col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/heater.png"/>Heater</li>

                            
                                <li class="cross col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/lift.png"/>Lift</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/parking.png"/>Parking</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/pool.png"/>Pool</li>

                            
                                <li class="cross col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/smoking.png"/>Smoking</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/washing_machine.png"/>Washing Machine</li>

                            
                                <li class="checked col-md-4 col-sm-4"><img style="width:16px;margin-right:5px;" src="https://www.recentimmo.com/uploads/thumbs/wifi.png"/>Wi-fi</li>

                            
                    </ul><!-- /.span2 -->                   



                </div>

            </div>





        </div>

        <!--DESCRIPTION ENDS -->

        <div style="clear:both;margin-top:10px;"></div>

        <div class="orange-border panel panel-primary">

            <div class="panel-heading orange"><i class="fa fa-map-marker"></i> Lageplan</div>

            <div class="panel-body">

                <div id="details-map" style="width: 100%; height: 300px;"></div>

<!--                <div class="clearfix"></div>-->

<!--                <div style="margin-top: 3px">-->

<!--                    <input type="text" name="from_route" placeholder="Type your address" value="" class="form-control input-sm col-md-4" style="width: 33.3333%" id="from_route">-->

<!--                    <div style="float: left" class="btn-group btn-group-sm"><a id="route_from_button" class="btn btn-warning btn-sm" href="javascript:void(0)" >Show route</a></div>-->

<!--                    <p style="float: left; padding: 3px 0 0 5px;">(If kept blank system will use the current location.)</p>-->

<!--                </div>-->

            </div>

        </div>



        <div style="clear:both;margin-top:10px;"></div>

        <div class="orange-border panel panel-primary">

            <div class="panel-heading orange"><i class="fa fa-image"></i> Bildergalerie</div>

            <div class="panel-body">

                
                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Salon1.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Salon1.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Cuisine1.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Cuisine1.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Balcon_-_2.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Balcon_-_2.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Arrivée.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Arrivée.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Garage.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Garage.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Terrasse_le_matin.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Terrasse_le_matin.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Bureau_-_3_-_nouvelles_couleurs.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Bureau_-_3_-_nouvelles_couleurs.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Bureau_-_nouvelles_couleurs.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Bureau_-_nouvelles_couleurs.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Salon_-_sam.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Salon_-_sam.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Piscine_-_de_nuit.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Piscine_-_de_nuit.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Nouvelle_chambre_-_côté_droit_+_penderie.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Nouvelle_chambre_-_côté_droit_+_penderie.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Les_deux_bungalows.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Les_deux_bungalows.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Chambre_enfin_finie_-_2.JPG" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Chambre_enfin_finie_-_2.JPG">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Entrée_chambre.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Entrée_chambre.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Salle_de_bain_-_côté_lavabo.JPG" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Salle_de_bain_-_côté_lavabo.JPG">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Salon.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Salon.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Nouveau_salon_-_6.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Nouveau_salon_-_6.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Cuisine.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Cuisine.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/La_maison_R_-_Vue_générale_2.JPG" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/La_maison_R_-_Vue_générale_2.JPG">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Phidjie_Lodge_-_Le_jardin_-_4.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Phidjie_Lodge_-_Le_jardin_-_4.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
                <div class="images-box col-sm-3 col-md-3">

                    <a href="https://www.recentimmo.com/uploads/gallery/Jardin2.jpg" data-lightbox="detail-gallery" class="gallery-images">

                        <img width="270" height="197" alt="" src="https://www.recentimmo.com/uploads/gallery/Jardin2.jpg">

                        <span class="bg-images"><i class="fa fa-search"></i></span>

                    </a>

                </div>

                
            </div>

        </div>



        


        </div> <!-- col-md-9 -->





    <!--DETAILS SUMMARY-->

    <div class="col-md-3 ">

        <div class="detail-title"><i class="fa fa-star-o"></i>&nbsp;Zusammenfassung</div>

        <div class="orange-border panel panel-primary effect-helix in">

            <div class="panel-heading orange">Überblick</div>

            <div class="panel-body">

                <div class="info_list">

                <div class="property-header">

                    <img class="property-header-image" src="https://www.recentimmo.com/uploads/thumbs/Ensemble_bungalow_piscine_pour_homelidays.jpg" alt="" style="width:256px">

                    
                        <span class="property-contract-type sale"><span>Verkauf</span>

                            
                      </span>

                            <div class="property-thumb-meta">

                                <span class="property-price">&#x20ac;350000.00</span>

                            </div>

                </div>



                </div>

                <div class="divider"></div>



                <div class="info_list">

                    <span class="info-title" style="">Anschrift:</span>

                    <span class="info-content">200 M AU NORD DE L'ECOLE</span>

                </div>



                <div class="divider"></div>



                <div class="info_list">

                    <span class="info-title" style="">City:</span>

                    <span class="info-content">Ojochal</span>

                </div>



                <div class="divider"></div>



                <div class="info_list">

                    <span class="info-title" style="">Bundesland / Kanton:</span>

                    <span class="info-content">puntarenas</span>

                </div>





                <div class="divider"></div>



                <div class="info_list">

                    <span class="info-title" style="">Land:</span>

                    <span class="info-content">Costa Rica</span>

                </div>

                <div class="divider"></div>



                <div class="info_list">

                    <span class="info-title" style="">Plz:</span>

                    <span class="info-content"></span>

                </div>

            </div>

        </div>



        <div class="widget our-agents" id="agents_widget-2">



            <div class="detail-title"><i class="fa fa-user"></i>&nbsp;Agent</div>



            <div class="content">

                <div class="agent clearfix">

                    <div class="image">

                        <a href="https://www.recentimmo.com/de/show/agentproperties/4654">

                            <img width="140" height="141" alt="john-small" class="attachment-post-thumbnail wp-post-image" src="https://www.recentimmo.com/uploads/profile_photos/nophoto-male.jpg">

                        </a>

                    </div>

                    <div class="name">

                        <a href="https://www.recentimmo.com/de/show/agentproperties/4654">Olivier DESPORT</a>

                    </div>
					
					
                    <div class="agent-properties"><a href="https://www.recentimmo.com/de/show/agentproperties/4654">1 Properties</a></div>

                    </div>

                </div><!-- /.agent -->



            </div><!-- /.content -->

        </div>



        <div class="detail-title no-print"><i class="fa fa-envelope-o"></i>&nbsp;Nachricht</div>

        <form class="no-print" action="https://www.recentimmo.com/de/show/sendemailtoagent/4654" method="post" id="message-form">

            
            <input type="hidden" name="unique_id" value="5802d4111249d">

            <input type="hidden" name="title" value="Top-Ranked-B">

            <label>Name:</label>

            <input type="text" name="sender_name" value="" class="form-control">

            
            <label>Email:</label>

            <input type="text" name="sender_email" value="" class="form-control">

            
            <label>E-Mail Betreff:</label>

            <input type="text" name="subject" value="" class="form-control">

            
            <label>Nachricht:</label>

            <textarea name="msg" class="form-control"></textarea>

            
            <div style="clear:both;margin-top:10px"></div>

            <input type="submit" class="btn btn-warning" value="send">

        </form>

    </div>

</div>

<script type="text/javascript">

    function getUrlVars(url) {

        var vars = {};

        var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {

            vars[key] = value;

        });

        return vars;

    }



    function showVideoPreview(url)

    {

      if(url.search("youtube.com")!=-1)

      {

        var video_id = getUrlVars(url)["v"];

        //https://www.youtube.com/watch?v=jIL0ze6_GIY

        var src = '//www.youtube.com/embed/'+video_id;

        //var src  = url.replace("watch?v=","embed/");

        var code = '<iframe class="thumbnail" width="100%" height="420" src="'+src+'" frameborder="0" allowfullscreen></iframe>';

        jQuery('#video_preview').html(code);

      }

      else if(url.search("vimeo.com")!=-1)

      {

        //http://vimeo.com/64547919

        var segments = url.split("/");

        var length = segments.length;

        length--;

        var video_id = segments[length];

        var src  = url.replace("vimeo.com","player.vimeo.com/video");

        var code = '<iframe class="thumbnail" src="//player.vimeo.com/video/'+video_id+'" width="100%" height="420" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';

        jQuery('#video_preview').html(code);

      }

      else

      {

        //alert("only youtube and video url is valid");

      }

    }



jQuery(document).ready(function(){

    //$('#myCarousel').carousel();

    jQuery('#video_url').change(function(){

          var url = jQuery(this).val();

          showVideoPreview(url);

        }).change();

    window.print();
    window.close();
});

</script>