<style type="text/css">
a.info1 {
text-decoration: underline;
border-bottom: none;
}
a.info1:hover {
cursor: pointer;
background: #808080;
}
a.info1 span {
visibility: hidden;
position: absolute;
left: -99em;
text-decoration: none;
margin-top: 30px;
padding:-200px;
line-height: 0px;
text-align:left;
letter-spacing: 0.1px;
}
a.info1:hover span {
visibility: visible;
border:1px solid #808080;
color:white;
background:black;
margin-left:-25px;
padding:7px;
left: auto;
}
.boxshadow {
display: inline-block;
line-height: 0px;
-moz-box-shadow: 3px 4px 6px #6e6e6e;
-webkit-box-shadow: 3px 4px 6px #888888;
-khtml-box-shadow: 3px 4px 6px #888888;
box-shadow: 3px 4px 6px #6e6e6e;
}
</style>
<!--[if IE]>
<style type="text/css">
.boxshadow {
line-height: 0px;
filter:DropShadow(color=#6e6e6e, offx=3, offy=3);
filter:progid:DXImageTransform.Microsoft.Shadow
(color=#888888, Direction=135, Strength=6); /* IE6-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow
(color=#888888, Direction=135, Strength=6)"; /* IE8 */
}
</style>
<![endif]-->
<div class="templatemo_container"><!-- Free Website Template by
www.TemplateMo.com -->
<div id="templatemo_header">
<div id="templatemo_menu_section">
<ul>
<li><a class="info1" href="http://longplaysapereau.de.tl/">Home<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Startseite</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/News.htm">News<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Neuigkeiten</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Bio.htm#">Bio<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Geschichte</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Music.htm">Music<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Musik</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Selfmade.htm">Selfmade<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Selbstgemachtes</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Links.htm">Links<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Liste mit Hyperlinks</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Thanks.htm">Thanks<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Danke!!!</span>
</a></li>
</ul>
</div>
</div>
<div id="templatemo_content_area">
<div id="templatemo_left">
<div class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">
<h1></h1>
</div>
<div class="templatemo_left_section_box_mid">
<p>
<div style="width: 190px; height: 230px; display: inline-block;" class="flip">
<div class="rotate y">
<img alt="" src="http://img.webme.com/pic/l/longplaysapereau/about5.jpg" />
<img alt="" src="http://img.webme.com/pic/l/longplaysapereau/box5d.jpg" />
</div>
</div>
<style type="text/css">
div.flip{
position:relative;
width: 200px;
height: 200px;
-webkit-perspective: 200px;
-moz-perspective: 200px;
-o-perspective: 200px;
perspective: 200px;
}
div.flip div.rotate{
width: 100%;
height: 100%;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transition: all 0.6s ease-in-out 0.3s;
-webkit-transition: all 0.6s ease-in-out 0.3s;
-o-transition: all 0.6s ease-in-out 0.3s;
transition: all 0.6s ease-in-out 0.3s;
}
div.flip div.rotate > *{
position:absolute;
width: 100%;
height: 100%;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
div.flip div.rotate > div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
background: #eee;
}
div.rotate.y *:nth-child(2){
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
div.flip:hover > div.rotate.y{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
</style> <br />
</p>
<img src="http://img.webme.com/pic/l/longplaysapereau/a69f.png" alt="" />
<br/>
<h1></h1>
<p>
<br/>
<a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-1.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics1b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Bilder</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-2.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics2b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> noch mehr Bilder</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-3.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics3b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> und so weiter...</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-4.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics4b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> und so weiter...</span>
</a></p>
<br />
<p><a href="http://validator.w3.org/check?uri=referer">
</a></p>
</div>
<div class="templatemo_left_section_box_bottom"> </div>
</div>
</div>
<!-- End Of left -->
<div id="templatemo_middle">
<div class="templatemo_middle_section_box">
<div class="templatemo_middle_section_box_top">
<h1> </h1>
</div>
<div class="templatemo_middle_section_box_mid">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p class="bottom_padding"> </p>
<p class="bottom_padding"> </p>
</div>
<div class="templatemo_middle_section_box_bottom"> </div>
</div>
</div>
<!-- End Of middle -->
<div id="templatemo_right">
<div class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<img src="http://img.webme.com/pic/l/longplaysapereau/otherheader1.png" alt="" />
<h1></h1>
</div>
<div class="templatemo_right_section_box_mid">
<ul>
<li><a class="info1" href="http://longplaysapereau.de.tl/Recommendations.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/recommendations.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Empfehlungen</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Zitate%2CSpr.ue.che-%26-Witze.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/quotations1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Zitate, Sprüche & Witze</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Kreuzwortr.ae.tsel.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/crosswordpuzzle1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Kreuzworträtsel</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Games.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/games.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Spiele</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Berlin_Weather.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/weather.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Wetter in Berlin</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Map.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/map.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Karte</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Impressum.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/imprint1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Impressum</span>
</a></li>
</ul>
</div>
<div class="templatemo_right_section_box_bottom"> </div>
</div>
<div class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<img src="http://img.webme.com/pic/l/longplaysapereau/guestheader1.png" alt="" />
<h1></h1>
</div>
<div class="templatemo_right_section_box_mid">
<img src="http://img.webme.com/pic/l/longplaysapereau/longplaysapereheartbeat2.gif" alt="" align="right" width="80" height="235"/>
<ul>
<li><a target="_blank" href="http://www.ipfoo.de" title="Wie ist meine IP?">
<img src="http://www.ipfoo.de/buttons/button-125x125-ipfoo_1.png" width="125" height="125" alt="Wie ist meine IP?" title="Wie ist meine IP?" /></a></li>
<li><a href="" target="_blank"><img src="http://www.directcounter.de/dc/?uid=443829897" border="0" width="125"
height="16" alt=""/></a><br />
<a class="info1" href="http://www.directcounter.de/stats/443829897.htm" target="_blank">
<img src="http://img.webme.com/pic/l/longplaysapereau/statistics.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Statistik</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Contact.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/contact.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Kontakt</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Guestbook.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/guestbook.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Gästebuch</span>
</a></li>
</ul>
</div>
<div class="templatemo_right_section_box_bottom"> </div>
</div>
</div>
<!-- End Of right -->
<div class="cleaner"> </div>
</div>
<!-- End Of content area --></div>
<!-- End Of container -->
<div id="templatemo_bottom_bg">
<div class="templatemo_container">
<div id="templatemo_footer">
<div class="templatemo_footer_section"><a href="http://longplaysapereau.de.tl/">Home</a> | <a
href="http://longplaysapereau.de.tl/News.htm">News</a> | <a href="http://longplaysapereau.de.tl/Bio.htm#">Bio</a> | <a
href="http://longplaysapereau.de.tl/Music.htm">Music</a> | <a href="http://longplaysapereau.de.tl/Selfmade.htm">Selfmade</a>
| <a href="http://longplaysapereau.de.tl/Links.htm">Links</a> | <a
href="http://longplaysapereau.de.tl/Thanks.htm">Thanks</a></div>
<div class="templatemo_footer_section">Copyright © 2013 <a href="http://longplaysapereau.de.tl/Contact.htm">Michael
Maihöfer</a> | Designed by <a
href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Coding by <a href="http://HpBk-
TemplateWorld.de.tl">HpBk-TemplateWorld</a></div>
</div>
</div>
</div>
<!-- Free Web Templates from TemplateMo.com -->