<html>

 <head>
<title>Schlaflied des Marienkäfers</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

body {
	font-size: 11px;
	color: #000000;
	font-family: Courier New;
	}
.Stil16 {font-size: 11px;
	color: #000000;
	font-family: Courier New; 
}
.Stil19 {
	font-size: 144px;
	color: #333333;
}
.Stil20 {
	font-size: 14px;
	color: #333333; 
}
	
body {
	background-color: #f5f5dc;
	background-image: url(".gif");
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
.Stil16 {color: #333333}
.Stil18 {
	font-size: 36px;
	color: #333333;

}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

</style>
</head>

<body>
<div align="center">
<a href="impressum.htm" target="new"><span class="Stil18">Schlaflied</span></a>  
  </div>
	<body style="text-align:center;"  class="Stil19";>
  <marquee width="20%" direction="left" height="100px"> .   .°   o  .   . °  .  o </marquee>
    </b>
</body>
	<p class="Stil16">&nbsp;</p>
	
	</head>
	
	<body style="text-align:center;">
	
	<video width="960" height="720" autoplay controls loop id="videoPlayer">
		<source src="marienkaefer2.mp4" type="video/mp4">
			Your browser 
	</video>	
	
	<script>
		var nextVideo = ["marienkaefer.mp4"];
		var curVideo = 0;
		var videoPlayer = document.getElementById('videoPlayer');
		videoPlayer.onended = function(){
				++curVideo;
			if(curVideo < nextVideo.length){    		
				videoPlayer.src = nextVideo[curVideo];        
			} 			
		}
	</script>

	</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
        <style>
            .blink {
                animation: blinker 0.5s linear infinite;
                color: darkred;
                font-family: courier new;
            }
            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
        </style>
    <body>
	<p class="Stil19"></p>
        <marquee class="blink" direction="right">.   . °       o    .      o°   .             </marquee>
    </body>

<a href="VerzeichnisTabAlltag.html" target="new"><span class="Stil20">Alltag</span></a>
<a href="verzeichnisVorabend.html" target="new"><span class="Stil20">Krieg</span></a>

</html>