<head>
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="http://omba.pf-control.de/slatetheme/css/ddsmoothmenu.css" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="http://omba.pf-control.de/slatetheme/js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><a href="http://petra1999.de.tl/">Willkommen!</a></h1></div>
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html"
class="selected">Home</a></li>
<li><a href="about.html">Über mich</a>
<ul>
<li><a href="http://petra1999.de.tl/-Ue-ber-mich.htm">All about</a></li>
<li><a href="http://petra1999.de.tl/Ich-im-Internet-___-Kontakt.htm">Kontakt</a></li>
</ul></li>
<li><a href="portfolio.html">Spiele</a>
<ul>
<li><a href="http://petra1999.de.tl/Minecraft.htm">Minecraft</a></li>
<li><a href="http://petra1999.de.tl/Die-Sims-3.htm">Sims</a></li>
</ul>
<li><a href="about.html">Internet</a>
<ul>
<li><a href="http://petra1999.de.tl/Dragon-Cave.htm">Dragon Cave</a></li>
<li><a href="http://petra1999.de.tl/Tippgeschwindigkeit.htm">Tippgeschwindigkeit</a></li>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_slider">
<div id="slider" class="nivoSlider">
<img src="http://img.webme.com/pic/o/omba-test/01.jpg" alt="Slider 01" title="Nam porttitor, felis ac posuere sagittis, diam nisl convallis." />
<a href="#"><img src="http://img.webme.com/pic/o/omba-test/02.jpg" alt="Slider 02" title="Fusce sagittis, arcu a condimentum gravida." /></a>
<img src="http://img.webme.com/pic/o/omba-test/03.jpg" alt="Slider 03" title="Donec purus eros, dictum nec accumsan quis, auctor non eros."/>
<img src="http://img.webme.com/pic/o/omba-test/04.jpg" alt="Slider 04" title="Donec dignissim imperdiet orci sit amet posuere." />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
<script type="text/javascript" src="http://omba.pf-control.de/slatetheme/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="http://omba.pf-control.de/slatetheme/js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', // Specify sets like: 'fold,fade,sliceDown'
slices:15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed:500, // Slide transition speed
pauseTime:3000, // How long each slide will show
startSlide:0, // Set starting Slide (0 index)
directionNav:true, // Next and Prev navigation
directionNavHide:false, // Only show on hover
controlNav:false, // 1,2,3... navigation
controlNavThumbs:false, // Use thumbnails for Control Nav
controlNavThumbsFromRel:false, // Use image rel for thumbs
controlNavThumbsSearch: '.jpg', // Replace this with...
controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
keyboardNav:true, // Use left and right arrows
pauseOnHover:true, // Stop animation while hovering
manualAdvance:false, // Force manual transitions
captionOpacity:0.8, // Universal caption opacity
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
});
</script>
</div>
<div id="templatemo_main">
<div id="content" class="float_l">
