html, body{
background-color: rgb(255,255,255);
background-image: url(strand.jpg);
background-attachment: fixed;
background-position: 20% 0px;
background-repeat: no-repeat;
}
#wuerfel{
position: absolute;
height: 500px;
width: 500px;
margin-top: 0%;
margin-left: 27%;
}
#wuerfel1{
position: absolute;
background-color: #1543E9;
height: 160px;
width: 160px;
margin-top: 0px;
margin-left: 0px;
}
#wuerfel2{
position: absolute;
background-image: url(gabi.jpg);
background-color: rgb(255,255,255);
height: 160px;
width: 160px;
margin-top: 170px;
margin-left: 0px;
}
#wuerfel3{
position: absolute;
background-color: #D7E6FA;
height: 160px;
width: 160px;
margin-top: 340px;
margin-left: 0px;
}
#wuerfel4{
position: absolute;
background-color: #F4710D;
height: 160px;
width: 160px;
margin-top: 0px;
margin-left: 170px;
}
#wuerfel5{
position: absolute;
background-color: #D7E6FA;
height: 160px;
width: 160px;
margin-top: 170px;
margin-left: 170px;
}
#wuerfel6{
position: absolute;
background-color: #AF66C8;
height: 160px;
width: 160px;
margin-top: 340px;
margin-left: 170px;
}
#wuerfel7{
position: absolute;
background-color: rgb(255,255,255);
background-image: url(raum.jpg);
height: 160px;
width: 160px;
margin-top: 0px;
margin-left: 340px;
}
#wuerfel8{
position: absolute;
background-color: #46A953;
height: 160px;
width: 160px;
margin-top: 170px;
margin-left: 340px;
}
#wuerfel9{
position: absolute;
background-color: #D7E6FA;
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: center;
height: 160px;
width: 160px;
margin-top: 340px;
margin-left: 340px;
}
#wuerfel_inhalt{
height: 50px;
width: 160px;
margin-top: 70px;
}
.seiten_name {
color: 0,0,139;
font-family: tahoma;
font-weight: bold;
font-size: 45px;
margin-left: 60%;
margin-top: 20px;
text-align: left;
}
.ulnavi li a {
vertical-align: middle;
list-style-type: none;
color: black;
font-family: arial;
font-size: 20px;
text-decoration: none;
padding-left: 0px;
text-align: center;
}
.ulnavi li a:hover {
color: gray;
}