Ergänzung: Ich hatte ursprünglich natürlich auch den quelltext mit in meine anfrage geschrieben, aber da meckerte die forumssoftware ich würde "discouraged character" benutzen.
Daher hier noch ein Versuch:
<?xml version="1.0" ?>
<!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" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Phönix-Dojang Düren</title>
<link href="/phoenix.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<!--#include file="navigation.inc" -->
<h1>Informationen rund um das Taekwon-Do und unser Dojang</h1>
<div class=kasten1 >
<img id="kuppr141206-jpg" src="photos/kuppr141206.jpg" width="348" height=240" class="bildlinks" />
<p>Am <strong>14.12.2006</strong> bestanden Wolfgang Grass (45), Willi Möthrath (43), Kurt Jürgen Müller (40) und Manfred Broich (60) die Prüfung zum nächsten Gürtel im Taekwon-Do.</p>
<p>Nach einem halben Jahr Vorbereitung auf diese Prüfung darf man Wolfgang Grass nun zum gelb-grünen und den anderen Prüflingen zum gelben Gürtel gratulieren.</p>
<p></p>
<p>Auf dem Bild sind von links nach rechts Georg Janzen, Willi Möthrath, Wolfgang Grass, Manfred Broich und Kurt Jürgen Müller zu sehen.</p>
<p style="clear:left"></p>
</div>
<!--#include file="footer.inc" -->
</div> <!-- #wrapper -->
</body>
</html>
und die css-datei
body {
/* background-color: #B8DCFE; hellblau */
/* background-color: #CDECFE; helleres blau */
background-color: #E6F5FA;
background-image: url(/tkd-kachel.gif);
background-repeat: repeat;
}
h1 {
color: #445ABB;
font-size: 160%;
}
h2 {
color: #445ABB;
font-size: 120%;
}
q:lang(de) {
font-style: oblique;
quotes: '„' '“';
}
#navigation ul {
list-style-type: none;
margin: 0px;
padding: 5px;
border: 1px solid #445ABB;
text-align: center;
}
#navigation a {
color: #FFF700; /* Gelb */
text-decoration: none;
}
#navigation a:hover {
color: white;
}
#navigation li {
display: inline;
background-color: #445ABB; /* dunkles Blau */
padding: 3px 6px 3px 6px;
margin: 2px;
}
#anschrift {
list-style-type: none;
}
#startseite {
text-align: center;
}
#startseite h1 {
font-size: 175%;
margin-top: 25px;
margin-bottom: 35px;
}
#footer {
font-size: x-small;
margin-top: 50px;
}
.kasten1 {
background-color: #B8DCFE;
color: black;
padding: 8px;
border: 1px solid #445ABB;
margin: 4px 4px 4px 4px;
}
.bildlinks {
float: left;
padding: 0px;
border: 5px solid #fff;
margin-top: 12px;
margin-right: 10px;
}
.bildrechts {
float: right;
padding: 0px;
border: 5px solid #fff;
margin-top: 12px;
margin-left: 10px;
}