html{
background: #ffffff;
height: 100%;
}
body {
height: 100%;
width: 816px;
margin: 0px auto;
}
#maincontent{
position: absolute;
top: 50px;
height: 616px;
width: 816px;
background: #BEBBA5;
font-size: 8pt;
color: #6F3D1E;
font-family: verdana, arial, helvetica, sans-serif;
}
#header{
position: absolute;
height: 160px;
width: 800px;
margin: 8px;
}
#menue{
position: absolute;
width: 492px;
height: 40px;
}
p.menue{
margin-top: 0px;
height: 48px;
width: 80px;
float: left;
text-align: center;
}
#submenue{
position: absolute;
width: 484px;
height: 50px;
bottom: 0px;
background: #ffffff;
padding-left: 8px;
padding-top: 70px;
font-weight: bold;
color: #6F3D1E;
font-size: 8pt;
}
.titel{
font-size: 19pt;
font-weight: normal;
color: #6F3D1E;
}
.aktiv{
color: #ff7f00;
font-weight: normal;
}
.ueberschrift{
font-size: 8pt;
color: #7C562B;
}
.legende{
font-size: 8pt;
color: #7C562B;
font-weight: normal;
}
#bild{
position: absolute;
width: 300px;
height: 160px;
right: 0px;
border: 0px;
}
#content{
position: absolute;
top: 168px;
width: 800px;
height: 432px;
margin: 8px;
}
#menueleiste{
position: absolute;
width: 784px;
height: 26px;
background: #ffffff;
padding: 8px;
letter-spacing: 7pt;
font-weight: bold;
}
#a{
position: absolute;
top: 48px;
left: 0px;
width: 476px;
height: 368px;
background: #ffffff;
padding: 8px;
}
p.bestaende{
font-size: 8pt;
float: left;
line-height: 18px;
}
#b{
position: absolute;
top: 48px;
right: 0px;
width: 284px;
height: 272px;
background: #ffffff;
padding: 8px;
}
.werkauswahl{
position:absolute;
left: 8px;
bottom: 8px;
}
#d{
position: absolute;
bottom: 48px;
right: 0px;
width: 284px;
height: 24px;
background: #ffffff;
padding: 8px;
word-spacing: 10px;
text-align: center;
}
#e{
position: absolute;
bottom: 0px;
right: 108px;
width: 192px;
height: 40px;
background: #ffffff;
word-spacing: 15px;
text-align: right;
}
#f{
position: absolute;
bottom: 18px;
right: 16px;
width: 84px;
height: 24px;
text-align: center;
border: 0px;
}
a.menue:link, a.menue:visited{
display: block;
font-size:8pt;
color: #ffffff;
text-decoration: none;
}
a.menue:hover{
text-decoration: none;
color: #ff7f00;
background-color: #ffffff;
height: 40px;
width: 80px;
font-size: 8pt;
}
a.menue:active{
text-decoration: none;
color: #997646;
font-size: 8pt;
}
a.content:link, a.content:visited{
font-size: 8pt;
color: #ff7f00;
text-decoration: none;
}
a.content:hover{
text-decoration: none;
color: #ff7f00;
font-size: 8pt;
}
a.content:active{
text-decoration: none;
color: #997646;
font-size: 8pt;
}
a.aktiv{
text-decoration: none;
color: #ff7f00;
font-size: 8pt;
}
a.aktiv:active{
text-decoration: none;
color: #997646;
font-size: 8pt;
}
a{
font-size: 8pt;
color: #6F3D1E;
text-decoration: none;
font-weight: normal;
}
a:hover{
font-size: 8pt;
color: #ff7f00;
text-decoration: none;
font-weight: normal;
}
a.literatur{
font-size: 8pt;
color: #2B74CA;
text-decoration: none;
}
a.literatur:hover{
font-size: 8pt;
color: #2B74CA;
text-decoration: none;
}