/*| ------------------------------------------------------------------*/
/*| --------------------------------| =Standard| ---------------------*/
/*| ------------------------------------------------------------------*/

html,body,
div,span,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
a,form,input,form,object,textarea,
table,td,img {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 11px;
   color: #6b5a32;
   text-decoration: none;
   list-style-type: none;
   outline: none;
}

html, body {
   height: 100%;
   min-height: 100%;
}

body {
   background: #fef0cf url(../images/bg-body.jpg) repeat-x top;
}

hr {
   margin: 0 0 20px 0;
   color: #dcd4c2;
   height: 1px;
   border-top: solid 1px #dcd4c2;
   border-bottom: transparent;
   clear: both;
}

.clear {
   clear: both;
}

.floatRight {
   float: right;
   padding: 3px;
   background: #fef0cf;
   border: 1px solid #d7cbad;
}

.floatLeft {
   margin: 0 0 15px 15px;
   float: right;
}

.zitat {
   font-family: Arial, Verdana, Tahoma, sans-serif;
   font-size: 9px;
   color: #6b5a32;
}

#player {
	padding: 15px;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =branding |----------------------*/
/* -------------------------------------------------------------------*/

h1.branding {
   width: 394px;
   height: 168px;
   position: absolute;
   top: 102px;
	left: 22px;
}

h1.branding a {
   width: 394px;
   height: 168px;
   display: block;
   text-indent: -5000px;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Headlines |---------------------*/
/* -------------------------------------------------------------------*/

h2 {
   margin: 13px 0 10px 0;
	text-indent: -5000px;
   width: 666px;
   height: 48px;
}

h2.startseite {background: url(../images/index/bg-h2.jpg) no-repeat left top; height: 60px;}
h2.kontakt {background: url(../images/kontakt/bg-h2.jpg) no-repeat left top;}
h2.kontaktDanke {background: url(../images/kontaktDanke/bg-h2.jpg) no-repeat left top;}
h2.anfahrt {background: url(../images/anfahrt/bg-h2.jpg) no-repeat left top;}
h2.impressum {background: url(../images/impressum/bg-h2.jpg) no-repeat left top;}
h2.fehler {background: url(../images/fehler/bg-h2.jpg) no-repeat left top;}
h2.unsereFamilie {background: url(../images/unsere-familie/bg-h2.jpg) no-repeat left top;}
h2.aktuelles {background: url(../images/aktuelles/bg-h2.jpg) no-repeat left top;}

h2.restaurantUndCafe {background: url(../images/restaurant-cafe/bg-h2.jpg) no-repeat left top;}
h2.historisches {background: url(../images/restaurant-cafe/historisches/bg-h2.jpg) no-repeat left top;}
h2.speisekarte {background: url(../images/restaurant-cafe/speisenkarte/bg-h2.jpg) no-repeat left top;}
h2.gruppenspeisekarte {background: url(../images/restaurant-cafe/gruppenspeisekarte/bg-h2.jpg) no-repeat left top;}
h2.weinkarte {background: url(../images/restaurant-cafe/weinkarte/bg-h2.jpg) no-repeat left top;}
h2.kaffeeUndKuchen {background: url(../images/restaurant-cafe/kaffee-und-kuchen/bg-h2.jpg) no-repeat left top;}
h2.festlichkeiten {background: url(../images/restaurant-cafe/festlichkeiten/bg-h2.jpg) no-repeat left top;}
h2.bauerngarten {background: url(../images/restaurant-cafe/bauerngarten/bg-h2.jpg) no-repeat left top;}

h2.gruppenprogramme {background: url(../images/gruppenprogramme/bg-h2.jpg) no-repeat left top;}
h2.kulinarischeRundreise {background: url(../images/gruppenprogramme/kulinarische-rundreise/bg-h2.jpg) no-repeat left top;}
h2.fachkundigeHofreise {background: url(../images/gruppenprogramme/fachkundige-hofreise/bg-h2.jpg) no-repeat left top;}
h2.obsthofabitur {background: url(../images/gruppenprogramme/obsthofabitur/bg-h2.jpg) no-repeat left top;}
h2.erlebnistag {background: url(../images/gruppenprogramme/erlebnistag/bg-h2.jpg) no-repeat left top;}
h2.bosseln {background: url(../images/gruppenprogramme/bosseln/bg-h2.jpg) no-repeat left top;}

h2.uebernachtungen {background: url(../images/uebernachtungen/bg-h2.jpg) no-repeat left top;}
h2.grundriss {background: url(../images/uebernachtungen/grundriss/bg-h2.jpg) no-repeat left top;}
h2.preise {background: url(../images/uebernachtungen/preise/bg-h2.jpg) no-repeat left top;}

h2.obsthof {background: url(../images/obsthof/bg-h2.jpg) no-repeat left top;}
h2.anbau {background: url(../images/obsthof/anbau/bg-h2.jpg) no-repeat left top;}
h2.direktvermarktung {background: url(../images/obsthof/direktvermarktung/bg-h2.jpg) no-repeat left top;}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #006431;
}

