<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Petran &#187; interior design</title>
	<atom:link href="http://petran.de/category/innenarchitektur/feed/" rel="self" type="application/rss+xml" />
	<link>http://petran.de</link>
	<description>freie architekten bda</description>
	<lastBuildDate>Mon, 08 Jul 2013 19:12:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>internal decoration of a residential villa with fine arts &#8211; überlingen am bodensee</title>
		<link>http://petran.de/en/innenarchitektur/zum-haslen-uberlingen-am-bodensee/</link>
		<comments>http://petran.de/en/innenarchitektur/zum-haslen-uberlingen-am-bodensee/#comments</comments>
		<pubDate>Fri, 07 Jun 2013 09:17:05 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=482</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_482" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_482" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/06/Gang-300x400.jpg" title="Gang" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/Gang-150x150.jpg" alt="" title="Gang" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/06/Mao2-300x400.jpg" title="Mao2" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/Mao2-150x150.jpg" alt="" title="Mao2" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/06/Bad-300x400.jpg" title="Bad" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/Bad-150x150.jpg" alt="" title="Bad" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_482" class="loader"></div>
					<div id="slideshow_482" class="slideshow"></div>
					<div id="caption_482" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_482').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_482',
					controlsContainerSel:      '#controls_482',
					captionContainerSel:       '#caption_482',  
					loadingContainerSel:       '#loading_482',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/zum-haslen-uberlingen-am-bodensee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>internal design for international working architects &#8211; überlingen lake constance</title>
		<link>http://petran.de/en/innenarchitektur/buro-petran-uberlingen-am-bodensee/</link>
		<comments>http://petran.de/en/innenarchitektur/buro-petran-uberlingen-am-bodensee/#comments</comments>
		<pubDate>Tue, 04 Jun 2013 15:36:55 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=468</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_468" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_468" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4000-300x400.jpg" title="IMG_4000" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4000-150x150.jpg" alt="" title="IMG_4000" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4001-300x400.jpg" title="IMG_4001" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4001-150x150.jpg" alt="" title="IMG_4001" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_3900-300x400.jpg" title="IMG_3900" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_3900-150x150.jpg" alt="" title="IMG_3900" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4002-300x400.jpg" title="IMG_4002" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4002-150x150.jpg" alt="" title="IMG_4002" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_468" class="loader"></div>
					<div id="slideshow_468" class="slideshow"></div>
					<div id="caption_468" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_468').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_468',
					controlsContainerSel:      '#controls_468',
					captionContainerSel:       '#caption_468',  
					loadingContainerSel:       '#loading_468',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/buro-petran-uberlingen-am-bodensee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>interior design of a private villa &#8211; überlingen lake constance</title>
		<link>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-einfamilienhaus-uberlingen-am-bodensee/</link>
		<comments>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-einfamilienhaus-uberlingen-am-bodensee/#comments</comments>
		<pubDate>Mon, 13 May 2013 12:26:40 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=393</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_393" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_393" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_0135-400x300.jpg" title="IMG_0135" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_0135-150x150.jpg" alt="" title="IMG_0135" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_0130-300x400.jpg" title="IMG_0130" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_0130-150x150.jpg" alt="" title="IMG_0130" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_0117-400x300.jpg" title="IMG_0117" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_0117-150x150.jpg" alt="" title="IMG_0117" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_0154-300x400.jpg" title="IMG_0154" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_0154-150x150.jpg" alt="" title="IMG_0154" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_393" class="loader"></div>
					<div id="slideshow_393" class="slideshow"></div>
					<div id="caption_393" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_393').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_393',
					controlsContainerSel:      '#controls_393',
					captionContainerSel:       '#caption_393',  
					loadingContainerSel:       '#loading_393',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-einfamilienhaus-uberlingen-am-bodensee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>interior design for highclass automobile &#8211; stockach</title>
		<link>http://petran.de/en/innenarchitektur/neubau-autohaus-auer-stockach-2/</link>
		<comments>http://petran.de/en/innenarchitektur/neubau-autohaus-auer-stockach-2/#comments</comments>
		<pubDate>Mon, 13 May 2013 12:25:23 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=391</guid>
		<description><![CDATA[ ]]></description>
				<content:encoded><![CDATA[<p> 
	
		<div class="gallery_clear"></div> 
		<div id="gallery_391" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_391" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4080-300x400.jpg" title="IMG_4080" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4080-150x150.jpg" alt="" title="IMG_4080" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4103-300x400.jpg" title="IMG_4103" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4103-150x150.jpg" alt="" title="IMG_4103" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4075-400x338.jpg" title="IMG_4075" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4075-150x150.jpg" alt="" title="IMG_4075" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_4073-300x400.jpg" title="IMG_4073" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_4073-150x150.jpg" alt="" title="IMG_4073" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_391" class="loader"></div>
					<div id="slideshow_391" class="slideshow"></div>
					<div id="caption_391" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_391').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_391',
					controlsContainerSel:      '#controls_391',
					captionContainerSel:       '#caption_391',  
					loadingContainerSel:       '#loading_391',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/neubau-autohaus-auer-stockach-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>private spa &amp; lounge &#8211; überlingen lake constance</title>
		<link>http://petran.de/en/innenarchitektur/badumbau-mit-whirlpool-uberlingen-am-bodensee/</link>
		<comments>http://petran.de/en/innenarchitektur/badumbau-mit-whirlpool-uberlingen-am-bodensee/#comments</comments>
		<pubDate>Wed, 08 May 2013 14:50:44 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=375</guid>
		<description><![CDATA[ ]]></description>
				<content:encoded><![CDATA[<p> 
	
		<div class="gallery_clear"></div> 
		<div id="gallery_375" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_375" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/Japan-Bad-4-300x400.jpg" title="Japan Bad 4" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/Japan-Bad-4-150x150.jpg" alt="" title="Japan Bad 4" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/Japan-Bad-3-300x400.jpg" title="Japan Bad 3" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/Japan-Bad-3-150x150.jpg" alt="" title="Japan Bad 3" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_2552-300x400.jpg" title="IMG_2552" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_2552-150x150.jpg" alt="" title="IMG_2552" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/05/IMG_2536-400x300.jpg" title="IMG_2536" >								
											<img src="http://petran.de/wp-content/uploads/2013/05/IMG_2536-150x150.jpg" alt="" title="IMG_2536" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_375" class="loader"></div>
					<div id="slideshow_375" class="slideshow"></div>
					<div id="caption_375" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_375').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_375',
					controlsContainerSel:      '#controls_375',
					captionContainerSel:       '#caption_375',  
					loadingContainerSel:       '#loading_375',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/badumbau-mit-whirlpool-uberlingen-am-bodensee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>interior design of a private residential house &#8211; kressbronn lake constance</title>
		<link>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-eines-einfamilienhauses-kressbronn-am-bodensee/</link>
		<comments>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-eines-einfamilienhauses-kressbronn-am-bodensee/#comments</comments>
		<pubDate>Mon, 29 Apr 2013 10:40:06 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[interior design]]></category>

		<guid isPermaLink="false">http://petran.de/?p=327</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_327" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_327" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-1-e1363723922812.jpg" title="Innenarchitektur" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-1-e1363723922812.jpg" alt="" title="Innenarchitektur" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-2-e1363723861438.jpg" title="Innenarchitektur" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-2-e1363723861438.jpg" alt="" title="Innenarchitektur" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-3-e1363723895122.jpg" title="Innenarchitektur" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-3-e1363723895122.jpg" alt="" title="Innenarchitektur" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li style="max-height: 120px !important; max-width: 70px !important;"><a class="thumb" href="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-4-e1363723947823.jpg" title="Innenarchitektur" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Innenarchitektur-Bild-4-e1363723947823.jpg" alt="" title="Innenarchitektur" style="max-width: 70px !important; max-height: 70px !important" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_327" class="loader"></div>
					<div id="slideshow_327" class="slideshow"></div>
					<div id="caption_327" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '600px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_327').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_327',
					controlsContainerSel:      '#controls_327',
					captionContainerSel:       '#caption_327',  
					loadingContainerSel:       '#loading_327',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});

                $('a.thumb').mouseover(function(e) {
                    this.click();
                });
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://petran.de/en/innenarchitektur/umbau-und-erweiterung-eines-einfamilienhauses-kressbronn-am-bodensee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
