body{
  font: 10pt "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
        line-height: 15pt;
        color: #000000;
  background-color: #ACA793;
        overflow: hidden;
}

/* div.table, tr, td: dienen zur vertikalen und horizontalen Positionierung der eigentlichen Seite */
div.table{ 
        display: table;
        width: 90%;
        height: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        padding: 1%;
}

div.tr{ 
        display: table-row;
}

div.td{
        display: table-cell;
        vertical-align: middle;
}

/* #rahmen: haelt die div-Boxen zusammen */
#rahmen{
        width: 790px;
        height: 430px;
        margin-left: auto;
        margin-right: auto;
}

/* #header: beinhaltet die Navigation */
#header{
        position: relative;
        width: 790px;
        height: 116px;
        background: url(img/navi.jpg);
        top: auto;
        overflow: auto;
}

/* #navi: beinhaltet die Navigazionspunkte(einzelne Bereiche der Seite werden angesteuert) */
#navi{
        position: relative;
        top: 84px;
        width: 790px;
        height: 20px;
        z-index: 1;
}

/* #left: Wappen Benedikt Kiebel */
#left{
        float: left;
        width: 146px;
        height: 282px;
        background: url(img/left.gif);
  top: auto;
        overflow: auto;
}

/* #contet: beinhaltet den Hauptinhalt der einzelnen Bereiche */
#content{
        max-width: 644px;
        min-width: 644px;
        max-height: 282px;
  min-height: 282px;
        color: #000000;
        background-color: #DBD2B0;
        overflow: auto;
}

/* #bottom: unterer Balken(Weingut Benedikt Kiebel) */
#bottom{
        float: left;
        width: 790px;
        height: 32px;
        background: url(img/bottom.gif);
  top: auto;
        overflow: auto;
}

/* .title, .date, .shortinfo: Klassen fuer die Darstellung der Events */
.title{
        max-width: 410px;
        font-size: 12pt;
        font-weight: bold;
        color: #A45945;
        background-color: #DBD2B0;
}

.date{
        padding-top: 3px;
        font-size: 8pt;
}

.shrotinfo{
        padding-top: 10px;
        font-size: 10pt;
        max-width: 410px;
}

/* .text: eine Klasse fuer die Darstellung des Contents, zu dem auch ein Bild existiert(Bsp.: Weingut -> img/weingut.jpg) */
.text{
        white-space: normal;
        max-width: 410px;
        min-width: 410px;
        padding-right: 25px;
}

/* .img: eine Klasse, die das zu .text zutreffende Bild darstellt */
.img{
        position: relative;
        top: 0px;
        left: 580px;
        width: 179px; 
        height: 278px;
}

/* .text_only: eine Klasse fuer die Darstellung des Contents, zu dem kein Bild existiert(Bsp.: Events) */
.text_only{
        white-space: normal;
        max-width: 620px;
        min-width: 620px;
}

/* img.content: korrekte Positionierung der Bilder */
img.content{
        position: relative;
        top: -314px;
}

/* .stats, .statsinfo: spezielle Klassen fuer die Darstellung der Unterseite Statistik */
.stats{
        float: left;
        width: 200px;
        height: 192px;
        padding-bottom: 10px;
}

.statsinfo{
        float: left;
        padding-top: 50px;
        padding-left: 10px;
        padding-bottom: 10px;
        min-width: 190px;
        min-height: 142px;
}

/* .gb_title, .gb_text, .gb_date, .gb_comment, .gb_neuer_eintrag: Klassen fuer die Darstellung des Gaestebuchs  */
.gb_title{
        font-size: 10pt;
        padding-bottom: 5px;
}

.gb_text {
        font-size: 10pt;
        color: black;
        background-color: #DBD2B0;
        padding-bottom: 5px;
}

.gb_date{
        padding-top: 3px;
        font-size: 8pt;
        padding-bottom: 5px;
}

.gb_comment {
        font-size: 8pt;
        color: black;
        background-color: #DBD2B0;
        padding-bottom: 25px;
}

.gb_neuer_eintrag{
        float: right;
}

/* .pl_info, .pl_preis: Klassen fuer die Darstellung der Preislisten fuer das Gaestehaus */
.pl_info{
        float: left;
        width: 156px;
        max-width: 156px;
        font-weight: bold;
        text-align: right;
        padding-bottom: 30px;
		  
}

.pl_preis{
        float: left;
        width: 236px;
        max-width: 236px;
        padding-left: 10px;
        padding-bottom: 30px;
}

/* h1, h2, h3, h4: Standardklassen der Ueberschriftendarstellung */
h1{
        font-size: 14pt;
        font-weight: bold;
        color: #A45945;
        background-color: #DBD2B0;
}

h2{
        font-size: 12pt;
        font-weight: bold;
        color: #A45945;
        background-color: #DBD2B0;
}

h3{
        font-size: 11pt;
        font-weight: bold;
        color: #A45945;
        background-color: #DBD2B0;
}

h4{
        font-size: 10pt;
        font-weight: bold;
        color: #A45945;
        background-color: #DBD2B0;
}

/* a:active, a:visited, a:link, a:hover: Standardklassen der Linkdarstellung */
a:active, a:visited, a:link {
        color: #A45945;
        background-color: #DBD2B0;
  font-size:10pt;
        text-decoration: none;
}

a:hover {
        color: #A45945;
        background-color: #DBD2B0;
        text-decoration: underline;
}

/* li.gh: Standardklassen der Listendarstellung fuer den Bereich Gaestehaus */
li.gh{
        padding-bottom: 5px;
}

td.head {
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
        font-size: 10pt;
        background-color: #A45945;
        color: #DBD2B0;
        z-index: 2;
}



td.tdtext {
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
        font-size: 10pt;
        color: black;
        z-index: 2;
}