<!--##########################################################################################################################################################################
##############################################################################################################################################################################
#####################################################################  Welcome to AK86 Code  #################################################################################
##############################################################################################################################################################################
##############################################################################################################################################################################
########                                                                                                                                                              ########
####                                      ############        ####            ####        ################        ################                                        ####
####                                      ############        ####            ####        ################        ################                                        ####
####                                  ####            ####    ####        ####        ####                    ####                                                        ####
####                                  ####            ####    ####        ####        ####                    ####                                                        ####
####                                  ####################    ############                ############        ################                                            ####
####                                  ####################    ############                ############        ################                                            ####
####                                  ####            ####    ####        ####                        ####    ####                                                        ####
####                                  ####            ####    ####        ####                        ####    ####                                                        ####
####                                  ####            ####    ####            ####    ################            ################                                        ####
####                                  ####            ####    ####            ####    ################            ################                                        ####
####                                                                                                                                                                      ####                                      
####                                                                                                                                                                      ####                                 
####                                      ############        ####            ####        ################    ####            ####                                        ####
####                                      ############        ####            ####        ################    ####            ####                                        ####
####                                  ####            ####    ####            ####    ####                    ####            ####                                        ####
####                                  ####            ####    ####            ####    ####                    ####            ####                                        ####
####                                  ####                    ####################        ############        ####            ####                                        ####
####                                  ####                    ####################        ############        ####            ####                                        ####
####                                  ####            ####    ####            ####                    ####    ####            ####                                        ####
####                                  ####            ####    ####            ####                    ####    ####            ####                                        ####
####                                      ############        ####            ####    ################            ############                                            ####
####                                      ############        ####            ####    ################            ############                                            ####
####                                                                                                                                                                      ####
####                                                                                                                                                                      ####
####                                  ################        ################            ############            ############                                            ####
####                                  ################        ################            ############            ############                                            ####
####                                  ####            ####    ####            ####    ####            ####    ####            ####                                        ####
####                                  ####            ####    ####            ####    ####            ####    ####            ####                                        ####
####                                  ####            ####    ####            ####    ####################    ####                                                        ####
####                                  ####            ####    ####            ####    ####################    ####                                                        ####
####                                  ####            ####    ####            ####    ####            ####    ####            ####                                        ####
####                                  ####            ####    ####            ####    ####            ####    ####            ####                                        ####
####                                  ####            ####    ################        ####            ####        ############                                            ####
####                                  ####            ####    ################        ####            ####        ############                                            ####
####                                                                                                                                                                      ####
####                                                                                                                                                                      ####
####                                  ####            ####   #################### ####################  ####      ################                                        ####
####                                  ####            ####   #################### ####################  ####      ################                                        ####
####                                  ####            ####           ####                     ####      ####  ####                                                        ####
####                                  ####            ####           ####                     ####      ####  ####                                                        ####
####                                  ####################           ####                 ####          ####  ####        ########                                        ####
####                                  ####################           ####                 ####          ####  ####        ########                                        ####
####                                  ####            ####           ####             ####              ####  ####            ####                                        ####
####                                  ####            ####           ####             ####              ####  ####            ####                                        ####
####                                  ####            ####           ####         ####################  ####      ############                                            ####
####                                  ####            ####           ####         ####################  ####      ############                                            ####
########                                                                                                                                                              ########
##############################################################################################################################################################################
##############################################################################################################################################################################
#####################################################################  Welcome to AK86 Code  #################################################################################
##############################################################################################################################################################################
###########################################################################################################################################################################-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>AK86 . Alexander Kämpfe . Online Portfolio 2011 . Namensfindung . Logoentwicklungen . Print . DTP . Webdesign . Webprogrammierung . Multimedia</title>
<meta name="Author" content="AK86, 2011" />
<meta name="Publisher" content="AK86, 2011" />
<meta name="Copyright" content="AK86, 2011 2010" />
<meta name="Revisit" content="1" />
<meta name="Keywords" content="AK86, Alexander, Alexander Kämpfe, Kämpfe, Düsseldorf, Webdesign, Webprogrammierung, Webtools, Webapplikationen, SEO, Webseitenoptimierung, Googleoptimierung, HTML, PHP, MYSQL, jQuery, Logodesign, DTP, Print, Multimedia, Videodesign, Videoproduktion, Videoproduction, Postproduction, Fotografie, Photographie, 3D, 3D Design, Konzeptionierung, Konzept, Layout, Layouting, Desigen, Mediendesign, Produktion, Realisation, Beratung, Consulting, Bachelor of Arts " />
<meta name="Description" content="AK86 ist eine junge Designschmiede aus Düsseldorf gegründet vom Bachelor of Arts Absolventen Alexander Kämpfe. AK86 bietet den kompletten Service von Namensfindungen und Konzeptionierungen, über Logoentwicklungen, Print, Werbung bis hin zu Multimedia und WebSeiten sowie WebApplikationen und eigens erstellte WebTools." />
<meta name="Abstractn" content="AK86, Alexander Kämpfe, Design, Webdesign, Multimedia, Video, Düsseldorf" />
<meta name="Robots" content="INDEX,FOLLOW" />
<meta name="Language" content="DE" />
<meta property="og:title" content="AK86"/>
    <meta property="og:type" content="design"/>
    <meta property="og:url" content="http://www.ak86.eu/index.php"/>
    <meta property="og:image" content="http://ak86.eu/logo.png"/>
    <meta property="og:site_name" content="www.AK86.eu"/>
    <meta property="fb:admins" content="100000496014556"/>
    <meta property="og:description"
          content="AK86 ist eine junge Designschmiede aus Düsseldorf gegründet vom Bachelor of Arts Absolventen Alexander Kämpfe. AK86 bietet den kompletten Service von Namensfindungen und Konzeptionierungen, über Logoentwicklungen, Print, Werbung bis hin zu Multimedia und WebSeiten sowie WebApplikationen und eigens erstellte WebTools."/>

