<?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; building architecture</title>
	<atom:link href="http://petran.de/category/hochbauarchitektur/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>new building for architectural design and arts &#8211; überlingen lake constance</title>
		<link>http://petran.de/en/hochbauarchitektur/buro-petran-uberlingen-am-bodensee-2/</link>
		<comments>http://petran.de/en/hochbauarchitektur/buro-petran-uberlingen-am-bodensee-2/#comments</comments>
		<pubDate>Tue, 04 Jun 2013 15:45:35 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[building architecture]]></category>

		<guid isPermaLink="false">http://petran.de/?p=471</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_471" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_471" 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/IMG_4011-400x300.jpg" title="IMG_4011" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/IMG_4011-150x150.jpg" alt="" title="IMG_4011" 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/IMG_3993-300x400.jpg" title="IMG_3993" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/IMG_3993-150x150.jpg" alt="" title="IMG_3993" 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/IMG_4003-400x300.jpg" title="IMG_4003" >								
											<img src="http://petran.de/wp-content/uploads/2013/06/IMG_4003-150x150.jpg" alt="" title="IMG_4003" 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_471" class="loader"></div>
					<div id="slideshow_471" class="slideshow"></div>
					<div id="caption_471" 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_471').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_471',
					controlsContainerSel:      '#controls_471',
					captionContainerSel:       '#caption_471',  
					loadingContainerSel:       '#loading_471',
					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/hochbauarchitektur/buro-petran-uberlingen-am-bodensee-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>new building of a residential villa &#8211; ingolstadt an der donau</title>
		<link>http://petran.de/en/hochbauarchitektur/neubau-irgendwo-in-deutschland/</link>
		<comments>http://petran.de/en/hochbauarchitektur/neubau-irgendwo-in-deutschland/#comments</comments>
		<pubDate>Sat, 27 Apr 2013 20:26:21 +0000</pubDate>
		<dc:creator>Michael Brück</dc:creator>
				<category><![CDATA[building architecture]]></category>

		<guid isPermaLink="false">http://petran.de/?p=318</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_318" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_318" 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/Hochbau-Bild-2-e1363759683926.jpg" title="Hochbau" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Hochbau-Bild-2-e1363759683926.jpg" alt="Hochbau" title="Hochbau" 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/Hochbau-Bild-1-e1363759729739.jpg" title="Hochbau" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Hochbau-Bild-1-e1363759729739.jpg" alt="Hochbau" title="Hochbau" 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/Hochbau-Bild-3-e1363759756189.jpg" title="Hochbau" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Hochbau-Bild-3-e1363759756189.jpg" alt="Hochbau" title="Hochbau" 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/Hochbau-Bild-4-e1363759789968.jpg" title="Hochbau" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/Hochbau-Bild-4-e1363759789968.jpg" alt="Hochbau" title="Hochbau" 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_318" class="loader"></div>
					<div id="slideshow_318" class="slideshow"></div>
					<div id="caption_318" 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_318').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_318',
					controlsContainerSel:      '#controls_318',
					captionContainerSel:       '#caption_318',  
					loadingContainerSel:       '#loading_318',
					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/hochbauarchitektur/neubau-irgendwo-in-deutschland/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>new building for highclass automobile &#8211; stockach</title>
		<link>http://petran.de/en/hochbauarchitektur/neubau-autohaus-auer-stockach/</link>
		<comments>http://petran.de/en/hochbauarchitektur/neubau-autohaus-auer-stockach/#comments</comments>
		<pubDate>Thu, 18 Apr 2013 10:56:35 +0000</pubDate>
		<dc:creator>Lucia Merola</dc:creator>
				<category><![CDATA[building architecture]]></category>

		<guid isPermaLink="false">http://petran.de/?p=247</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_247" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_247" 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/IMG_4121-400x300.jpg" title="Autohaus" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/IMG_4121-150x150.jpg" alt="Autohaus" title="Autohaus" 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/IMG_4114-400x300.jpg" title="IMG_4114" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/IMG_4114-150x150.jpg" alt="" title="IMG_4114" 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/IMG_4099-375x500.jpg" title="IMG_4099" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/IMG_4099-150x150.jpg" alt="" title="IMG_4099" 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/IMG_4132-400x300.jpg" title="IMG_4132" >								
											<img src="http://petran.de/wp-content/uploads/2013/03/IMG_4132-150x150.jpg" alt="" title="IMG_4132" 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_247" class="loader"></div>
					<div id="slideshow_247" class="slideshow"></div>
					<div id="caption_247" 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_247').galleriffic({ 
					delay:                     3500,
					numThumbs:                 20,
					preloadAhead:              20,
					enableTopPager:            1,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_247',
					controlsContainerSel:      '#controls_247',
					captionContainerSel:       '#caption_247',  
					loadingContainerSel:       '#loading_247',
					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/hochbauarchitektur/neubau-autohaus-auer-stockach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
