/* styles for css + design | nature */
html, body {
margin: 0;
padding: 0;
}
body#corpus {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100.01%;
text-align: center;
background-color: #154213;
color: #fff;
}
/* set all to 0 */
* {
margin: 0;
padding: 0;
}
/* text allgemein */
p {
font-size: 80%;
line-height: 150%;
background-color: transparent;
color: #154213;
}
/* 'container' */
#wrapper {
background-image: url(../images/br-big.jpg);
position: relative;
margin: 10px auto;
width: 640px;
text-align: left;
border: 1px solid #154213;
background-color: #758e62;
color: #fff;
}
/* header */
#header {
background-image: url(../images/header.jpg);
height: 60px;
background-color: #fe9f41;
color: #000;
border-bottom: 1px solid #154213;
}
#header #logo h1 {
/*padding: 10px 0 0 20px;
letter-spacing: 4px;
background-color: transparent;
color: #154213;*/
display: none;
}
/* breadcrumb */
#breadcrumb {
margin: 30px 20px 0px 0px;
text-align: right;
}
#breadcrumb p {
font-size:70%;
background-color: transparent;
color: #fff0c4;
}
#breadcrumb a {
text-decoration: none;
background-color: transparent;
color: #fff0c4;
padding: 0 20px 0 5px;
border-bottom: 1px solid #fff0c4;
}
#breadcrumb a:hover {
background-color: transparent;
color: #fe9f41;
border-bottom: 1px solid #fe9f41;
}
/* content */
#content {
margin: 3px 20px 0px 160px;
height: 312px;
overflow: auto;
background-color: #fff0c4;
color: #000;
border-top: 2px solid #154213;
border-right: 1px solid #ffe;
border-bottom: 2px solid #ffe;
border-left: 2px solid #154213;
}
/* menues */
#menue {
position: absolute;
width: 140px;
height: 312px;
left: 0;
margin: 0 0 0 20px;
}
#menbox1 {
position: absolute;
top: -60px;
left: 0;
width: 620px;
height: 24px;
margin: 16px 0px 0px 0px;
}
#menbox1 a {
text-decoration: none;
display: inline;
padding: 0 5px 2px 5px;
background-color: #fe9f41;
color: #154213;
border-top: 1px solid #758e62;
border-right: 5px solid #758e62;
border-bottom: 1px solid #5D724D;
border-left: 1px solid #758e62;
font-weight: bold;
}
#menbox1 a:hover {
background-color: #758e62;
color: #fff0c4;
border-top: 1px solid #154213;
border-right: 5px solid #758e62;
border-bottom: 1px solid #9aaf8b;
border-left: 1px solid #154213;
}
#menbox2 a {
display: block;
width: 110px;
text-decoration: none;
margin: 3px 0px 0px 0px;
padding: 0px 5px 1px 5px;
border-top: 1px solid #758e62;
border-right: 1px solid #5D724D;
border-bottom: 1px solid #5D724D;
border-left: 1px solid #758e62;
background-color: #fe9f41;
color: #154213;
}
#menbox2 a:hover {
background-color: #758e62;
color: #fff0c4;
border-top: 1px solid #154213;
border-right: 1px solid #9aaf8b;
border-bottom: 1px solid #9aaf8b;
border-left: 1px solid #154213;
font-weight: bold;
}
#menbox2 a.aktiv {
background-color: #758e62;
color: #fff0c4;
border-top: 1px solid #154213;
border-right: 1px solid #9aaf8b;
border-bottom: 1px solid #9aaf8b;
border-left: 1px solid #154213;
font-weight: bold;
}
#menbox3 {
margin: 24px 0 0 0;
}
#menbox3 a {
display: block;
width: 110px;
text-decoration: none;
background-color: transparent;
color: #fff0c4;
padding: 0 5px 0 5px;
border-bottom: 1px solid #fff0c4;
}
#menbox3 a:hover {
background-color: transparent;
color: #fe9f41;
border-bottom: 1px solid #fe9f41;
}
/* footer */
#footer {
background-image: url(../images/footer.jpg);
height: 30px;
margin: 20px 0px 0px 0px;
background-color: #fe9f41;
color: #000;
border-top: 1px solid #154213;
}
#footer p {
font-size:70%;
padding: 7px 0 0 40px;
}
/* headings */
h2 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
background-color: #ffe9a4;
color: #154213;
margin: 0 0 10px 0;
padding: 20px 0 20px 30px;
letter-spacing: 1pt;
}
h3 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
background-color: transparent;
color: #154213;
margin: 20px 0 10px 40px;
letter-spacing: 1pt;
}
h4 {
background-color: transparent;
color: #154213;
margin: 20px 0 10px 40px;
}
/* text-formate */
span.menuheader {
display: block;
padding: 0px 0px 10px 0px;
background-color: transparent;
color: #fff0c4;
font-variant: small-caps;
letter-spacing: 2px;
}
/* textbloecke im content */
p.text1, p.text2, p.text3, p.text4, p.text5, p.text6, p.text7 {
padding: 10px 30px 0px 40px;
}
/* seitenanfang sprungmarke */
p.topper {
margin: 20px 0px 0px 40px;
padding: 0px 0px 20px 0px;
}
/* copyright-tabelle */
table#copyright {
border: 1px dashed #154213;
margin: 10px 0px 10px 40px;
}
#copyright td {
background-color: #ffe9a4;
color: #154213;
}
#copyright td p {
font-size:75%;
padding: 4px 4px 4px 4px;
}
#copyright td p a, p.topper a {
text-decoration: none;
background-color: transparent;
color: #154213;
border-bottom: 1px solid #154213;
}
#copyright td p a:hover, p.topper a:hover {
text-decoration: none;
background-color: transparent;
color: #758e62;
border-bottom: 1px solid #758e62;
}
/* images */
img {
border: 0 none;
}
/* others */
.invis, hr {
display: none;
}
/* initialen fuer '#content p' */
.initial {
font-size:120%;
font-weight: 900;
}