<link rel="stylesheet" type="text/css" href="ak86.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script>

$(document).ready(function() {

	$('a.panel').click(function () {

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
		
		$('#wrapper').scrollTo($(this).attr('href'), 800);		
		
		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
});

function resizePanel() {

	width = $(window).width();
	height = $(window).height();

	mask_width = width * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
		
}

</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript">
	
	$(document).ready(function () {

		//transitions
		//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
		var style = 'easeOutExpo';
		var default_left = Math.round($('#menu li.selected').offset().left - $('#menu').offset().left);
		var default_top = $('#menu li.selected').height();

		//Set the default position and text for the tooltips
		$('#box').css({left: default_left, top: default_top});
		$('#box .head').html($('#menu li.selected').find('img').attr('alt'));				
		
		//if mouseover the menu item
		$('#menu li').hover(function () {
			
			var left = Math.round($(this).offset().left - $('#menu').offset().left); 

			//Set it to current item position and text
			$('#box .head').html($(this).find('img').attr('alt'));
			$('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	

		
		//if user click on the menu
		}).click(function () {
			
			//reset the selected item
			$('#menu li').removeClass('selected');	
			
			//select the current item
			$(this).addClass('selected');
	
		});
		
		//If the mouse leave the menu, reset the floating bar to the selected item
		$('#menu').mouseleave(function () {

			default_left = Math.round($('#menu li.selected').offset().left - $('#menu').offset().left);

			//Set it back to default position and text
			$('#box .head').html($('#menu li.selected').find('img').attr('alt'));				
			$('#box').stop(false, true).animate({left: default_left},{duration:1500, easing: style});	
			
		});
		
	});

	
	</script>

	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.3.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.3.css" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			/*
			*   Examples - various
			*/

			
			$("#ak86_michaelgueth").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_firstplace").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_gastrovision").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_hofmayer").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_timmhartmann").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_anger").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_pietroconti").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_volteggiare").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_belladonna").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_jinling").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_cartop").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_chibay").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_winehouse").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_seeberger").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_tabearust").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_spieluhr").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_rain").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#ak86_loremipsum").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_impressum").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			$("#ak86_kram").fancybox({
				'width'				: '85%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
			
			
		});
	</script>
</head>
<body>

