

<!DOCTYPE html>
<html>

<head>


<!-- Slideshow belongs to:http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/ -->

	<meta charset='UTF-8'>
	
	<title>Manfred Partl & Co Architects</title>

	<META NAME="KEYWORDS" CONTENT="architecture, architektur, graz, steiermark, austria, oesterreich, design, styria, architekten, architects, wohnbau, housing, partl, manfred, buildings, bauen, wohnen, architekturbuero, baukunst, engineer, ingenieur, edesign">
	<META NAME="DESCRIPTION" CONTENT="Architekturbuero Manfred Partl & Co Architects Graz Austria">
	<META NAME="AUTHOR" CONTENT="edlinger konrad">
	<META NAME="PUBLISHER" CONTENT="edesign">
	<META NAME="COPYRIGHT" CONTENT="edlinger konrad">
	<META NAME="ROBOTS" CONTENT="ALL">
	<META NAME="REVISIT-AFTER" CONTENT="10 days">
	<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 

	
	<link rel='stylesheet' href='css/style.css'>
	
	<style>

body {
  background-color: #000;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#E6E6E6;  
  padding:30px;
  margin:0px;
  text-align: center;
}

p, h1, pre {
margin: 0px; 
padding: 5px 10px; 
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #000;
}

	#inhalt { 	
		text-align: left;
		vertical-align: middle;	
		margin: 0px auto;
		padding: 20px;
		width: 1150px;
		height: 600px; 
		background-color: #000;
		border: 1px solid #222;
		position: absolute;
		}


		#slideshow { 
			margin: 80px auto; 
			position: relative; 
			width: 700px; 
			height: 523px; 
			padding: 0px; 
			box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			float: left;
			left: 30px; 
   			top: 5px 
		}
		
		#slideshow > div { 
		    position: absolute; 
		    top: 0px; 
		    left: 0px; 
		    right: 0px; 
		    bottom: 0px; 
		}

		#cssmenu { 
			position: relative; 		
			top: 65px;

			padding: 20px;
			margin-left: 740px;

  			width:300px; font-size:10px; font-family: arial; }

		#cssmenu2 { 
			position: relative; 		
			top: 105px;

			padding: 20px;
			margin-left: 740px;

  			width:300px; font-size:10px; font-family: arial; }


	#footer { 
		position: absolute;
		top: 650px;	
		text-align: left;
		
		margin: 30px auto;
		padding: 10px;
		width: 1170px;
		background-color: #000;
		border: 1px solid #222;

		}


-----MENÜ-----

#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 20;
	vertical-align: baseline;
	line-height: 1;
}

.gruen {
background-color: #0B610B !important;
color: #0B610B !important;
font-size: 33px !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}


		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 6px 7px;
			width: 170px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;

.gruen {
background-color: #0B610B !important;
color: #0B610B !important;
font-size: 33px !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}

			/* Background & effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}


		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #444444;
			text-shadow: 0 1px 0 #fff;
			background: #e6e6e6;
			background: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
			background: -ms-linear-gradient(bottom, #e6e6e6, #fff); 
			background: -moz-linear-gradient(bottom, #e6e6e6, #fff);
			background: -o-linear-gradient(bottom, #e6e6e6, #fff);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 10px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 11px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #444444;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid #fff;
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 185px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}

-----/ MENÜ-----

-----MENÜ-----

#cssmenu2 > ul {
	list-style: none;
	margin: 0;
	padding: 20;
	vertical-align: baseline;
	line-height: 1;
}

.gruen {
background-color: #A52A2A !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}
.has-sub2 {
background-color: #A52A2A !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}

/* The container */
#cssmenu2 > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu2 > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 185px;	
	}


		/* General link styling */
		#cssmenu2 > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 6px 7px;
			width: 170px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;

.gruen {
background-color: #A52A2A !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}
.has-sub2 {
background-color: #A52A2A !important;
display: block;
position: relative;
margin: 0;
padding: 0;
width: 170px;
}

			/* Background & effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu2 > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}


		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu2 > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu2 > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #444444;
			text-shadow: 0 1px 0 #fff;
			background: #e6e6e6;
			background: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
			background: -ms-linear-gradient(bottom, #e6e6e6, #fff); 
			background: -moz-linear-gradient(bottom, #e6e6e6, #fff);
			background: -o-linear-gradient(bottom, #e6e6e6, #fff);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu2 > ul .has-sub2>a::after {
			content: '';
			position: absolute;
			top: 10px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu2 > ul .has-sub2>a::before {
			content: '';
			position: absolute;
			top: 11px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu2 > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #444444;
		}

		#cssmenu2 > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid #fff;
		}

	
		/* THE SUBMENUS */
		#cssmenu2 > ul ul {
			position: absolute;
			left: 185px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu2 > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}

-----/ MENÜ-----


	</style>
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
	<script>
		$(function() {
		
			$("#slideshow > div:gt(0)").hide();
	
			setInterval(function() { 
			  $('#slideshow > div:first')
			    .fadeOut(1000)
			    .next()
			    .fadeIn(1000)
			    .end()
			    .appendTo('#slideshow');
			},  3000);
			
		});
	</script>
</head>

<body>
  
<div id="inhalt">
<p align="right">

</p>
<h1>MANFRED PARTL & CO ARCHITECTS</h1>

