html {
}

* {
padding: 0;
margin: 0;
}

body {
color: #1c421a;
background-color: #cc9933;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 84%;
}

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

#wrapper {
position: relative;
color: #cc9933;
width: 790px;
height: 590px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

#menue {
position: absolute;
left: 0;
top: 0;
width: 790px;
height: 31px;
overflow: hidden;
}

#menue a {
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
}

#menue img {
padding: 0;
margin: 0;
border: none;
}

a#home-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/home.gif);
background-position: top left;
background-repeat: no-repeat;
}

a:hover#home-menue,
a:active#home-menue, 
#startseite a#home-menue {
background-position: bottom;
}

a#aktuell-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/aktuell.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#aktuell-menue,
a:active#aktuell-menue, 
#aktuell a#aktuell-menue {
background-position: bottom;
}

a#pension-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/pension.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#pension-menue,
a:active#pension-menue, 
#pension a#pension-menue {
background-position: bottom;
}

a#weingut-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/weingut.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#weingut-menue,
a:active#weingut-menue, 
#weingut a#weingut-menue {
background-position: bottom;
}

a#region-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/region.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#region-menue,
a:active#region-menue, 
#region a#region-menue {
background-position: bottom;
}

a#familie-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/familie.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#familie-menue,
a:active#familie-menue, 
#familie a#familie-menue {
background-position: bottom;
}

a#kontakt-menue {
width: 90px;
height: 31px;
background-image: url(images/layout/hauptmenue/kontakt.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#kontakt-menue,
a:active#kontakt-menue, 
#kontakt a#kontakt-menue {
background-position: bottom;
}

a#gaestebuch-menue {
width: 111px;
height: 31px;
background-image: url(images/layout/hauptmenue/gaestebuch.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
}

a:hover#gaestebuch-menue,
a:active#gaestebuch-menue {
background-position: bottom;
}

#inhalt-wrapper {
position: absolute;
top: 45px;
left: 0;
width: 790px;
height: 490px;
background-color: #ffffcc;
}

#textbereich {
position: absolute;
top: 3px;
left: 3px;
width: 744px;
height: 444px;
background-color: #1c421a;
padding: 20px;
overflow: auto;
}

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

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

.bildrechts {
float: right;
margin-bottom: 5px;
margin-left: 5px;
display: inline;
padding: 0;
border: 1px solid #a59c41;
}

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

#fussbereich {
position: absolute;
top: 535px;
left: 0;
width: 770px;
height: 40px;
text-align: center;
color: #1c421a;
padding: 10px 10px 5px 10px;
}

#fussbereich a:link {
color: #1c421a;
}

#fussbereich a:visited {
color: #1c421a;
}

#fussbereich a:hover {
color: #ffffcc;
}

#fussbereich a:active {
color: #ffffcc;
}

#impressum #fussbereich a {
color: #ffffcc;
}

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

.foto {
float: left;
padding: 0 15px 0 15px;
width: 210px;
}

.fotos img {
border: 1px solid #a59c41;
margin: 0;
padding: 0;
}

.fotogross {
text-align: center;
}

.fotogross img {
border: 1px solid #a59c41;
margin: 0;
padding: 0;
}

.clear-inh {
height: 1px;
clear: both;
}

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

h1 {
font-size: 124%;
color: #cc9933;
margin-bottom: 1em;
}

h2 {
font-size: 104%;
color: #cc9933;
margin-bottom: 1em;
}

a {
text-decoration: underline;
}

a:link {
color: #cc9933;
}

a:visited {
color: #cc9933;
}

a:hover {
color: #ffffcc;
}

a:active {
color: #ffffcc;
}

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