/* styles for css + design | In the Dark */
html, body {
margin: 0;
padding: 0;
}
a {
background-color: #161616; color: #7a7a7a;
font-size: 12px;
font-weight: bold;
}
a:hover {
background-color: #161616; color: #900;
}
body#corpus {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
background-color: #161616; color: #bbb;
background-image: url(../images/links.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
/* set all to 0 */
* {
margin: 0;
padding: 0;
}
/* Text allgemein */
p {
font-size: 13px;
line-height: 22px;
}
/* 'Container' mit ihren jeweils enthaltenen Elementen */
#wrapper { /* umschlieszt alles */
text-align: center;
background-image: url(../images/rechts.gif);
background-position: top right;
background-repeat: repeat-y;
}
/* Header */
#header {
text-align: left;
}
#header #logo {
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: top right;
width: 365px;
height: 158px;
margin: 25px 0 0 10%;
}
/* Breadcrumb */
#contentpre {
text-align: left;
width: 74%;
position: absolute; top: 0; right: 0;
background-image: url(../images/oben.gif);
background-position: top left;
background-repeat: repeat-x;
}
#breadcrumb {
height: 120px;
background-image: url(../images/spiderob.gif);
background-position: 431px 0;
background-repeat: no-repeat;
}
#breadcrumb p {
position: relative; top: 100px; left: 68%;
width: 170px;
font-size: 11px;
word-spacing: -1px;
white-space: nowrap;
}
/* Content */
#content {
text-align: left;
width: 76%;
position: relative; left: 20px;
margin: 0 auto;
}
#content p.text3, p.text4, p.text5, p.text6, p.text6, p.text7, h3, h4 {
margin: 0 0 15px 6%;
}
#content h2, h3, h4 {
font-weight: lighter;
letter-spacing: 2px;
background-color: transparent; color: #ababab;
}
#content h2 {
white-space: nowrap;
font-size: 22px;
position: absolute; top: -40px; left: 164px;
width: 490px;
}
#content h3, h4 {
font-size: 18px;
margin-top: 20px;
}
#content p.text1, p.text2 {
margin: 0 0 15px 164px;
}
.initial {
font-size: 120%;
padding: 0 2px 0 0;
font-weight: bold;
color: #acacac; background-color: #161616;
}
/* Copyright-Tabelle */
table#copyright {
float: left;
position: relative; left: 6%;
margin-bottom: -79px;
border: 3px double #555;
display: block;
}
td {
border: 1px solid #900;
margin: 0 0;
}
#copyright p {
border: 1px solid #555;
padding: 2px 10px;
}
/* Sprungmarke-Seitenanfang */
p.topper {
position: relative; left: 6%;
width: 120px;
padding: 35px 0 2px;
margin: 79px 0 -79px;
}
p.topper a {
display: block;
text-decoration: none;
line-height: 100%;
background-image: url(../images/menu1.gif);
background-repeat: no-repeat;
background-position: 3px -37px;
border-left: 1px solid #555;
border-bottom: 1px solid #666;
padding: 0 0 6px 22px;
}
p.topper a:hover {
background-position: 3px -5px;
border-left: 1px solid #800;
border-bottom: 1px solid #900;
}
/* Menues */
#menue a {
text-decoration: none;
display: block;
white-space: nowrap;
}
#menbox1 {
float: left;
height: 335px;
width: 164px;
margin: -50px 0 0;
}
#menbox1, #menbox3 {
position: relative; left: 0;
}
#menbox1 p, #menbox3 p {
width: 140px;
}
#menbox1 a, #menbox3 a {
margin: 0 0 16px 0;
line-height: 100%;
background-image: url(../images/menu1.gif);
background-repeat: no-repeat;
background-position: 3px -37px;
border-left: 1px solid #555;
border-bottom: 1px solid #666;
padding: 0 0 6px 22px;
}
#menbox1 a:hover, #menbox3 a:hover {
background-position: 3px -5px;
border-left: 1px solid #800;
border-bottom: 1px solid #900;
}
#menbox2 {
float: right;
width: 154px;
background-image: url(../images/varoben.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 41px;
margin: 5px 6px 20px 20px;
}
#menbox2 span {
display: none;
}
#menbox2 p {
background-image: url(../images/varlinks.gif);
background-repeat: repeat-y;
background-position: 0 0;
}
#menbox2 a {
background-image: url(../images/menu2.gif);
background-repeat: no-repeat;
background-position: 17px -33px;
color: #acacac; background-color: transparent;
height: 23px;
line-height: 23px;
padding: 0 0 0 37px;
font-size: 11px;
letter-spacing: 1px;
}
#menbox2 a:hover {
background-color: transparent; color: #800000;
background-position: 17px 0;
}
#menbox2 a.aktiv {
text-decoration: underline;
}
#menueaft {
float: right;
position: relative; right: -174px; top: 225px;
background-image: url(../images/varunten.gif);
height: 18px;
width: 154px;
margin-top: -18px;
}
#menbox3 {
position: absolute;
top: 178px;
}
/* Footer */
#footerpre {
height: 79px;
background-image: url(../images/ulinks.gif);
background-repeat: no-repeat;
position: relative; bottom: -79px;
}
#footer {
height: 50px;
background-image: url(../images/unten.gif);
background-repeat: no-repeat;
background-position: right;
margin: 29px 6% 0 0;
text-align: left;
}
#footer p {
position: relative; top: 26px;
padding-left: 8px;
font-size: 11px;
font-weight: bold;
}
/* Ausgeblendetes */
.invis, hr, #header #logo h1 {
display: none;
}