h4 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #006431;
}

h5 {
   font-size: 12px;
   font-weight: bold;
   color: #6b5a32;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Border |------------------------*/
/* -------------------------------------------------------------------*/

.imageBorderFloatRight,
.imageBorderFloatLeft,
.imageBorderClear,
.imageBorder,
.imageBorderLeftContent1,
.imageBorderLeftContent2 {
   padding: 3px;
   background: #fef0cf;
   border: 1px solid #d7cbad;
}

.imageBorderFloatLeft {
   margin: 0 10px 10px 0;
   float: left;
}

.imageBorderFloatRight {
   margin: 0 0 20px 33px;
   float: right;
}

.imageBorderClear {
   margin: 0 0 20px 0;
   clear: both;
}

.imageBorder {
   margin: 0 0 20px 0;
}

.imageBorderLeftContent1 {
   margin: 0 33px 20px 0;
	float: left;
}

.imageBorderLeftContent2 {
   margin: 0 0 20px 0;
	float: left;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Link |--------------------------*/
/* -------------------------------------------------------------------*/

/* a */
a,
a.escape,
a.escape span span {
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 11px;
   color: #6b5a32;
   text-decoration: underline;
}

a:hover,
a.escape:hover,
a.escape:hover span span {
   text-decoration: none;
}

/* pdfDownload */
a.pdfDownload,
a.linkDownload,
a.linkWeb   {
   background: url(../images/icon-pdf.gif) no-repeat left;
   padding: 20px 0 18px 60px;
   height: 30px;
   width: 100px;
   text-decoration: none !important;
}

a.pdfDownload:hover,
a.linkDownload:hover,
a.linkWeb:hover {
   text-decoration: underline !important;
}

/* linkDownload */
a.linkDownload {
   background: url(../images/icon-download.gif) no-repeat left;
}

/* linkWeb */
a.linkWeb {
   background: url(../images/icon-web.gif) no-repeat left;
}

/* linkTop */
a.linkTop {
   float: right;
   display: block;
   height: 20px;
   width: 100px;
   text-align: right;
   color: #fff;
   text-decoration: none;
   font-size: 10px;
}

a.linkTop:hover {
   color: #abb59b;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =container |---------------------*/
/* -------------------------------------------------------------------*/

#container {
   width: 955px;
   margin: 0 auto;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =header |------------------------*/
/* -------------------------------------------------------------------*/

#header {
   width: 955px;
   height: 307px;
   background: url(../images/bg-header.jpg) no-repeat top left;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =contentContainer |--------------*/
/* -------------------------------------------------------------------*/

/* contentContainer */
#contentContainer {
   width: 933px;
	padding-left: 22px;
   position: relative;
}

#baum {
   width: 255px;
	height: 323px;
	top: 547px;
   position: absolute;
	background: url(../images/bg-schild-baum.jpg)
}


/* contentMain */
#contentMain {
   width: 666px;
	padding: 0 20px 0 0;
   position: relative;
	float: right
}

/* contentColumn */
.contentColumn {
   width: 300px;
   padding-right: 33px;
   position: relative;
   float: left;
}

/* contentColumn1 */
.contentColumn1 {
   width: 200px;
   padding-right: 33px;
   position: relative;
   float: left;
}

/* contentColumn2 */
.contentColumn2 {
   width: 200px;
   position: relative;
   float: left;
}

/* contentColumn3 */
.contentColumn3 {
   width: 430px;
   position: relative;
   float: left;
}

/* cms1 */
.cms1 {
   width: 100px;
   padding-right: 20px;
   position: relative;
   float: left;
}

/* cms2 */
.cms2 {
   width: 300px;
   padding-right: 20px;
   position: relative;
   float: left;
}

/* cms3 */
.cms3 {
   width: 100px;
   padding-right: 20px;
   position: relative;
   float: left;
}

/* cms4 */
.cms4 {
   width: 100px;
   position: relative;
   float: left;
}

/* cms5 */
.cms5 {
   width: 540px;
   position: relative;
   float: left;
   padding-right: 20px;
}

/* content */
p {
   margin: 0 0 18px 0;
   line-height: 18px;
}

#container #contentContainer ul {
   margin: 0 0 18px 0px;
}

#container #contentContainer ul li {
   margin: 0 0 0px 0;
   padding: 0 0 0 15px;
   line-height: 18px;
   background: url(../images/li-icon.gif) no-repeat top left;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =footer |------------------------*/
