body {font-family: arial; font-size: 12px; color: #5C5C5C; text-align: center; padding: 0; margin: 0; background-image: url(hintergrund_body.gif); background-attachment: fixed; background-repeat: repeat-x; background-color: #F9F6EF;}


#wrapper {text-align: left; margin: auto; width: 750px; background-image: url(hintergrund_wrapper.png); background-position: bottom; padding: 0 5px 5px 5px}
#topbar {height: 14px; font-size: 10px; color: #A4A4A4; width: 730px; padding: 2px 5px 2px 5px; margin: 0 5px 0 5px; background-image: url(verlauf_schwarz.png); background-repeat: repeat-x; background-color: black;  }
#topbarright {float: right;}
#navigation {width: 73p0x; height: 20px; margin: 0 0 14px 10px; }
#header {width: 740px; padding: 0 5px 0 5px; height: 214px;}
#headline {width: 730px; height: 20px; margin: 20px 10px 0 10px;}
#content {width: 470px; padding: 10px; background-image: url(bg_content.gif); background-repeat: repeat-y; background-position: right;}
#rightbar {float: right; width: 240px; padding: 10px; background-color: #669410; color: #fff; margin-bottom: 20px; }
#bottombar {clear: both; width: 730px; height: 80px; font-size: 10px; padding: 2px 5px 2px 5px; margin: 0 5px 5px 5px; background-image: url(verlauf_schwarz.png); background-repeat: repeat-x; background-color: black; color: }
#empfehlung {float: right; position: relative; left: 20px; top: -10px; z-index: 5; width: 10px; height: 200px; overflow: visible;}

#navigation a.aktuelles {display: block; float: left; width: 92px; height: 32px; background-image: url(navi_aktuelles.png);}
#navigation a.aktuelles_aktiv {display: block; float: left; width: 92px; height: 32px; background-image: url(navi_aktuelles.png); background-position: 0 -32px;}
#navigation a.aktuelles:hover {background-position: 0 -32px;}

#navigation a.weinkarte {display: block; float: left; width: 90px; height: 32px; background-image: url(navi_weinkarte.png);}
#navigation a.weinkarte_aktiv {display: block; float: left; width: 90px; height: 32px; background-image: url(navi_weinkarte.png); background-position: 0 -32px;}
#navigation a.weinkarte:hover {background-position: 0 -32px;}

#navigation a.impressionen {display: block; float: left; width: 107px; height: 32px; background-image: url(navi_impressionen.png);}
#navigation a.impressionen_aktiv {display: block; float: left; width: 107px; height: 32px; background-image: url(navi_impressionen.png); background-position: 0 -32px;}
#navigation a.impressionen:hover {background-position: 0 -32px;}

#navigation a.veranstaltungen {display: block; float: left; width: 138px; height: 32px; background-image: url(navi_veranstaltungen.png);}
#navigation a.veranstaltungen_aktiv {display: block; float: left; width: 138px; height: 32px; background-image: url(navi_veranstaltungen.png); background-position: 0 -32px;}
#navigation a.veranstaltungen:hover {background-position: 0 -32px;}

#navigation a.rueckblicke {display: block; float: left; width: 97px; height: 32px; background-image: url(navi_rueckblicke.png);}
#navigation a.rueckblicke_aktiv {display: block; float: left; width: 97px; height: 32px; background-image: url(navi_rueckblicke.png); background-position: 0 -32px;}
#navigation a.rueckblicke:hover {background-position: 0 -32px;}

#navigation a.kontakt {display: block; float: left; width: 78px; height: 32px; background-image: url(navi_kontakt.png);}
#navigation a.kontakt_aktiv {display: block; float: left; width: 78px; height: 32px; background-image: url(navi_kontakt.png); background-position: 0 -32px;}
#navigation a.kontakt:hover {background-position: 0 -32px;}

#navigation a.anfahrt {display: block; float: left; width: 78px; height: 32px; background-image: url(navi_anfahrt.png);}
#navigation a.anfahrt_aktiv {display: block; float: left; width: 78px; height: 32px; background-image: url(navi_anfahrt.png); background-position: 0 -32px;}
#navigation a.anfahrt:hover {background-position: 0 -32px;}

.spacer_hori {clear: both; width: 740px; background-image: url(linie_horizontal.png); height: 2px; margin: 10px 5px 10px 5px ;}
.spacer_vert {}
.winzer {color: #E3FF5F;}
.lageplan {border: 1px solid #E3DED1;}
.footer{font-size: 10px;}

ul.empfehlung {position: relative; left: -40px; top: -10px; z-index: 30; padding-top: 10px;}
ul.empfehlung li { list-style: none; display: block; width: 200px;  padding-left: 25px; margin-bottom: 10px; background-image: url(empfehlung_bullet.png); background-repeat: no-repeat; }

h1 {border-left: 5px solid #669410; margin: 0; font-size: 14px; font-weight: bolt; padding-left: 5px; margin-bottom: 10px;}
h2, h3 {text-decoration: underline;}

.empfehlungh1 {border-left: 5px solid #E3FF5F; margin: 0; font-size: 14px; font-weight: bolt; padding-left: 5px; margin-bottom: 10px;}
#content a:link, a:visited {color: #669410; text-decoration: none; }
#content a:hover {color: #A4A4A4;}

#topbarright a.imprint {text-decoration: none; color: #A4A4A4;}
#topbarright a.imprint:hover {color: #FFF;}

img {border: 0;}