body{
        background-color:#359;
        background-image:url(blasen.jpg);
        background-repeat:no-repeat;
        background-position:50% 0px;
        color:#fff;
        font-size:small;
        font-family: arial, tahoma, helvetica, sans-serif;
}
*{
        margin: 0px;
        padding: 0px;
}

h1{
        text-align:center;
}

a{
        text-decoration:none;
}

.subdomains a {
display: block;
padding: 2px 0px;
margin: 0px 0em;
width: 100%;
color: #333;
background: #eee;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #ccc solid;
border-top: 1px #fff solid;
}

.subdomains a:hover {
color: #e50;
background: #ddd;
font-weight: bold;
text-decoration: none;
}

img.icon{
        border:none;
        position:absolute;
        left:0.5em;
}

.subdomains li div{
   overflow: visible;
        display:none;
        margin:0px;
        padding:0em;
   right:100%;
        top:0px;
        position:absolute;
        text-align:left;
        width:100%;
        color:#fff;
        font-weight:normal;
}

.subdomains li p{
        padding:0.2em 20px 0.2em 1em;
        text-align:right;
        background-image: url(pfeil.gif);
        background-position: 100% 1px;
        background-repeat: no-repeat;
}

blockquote{
        position:absolute;
        left:65%;
        top:25%;
   border-left:1px solid #ddd;
        padding:0em 1em 0em 1em;
        margin-left:1em;
}

.subdomains li:hover div{
        display: block;
        /* Opera ignoriert diese Regel, da li:hover nicht zutrifft, wenn a:hover aktiv ist */
        /* schade, so ist Mozilla der einzige Browser, der alles richtig hinbekommt... */
}

span.domain{
  font-weight: normal;
  font-size:x-small;
  color:#555;
}

.links{
  text-align:center;
  position:absolute;
  width:30%;
  left:35%;
  top:25%;
  background-color:transparent;
  height: 50%;
}

.links h2{
        background-color: #333;
        color:#999;
        font-size: 100%;
        font-weight:normal;
        padding:0.1em 0em 0.1em 0em;
        margin:0em 0em 0em 0em;
        border: solid #000;
        line-height:1.2em;
        border-width:1px 1px 0px 1px;
}


ul.subdomains{
        border:solid #000;
        border-width:1px 1px 1px 1px;
        list-style: none;
}

div.footer{
        margin:1em 0.5em 1em 0.5em;
        padding-top:0.3em;
        border-top:1px solid #ddd;
        color:#ddd;
}
.footer a{
        color:#ddd;
}

a:hover{
        text-decoration:underline;
}

ul.subdomains li{
        position:relative;
}