<div id="bg">&nbsp;</div>
<div id="logo"><a href="#item0" class="panel"><img src="logo.png" width="120" height="170"></a></div>
<div id="imprint"><a id="ak86_impressum"  target="_blank" href="http://www.ak86.eu/imprint.php">Impressum / Datenschutz &raquo;</a></div>
<div id="kram"><a id="ak86_kram"  target="_blank" href="http://www.kram.ak86.eu/"><img src="kram.png"></a></div>
<div id="fb-root" style="position:absolute; left:400px; bottom:0px; z-index:100; "><fb:like href="http://www.ak86.eu/" width="200" height="40"/><script src="http://connect.facebook.net/en_US/all.js"></script>

<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/de_DE/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>


</div>

<div id="menu">
 <ul>  
   		 <li class="selected"><a href="#item0" class="panel"><img src="button_start.png" alt="AK86 . Willkommen" title=""></a></li>
         <li><a href="#item00" class="panel"><img src="button.png" alt="AK86 . News" title="" ></a></li>
         <li style="margin-right:40px;"><a href="#item000" class="panel"><img src="button.png" alt="AK86 . Kontakt" title="" ></a></li>
         <li><a href="#item1" class="panel"><img src="button.png" alt="Michael Gueth" title="" ></a></li>  
         <li><a href="#item2"class="panel"><img src="button.png" alt="First Place" title="" ></a></li>  
         <li><a href="#item3"class="panel"><img src="button.png" alt="Gastrovision" title="" ></a></li>  
		 <li><a href="#item4"class="panel"><img src="button.png" alt="Physiotherapie Hofmayer" title=""></a></li>  
         <li><a href="#item5"class="panel"><img src="button.png" alt="Timm Hartmann Communications" title="" width="32" height="32"></a></li>
         <li><a href="#item6"class="panel"><img src="button.png" alt="ANGER Immobilien" title="" width="32" height="32"></a></li>
         <li><a href="#item7"class="panel"><img src="button.png" alt="Pietro Conti" title="" width="32" height="32"></a></li>
         <li><a href="#item8"class="panel"><img src="button.png" alt="Volteggiare" title="" width="32" height="32"></a></li>
         <li><a href="#item9"class="panel"><img src="button.png" alt="Belladonna Kosmetik" title="" width="32" height="32"></a></li>
         <li><a href="#item10"class="panel"><img src="button.png" alt="Chinese Gourmet Jinling" title="" width="32" height="32"></a></li>
         <li><a href="#item11"class="panel"><img src="button.png" alt="CARTOP Düsseldorf" title="" width="32" height="32"></a></li>
         <li><a href="#item12"class="panel"><img src="button.png" alt="Chibay" title="" width="32" height="32"></a></li>
         <li><a href="#item13" class="panel"><img src="button.png" alt="My Winehouse" title="" width="32" height="32"></a></li>
         <li><a href="#item14"class="panel"><img src="button.png" alt="Fabian Seeberger" title="" width="32" height="32"></a></li>
        <li><a href="#item15"class="panel"><img src="button.png" alt="Tabea Rust" title="" width="32" height="32"></a></li>          
        <li style="margin-left:20px;"><a href="#item16"class="panel"><img src="button.png" alt="Die Spieluhr" title="" width="32" height="32"></a></li>  
        <li><a href="#item17"class="panel"><img src="button.png" alt="Rain" title="" width="32" height="32"></a></li> 
        <li><a href="#item18"class="panel"><img src="button.png" alt="Lorem Ipsum" title="" width="32" height="32"></a></li> 
   
     </ul>  
<div id="box"><div class="head"></div></div
></div>


<div id="wrapper">
<div id="mask">
    
    	<div id="item0" class="item">
        <table width="100%" height="100%" border="0">
  <tr  align="center">
    <td class="mittig">
            <a name="item0"></a>
			<div id="content"><img src="images/ak86_start.png"> 
			<div id="headline_start"><h1>Herzlich Willkommen</h1></div>
            <div id="text"><img src="images/AK86_AlexanderKaempfe.jpg" width="218" /></div>
            <div id="text_start">Schön, Sie auf der Seite von <strong>AK86</strong> begrüßen zu dürfen.<br>

