/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:85%;
	color:#808081;
	background: #EEEFE8 url(../upload/design/hg.gif) top center;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
}

h1 {
	color:#565F19;
	text-transform:uppercase;
}

h2{
	color:#565F19;
	font-size:95%;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

a {
	color:#565F19;
}

p {
	margin:0;
	margin-bottom:1em;
}

.fett {
	font-weight:bold;
}

.kursiv {
	font-style:italic;
}

.klein {
	font-size:80%;
}

.rot{
	color:red;
}

.amazon {}

#inhaltsbereich .amazon img {
	border:none;
}


/****************************
+++ Grundstruktur +++
****************************/
#top {
	background: url(../upload/design/top-hg.gif);
	height:193px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#sprachen {
    left: 205px;
    position: absolute;
    top: 4px;
}

#header {
	position:relative;
	height:213px;
	width:960px;
	margin:0 auto;
	background: url(../upload/design/hg-header.gif);
	z-index:1;
}

#kopfzeile {
	position:relative;
	height:24px;
	text-align:right;
	font-size:90%;
}

#kopfzeile ul {
	position:absolute;
	bottom:2px;
	right:10px;
	margin:0;
	padding:0;
	list-style:none;
}

#kopfzeile ul li {
	float:left;
	padding-left:1em;
	font-size:90%;
}

#kopfzeile a {
	text-decoration:none;
	text-transform:uppercase;
}

#logo {
	width:285px;
	padding: 50px 0px 0px 195px;
	float:left;
}

#logo h1 {
	color:white;
	text-transform:uppercase;
	margin-top:0.8em;
	font-size:14px;
}

#imagebild {
	float:left;
	width:480px;
}

#mittleresblatt {
	position:absolute;
	top:25px;
	left:855px;
	width:124px;
	height:120px;
	background: url(../upload/design/blatt-mittel.png);
}

#kleinesblatt {
	position:absolute;
	top:140px;
	left:440px;
	width:78px;
	height:75px;
	background: url(../upload/design/blatt-klein.png);
}

#wein {
	margin:0 auto;
	padding:10px 0 40px 0;
	width:960px;
	background: url(../upload/design/hg-inhalt.gif);
}

#navigation {
	width:180px;
	padding: 0 10px 0 0;
	float:left;
}

#inhaltsbereich {
	width:542px;
	padding: 0.6em 20px;
	float:left;
}

#inhaltsbereich img {
	border: 8px solid #EEEFE8;
	float:left;
	margin:0 1em 0.5em 0;
	clear:left;
}

#inhaltsbereich img.bildinhalt {
	border: 8px solid #EEEFE8;
	float:left;
	margin: 0em 1em 0.5em 0;
}

#inhaltsbereich img.bildinhalt.zwei {
	margin-top:1em;
}

#inhaltsbereich img.mehr {
	border: 0px;
	float:none;
	margin: 3px 0 0 0;
	clear:none;
}

#rechts {
	width:165px;
	padding:  0.6em 10px;
	float:left;
	font-size:80%;
}

#fusszeile {
	border-top: solid 1px #565F19;
	border-bottom: solid 10px #565F19;
	background:white;
	margin:0 auto;
	margin-bottom:30px;
	width:950px;
	text-align:right;
	font-size:90%;
	padding: 0.5ex 10px 0.5ex 0;
}

/****************************
+++ Inhaltsbereich +++
****************************/

.zeile {
	width:547px;
	clear:both;
	margin:0 0 1em 0;
}

.headline {
	height:40px;
	position:relative;
	margin:0em 0 1em 0;
	background: #EEEFE8 url(../upload/design/weintraube.gif) no-repeat center left;
}

.headline h1 {
	position:absolute;
	bottom:10px;
	margin-left:4em;
}

.subline {
	color:#565F19;
}

.kklein, .schmal {
	width:250px;
	margin-right:20px;
	margin-top:0;
	float:left;
}

.kklein .headline, .schmal .headline {
	margin-top:2em;
}

.rechts {
	margin-right:0px;
}


/****************************
+++ Rechter Bereich +++
****************************/
.kasten {
	background:#EEEFE8;
	padding:5px;
	margin-bottom:1em;
}


.kasten h2 {
	color:#565F19;
	text-transform:uppercase;
	padding-left:30px;
	background:url(../upload/design/blatt.gif) no-repeat top left;
	height:3em;
}

.kasten h2.facebook {
	color:#565F19;
	text-transform:uppercase;
	padding-left:0px;
	background:none;
	height:3em;
}

.kasteninnen {
	background:white;
	padding:5px;
	position:relative;
}

.kasteninnenohne {
	background:white;
	padding:0px;
	position:relative;
}

.kasteninnenohne iframe {
	background:none;
}

#rechts form {
	margin:0;
}

#rechts label {
	text-transform:uppercase;
	color: #565F19;
	margin:0.3em 0px;
	display:block;
	padding:0;
}


#rechts form input, #rechts form select {
	font-size:90%;
	width:auto;
	margin:0;
	padding:0;
}

#rechts form input.button {
	background:#565F19;
	width:100%;
	text-transform:uppercase;
	color:white;
	padding:1px;
	border: solid 1px #565F19;
	font-size:90%;
	margin-top:0.6em;
}


/****************************
+++ Weingasthof Daten +++
****************************/

#adresse {
	background: #F9FAF3;
	padding:10px;
}

#daten {
	width:290px;
	float:left;
	padding-right:10px;
}

#karte {
	width:216px;
	float:left;
	font-size:90%;
}

/****************************
+++ Übersicht +++
****************************/

.seiten {
	padding-top:1em;
	display:block;
}

.datenuebersicht {
	clear:both;
	padding-bottom:2em;
}

.datenuebersicht div {
	padding-top:0.5em;
}

/****************************
+++ Bildergalerien +++
****************************/

#galerie {
	text-align:center;
}

#galerie img {
	padding:0;
	margin:0;
	float:none;
}

#galerie .vorschau {
	float:left;
	margin-right:10px;
	padding:0;
	text-align:left;
}

#galerie .beschreibung {
	height:1em;
	padding:0.2em 0 1em 0;
}

#galerie #navigation {
	width:100%;
}

.navigation {
	float:left;
	width:33%;
	text-align:center;
}



/****************************
+++ Navigation +++
****************************/
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation li {
	padding-left:28px;
	margin-left:3px;
	margin-top:0.6em;
	list-style:none;
}

#navigation li.act {
	background:url(../upload/design/blatt.gif) no-repeat top left;
	margin-top:0.2em;
}

#navigation li.zwei {
	margin-left:15px;
	font-style:italic;
	font-size:95%;
}


#navigation li.drei{
	margin-left:38px;
}

#navigation a {
	color:#565F19;
}

#navigation li.act a {
	display:block;
	font-weight:bold;
	padding-top:0.4em;
	padding-bottom:0.5em;
}

#navigation li.actn {
	margin-top:0.1em;
}

#navigation li a, #navigation li.act li a {
	text-decoration:none;
	font-weight:normal;

}

#navigation ul ul li {
	margin-left:20px;
}