html, body {
margin:0;
padding:0;
}

body {
background: url(../img/hgHolz.jpg) no-repeat #222 0px 350px;
margin: 0;
padding: 0;
font: normal 0.9em/140% Verdana Arial, sans-serif;
color: #555;
}

#layout {
padding: 60px 0 0;
background: url(../img/hg.jpg) no-repeat;
}

#left {
width: 280px;
float:left;
padding-top:150px;
}

#left img#logo {
margin: 0 0 0 35px;
}

img#wappen {
position: absolute;
top: 420px;
left: 1020px;
}

#header {
background: url(../img/hgHeader.png) no-repeat top left;
margin: 0 auto 0 280px;
padding: 8px 0 0;
width:702px;
height:242px;
}

#headerBottom {
background: url(../img/headerBottom.png) no-repeat bottom left;
position: absolute;
top: 60px;
left: 280px;
z-index: 1;
width: 702px;
height: 250px; 
}

#middle {
margin: 0 auto 12px 280px;
width:700px;
border-left: 1px solid #fb0;
border-right: 1px solid #fb0;
border-bottom: 1px solid #fb0;
padding-bottom:8px;
}

#content {
background: url(../img/hgContent.png) repeat-x #ffeba3;
margin: 0 8px;
padding: 5px 40px 10px 60px;
}

#contentText {
margin-top:-15px;
}

/* ########## Navigation ########## */

#left ul#mainNav {
list-style-type: none;
margin:0;
padding:0;
text-align: right;
width:175px;
font-size:110%;
}

#left ul#mainNav li {
margin:0;
padding:0;
}

#left ul#mainNav a {
display:block;
text-decoration: none;
color: #fb0;
padding: 1px 9px;
margin: 6px 0;
}

#left ul#mainNav a:hover {
border-right: 3px solid #fb0;
padding: 1px 6px;
color: #fb0;
}

/* ########## Hauptnavigation - aktiv ########## */

body.weingut #left ul#mainNav a.weingutNav,
body.weinbestellung #left ul#mainNav a.weinbestellungNav,
body.aktuell #left ul#mainNav a.aktuellNav,
body.impressionen #left ul#mainNav a.impressionenNav,
body.anfahrt #left ul#mainNav a.anfahrtNav,
body.agb #left ul#mainNav a.agbNav,
body.anbau #left ul#mainNav ul.subNav a.anbauNav,
body.ausbau #left ul#mainNav ul.subNav a.ausbauNav,
body.rebsorten #left ul#mainNav ul.subNav a.rebsortenNav,
body.impressum #left ul#mainNav a.impressumNav {
border-right: 3px solid #072;
padding: 1px 6px;
color: #092;
}

body.weine #left ul#mainNav a.weineNav {
border-right: 3px solid #072;
padding: 1px 6px;
margin:0;
color: #092;
}

body.anbau #left ul#mainNav a.weineNav,
body.ausbau #left ul#mainNav a.weineNav,
body.rebsorten #left ul#mainNav a.weineNav {
border-right: 3px solid #fb0;
padding: 1px 6px;
margin:0;
color: #fb0;
}

body.weingut #left ul#mainNav ul.subNav,
body.weinbestellung #left ul#mainNav ul.subNav,
body.aktuell #left ul#mainNav ul.subNav,
body.impressionen #left ul#mainNav ul.subNav,
body.anfahrt #left ul#mainNav ul.subNav,
body.agb #left ul#mainNav ul.subNav,
body.impressum #left ul#mainNav ul.subNav {
display:none;
}

/* ########## Unternavigation ########## */

#left ul#mainNav ul.subNav {
list-style-type: none;
margin:0 0 10px 50px;
padding:2px 0;
text-align: right;
width:125px;
font-size:90%;
border-top:1px solid #fb0;
border-bottom:1px solid #fb0;
}

#left ul#mainNav ul.subNav li {
margin:0;
padding:0;
}

#left ul#mainNav ul.subNav a {
display:block;
text-decoration: none;
color: #fb0;
padding: 1px 9px;
margin:2px 0;
}

#left ul#mainNav ul.subNav a:hover {
border-right: 3px solid #fb0;
padding: 1px 6px;
color: #fb0;
}

/* ########## Footer ########## */

#footer {
margin: 30px 0 0;
padding: 5px 0;
border-top: 1px solid #f90;
color: #555;
}

#footer #fooNav a {
text-decoration: none;
color: #555;
}

#footer #fooNav a:hover {
color: #f60;
}

#footer #avm {
text-align: left;
margin: 30px 0 0 0;
}

#footer #avm a {
text-decoration: none;
color: #f80;
font-size: 90%;
}

#footer #avm a:hover {
text-decoration: overline underline;
}

#footer #printAdresse {
display: none;
}

/* ########## Text ########## */

#contentText h1 {
background: url(../img/hgHeadline.png) no-repeat bottom left;
margin-left:-20px;
padding: 0 20px 30px;
color: #f70;
font-size: 130%;
}

#contentText h2 {
padding: 12px 0 4px;
color: #f70;
font-size: 120%;
}

#contentText h3 {
color: #555;
font-size: 105%;
}

#contentText h4 {
color: #555;
font-size: 105%;
border-bottom: 1px dotted #555;
padding: 0 0 2px;
}

#contentText b {
font-weight:bold;
color: #f60;
}

#contentText  a {
text-decoration: underline;
color: #f60;
}

#contentText  a:hover {
color: #072;
}

#contentText  a:visited {
color: #000;
}

#contentText .box1 {
background: #ffeba3;
margin: 8px 0;
padding:2px 20px;
border-top: 1px dotted #fb0;
border-bottom: 1px dotted #fb0;
}

#contentText .box2 {
background: #ffc;
margin: 8px 0;
padding:2px 20px;
border-top: 1px dotted #fb0;
border-bottom: 1px dotted #fb0;
}

#contentText .txtSmall {
font-size: 90%;
}


/* ######## Slider AGBs ######## */

#contentText #vertical_slide {
	background: #ffc;
	padding: 0 10px;
	border: 5px solid #ffeba3;
}

#contentText .boxWein {
background: #fff1af;
padding:10px;
border-top: 1px dotted #fb0;
border-bottom: 1px dotted #fb0;
}

#contentText a.buttonAGB, #contentText a.buttonAGB:visited {
background: #ffc;
padding:4px 12px;
color: #f70;
display: block;
text-decoration:none;
margin: 10px 0;
font-weight:bold;
border-top: 1px solid #f90;
border-bottom: 1px solid #f90;
}

#contentText a.buttonAGB:hover {
background:#fce283;
color: #555;
}

 #contentText .floatRight {
 float: right;
 }
 
 #contentText .box2 .datum {
 width:80px;
 float:left;
 }