html {
height: 101%;
}

* {
padding: 0;
margin: 0;
}

body {
color: #333333;
background-color: #c4aa74;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

/* =============================
DIV-Bereiche
============================= */

#wrapper {
color: #333333;
background-color: #fce2a4;
width: 780px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#kopfbereich {
position: relative;
color: #333333;
background-color: #7f1314;
text-align: center;
}

#kopfbereich p {
color: #ffffff;
position: absolute;
top: 20px;
right: 20px;
font-size: small;
font-weight: bold;
padding: 5px 0 5px 0;
margin-bottom: 0;
}

#navibereich {
text-align: center;
color: #333333;
background-color: #1f292c;
padding: 6px 6px 6px 6px;
margin-bottom: 4px;
}

#navibereich ul {
margin: 0;
}

#navibereich li {
display: inline;
list-style-type: none;
margin: 0;
}

#navibereich a {
color: #fce2a4;
text-decoration: none;
font-size: 110%;
padding: 4px 8px 4px 8px;
}

#navibereich a:active {
text-decoration: underline;
}

#navibereich a:hover,
#startseite #navi01 a,
#museum #navi02 a,
#sonderausstellungen #navi02 a,
#kinderprogramm #navi02 a,
#oeffnungszeiten #navi02 a,
#preise #navi02 a,
#gehoeft #navi03 a,
#veranstaltungen-gehoeft #navi03 a,
#oeffnungszeiten-gehoeft #navi03 a,
#preise-gehoeft #navi03 a,
#sulmtalnekropole #navi04 a,
#veranstaltungen #navi05 a,
#musica-rustica #navi05 a,
#lange-nacht-museen #navi05 a,
#kontakt #navi06 a,
#anfahrt #navi06 a,
#impressum #navi06 a,
#keltenfest #navi05 a,
#festival-gehoeft #navi05 a,
#programm-museum-gehoeft #navi05 a,
#workshops #navi05 a,
#links #hnavi08 a,
#english #navi07 a {
text-decoration: underline;
}

#subnavibereich {
text-align: center;
color: #333333;
background-color: #7f1314;
padding: 4px 4px 4px 4px;
}

#subnavibereich ul {
margin: 0;
}

#subnavibereich li {
display: inline;
list-style-type: none;
margin: 0;
}

#subnavibereich a {
color: #fce2a4;
text-decoration: none;
padding: 4px 8px 4px 8px;
}

#subnavibereich a:active {
text-decoration: underline;
}

#subnavibereich a:hover,
#sonderausstellungen #navi08 a,
#kinderprogramm #navi09 a,
#oeffnungszeiten #navi11 a,
#preise #navi10 a,
#anfahrt #navi08 a,
#links #navi09 a,
#keltenfest #navi09 a,
#festival-gehoeft #navi10 a,
#programm-museum-gehoeft #navi08 a,
#workshops #navi11 a,
#veranstaltungen-gehoeft #navi09 a,
#oeffnungszeiten-gehoeft #navi10 a,
#preise-gehoeft #navi11 a,
#impressum #navi10 a {
text-decoration: underline;
}

#textbereich {
padding: 20px 20px 20px 20px;
}

.bildlinks {
float: left;
margin-bottom: 5px;
margin-left: 5px;
display: inline;
}

.bildrechts {
float: right;
margin-bottom: 5px;
margin-left: 5px;
display: inline;
}

#fussbereich {
font-size: 70%;
text-align: center;
background-color: #c4aa74;
padding: 20px 10px 10px 10px;
}

#fussbereich a {
color: #333333;
}

table.tab-allg {
border: 0;
margin-bottom: 1em;
}

.tab-allg tr td {
background-color: #ebd196;
padding: 2px;
cellspacing: 2px;
}

#textbereich ul {
margin-left: 1em;
}

.fotos {
margin: 0 -5px 1em -5px;
overflow: hidden;
text-align: center;
}

.foto {
float: left;
padding: 0 5px 0 5px;
}

.fotos img {
margin: 0;
padding: 0;
}

/* =============================
Allgemeine HTML-Elemente
============================= */

h1 {
font-size: 134%;
}

h2 {
font-size: 114%;
color: #7f1314;
margin-bottom: 1em;
}

h3 {
font-size: 104%;
color: #7f1314;
margin-bottom: 1em;
}

address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5em;
}

a {
text-decoration: underline;
outline: none;
}

a:link {
color: #333333;
}

a:visited {
color: #333333;
}

a:hover, a:focus {
color: #7f1314;
}

a:active {
color: #7f1314;
}

.skiplink {
display: none;
}

p, ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

ul ul {
margin: 0;
}

li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1em;
}