* {	
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: no-repeat;
}

html, body, #page {
	min-height: 101%;
}


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-decoration: none;
	color: #bebbb7;
	background: url(images/bg_wappen.gif) no-repeat fixed left bottom #2f3133;
}

h1, h4 {
	font-weight: normal;
	font-size: 21px;
	text-transform: uppercase;
	margin: 0 0 22px 0;
	letter-spacing: 1px;
}
	h1 small, h5 small {
		text-transform: none;
		font-size: 14px;
		font-style: italic;
	}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 5px 0;
}

h3 {
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	margin: -21px 0 20px 0;
}
h4 {
	font-size: 18px;
	margin: 0 0 10px;
}
	h4.year {
		text-transform: none;
		margin: 5px 0 0 0;
		/*border-top: 1px solid #66635E;*/
	}
	h4 small {
		font-size: 13px;
		text-transform: none;
		font-style: italic;
	}
		small.region {
			font-style: normal;
		}
h5 {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #66635E;
	width: 330px;
	padding: 0 0 1px 0;
}
	h5 small {
		font-size: 11px;
	}

p {
	line-height: 22px;
	margin: 0 0 21px 0;
}
	p.upper {
		text-transform: uppercase;		
		letter-spacing: 1px;
	}
	p.data {
		font-size: 12px;
		margin: 20px 0 0 0;
	}
	.wine p.data {		
		margin: -10px 0;
		border-bottom: 1px solid #66635E;
	}
strong, abbr {
	font-weight: bold;
}
fieldset {
	border: 1px solid #FFFFFF;
	margin: 0 0 25px;
	padding: 10px;
}
	legend {
		padding: 0 5px;
	}

cite {
	font-style: italic;
}
	cite:before {
		content: '\00BB';
	}
	cite:after {
		content: '\00AB';
	}	
	


/* SliderList */
.sliderList {
	/* margin: 42px 0 34px 0; */
	margin: 0 0 20px 0;
}
.head {
	margin: 0 0 9px 0;
	cursor: pointer;
	border-bottom: 1px solid #66635e;
}
	.head h1 {
		/* margin: 22px 0 5px 0; */
		margin: 0 0 5px 0;
	}
	.head h3 {
		margin: 0 0 5px 0;
	}
.hint {
	font-size: 10px;
	text-transform: uppercase;
	margin: -15px 0 0 0;
	color: #66635e;
}
	.hint:before {
		content: url(images/expand.png) 'weiterlesen';
	}	
		.active .hint:before {
			content: url(images/collapse.png) 'schließen';
		}
.body p:last-child {
	margin: 0;
}


.right {
	float: right;
}

#page {
	position: absolute;
	background: url(images/bg.gif) left repeat-y;
}

#logo {
	margin: 10px 0 0 672px;
	z-index: 10;
	position: absolute;
}

#banner {
	margin: 60px 0 35px  0;
	overflow: hidden;
}
	#banner .line {
		margin: 3px 0;
		height: 1px;
		background: url(images/line.png) no-repeat;
	}
	#slogan {
		margin: 2px 1px;
		width: 400px;
		height: 14px;
		float: right;
		background: url(images/slogan.gif) no-repeat;
	}

#menu {
	width: 147px;
	padding: 0 7px;
	margin: 0 10px 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: right;
	list-style-type: none;
	letter-spacing: 1px;
	font-size: 11px;
	float: left;
	color: #66635e;
}
	#menu a {
		color: inherit;
		text-decoration: none;
		display: block;
	}
		#menu a:hover, #menu .active {
			color: #bebbb7;
		}
		#menu .active li:hover a, #menu .selected {
			background: url(images/star.gif) right top no-repeat;
		}
			#menu .active li:hover a, #menu a.selected {
				color: #bd982a;
			}
	#menu li a {
		padding: 0 14px 10px 0;
	}
	/* disable hover for ico */
	#menu .stopper .selected,	#menu .social .selected {
		background: none;
		color: inherit;
	}

