html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  background: #f7efda url(img/hg_body.jpg) repeat;
  font-family: Georgia;
  font-size: 11px;
  line-height: 16px;
  margin: 0px;
  padding: 0px;
  color: #817459;
}

#layout {
  width: 1000px;
  margin: auto;
}

#header {
  clear: left;
  float: left;
  width: 100%;
  height: 188px;
}

#navi {
  clear: left;
  float: left;
  width: 961px;
  background: #f7efda url(img/hg_content.jpg) repeat-y; 
  padding: 0px 19px 0px 20px; 
}

#navi .main_navi {
  height: 44px; 
  padding: 1px 0px 0px 0px;
}

#navi .main_navi img {
  float: left;
}

#navi .sub_navi {
  border-bottom: 1px solid #c1b298;
  background: #f3edd8;
}

#content {
  clear: left;
  float: left;
  width: 960px;
  padding: 0px 20px 0px 20px; 
  background: #f7efda url(img/hg_content.jpg) repeat-y; 
}

.content_links {
  width: 585px;
  clear: left;
  float: left;
  padding: 0px 35px 0px 40px; 
}

.content_rechts {
  width: 300px;
  float: left;
  padding: 0px 0px 0px 0px; 
}

#content .breit {
  width: 585px;
  float: left;
}

#content .schmal {
  width: 300px;
  float: left;
}

#content .schmaler {
  width: 225px;
  clear: left;
  float: left;
  padding: 30px 20px 0px 40px;
}

#content .s_halb {
  width: 300px;
  float: left;
  padding: 30px 0px 0px 0px;
}

#content .content_halb {
  width: 440px;
  float: left; 
}

#content .content_slinks {
  width: 400px;
  float: left; 
  padding: 0px 80px 0px 40px; 
}

#content .content_srechts {
  width: 400px;
  float: left; 
  padding: 0px 0px 0px 0px; 
}

#content .halb {
  width: 439px;
  float: left;
  padding: 0px 0px 0px 40px;
}

#content .content_srechts .halb, #content .content_slinks .halb {
  width: 400px;
  clear: left;
  float: left;
  padding: 0px;
}

#content .all {
  clear: left;
  float: left;
  width: 880px;
  padding: 0px 40px 0px 40px; 
}

#content .halb .all {
  clear: left;
  float: left;
  width: 880px;
  padding: 20px 0px 0px 0px; 
}

#content .box_gelb {
  clear: left;
  float: left;
  background: #fbf8ed;
  width: 550px;
  padding: 0px 10px 0px 10px;
  margin: 10px 0px 0px 0px;
}

#content .halb .box_gelb {
  width: 420px;
}

#content .box_gelb_kl {
  clear: left;
  float: left;
  margin-top: 100px;
  width: 360px;
  background: #fbf8ed;  
  padding: 10px 20px 20px 20px;
}

#content .box_gelb .csc-textpic-imagewrap {
  float: left;
  width: 230px;
}

#content .box_gelb .text {
  float: left;
  padding: 25px 10px 15px 0px;
  width: 305px; 
}

#content .box_gelb .ltext {
  float: left;
  padding: 0px 0px 10px 0px;
  width: 405px; 
}

#content .content_halb .box_gelb {
  clear: left;
  float: left;
  background: #fbf8ed;
  width: 350px;
  margin: 10px 0px 0px 40px;
  padding: 0px 40px 0px 40px;
}

#content .content_halb .all {
  width: 440px;
}

#content .historie {
  clear: left;
  float: left;
  width: 220px;
  padding: 35px 0px 0px 0px;
}

#content .mtext {
  float: left;
  width: 395px;
  padding: 20px 0px 0px 20px;
}

#content .tipp {
  clear: left;
  float: left;
  width: 510px;
  background: #fbf8ed;
  border: 2px solid #c0b9ac;
  padding: 0px 20px 15px 20px;
  margin: 20px 0px 20px 0px;
}

#content .tipp .breit {
  float: left;
  width: 350px;
}

#content .tipp .schmal {
  float: left;
  width: 130px;
}

#content .tipp img {
  padding: 25px 0px 0px 0px;
}

#content .text-bild {
  clear: left;
  float: left;
  width: 100%; 
  padding: 0px 0px 20px 0px;
}

#content .text-bild .text {
  float: left;
  width: 200px; 
  padding: 0px;
}

#content .text-bild .text ul {
  padding: 0px 0px 0px 10px;
}

#content .text-bild img {
  clear: left;
  float: left;
}

#content hr {
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 1px;
  color: #c1b298;
  border: none;
  border-top: 1px solid #c1b298;
}

#c32 .schmal {
margin-top: 195px;
}

#c38 .halb {
margin-top: 95px;
}

#c41 .halb {
  margin-top: 55px;
}

#c44 .halb {
  margin-top: 65px;
}

#c47 .halb {
  margin-top: 55px;
}

#c57 .halb {
  margin: 10px 0px 15px 0px;
}

#c105 .schmal {
  margin: 55px 0px 15px 0px;
}

#c106 .schmal {
  margin: 0px 0px 15px 0px;
}

#c114 .breit {
  margin: 40px 0px 0px 0px;
}

