body {
text-align: center;
background-color: #f7f7f7;
cursor: default;
font-family: verdana, serif;
font-size: 1.0em;
}
}
img {
border: none;
}
a:link {
color: #fff;
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
}
/* <- */
/* Anpassungen fuer die ID-Elemente */
/* CSS fuer fuer die Grobgliederung innerhab der ID body */
#body {
position: relative;
width: 900px;
height: 700px;
top: 30px;
left: 10px;
margin-left: auto;
margin-right: auto;
}
#verlauf_links, #verlauf_rechts {
position: absolute;
width: 10px;
height: 700px;
top: 0px;
color: #ffffff;
background-image: url(testverlauf.gif);
background-repeat: repeat-y;
border: 1px solid #000;
}
#verlauf_links {
left: 0px;
}
#verlauf_rechts {
left: 890px;
}
#oben {
position: absolute;
width: 880px;
height: 100px;
top: 0px;
left: 10px;
color: #ffffff;
border: 1px solid #709be4;
background-color: #f7f7f7;
background-image: url(testlogo.jpg);
}
#navigation {
position: absolute;
top: 101px;
left: 140px;
width: 640px;
height: 30px;
background-color: #f7f7f7;
}
#mitte {
position: absolute;
width: 880px;
height: 560px;
top: 140px;
left: 10px;
font-size: 0.75em;
background-color: #e1e1e1;
}
#footer {
position: absolute;
top: 710px;
left: 0 px;
width: 900px;
height: 40px;
background-color: #e1e1e1;
border: 1px solid #709be4;
}
/* CSS fuer die menue-links */
#a1,#a2,#a3,#a4,#a5,#a6, #a7 {
position: absolute;
width: 80px;
height: 20px;
top: 4px;
text-align: left;
color: #448;
font-size: 0.75em;
font-weight: bold;
text-align: center;
line-height: 20px;
background-color: #dde;
border: 1px solid #fff;
}
#a1 {
left: 10px;
}
#a2 {
left: 100px;
}
#a3 {
left: 190px;
}
#a4 {
left: 280px;
}
#a5 {
left: 370px;
}
#a6 {
left: 460px;
}
#a7 {
left: 550px;
}
#a1:hover,#a2:hover,#a3:hover,
#a4:hover,#a5:hover,#a6:hover, #a7:hover {
color: #000;
background-color: #aae;
border: 1px solid #white;
}