/* -------------------------------------------------------------------*/

#footer {
   width: 686px;
   height: 100px;
	padding: 63px 0 0 14px;
   background: url(../images/bg-footer.jpg) no-repeat bottom left;
   position: relative;
	float: right;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =navi |--------------------------*/
/* -------------------------------------------------------------------*/

ul#navi {
   left: 22px;
   top: 307px;
   width: 165px;
   height: 240px;
   position: absolute;
   z-index: 200;
	background: url(../images/bg-navi.jpg) no-repeat top left;
}

ul#navi li {
   position: relative;
   float: left;
}

ul#navi li a {
   display: block;
   height: 40px;
   width: 165px;
	text-indent: -5000px;
}

ul#navi li a.unsereFamilie:hover {background: url(../images/unsere-familie/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.restaurantUndCafe:hover {background: url(../images/restaurant-cafe/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.aktuelles:hover {background: url(../images/aktuelles/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.gruppenprogramme:hover {background: url(../images/gruppenprogramme/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.uebernachtungen:hover {background: url(../images/uebernachtungen/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.obsthof:hover {background: url(../images/obsthof/bg-aktiv-navi.jpg) no-repeat right bottom;}

ul#navi li#restaurant ul,
ul#navi li#gruppenprogramme ul,
ul#navi li#uebernachtungen ul,
ul#navi li#obsthof ul {
   display: none;
   list-style: none;
}

ul#navi li#restaurant ul li,
ul#navi li#gruppenprogramme ul li,
ul#navi li#uebernachtungen ul li,
ul#navi li#obsthof ul li {
   background: none;
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   float: none;
}

ul#navi li#restaurant ul li a,
ul#navi li#gruppenprogramme ul li a,
ul#navi li#uebernachtungen ul li a,
ul#navi li#obsthof ul li a {
   display: block;
   color: #6b5a32;
   text-decoration: none;
   height: 27px;
   padding: 12px 0 0 10px;
   width: 150px;
   font-size: 11px;
   border-bottom: 1px solid #fef1d1;
   text-align: left;
	text-indent: 0px;
}

ul#navi li#restaurant ul a:hover,
ul#navi li#gruppenprogramme ul a:hover,
ul#navi li#uebernachtungen ul a:hover,
ul#navi li#obsthof ul a:hover {
   color: #9e8a5c;
   background: #fdfbf5;
}

ul#navi li#restaurant ul,
ul#navi li#gruppenprogramme ul,
ul#navi li#uebernachtungen ul,
ul#navi li#obsthof ul {
   top: 0px;
   left: 165px;
   position: absolute;
   background: #fff;
   border-top: 1px solid #fef1d1 !important;
}

ul#navi li#restaurant:hover ul,
ul#navi li#gruppenprogramme:hover ul,
ul#navi li#uebernachtungen:hover ul,
ul#navi li#obsthof:hover ul {
   display: block;
}

ul#navi li#restaurant ul li,
ul#navi li#gruppenprogramme ul li,
ul#navi li#uebernachtungen ul li,
ul#navi li#obsthof ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =naviAdd |----------------------*/
/* -------------------------------------------------------------------*/

ul#naviAdd {
   position: relative;
	float: right;
	padding: 5px 10px 20px 0;
}

ul#naviAdd li {
   position: relative;
   float: left;
	padding: 0 9px;
}

ul#naviAdd li a {
   display: block;
   font-family: Verdana, Tahoma, Arial;
   font-size: 9px;
   color: #6b5a32;
   text-align: center;
   text-decoration: none;
}

ul#naviAdd li a:hover {text-decoration: underline;}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =adress |--------------------------*/
/* ---------------------------------------------------------------------*/

#adress,
#kontaktdaten,
#oeffnungszeiten {
   padding: 0 21px 0 0;
   position: relative;
	float: left;
}

#adress h3,
#kontaktdaten h3,
#oeffnungszeiten h3 {
   width: 0px;
   height: 0px;
   padding: 0px;
	margin: 0px;
   position: absolute;
	text-indent: -5000px;
}

#adress p,
#kontaktdaten p,
#oeffnungszeiten p {
   margin: 0 0 16px 0;
   position: relative;
   font-size: 9px;
   color: #6b5a32;
   line-height: 16px;
}

#kontaktdaten p a,
#kontaktdaten p a.escape,
#kontaktdaten p a.escape span span {
   text-decoration: underline;
   font-size: 9px;
   color: #6b5a32;
}

#kontaktdaten p a:hover,
#kontaktdaten p a.escape:hover,
#kontaktdaten p a.escape:hover span span {
   text-decoration: none;
}