/* ########## Layout ID's ########## */

html, body {
	margin:0;
	padding:0;
	}

body {
background: url(/images/hintergrund.jpg) no-repeat #fff;
font: normal 0.9em/140% Verdana Arial, sans-serif;
color: #666;
}

img#logo {
position: absolute;
top: 75px;
left: 25px;
}

#hgThumbs {
background: url(/images/hgThumbs.jpg) no-repeat #746;
margin: 0 0 0 190px;
width:auto;
height:82px;
}

#content {
margin-left: 185px;
width:825px;
}

#content #left {
float:left;
width: 175px;
}

#content #right {
margin-left: 150px;
padding: 10px 40px 20px 80px;
}

#content #footer {
margin-left: 150px;
margin: 0 100px 0 230px;
padding: 5px 0 20px 0;
border-top: 1px solid #968;
}

#content #footer img#wappen {
position: relative;
float:right;
right:-90px;
top:-50px;
}

#content #footer a {
color: #968;
font-size: 90%;
text-decoration: none;
margin-right:15px;
}

#content #footer a:hover {
color: #635;
}

#content #footer #print {
position: relative;
float:right;
right:-90px;
}

#content #footer #copyright {
font-size:80%;
}

/* ########## Menu ########## */

#content ul#menu li, #content ul#menuSprachen li {
margin:0;
padding:0;
}

/* ########## Menu Hauptnavigation ########## */

#content ul#menu {
margin:10px 0 0 0;
padding:0 0 10px 0;
list-style-type: none;
text-align: right;
line-height: 180%;
border-bottom: 1px dotted #999;
}

#content ul#menu li a  {
color: #746;
display:block;
padding: 0 15px 0 10px;
text-decoration: none;
}

#content ul#menu li a:hover  {
color: #fff;
background: url(/images/menuHover.jpg) repeat-y right;
}

body.weingut #left a#navWeingut, body.weingut #left a#navWeingut:hover,
body.aktuelles #left a#navAktuelles, body.aktuelles #left a#navAktuelles:hover,
body.weine #left a#navWeine, body.weine #left a#navWeine:hover,
body.zimmer #left a#navZimmer, body.zimmer #left a#navZimmer:hover,
body.angebote #left a#navAngebote, body.angebote #left a#navAngebote:hover,
body.anfrage #left a#navAnfrage, body.anfrage #left a#navAnfrage:hover,
body.anfahrt #left a#navAnfahrt, body.anfahrt #left a#navAnfahrt:hover,
body.impressum #left a#navImpressum, body.impressum #left a#navImpressum:hover,
body.english #left a#navEnglish, body.english #left a#navEnglish:hover,
body.francais #left a#navFrancais, body.francais #left a#navFrancais:hover,
body.niederlands #left a#navNiederlands, body.niederlands #left a#navNiederlands:hover,
body.paelzisch #left a#navPaelzisch, body.paelzisch #left a#navPaelzisch:hover {
color: #fff;
background: url(/images/menuActive.jpg) repeat-y right;
}

/* ########## Menu Sprachnavigation ########## */

#content ul#menuSprachen {
margin:10px 0 10px 0;
padding:0;
list-style-type: none;
text-align: right;
line-height: 180%;
}

#content ul#menuSprachen li a  {
color: #777;
display:block;
padding: 0 20px 0 10px;
text-decoration: none;
}

#content ul#menuSprachen li a:hover  {
color: #fff;
background: url(/images/menuHover.jpg) repeat-y right;
}

/* ########## Elemente und Klassen ########## */

table {
border-top: 1px dotted #999;
width:100%;
}

table td {
font: normal 100%/140% Verdana Arial, sans-serif;
color: #666;
padding: 4px 0;
}

input.button {
background: #eee;
padding:2px 4px;
margin: 10px 40px 10px 0;
}

input.button:hover, #formular input.button:hover {
background: #968 !important;
color: #fff;
}

input, textarea, select {
font: normal 100%/140% Verdana Arial, sans-serif;
color: #635;
padding: 4px;
border: 1px dotted #aaa;
background: #fff;
}

input:hover, textarea:hover {
background: #efefef;
}

textarea {
width:320px;
margin-top:4px;
}

hr	{
background-color:#999; 
color:#999; 
height:1px; 
border-style:none;
margin: 12px 0;
}

.clear {
clear:both;
}

.floatRight {
float: right;
}

#right ul.angebot {
margin:-4px 0 20px;
padding:0;
list-style: none;
}

#right ul.angebot li {
background: #fff;
border-top: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
padding:8px 10px;
margin: 8px 0;
}

#right .box {
background: #fff;
border-top: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
padding:8px 10px 16px;
margin: 0 0 24px 0;
}

#right .box ul li {
padding: 2px 0;
}

#right .boxWein {
background: #fff;
border-top: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
padding:8px 10px;
margin: 0 0 40px 0;
}

#right .boxLogin {
background:#968;
margin: 20px 50px 100px 0;
text-align: center;
font-weight:bold;
border-top: 1px solid #635;
border-bottom: 1px solid #635;
letter-spacing: 1%;
}

#right .boxLogin a {
padding:4px;
background:#ddbbcc;
color: #635;
display: block;
text-decoration:none;
}

#right .boxLogin a:hover {
background:#968;
color: #fff;
}

/* ######## Slider AGBs ######## */

#right #vertical_slide {
	background: #efefef;
	padding: 0 10px;
	border: 5px solid #ddbbcc;
}

#right a.buttonAGB {
padding:4px 12px;
background:#ddbbcc;
color: #635;
display: block;
text-decoration:none;
margin: 10px 0;
font-weight:bold;
}

#right a.buttonAGB:hover {
background:#968;
color: #fff;
}

#printAdress {
display:none;
}