</div>
	<div id="slideshow">
	   <div>
	     <img src="img/Slideshow/ArsElectronica2.jpg">
	   </div>
	   <div>
	     <img src="img/Slideshow/Strabag2.jpg">
	   </div>
	   <div>
	     <img src="img/Slideshow/Zagreb2.jpg">
	   </div>
	   <div>
	     <img src="img/Slideshow/zot1.jpg">
	   </div>
	   <div>
	     <img src="img/Slideshow/kms.jpg">
	   </div>
	</div>
	
 <style type="text/css" style="display: none !important;">
	* {
		margin: 0;
		padding: 0;
	}
	body {
		overflow-x: hidden;
	}
	.bsa_it_ad {
		padding: 8px 4px 8px 12px !important;
		position: relative;
		border: 0 !important;
		background: #D6D5D5 !important;
		border-top: 0 !important;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		font: 11px "Lucida Grande", Sans-Serif !important;
	}
	.bsa_it_ad:before, .bsa_it_ad:after {
		content: "";
		position: absolute;
		top: 0;
		left: 6px;
		width: 100%;
		height: 100%;
		background: #989898;
		border-bottom: 6px solid #989898;
		z-index: -1;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.bsa_it_ad:before {
		top: 0;
		left: 12px;
		z-index: -2;
		background: #6C6666;
		border-bottom: 12px solid #6C6666;
	}

	.bsa_it_ad a {
	  margin: 0 !important;
		padding: 0 !important;
	}
	.bsa_it_ad a img {
	  border: 0 !important;
		position: static !important;
	}
	.bsa_it_ad a:hover img {
		margin: 0 !important;
	}
	.bsa_it_ad a:hover {
	  background: none !important;
	}
	.bsa_it_i {
		margin: 0 15px 0 0 !important;
	}
	.bsa_it_t {
		font-size: 14px !important;
		margin: 12px 0 0 0 !important;
	}
	.bsa_it_d {
		padding-right: 10px;
	}
	.bsa_it_p{
		display: none !important;
	}

</style>

<script type="text/javascript">
	(function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })();
</script>

<script type="text/javascript">
	var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-68528-29']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })();
</script>

		<div id='cssmenu'>
			<ul>
   			<li><a><span>PROJEKTE</span></a></li>
			<li class='has-sub '><a href='#'><span>ÖFFENTLICHE UND GEWERBEBAUTEN</span></a>
     				 <ul>
         			<li><a href='Köflach.html'><span>Rathaus Köflach</span></a></li>
         			<li><a href='Strabag.html'><span>Strabag</span></a></li>
         			<li><a href='Pula.html'><span>Pula EKZ</span></a></li>
         			<li><a href='Mur.html'><span>Murstiege</span></a></li>
      				</ul>

			<li class='has-sub '><a href='#'><span>HOTELS</span></a>
     				 <ul>
         			<li><a href='Klöch.html'><span>Volcano Resort Klöch</span></a></li>
         			<li><a href='Villach2.html'><span>Sporthotel Villach</span></a></li>
         			<li><a href='Solaris.html'><span>Solaris Sibenik</span></a></li>
      				</ul>

   			<li class='has-sub '><a href='#'><span>WOHNBAU</span></a>
     				 <ul>
         			<li><a href='Radegund.html'><span>Radegunderstraße</span></a></li>
         			<li><a href='Schloßblick.html'><span>Schloßblick</span></a></li>
         			<li><a href='Harrach.html'><span>Harrachgasse</span></a></li>
      				</ul>
   			

   			<li class='has-sub '><a href='#'><span>EINFAMILIENHÄUSER</span></a>
     				 <ul>
         			<li><a href='Germuth.html'><span>Haus G</span></a></li>
         			<li><a href='Profant.html'><span>Haus P</span></a></li>
         			<li><a href='Zotter.html'><span>Haus Z</span></a></li>
       				<li><a href='Weswaldi.html'><span>Haus W</span></a></li>
      				</ul>

   			<li class='has-sub '><a href='#'><span>WETTBEWERBE</span></a>
     				<ul>
         			<li><a href='Egypt.html'><span>Museum Ägypten</span></a></li>				
         			<li><a href='Ars.html'><span>Ars Electronica</span></a></li>
         			<li><a href='Villach.html'><span>Warmbad Villach</span></a></li>
      				</ul>

   			</li>
   			<li><a href='Büro.html'><span>BÜRO</span></a></li>
   			<li><a href='Kontakt.html'><span>KONTAKT</span></a></li>
			</ul>

		</div>

		<div id='cssmenu2'>
			<ul>

			<li class='has-sub2 '><a href='#'><span>AKTUELLES</span></a>
     				 <ul>
         			<li><a><span>COMPLETED</span></a></li>
         			<li class='gruen'><a href='Kms.html'><span>White curves</span></a></li>
         			<li><a><span>IN PROGRESS</span></a></li>
         			<li class='gruen'><a href='Ghg.html'><span>Wohnen im Park</span></a></li>
         			<li class='gruen'><a href='Golfmodul.html'><span>Golfmodul</span></a></li>
      				</ul>

		</div>

		<div id='footer'>

		© Manfred Partl & Co Architects, edesign 2012
		</div>

</body>

</html>