<strong>AK86</strong> ist eine junge Designschmiede aus Düsseldorf gegründet vom Bachelor of Arts Absolventen <strong>Alexander Kämpfe</strong>.<br>
<br>
<strong>AK86</strong> bietet den kompletten Service von Namensfindungen und Konzeptionierungen, über <strong>Logoentwicklungen</strong>, <strong>Print</strong>, Werbung bis hin zu <strong>Multimedia</strong> und <strong>WebSeiten</strong> sowie <strong>WebApplikationen</strong> und eigens erstellte WebTools.<br>
<br>
AK86 steht Ihnen sowohl beratend als auch aktiv sowohl im Layouting als auch in Reinzeichnung und Produktion zur Verfügung.<br>
<br>
Auf den folgenden Seiten möchte <strong>AK86</strong> Ihnen aktuelle Projekte zeigen. <br>
<br>
<strong>AK86 . Alexander Kämpfe</strong></div>
            <div id="preview"><a href="#item00" class="panel">zu den AK86 News &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item00" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item00"></a>
      		
			<div id="content"><img src="images/ak86_start.png"> 
			<div id="headline_start"><h1>AK86 . News</h1></div>
            <div id="text_start"><h2>08.11.2010</h2>Die neue AK86 Seite ist nun endlich für Sie online! Viel Spaß!<br><hr>
            					<h2>25.10.2010</h2>Michael Gueth Photography ist online! Mehr dazu in den Projekten.<br><hr>
            					<h2>01.10.2010</h2>AK86 ist nun fest in das Team von Grass Roots Germany aus Düsseldorf eingebunden. Die Zusammenarbeit mit AK86 erfährt dadurch keinerlei Einschränkungen.<br><hr></div>
            <div id="preview"><a href="#item000" class="panel">Kontakt zu AK86 &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item000" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
            <a name="item000"></a>
			<div id="content"><img src="images/ak86_start.png"> 
			<div id="headline_start"><h1>AK86 . Kontakt</h1></div>
            <div id="text"><strong>AK86 . Alexander Kämpfe</strong><br /><br />Tel.: 0211 . 68817548<br /> Mob.: 0160 . 966 131 76<br /><br />Mail: <a href="mailto:info@ak86.eu">info[at]ak86.eu</a><br /><br />StId: 93 628 074 190<br />Finanzamt Düsseldorf-Mitte </div>
            <div id="text_start">Digital . Mündlich . Schriftlich . <strong>Nehmen Sie Kontakt auf.</strong><hr />		

 <form method="post" action="" name="mail">
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="0"  valign="top" style="font-size:12px;">Name*:</th>
    <td height="0" align="left" valign="top" nowrap="nowrap"><input type="text" name="name"  class="kontaktfeld"  value="" ></th>
  </tr>
  <tr>
    <td height="0"  valign="top" style="font-size:12px;" >Vorname*:&nbsp;&nbsp;</th>
    <td height="0" align="left" valign="top"  nowrap="nowrap"><input type="text" name="vorname"  class="kontaktfeld"  value="" ></th>
  </tr>
  <tr>
    <td height="0"  valign="top" style="font-size:12px;" nowrap="nowrap">Email*:</th>
    <td height="0" align="left" valign="top"  nowrap="nowrap"><input type="text" name="absender" class="kontaktfeld" value="" ></th>
  </tr>
  <tr>
    <td height="0"  valign="top"  style="font-size:12px;" nowrap="nowrap">Nachricht:</th>
    <td height="0" align="left" valign="top"  nowrap="nowrap"><textarea name="anliegen" rows="4"  class="kontaktfeld2"></textarea></th>
  </tr>
  <tr>
    <td height="0" valign="top" style="font-size:12px;" nowrap="nowrap">*Pflicht</th>
    <td height="0"><input type="submit" name="action" value="Senden" style="width:197px; height:20px; margin-right:5px; background-color:none; color:#333; border:1px solid #888;" title="Senden" class="kontaktbutton"> </th>
  </tr>
</table>
</form>
    <br /><br />             


