html
{
color:#000;
background-color:#fff;
background-image:url(bgzack.php);
background-attachment:fixed;
}
body
{
font-family:Helvetica, sans-serif;
}
h1 {font-size:2.0em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
p:first-letter {font-size:2em; color: #ff00ff;}
h3:first-letter {font-size:2.4em; color: #dd00ff;}
a:link
{
color:#0088cc;
text-decoration: underline;
}
a:visited
{
color:#4488cc;
text-decoration: underline;
}
a:hover
{
color:#cc33ff;
text-decoration: underline;
}
a:active
{
color:#ff66cc;
text-decoration: underline;
}
a:focus
{
color:#558822;
background-color:#ffdddd;
text-decoration: underline;
}
div.mail
{
font-style:italic;
font-size:1.0em;
}
ul.menu
{
position: absolute;
list-style-type: none;
line-height: 1.2em;
margin: 1em;
padding: 0px;
font-weight: bold;
text-align: right;
top: 3em;
left: auto;
right: 1em;
float: right;
width: 10em;
color: #335577;
z-index: 1;
border: solid thin transparent;
}
div.inhalt
{
position: static;
margin: 1em;
padding: 1em;
max-width: 36em;
min-width: 14em;
border: solid thin #ffdd88;
color: #aa33cc;
z-index: 2;
}
div.text
{
position: static;
color: #aa33cc;
max-width: 32em;
min-width: 12em;
text-align: justify;
margin: 1em;
z-index: 3;
}
div.kopf
{
position: static;
color: #aa33cc;
max-width: 20em;
min-width: 12em;
margin-left: auto;
margin-right: 13em;
margin-top: 1em;
right: 10em;
padding: 1em;
border: solid thin #ffdd88;
z-index: 4;
}
div.fuss
{
position: static;
margin: 1em;
margin-bottom: 5em;
color: #8800cc;
z-index: 3;
}
div.menu
{
position: fixed;
bottom: 1em;
margin: 1em;
margin-left:0.5em;
margin-bottom: 0.2em;
padding: 0.8em;
background-color: #ffffff;
border: solid thin #88ff55;
color: #8800cc;
z-index: 10;
}
ul.menu li
{
padding: 4px;
padding-bottom: 2px;
padding-top: 2px;
border: solid 1px #440044;
margin: 2px;
}
ul.menu:hover
{
border: solid thin #ff8800;
}
ul.menu:hover li
{
background: #ff8800;
}
ul.menu li:hover
{
background: #ffff88;
}
ul.menu a.m
{
display: block;
padding: 2px;
border: solid 1px #660066;
margin-bottom: 1px;
background-color: #ffffcc;
}
ul.menu a.m:hover
{
background-color: #ddffee;
}
a.m:link
{
color:#0088cc;
background: #eeddff;
text-decoration: underline;
}
a.m:visited
{
color:#4477cc;
background: #ddccee;
text-decoration: underline;
}
a.m:hover
{
color:#cc33ff;
background: #bbffbb;
text-decoration: underline;
}
a.m:active
{
color:#ff66cc;
background: #ffeedd;
text-decoration: underline;
}
a.m:focus
{
color:#558822;
background-color:#ffaaaa;
text-decoration: underline;
}