#menu ul ul {
	list-style-type: none;
	margin: -5px 0 4px;
}
	#menu ul ul:before, #menu ul ul:after, #menu .break:before {
		content: url(images/bg_menu.gif);
	}
	#menu ul ul li:first-child {
		margin: 4px 0 0 0;
	}
	#menu ul ul li:last-child {
		margin: 0 0 -5px 0;
	}


	/* webkit */
	#menu .break {
		margin: -5px 0 0 0;
	}
		#menu .break a:first-child {
				margin: 4px 0 0;
		}


#meta {
	font-size: 9px;
	margin: 15px 0;
}
	#meta li a {
		padding: 0 14px 5px 0;
	}

.stopper {
	width: 67px;
	position: relative;
	z-index: 10;
	left: 95px;
	top: 3px;
}

.social {
	margin: 0 14px 5px 0;
	text-align: right;
}
	#menu .social a {
		display: inline;
	}
	.social img {
		margin: 0 0 0 2px;
	}

	
#content {
	width: 634px;
	overflow: hidden;
	padding: 0 0 20px 13px;
}
	/*
	#content h1:first-child {
		margin: 0 0 22px 0;
	}
	*/
	#content ul {
		list-style-type: none;
		margin: 0 0 25px 25px;
	}
		#content li {
			margin: 0 0 10px 0;
		}
	#content table {
		margin: 0 0 20px 20px;
	}
		#content td {
			padding: 0 0 5px 0;
			vertical-align: top;
			line-height: 20px;
		}
	#content a {
		text-decoration: none;
		color: #bd982a;
	}
		#content a:hover {
			text-decoration: underline;
		}

#footer {
	margin: 0 0 20px 184px;
	font-weight: bold;
	font-size: 11px;
	color: #66635e;
}
	#footer p {
		line-height: 16px;
		margin: 0;
	}


/* needs to be relative for bottom alignment */
.wine {
	display: none;
	margin: 0 0 20px 0;
	position: relative;
}
	.wine .hint {
		margin: 0;
		cursor: pointer;
	}
	.wine .hint:before {
			content: url(images/collapse.png) 'schließen';
		}
.wine-thumb {
	position: relative;
}
	.wine-thumb .img {
		height: 90px;
	}
		.wine-thumb .bottle, .wine-thumb .bottle-high {
			position: absolute;
			bottom: 20px;
		}
		.wine-thumb .bottle-high {
			bottom: 35px;
		}
.wine-button {
	position: absolute;
	right: 0;
	top: 15px;
}
.wine-button-s {
	bottom: 34px;
	position: absolute;
	right: 300px;
}

.profil {
	position: relative;
}
	.profil cite {
		font-size: 22px;
		line-height: 28px;
	}
		.profil .cite {
			margin: 0 0 5px 0;
			padding: 0 0 6px 0;
			border-bottom: 1px solid #2f3133;
		}
	.profil .txt {
		position: absolute;
		bottom: 10px;
		padding: 5px 10px;
		width: 300px;
		opacity: 0.8;
		background: #bebbb7;
	}
		.profil .txt.left {
			left: 10px;
		}
		.profil .txt.right {
			right: 10px;
		}
	.profil h2 {
		margin: 0;		
		cursor: pointer;
		color: #2f3133;
	}
		.profil .active h2 {			
			margin: 0 0 25px 0;
		}
			.profil .active .name {
				display: none;
			}
	
	.profil p {
		display: none;
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 15px 0;
		color: #2f3133;
	}
		.profil p:last-child {
			margin: 0px;
		}		
		.profil .active p {
			display: block;
		}
	.profil .hint {
		margin: 7px 0 0 0;
		color: #2f3133;
	}
		.profil .hint:before {
			content: url(images/collapse.png) 'mehr Infos';
		}	
			.profil .active .hint:before {
				content: url(images/expand.png) 'weniger Infos';
			}

.sticker {
	position: absolute;
	right: 0;
	top: 230px;
}

/* spinner */
.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #2f3133;
	padding: 25px;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(images/ajax-loader.gif) no-repeat;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}