/*
 ***************************** Seite global *****************************
 */
body {
  margin: 0;
  padding: 0;
  background-color: #dfe7f4;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif
}
a {
  text-decoration: none;
  font-weight: bold;
  color: #083155
}
a:hover {
  text-decoration: underline
}
/*
 ***************************** Intro *****************************
 */
#intro {
  display: block;
  margin: 20px auto
}
/*
 ***************************** Container *****************************
 */
#container {
  width: 958px;
  position: relative;
  margin: 10px auto;
  padding: 0;
  border: none
}
/*
 ***************************** Kopfbereich *****************************
 */
#head {
  width: 958px;
  height: 168px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer
}
#head img {
  border: none
}
#headerimage {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0
}
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
#stamp {
  width: 180px;
  height: 105px;
  position: absolute;
  top: 10px;
  left: 270px;
  z-index: 2
}
/*
 ***************************** Navigationsbereich *****************************
 */
#navigation {
  width: 174px;
  position: absolute;
  top: 168px;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0
}
#topnav, #bottomnav {
  margin: 0;
  padding: 0;
  border: none
}
#topnav {
  height: 37px;
  background-image: url(../images/design/topnav.gif)
}
#bottomnav {
  height: 42px;
  background-image: url(../images/design/bottomnav.gif);
  cursor: pointer
}
#navbar {
  margin: 0;
  padding: 0 20px 20px 20px;
  background-color: #083155;
  color: white;
  vertical-align: top
}
#navbar p {
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  font-weight: bold
}
#navbar ul {
  margin: 8px 0 20px 20px;
  padding-left: 0;
  display: none
}
#navbar li {
  font-size: 12px
}
#navbar li a {
  font-weight: normal
}
#navbar hr {
  width: 100%;
  height: 1px;
  border-style: solid;
  border-color: white;
  border-width: 1px 0 0 0
}
#navbar a {
  color: white
}
#werbung {
  margin: 20px auto 0px auto;
  padding: 0;
  border: none
}
#werbung img {
  border: none
}
/*
 ***************************** Inhaltsbereiche *****************************
 */
/********** Dekoration **********/
table.idxtbl {
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  table-layout: fixed;
  background-color: white;
  empty-cells: show
}
table.idxtbl td.topleft {
  height: 32px;
  width: 21px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/design/i_top_l.gif)
}
table.idxtbl td.top {
	height: 32px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #083155;
	color: white;
	font-weight: bold;
	font-size: 14px
}
table.idxtbl td.topright {
  height: 32px;
  width: 21px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/design/i_top_r.gif)
}
table.idxtbl td.middle {
  margin: 0;
  padding: 0;
  border-left: solid 2px #083155;
  border-right: solid 2px #083155;
  vertical-align: top
}
table.idxtbl td.bottomleft {
  height: 32px;
  width: 21px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/design/i_bottom_l.gif)
}
table.idxtbl td.bottom {
  height: 30px;
  margin: 0;
  padding: 0;
  border-bottom: solid 2px #083155
}
table.idxtbl td.bottomright {
  height: 32px;
  width: 21px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/design/i_bottom_r.gif)
}
/********** Hauptseite **********/
#page {
  width: 776px;
  position: absolute;
  top: 168px;
  right: 0
}
#pagetitle {
  float: left
}
#buttons {
  padding-top: 3px;
  float: right;
  font-size: 12px
}
#buttons a {
  font-weight: normal;
  color: white
}
#content {
  padding: 10px 20px 0 20px
}
#content th {
  font-weight: bold;
  text-align: right;
  vertical-align: top
}
#content img  {
  border: none
}
#content h2 {
  font-size: 15px;
  font-weight: bold
}
#content h3 {
  font-size: 13px;
  font-weight: bold
}
#content h4 {
  font-size: 12px;
  font-weight: bold
}
#content .quelle {
  font-size: 10px
}
#content .blind {
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0
}
table.fgg {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0
}
table.fgg tr.odd {
  background-color: #cccccc
}
table.fgg td, table.fgg th {
  padding: 3px;
  border: 1px solid #cccccc;
  text-align: left !important
}
table.fgg th {
  white-space: nowrap;
}
table.fgg td:first-child {
    background-color: white
}
#content .fieldname {
  padding-right: 15px
}
#content .produktfoto {
  float: left;
  margin: 0 24px 24px 0
}
table.biertbl {
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0
}
table.biertbl tr > td {
  vertical-align: top
}
td.biertblright {
  width: 50%;
  padding-right: 20px;
  border-right: solid 1px #083155
}
td.biertblleft {
  width: 50%;
  padding-left: 20px;
  border-left: solid 1px #083155
}
table.infotbl th {
  width: 100px;
  text-align: left !important
}
table.infotbl td {
  vertical-align: top
}
#content hr {
  height: 1px;
  border-style: solid;
  border-color: #083155;
  border-width: 1px 0 0 0
}
.footnote {
  font-size: 10px;
  clear: both
}
table.archivtbl th {
  padding-bottom: 10px;
  text-align: left !important;
  text-decoration: underline
}
table.archivtbl td {
  padding-bottom: 10px;
  padding-right: 10px;
  vertical-align: top
}
table.archivtbl td:first-child {
  white-space: nowrap
}
table.standard {
  border-collapse: collapse
}
table.standard th {
  text-align: center !important;
  background-color: #dfe7f4
}
table.standard th, table.standard td {
  vertical-align: top;
  padding: 8px;
  border: 1px solid #cccccc
}
table.bilder th, table.bilder td {
  vertical-align: top;
  text-align: center !important;
  padding: 5px 10px
}
/********** Unterseiten **********/
.subpage {
  background-position: bottom;
  position: absolute;
  top: 508px; /* Position ggf. anpassen */
 }
#subpage1 {
  background-image: url(../images/main/tastings.jpg); /* Hier Hintergrundbild anpassen */
  width: 253px;
  left: 182px
}
#subpage2 {
  background-image: url(../images/main/special.jpg); /* Hier Hintergrundbild anpassen */
  width: 254px;
  left: 443px
}
#subpage3 {
  background-image: url(../images/main/prospekt.jpg); /* Hier Hintergrundbild anpassen */
  width: 253px;
  right: 0
}
.subcontent {
  height: 138px; /* Hier ggf. Höhe anpassen */
}
