/* eworx */
html, body {
margin: 0;
padding: 0;
}
body {
background-image: url(../images/bg-main2.jpg);
background-repeat: no-repeat;
background-color: #ffd37f;
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
}
p, h1, ul, ol, li {
margin: 0;
padding: 0;
}
/* === HEADER-BLOCK ===*/
#header {
position: absolute;
top: 0;
width: 100%;
height: 217px;
margin: 0;
background-image: url(../images/strip1.jpg);
background-repeat: repeat-x;
background-position: 0 70px;
}
#headnav {
margin: 11px 0 0 15px;
font-size: 80%;
font-weight: bold;
}
#headline {
z-index: 300;
position: absolute;
height: 50px;
margin: -50px 0 0 -30px;
background-image: url(../images/corner2.jpg);
background-repeat: no-repeat;
background-color: #efd3a1;
color: #000;
border-right: 1px solid #dcb975;
}
#headline h1 {
padding: 10px 15px 0 45px;
font-size: 140%;
letter-spacing: 1pt;
background-color: transparent;
color: #625335;
}
/* === CONTENT-BLOCK ===*/
#wrapper {
position: relative;
margin: 217px 15% 0 20%;
padding: 15px;
background-color: #f4d79f;
color: #000;
border-top: 1px solid #ffefcf;
border-right: 1px solid #dcb975;
border-bottom: 1px solid #dcb975;
border-left: 1px solid #ffefcf;
}
#content {
padding: 15px 30px 20px 30px;
background-color: #ffe3b1;
color: #000;
border-top: 1px solid #dcb975;
border-right: 1px solid #ffefcf;
border-bottom: 1px solid #ffefcf;
border-left: 1px solid #dcb975;
}
#content h2, #content h3, #content h4 {
letter-spacing: 1pt;
background-color: transparent;
color: #625335;
}
#content h2 {
font-size: 114%;
margin-bottom: 20px;
}
#content h3 {
font-size: 110%;
margin-left: 15px;
}
#content h4 {
font-size: 100%;
margin-left: 15px;
}
#content p, #content li {
padding-top: 10px;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 85%;
line-height: 150%;
}
#content p.abstand {
margin-bottom: 20px;
}
/* 'Satteltaschen' */
#l-sidebox {
position: relative;
float: left;
width: 30px;
height: 300px;
margin: -16px 0 0 -30px;
background-color: #efd3a1;
color: #000;
border-bottom: 1px solid #dcb975;
}
#r-sidebox {
z-index: 520;
position: relative;
float: right;
width: 30px;
height: 300px;
margin: -300px -32px 0 0;
background-color: #efd3a1;
color: #000;
border-top: 1px solid #dcb975;
border-right: 1px solid #ffefcf;
border-bottom: 1px solid #efd3a1;
border-left: 1px solid #dcb975;
text-align: center;
}
#b-sidebox {
z-index: 510;
position: relative;
float: right;
width: 360px;
height: 24px;
margin-right: -32px;
padding-top: 4px;
background-color: #efd3a1;
color: #000;
border-top: 1px solid #dcb975;
border-right: 1px solid #ffefcf;
border-bottom: 1px solid #ffefcf;
border-left: 1px solid #dcb975;
text-align: center;
}
/* Footerblock */
#footer {
z-index: 40;
position: absolute;
left: 0;
width: 100%;
height: 74px;
margin-top: 70px;
background-image: url(../images/strip1.jpg);
background-repeat: repeat-x;
}
#footnav {
margin: 9px 0 0 20px;
font-size: 80%;
}
#copyr {
margin: 35px 0 0 26px;
font-size: 70%;
}
/* LINKS */
/* im Fliesstext */
#content a {
text-decoration: none;
background-color: #ffefbf;
color: #600;
padding: 0 6px 1px 6px;
border-bottom: 1px solid #cca965;
border-left: 1px solid #cca965;
}
#content a:link {
background-color: #ffefbf;
color: #600;
}
#content a:visited {
background-color: #ffefbf;
color: #900;
}
#content a:hover {
background-color: #fff9c6;
color: #a00;
}
#content a:active {
background-color: #ffefbf;
color: #900;
}
/* Links in Kopf-Navi */
#headnav a {
padding: 0 8px;
text-decoration: none;
background-color: transparent;
color: #625335;
border-top: 1px solid #ecc985;
border-right: 1px solid #cca965;
border-bottom: 1px solid #cca965;
border-left: 1px solid #ecc985;
}
#headnav a:hover {
background-color: transparent;
color: #000;
border-top: 1px solid #cca965;
border-right: 1px solid #ecc985;
border-bottom: 1px solid #ecc985;
border-left: 1px solid #cca965;
}
/* Links in Footer-Navi*/
#footnav a {
padding: 0 6px;
text-decoration: none;
font-weight: bold;
background-color: transparent;
color: #625335;
border-top: 1px solid #ecc985;
border-right: 1px solid #cca965;
border-bottom: 1px solid #cca965;
border-left: 1px solid #ecc985;
}
#footnav a:hover {
background-color: transparent;
color: #000;
border-top: 1px solid #cca965;
border-right: 1px solid #ecc985;
border-bottom: 1px solid #ecc985;
border-left: 1px solid #cca965;
}
/* Aktive Links in Head und Foot */
#headnav a.aktiv, #footnav a.aktiv {
border-top: 1px solid #cca965;
border-right: 1px solid #ecc985;
border-bottom: 1px solid #ecc985;
border-left: 1px solid #cca965;
background-color: transparent;
color: #000;
cursor: default;
}
/* Links in 'Satteltaschen' */
#r-sidebox a {
display: block;
margin-top: 20px;
padding: 1px 0;
text-decoration: none;
font-size: 110%;
font-weight: bold;
background-color: #dfc391;
color: #625335;
border-top: 1px solid #cfb381;
border-bottom: 1px solid #cfb381;
}
#b-sidebox a {
margin: 0 4px;
padding: 4px;
text-decoration: none;
font-size: 80%;
font-weight: bold;
background-color: #dfc391;
color: #625335;
border-left: 1px solid #cfb381;
border-right: 1px solid #cfb381;
}
#r-sidebox a:hover, #b-sidebox a:hover {
background-color: #dfc391;
color: #a00;
}
/* Links im (c) */
#copyr a {
text-decoration: none;
background-color: transparent;
color: #625335;
}
#copyr a:hover {
background-color: transparent;
color: #a00;
}
/* Links in Hinweis-Boxen */
#hinweise a, #hinweise a:visited {
background-color: #f6e6b6;
color: #600;
}
#hinweise a:hover {
background-color: #fff9c6;
color: #900;
}
/* === Ende LINKS ===*/
/* === IMAGES === */
img {
border: 0 none;
}
#logo {
position: absolute;
left: 0;
background-image: url(../images/strip2.jpg);
background-repeat: no-repeat;
height: 74px;
margin-top: 70px;
}
#logo img {
margin-left: 10px;
}
/* Deco-Bilder */
#collage {
z-index: 50;
position: absolute;
right: 0;
background-image: url(../images/coll7.jpg);
width: 320px;
height: 246px;
}
#sunflower {
position: absolute;
top: 0;
right: 0;
background-image: url(../images/sunf.jpg);
width: 151px;
height: 174px;
}
#butterfly {
position: absolute;
background-image: url(../images/bfly1.jpg);
background-repeat: no-repeat;
width: 121px;
height: 92px;
margin: -120px 0 0 -40px;
}
#minipic {
background-image: url(../images/butty2.gif);
background-repeat: no-repeat;
position: relative;
float: left;
width: 80px;
height: 63px;
margin: 22px 0 0 -94px;
}
/* === Ende IMAGES ===*/
/* ===DIVERSE BOXEN=== */
/* Hinweis-Boxen */
#hinweise {
position: relative;
float: right;
width: 220px;
margin: 5px -140px 5px 10px;
background-color: #ffefbf;
color: #625335;
border: 2px dashed #dcb975;
}
#hinweise p {
margin: 10px;
padding: 0;
}
/* Initialen auf Startseite */
#content span.init {
font-size: 130%;
font-weight: bold;
background-color: transparent;
color: #625335;
}
/* Fragezeichen-Cursor ueber Akronymen */
acronym {
cursor: help;
padding: 0 3px;
border-bottom: 1px dotted #dcb975;
}
.invis, hr {
display: none;
}
.breaker {
clear: both;
}
.topper {
margin-top: 10px;
}
ul.liz {
font-size: 90%
}
/**/
table#copyright {
margin: 10px 0px 20px 0;
border: 0 none;
}
table#copyright td {
border: 1px solid #dcb975;
}
table#copyright td p {
margin: 0;
padding: 0;
}
table#copyright td a {
text-decoration: none;
background-color: transparent;
color: #600;
}
table#copyright td a:hover {
background-color: transparent;
color: #a00;
}
td.one,
td.two,
td.three {
background-color: #efd3a1;
color: #454545;
padding: 2px 5px;
}
td.four,
td.five,
td.six {
padding: 5px;
}