#c151 .schmal {
  margin: 30px 0px 15px 0px;
}

#c152 .schmal {
  margin: 0px 0px 15px 0px;
}

#content h1 {
  padding: 0px 0px 0px 40px;
  margin: 20px 0px 20px 0px;
}

#content h3 {
  font-size: 18px;
  line-height: 18px;
} 

#content h4 {
  font-size: 14px;
  line-height: 14px;
  padding: 15px 0px 0px 0px;
  margin: 0px;
  line-height: 17px;
}

#content h3.blau {
  color: #133d6d;
}

#content a {
  color: #817459;
  text-decoration: underline;
  font-weight: bold;
}

#content a:hover {
  text-decoration: none;
}

#content a.pdfdownload {
  display: block;

  padding-top: 17px;
  background: transparent url(img/pdffile.gif) no-repeat;   
  padding-left: 40px;
}

#start #content .all {
  clear: left;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#c_footer {
  clear: left;
  float: left;
  width: 960px;
  padding: 0px 20px 0px 20px;
  height: 45px; 
  background: #f7efda url(img/hg_contentfooter.jpg) no-repeat;   
}

#teaser {
  clear: left;
  float: left;
  width: 965px;
  padding: 0px 19px 0px 19px; 
}

#teaser .box {
  float: left;
  width: 223px;
  height: 170px;
  position: relative; 
}

#teaser .box p {
  text-align: right;
}

#teaser .box a {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 210px;
  height: 40px;
}

#teaser .rundgang {
  background: transparent url(img/box_news.jpg) no-repeat;
    
}

#teaser .rundgang p {
  width: 106px;
  padding: 47px 0px 0px 102px;
  line-height: 15px; 
}

#teaser .verkauf {
  background: transparent url(img/box_verkauf.jpg) no-repeat;
  margin: 0px 24px 0px 24px; 
}

#teaser .verkauf p {
  width: 90px;
  padding: 47px 0px 0px 123px;
  line-height: 15px; 
}

#teaser a {
  text-indent: -10000px;
}

#teaser .produkte {
  background: transparent url(img/box_produkte-bennator.jpg) no-repeat;
  margin: 0px 24px 0px 0px;   
}


#teaser .produkte p {
  width: 145px;
  padding: 49px 0px 0px 67px; 
  line-height: 15px;
}

/*alter Produkt-Teaser
#teaser .produkte {
  background: transparent url(img/box_produkte.jpg) no-repeat;
  margin: 0px 24px 0px 0px;   
}


#teaser .produkte p {
  width: 98px;
  padding: 47px 0px 0px 115px; 
}
*/

#teaser .preis {
  background: transparent url(img/box_preis.jpg) no-repeat; 
}

#teaser .newsbox {
   background: transparent url(img/box_news-rueckblick-brauereifest-2010.jpg) no-repeat;
   color: #fff;
   text-align: right;
   width: 113px;
   padding: 45px 10px 0 100px;
}

#teaser .preis p {
  width: 123px;
  padding: 47px 0px 0px 90px; 
  line-height: 15px;
}

#footer {
  clear: left;
  float: left;
  text-align: right;
  width: 965px;
  height: 105px;
  margin: 10px 0px 0px 0px;
  padding: 0px 19px 0px 19px;
  background: transparent url(img/hg_footer.jpg) top no-repeat;      
}

#footer a {  
  float: right;   
  margin: 65px 0px 0px 25px;
  color: #a19b86;
  text-transform: uppercase;
  text-decoration: underline;
}

#footer a:hover, #footer a.aktiv {
  text-decoration: none;
}

img {
  padding: 0px;
  margin: 0px;
  border: 0px; 
}

/*sitemap*/

.tx-flseositemap-pi1 {
  clear: left;
  float: left;
  width: 880px;
  padding: 40px;
}   

.tx-flseositemap-pi1 ul {
  list-style: square;
  margin: 0px;
  padding: 0px 0px 10px 15px; 
}

.tx-flseositemap-pi1 ul li {
  clear: left;
  float: left;
  padding-top: 5px;
}

.tx-flseositemap-pi1 ul li a {
  text-decoration: underline;
}

.tx-flseositemap-pi1 ul li a:hover {
  text-decoration: none;
}

.tx-flseositemap-pi1 ul .deep0 {
  list-style: none;
  padding: 5px 0px 5px 10px;
  margin: 0px 0px 15px -15px; 
  background: #fbf8ed;
  width: 100%;
}

.tx-flseositemap-pi1 ul .deep0 a {
  font-weight: bold;
}

.tx-flseositemap-pi1 ul .deep1 {  
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 100px; 
}

.tx-flseositemap-pi1 ul .deep1 li {
  padding: 3px 0px 3px 100px;
} 

.tx-flseositemap-pi1 ul .deep1 .first {
   margin: -20px 0px 0px 0px; 
}

.tx-flseositemap-pi1 ul .deep1 a {
  font-weight: normal;
}

.tx-flseositemap-pi1 ul .deep2 {  
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 20px; 
}

.tx-flseositemap-pi1 ul .deep2 li {
  padding: 3px 0px 3px 100px;
} 

