<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Intro to CSS - Basic page</title>
<style type="text/css">
body {
background:#fffff0; 
color:#336666;
font-family: verdana,geneva,arial,helvetica,sans-serif;
}

h1 {
color:#336666;
font-size:2.1em;
background:transparent;
}

h2 {
color:#669966;
font-size:1.8em;
background:transparent;
}

h3{
color:#999966;
font-size:1.5em;
background:transparent;
}

h4{
color:#669999;
font-size:1.2em;
background:transparent;
}

p,ul,li {
font:small:verdana,geneva,helvetica,arial,sans-serif;
}

a:link {
color:#999966;
background:transparent;
}

a:visited {
color:#669999;
background:transparent;
}

a:hover {
color:#fffff0;
background:#669999;
}

a:active {
color:#cc0033;
background:transparent;
}
</style>

</head>

<body>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum.</p>

<h2>Stet clita</h2>
<p>Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet.</p>

<h3>Lorem ipsum dolor </h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. </p>

<h4>At vero eos</h4>
<p>At vero eos et accusam et justo duo dolores et ea rebum. 
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum 
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing 
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et 
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea 
takimata sanctus est Lorem ipsum dolor sit amet.</p> 

</body>
</html>