<style type="text/css">
a:link { color:white; text-decoration:none; }
a:visited { color:white; text-decoration:none; }
a:active { color:white; text-decoration:none; }
a:hover { color:black; text-decoration:none; }
a:focus { color:white; text-decoration:none; }


* {
  margin:0;
  padding:0;
}
<!--
#inhalt h1, h2, h3 {
  color: black; text-shadow: -1px -1px white, 1px 1px #75a7ea;
  text-shadow: #75a7ea 0.1em 0.1em 0.2em;
}

<!--
#inhalt h1, h2, h3, p, ul {
  padding-bottom:.7em;
}
#inhalt ul {
  padding-left:2em;
}

<!--
html, body {
font: 100% Arial, Helvetica , sans-serif;
background-color:#4d85d8;
}

<!--
#kopfbereich {
  background:url(Bilder/header2.jpg) no-repeat left top;
  height:150px;
}

<!--
#kopfbereich p {
  color:white; text-shadow: black 0.1em 0.1em 0.2em;
  text-align:center;
  font-size:2em;
  padding:0.4em 0.4em 0 0;
}
<!--

#steuerung {
  padding-left:1em;
  background-color: #75a7ea;
}

#steuerung strong {
   color: black; text-shadow:white  0.05em 0.05em 0.5em;
}

<!--
#schatten {
  background:url(Bilder/schatten.png) repeat-x;
  height:12px;
}

<!--
#inhalt {
  padding-left:2em;
  background-color:white ;
  background-image:url(Bilder/background.png)

}

.bildschatten {
background:url(Bilder/shadow.png) no-repeat bottom left;
 padding: 4px 7px 17px 7px;
}

<!--
#footer {
  text-align:right;
  color: white; text-shadow: black 0.1em 0.1em 0.2em;
  background-color: #75a7ea;
} 
<!--
</style>