.tx-flseositemap-pi1 ul .deep2 .first {
   margin: -20px 0px 0px 0px; 
}

.tx-flseositemap-pi1 ul .deep2 a {
  font-weight: normal;
}

/*gaestebuch*/

.tx-guestbook-result { float: left; color: #817459;}
.tx-guestbook-comment {margin-left: 20px;}
.tx-guestbook-header { display: none; }
.tx-guestbook-date { margin: 0; }
.gb-left { float: left; width: 150px; }
.gb-right { float: left; }
.gb-pagination { float: right; color: #817459; }
.gb-pagination a { font-weight: normal; color: #817459; text-decoration: underline;}
.freecap-span, .tx-srfreecap-pi2-cant-read { color: #fff; }
img.tx-srfreecap-pi2-image { margin: 0 0 5px 0; border: 1px solid #000; width: 150px; }
tx-guestbook-field input#freecap { width: 146px; }
#freecap_img { float: left; margin-right: 15px; padding-top: 3px; }
#freecap_info { float: left; width: 220px; }

.links_small { clear: left; float: left; width: 120px; padding-top: 5px; }
.rechts { float: left; padding-top: 5px;  }
.rechts input, .rechts textarea { width: 360px; border-left: 1px solid #fff; border-bottom: 1px solid #9d9279; border-top: 1px solid #fff; border-right: 1px solid #9d9279; background: #f3edd8}
.rechts img {float: left; padding-right: 15px;}
.rechts .inp_plz { width: 195px;}
.rechts .btn { margin: 0px 0px 10px 285px; width: 195px; background: #817459; color: #f3edd8; border: none;}

fieldset { border: 0px; margin: 0px; padding: 0px;}

.rechts .inp_ort { width: 175px; margin-right: 8px;}
.rechts .inp_code { width: 230px;}
.red { color: #930e11; }

#anrede-Frau { width: 20px;}
#anrede-Herr { width: 20px; margin-left: 100px;}

.clear {
  clear: left;
}

/*veranstaltungen*/

.event {
  font-family: "Georgia";
  font-size: 18px;
  padding: 0px;
  margin: 30px 0px 20px 0px;
  border-bottom: 1px solid #817459;
}

.event td {
  border-top: 1px solid #817459;
  vertical-align: top;
  padding: 20px 0px 15px 0px;
  width: 277px;
}

.event .teaser {
  padding: 10px 0px 0px;
  font-size: 11px;
  
}

/*haendlersuche*/

#content .haendler {
  float: left;
  background: #fbf8ed;
  border: 2px solid #c0b9ac;
  width: 235px;
  height: 80px;
  padding: 10px 15px 10px 15px;
  margin: 10px 23px 10px 0px;
}

#content .haendler .head {
  font-weight: bold;
  font-family: Georgia;
}

a.snavi {
  background: #fbf8ed;
  color: #817459;
  padding: 3px 6px 3px 6px;
  margin: 3px;
  border: 1px solid #817459; 
  text-decoration: none !important;
  font-weight: normal !important;
}

a.snavi_a, a.snavi:hover {
  background: #817459;
  color: #fbf8ed !important;
  border: 1px solid #817459; 
  text-decoration: none !important;
  padding: 3px 7px 3px 7px;
  margin: 2px;
}

.slinks {
  clear: left;
  float: left;
  width: 50px;
  font-weight: bold;
  padding: 3px 0px 3px 0px;
}

.srechts {
  float: left;
  width: 200px;
  padding: 3px 0px 3px 0px;
}

.srechts input, .srechts select {
  width: 200px;
  border: 2px solid #c0b9ac;
  background: #fbf8ed;
  color: #817459;
  font-size: 11px; 
  height: 18px;
}

.srechts select {
  width: 204px;
  height: 21px;
}

.srechts .sbtn { width: 204px; background: #817459; color: #f3edd8; border: none; font-weight: bold;}

.csc-textpic ul {
	list-style: none !important;
	padding: 0;
	margin: 0;

}
.csc-textpic li { 
	padding: 0; 
	margin: 0 20px 20px 0;
	float: left; 
	background: none !important;
}



.item { clear: left; float: left; width: 100%; padding: 0 0 20px 0; margin: 0 40px 0 40px; }
.box_news {  clear: left; float: left; background: #fbf8ed; width: 860px; padding: 10px; margin: 10px 0 10px 0;  }
span.datum { color: #817459; font-weight:normal; font-size: 14px; font-family: Georgia; line-height: 18px; text-align:bottom; padding: 0 0 20px 0;}
span.h3 { font-size: 18px; font-family: Georgia;font-style: italic; font-weight: bold; line-height: 18px; text-align:bottom;}
.box_news .csc-textpic { float: left; padding: 0 20px 0 0; }
.box_news p { float: left; width: 500px; }
.box_news p.breiterabsatz { float: left; width: 800px; }

.moreinfo{margin:5px 0px;padding:2px 10px;text-align:center;text-decoration:none !important;color:#fff !important;background:#817459;border-top:1px solid #cdc7bd;border-bottom:1px solid #cdc7bd;}
.pad10{padding:0px 0px;}