</div>
            <div id="preview"><a id="ak86_impressum"  target="_blank" href="http://www.ak86.eu/imprint.php">Impressum / Datenschutz &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>

		<div id="item1" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item1"></a>
			<div id="content"><img src="images/ak86_michaelgueth.png"> 
			<div id="headline"><h1>Michael Gueth</h1></div>
            <div id="text">Logodesign<br><br>Webdesign<br>Webseitenlaunch<br /><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_michaelgueth"  target="_blank" href="http://www.michaelgueth.com">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item2" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item2"></a>
			<div id="content"><img src="images/ak86_firstplace.png"> 
			<div id="headline"><h1>First Place</h1></div>
            <div id="text">Logodesign<br>Webdesign<br>Webseitenlaunch<br /><br>Erstellung einer Portfoliomappe<br><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_firstplace"   href="http://www.1-place.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item3" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item3"></a>
			<div id="content"><img src="images/ak86_gastrovision.png"> 
			<div id="headline"><h1>Gastrovision</h1></div>
            <div id="text">Webdesign<br>Webseitenrelaunch<br />Implementierung des .kram CMS<br>Seite verfügt nun über 15, auf den Kunden abgestimmte CMS Bereiche.<br>
<br>
Erstellung von Geschäftsaustattung<br><br>Erstellung einer Imagebroschüre</div>
            <div id="preview"><a id="ak86_gastrovision" target="_blank"  href="http://www.biancos.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
		
		
 <div id="item4" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
