* {
padding: 0;
margin: 0;
}
html, body {
height:100%;
}
body {
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
line-height: 1.125em;
color: #645446;
background-color: #F8EAC5;
background-image: url(../images/hg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
min-width: 980px;
height: 101%;
}
h1 {
color: #198cc1;
font-size: 1.4em;
font-weight: normal;
}
a {
text-decoration: none;
outline: none;
}
#nav a{
font-weight: normal;
font-size: 18px;
}
#sidebar a {
font-weight: bold;
font-size: 14px;
}
#sidebar a.lang {
font-weight: normal;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
font-size: 1em;
font-weight: normal;
color: #198cc1;
}
a:link, a:visited {
color: #645446;
}
a:hover, a:active {
color: #198cc1;
}
#gesellschaft #nav .gesellschaft a,
#zentrum #nav .zentrum a,
#biografie #nav .biografie a,
#news #nav .news a,
#shop #nav .shop a,
#shop #subnav  a.current,
#presse #nav .presse a,
#presse #subnav  a.current,
#links #nav .links a,
#kontakt #nav .kontakt a {
color: #198cc1;
background-color: #d0be9b;
cursor: default;
}
#impressum #implink a {
background-image: url(../images/impressum2.gif);
background-position: top left;
background-repeat: no-repeat;
cursor: default;
}
#impressum #implink.eng a {
background-image: url(../images/imprint2.gif);
}
#text a.continue {
font-size: .875em;
font-weight: bold;
padding-left: 15px;
background-image: url(../images/pfeil_links.gif);
background-position: 0 50%;
background-repeat: no-repeat;
margin-left: 15px;
}
#wrapper {
width: 980px;
position: relative;
left: 50%;
margin-left: -490px;
}
#header {
padding: 5px 0 5px 5px;
}
#header h1 {
padding: 24px 0 11px 0;
}
#slogan {
float: right;
width: 350px;
font-size: .875em;
}
#slogan blockquote p {
text-align: left;
font-size: 1em;
}
#slogan p {
text-align: right;
font-size: .75em;
width: 75%;
}
#startimg {
width: 347px;
height: 500px;
margin-left: 225px;
background-image: url(../images/leider1a.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#startimg h1 {
position: relative;
top: 125px;
left: 5px;
}
img {
border: none;
}
ul {
list-style: none;
}
ul.startnav {
position: absolute;
left: 0;
bottom: 0;
width: 220px;
text-align: right;
}
ul.startnav li {
line-height: 1.5em;
}
#hornav {
position: absolute;
top: 63px;
left: 0;
}
ul.standardnav {
float: left;
width: 599px;
}
ul.standardnav li {
float: left;
}
ul.standardnav a {
display: block;
padding: 55px 6px 0 6px;
}
ul.standardnav a.last {
padding-right: 0;
}
#implink {
position: absolute;
top: 72px;
left: 612px;
}
#home #implink {
position: absolute;
top: 5px;
left: 575px;
}
#implink a {
display: block;
width: 20px;
height: 80px;
}
#implink.eng a {
height: 50px;
}
#implink a:link, #implink a:visited {
background-image: url(../images/impressum1.gif);
background-position: top left;
background-repeat: no-repeat;
}
#implink a:hover, #implink a:active {
background-image: url(../images/impressum2.gif);
background-position: top left;
background-repeat: no-repeat;
}
#implink.eng a:link, #implink.eng a:visited {
background-image: url(../images/imprint1.gif);
}
#implink.eng a:hover, #implink.eng a:active {
background-image: url(../images/imprint2.gif);
}
.invisible {
visibility: hidden;
}
#sidebar {
float: left;
width: 179px;
border-top: 73px solid #f0e1bb;
}
#sidebar a {
padding-left: 5px;
}
#subnav {
background-color: #d0be9b;
border-bottom: 1px solid #d0be9b;
}
#subnav.empty {
height: 70px;
}
#subnav ul {
padding: 20px 5px 0 0;
margin-left: 2px;
}
#subnav ul ul {
padding: 8px 3px 20px 20px;
text-indent: -5px;
}
#subnav ul ul li {
line-height: 1em;
margin-bottom: .25em;
}
#subnav ul a {
font-size: 14px;
font-weight: bold;
}
#audioplayer1 {
margin-top: 45px; 
}
.sampleplayer {
margin-left: 3px;
height: 20px;
width: 174px;
outline: none;
}
.sample {
float: left;
text-indent: 0;
}
#content {
float: right;
width: 781px;
}
#text {
float: left;
width: 409px;
padding: 1.25em 0 .875em 0;
border-top: 73px solid #f0e1bb;
background-color: #e0d1ad;
}
#text p, #text h2, #text h3, #text ul {
font-size: .875em;
padding: 0 1.25em;
margin-bottom: .875em;
}
#text ul ul {
font-size: 1em;
margin-top: .25em;
}
#text ul ul a {
display: block;
background-image: url(../images/stern1.gif);
background-position: 0 3px;
background-repeat: no-repeat;
padding-left: 10px;
}
#text ul ul a:hover {
background-image: url(../images/stern2.gif);
}
#text #shoppinglist p {
text-indent: 12px;
background-image: url(../images/shop/qua.gif);
background-position: 18px 6px;
background-repeat: no-repeat;
margin-bottom: 0;
}
#text #shoppinglist a {
float: left;
padding-left: 1.25em;
font-size: .875em;
font-weight: 600;
}
#text h2 {
font-weight: bold;
}
#text .italic {
font-style: italic;
}
#news #text strong {
font-weight: bold;
}
#gallery {
float: right;
width: 352px;
}
p#imgsub {
font-size: .875em;
margin-bottom: 1em;
}
#imgnum {
color: #198cc1; 
}
#gallery-nav span {
font-size: .875em;
padding-bottom: 5px;
}
#footer {
clear: both;
}
.clear{
clear: both;
}