<a name="item4"></a>
			<div id="content"><img src="images/ak86_hofmayer.png"> 
			<div id="headline"><h1>Physiotherapie Hofmayer</h1></div>
            <div id="text">Webdesign<br>Webseitenlaunch<br />Implementierung des .kram CMS<br><br>Erstellung von Flyern<br><br>Erstellung von Kleinanzeigen</div>
            <div id="preview"><a id="ak86_hofmayer"  target="_blank" href="http://www.physiotherapie-hofmayer.net">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item5" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item5"></a>
			<div id="content"><img src="images/ak86_timmhartmann.png"> 
			<div id="headline"><h1>Timm Hartmann</h1></div>
            <div id="text">Webdesign<br>Webprogrammierung<br /><br>Demnächst erfolgt ein Webseitenrelaunch. Seien sie gespannt!</div>
            <div id="preview"><a id="ak86_timmhartmann" target="_blank"  href="http://www.timmhartmann.com">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item6" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item6"></a>
			<div id="content"><img src="images/ak86_anger.png"> 
			<div id="headline"><h1>ANGER Immobilien</h1></div>
            <div id="text">Webdesign<br>Webeitenlaunch<br />Implementierung des .kram CMS<br>Programmierung einer eigens auf den Kunden abgestimmten Immobiliensuche innerhalb der Seite</div>
            <div id="preview"><a id="ak86_anger" target="_blank"  href="http://www.anger-immobilien.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item7" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item7"></a>
			<div id="content"><img src="images/ak86_pietroconti.png"> 
			<div id="headline"><h1>Pietro Conti</h1></div>
            <div id="text">Logodesign<br><br>Webdesign<br>Webseitenrelaunch<br />Implementierung des .kram CMS</div>
            <div id="preview"><a id="ak86_pietroconti" target="_blank"  href="http://www.pietro-conti.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item8" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item8"></a>
			<div id="content"><img src="images/ak86_volteggiare.png"> 
			<div id="headline"><h1>Volteggiare</h1></div>
            <div id="text">Logodesign<br><br>Webdesign zweier Internetseiten<br>Webseitenlaunch<br />Implementierung des .kram CMS<br><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_volteggiare" target="_blank"  href="http://www.volteggiare.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        
        <div id="item9" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item9"></a>
			<div id="content"><img src="images/ak86_belladonna.png"> 
			<div id="headline"><h1>Belladonna Kosmetik</h1></div>
            <div id="text">Webdesign<br>Websitenrelaunch<br /><br>Erstellung von Flyern</div>
            <div id="preview"><a id="ak86_belladonna"  target="_blank" href="http://www.belladonna-mg.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item10" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item10"></a>
			<div id="content"><img src="images/ak86_jinling.png"> 
			<div id="headline"><h1>Chinese Gourmet Jinling</h1></div>
            <div id="text">Logodesign<br><br>Webdesign<br>Webseitenlaunch<br />Implementierung des .kram CMS<br><br>Erstellung diverser Druckstücke wie:<br>Flyer, Gutscheine, Anzeigen, Plakate, Imagebroschüren u.v.m</div>
            <div id="preview"><a id="ak86_jinling"  target="_blank" href="http://www.chinese-gourmet.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item11" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item11"></a>
			<div id="content"><img src="images/ak86_cartop.png"> 
			<div id="headline"><h1>CARTOP Düsseldorf</h1></div>
            <div id="text">Webdesign<br>Webseitenrelaunch<br /><br>Erstellung neuer, spezifischer Icons</div>
            <div id="preview"><a id="ak86_cartop"  target="_blank" href="http://www.cartop-dus.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item12" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
      <a name="item12"></a>
			<div id="content"><img src="images/ak86_chibay.png"> 
			<div id="headline"><h1>Chibay</h1></div>
            <div id="text">Logodesign<br><br>Webdesign<br>Websitenrelaunch<br />Implementierung des .kram CMS</div>
            <div id="preview"><a id="ak86_chibay" target="_blank"  href="http://www.chi-bay.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
         <div id="item13" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
         <a name="item13"></a>
			<div id="content"><img src="images/ak86_winehouse.png"> 
			<div id="headline"><h1>My Winehouse</h1></div>
            <div id="text">Webdesign<br>Webseitenlaunch<br />Implementierung des .kram CMS</div>
            <div id="preview"><a id="ak86_winehouse" target="_blank"  href="http://www.my-winehouse.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item14" class="item">
        <table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">	
      <a name="item14"></a>
			<div id="content"><img src="images/ak86_seeberger.png"> 
			<div id="headline"><h1>Fabian Seeberger</h1></div>
            <div id="text">Logodesign<br><br>Webdesign<br>Webseitenlaunch<br />Implementierung des .kram CMS<br><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_seeberger" target="_blank"  href="http://www.fabian-seeberger.de">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
         <div id="item15" class="item">
        <table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">	
         <a name="item15"></a>
			<div id="content"><img src="images/ak86_tabearust.png"> 
			<div id="headline"><h1>Tabea Rust</h1></div>
            <div id="text">Webdesign<br>Webseitenlaunch<br />Implementierung des .kram CMS<br><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_tabearust" target="_blank"  href="http://www.tabea-rust.com">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
		
        <div id="item16" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
            <a name="item16"></a>
			<div id="content"><img src="images/ak86_spieluhr.png"> 
			<div id="headline"><h1>Die Spieluhr</h1></div>
            <div id="text">Kurzfilm<br /><br />Vidoschnitt, Videopostproduction & Effektierung<br /><br />Fotografie<br />Webseitenlaunch</div>
            <div id="preview"><a id="ak86_spieluhr" target="_blank"  href="http://www.archive.ak86.eu/diespieluhr/">Live Preview &raquo;</a></div>
            </div>
			            	</td>
  </tr>
</table>
		</div>
        
        <div id="item17" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
            <a name="item17"></a>
			<div id="content"><img src="images/ak86_rain.png"> 
			<div id="headline"><h1>Rain</h1></div>
            <div id="text">Partikelsimulation in After Effects</div>
            <div id="preview"><a id="ak86_rain" target="_blank"  href="http://www.archive.ak86.eu/rain/">Live Preview &raquo;</a></div>
			</div>
                        	</td>
  </tr>
</table>
		</div>
        
        <div id="item18" class="item">
        	<table width="100%" height="100%" border="0">
  <tr>
    <td class="mittig">
            <a name="item18"></a>
			<div id="content"><img src="images/ak86_loremipsum.png"> 
			<div id="headline"><h1>Lorem Ipsum</h1></div>
            <div id="text">Webseitenlaunch<br>Implementierung des .kram CMS<br><br>Erstellung von Geschäftsaustattung</div>
            <div id="preview"><a id="ak86_loremipsum" target="_blank"  href="http://www.archive.ak86.eu/loremipsum/">Live Preview &raquo;</a></div>
			</div>
            	</td>
  </tr>
</table>
		</div>
	
		
  </div>

</div>
</div>

</body>
</html>