/* CSS Document */

* {
border: none;
margin: 0;
padding: 0;
font-family: Georgia, serif;
}
body {
font-size: 14px;
color: rgb(0,0,0);
}

		/* 		BACKGROUNDS		 */
		
		body#start {
		background: url(../media/bg_start.jpg) 0 0 no-repeat rgb(255,255,255);
		}
		body#weine {
		background: url(../media/bg_weine.jpg) 0 0 no-repeat rgb(184,189,109);
		}
		body#weine_detail {
		background: url(../media/bg_weine_detail.jpg) 0 0 no-repeat rgb(184,189,109);
		}
		body#lagen {
		background: url(../media/bg_lagen.jpg) 0 0 no-repeat rgb(228,232,216);
		}
		body#weingut {
		background: url(../media/bg_weingut.jpg) 0 0 no-repeat rgb(231,214,53);
		}
		body#kontakt {
		background: url(../media/bg_kontakt.jpg) 0 0 no-repeat rgb(194,195,181);
		}
		
		/*		LOGOS		*/
		
		img#logo_weine {
		margin: 5px 0 0 7px;
		}
		img#logo_lagen {
		margin: 1px 0 0 0px;
		}
		img#logo_weingut, img#logo_kontakt {
		margin: -1px 0 0 0;
		}

h1 {
clear: left;
padding: 0 0 12px 0;
font-size: 19px;
line-height: 150%;
letter-spacing: 1px;
}
	h1 em {
	padding: 0;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	}
h1.margin_top {
clear: left;
padding: 12px 0 12px 0;
}
h1.margin_top_l {
padding-top: 35px;
}
h1.margin_top_larger {
padding-top: 125px;
}
h1.margin_top_xl {
padding-top: 150px;
}
h1.image_description {
line-height: 100%;
padding: 10px 0 0 0;
}
	h1.image_description span {
	font-weight: normal;
	font-size: 11px;
	}
h2 {
padding: 7px 0 5px 0;
font-size: 14px;
}
h3 {
padding: 7px 0 5px 0;
font-size: 14px;
font-weight: normal;
font-style: italic;
}
.bold {
font-weight: bold;
}
p {
padding: 0 0 5px 0;
line-height: 150%;
}
p.up {
padding: 15px 0 15px 0;
}
	p.up a:link, p.up a:visited {
	color: rgb(255,255,255);
	font-size: 10px;
	text-decoration: none;
	}
	p.up a:active, p.up a:hover {
	text-decoration: underline;
	}
p.small {
padding: 6px 0 0 0;
font-size: 11px;
font-style: italic;
}
p#side {
padding: 30px 0 0 0;
}
a:link, a:visited {
color: rgb(102,102,102);
text-decoration: none;
}
a:hover {
color: rgb(102,102,102);
text-decoration: underline;
}
a.bold_white {
color: rgb(255,255,255); font-weight: bold;
}
em a:link, em a:visited {										/* used: index newsbox */
font-size: 12px;
}
em.indent {
display: block;
margin: -3px 0 5px 0;
}
img.line {
display: block;
padding: 0 0 10px 0;
}
img.line_margin_top {
display: block;
padding: 10px 0 10px 0;
}
.gallery {
width: 280px;
padding: 6px;
background-color: rgb(255,255,255);
}
	.gallery a:link, .gallery a:visited, .gallery a:hover, .gallery a:active {
	font-family: Georgia, serif;
	}
	.gallery a:hover, .gallery a:active {
	text-decoration: underline;
	}
#top_120 {
margin-top: 120px;
}
#top_135 {
margin-top: 135px;
}
#arrow_nextwine {
position: absolute;
top: 405px;
left: 380px;
}
#arrow_previouswine {
position: absolute;
top: 405px;
left: 325px;
}
p#email a:link, p#email a:visited {								/* used: index, kontakt */
font-family: Georgia, serif;
color: rgb(51,51,51);
text-decoration: none;
}
p#email a:hover, p#email a:active {								/* used: index, kontakt */
text-decoration: underline;
}
select {
margin: 15px 0 0 0;
}
#form_output {
width: 100%;
height: auto;
overflow: auto;
padding: 15px 0 15px 0;
}
#form_output p {
padding-top: 10px;
}

/* 		FRAME FORMATS		 */

#container {
width: 1100px; /* 1000px */
height: auto;
margin: 0;
padding: 0;
}
	#header {
	width: 1000px;
	height: 130px;
	}
		ul#navi_sub {
		position: absolute;
		top: 120px;
		left: 385px;
		}
			ul#navi_sub li {
			float: left;
			list-style-type: none;
			}
				ul#navi_sub li a:link, ul#navi_sub li a:visited {				/* used: index, kontakt */
				color: rgb(0,0,0);
				font-family: Helvetica, Arial, sans-serif;
				font-size: 11px;
				}
				ul#navi_sub li a:active, ul#navi_sub li a:hover {				/* used: index, kontakt */
				font-weight: bold;
				text-decoration: underline;
				}
	#navi {
	width: 350px;
	height: auto;
	float: left;
	}
		#navi ul {
		width: 187px;
		padding: 83px 0 0 150px;
		list-style-type: none;
		}
	#content {
	width: 699px; /* 649 */
	height: auto;
	float: left;
	position: relative;
	top: -90px;
	}
	#content_zero {
	width: 699px; /* 649 */
	height: auto;
	float: left;
	position: relative;
	padding: 0;
	}
		#content_left {
		width: 292px;
		float: left;
		padding: 50px 32px 0 32px;
		}
			#news_main {
			width: 276px;
			padding: 8px ;
			position: relative;
			background-color: rgb(204,204,204);
			}
			#news_detail {
			width: 276px;
			padding: 8px ;
			position: relative;
			/*top: -30px;*/
			background-color: rgb(204,204,204);
			}
			div#zeitspirale {
			width: 349px;
			height: 299px;
			position: relative;
			top: 0;
			left: -30px;
			padding: 25px 0 0 0;
			background: url(../media/bg_spirale.gif) no-repeat;
			}
				div#zeitspirale a {
				text-decoration: none;
				border: none;
				}
				a#anno_2008:link, a#anno_2008:visited {
				display: block;
				position: absolute;
				top: 27px;
				left: 270px;
				width: 48px;
				height: 23px;
				background: url(../media/spirale_2008.gif) no-repeat;
				}
				a#anno_2008:active, a#anno_2008:hover {
				background: url(../media/spirale_2008_over.gif) no-repeat;
				}
				a#anno_2008_current {
				display: block;
				position: absolute;
				top: 27px;
				left: 270px;
				width: 48px;
				height: 23px;
				background: url(../media/spirale_2008_active.gif) no-repeat;
				}
				a#anno_2007:link, a#anno_2007:visited {
				display: block;
				position: absolute;
				top: 0;
				left: 185px;
				width: 45px;
				height: 19px;
				background: url(../media/spirale_2007.gif) no-repeat;
				}
				a#anno_2007:active, a#anno_2007:hover {
				background: url(../media/spirale_2007_over.gif) no-repeat;
				}
				a#anno_2007_current {
				display: block;
				position: absolute;
				top: 0;
				left: 185px;
				width: 45px;
				height: 19px;
				background: url(../media/spirale_2007_active.gif) no-repeat;
				}
				a#anno_2006:link, a#anno_2006:visited {
				display: block;
				position: absolute;
				top: 8px;
				left: 100px;
				width: 46px;
				height: 19px;
				background: url(../media/spirale_2006.gif) no-repeat;
				}
				a#anno_2006:active, a#anno_2006:hover {
				background: url(../media/spirale_2006_over.gif) no-repeat;
				}
				a#anno_2006_current {
				display: block;
				position: absolute;
				top: 8px;
				left: 100px;
				width: 46px;
				height: 19px;
				background: url(../media/spirale_2006_active.gif) no-repeat;
				}
				a#anno_2004:link, a#anno_2004:visited {
				display: block;
				position: absolute;
				top: 25px;
				left: 43px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2004.gif) no-repeat;
				}
				a#anno_2004:active, a#anno_2004:hover {
				background: url(../media/spirale_2004_over.gif) no-repeat;
				}
				a#anno_2004_current {
				display: block;
				position: absolute;
				top: 25x;
				left: 43px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2004_active.gif) no-repeat;
				}
				a#anno_2002:link, a#anno_2002:visited {
				display: block;
				position: absolute;
				top: 62px;
				left: 6px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2002.gif) no-repeat;
				}
				a#anno_2002:active, a#anno_2002:hover {
				background: url(../media/spirale_2002_over.gif) no-repeat;
				}
				a#anno_2002_current {
				display: block;
				position: absolute;
				top: 62px;
				left: 6px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2002_active.gif) no-repeat;
				}
				a#anno_2000:link, a#anno_2000:visited {
				display: block;
				position: absolute;
				top: 107px;
				left: 3px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2000.gif) no-repeat;
				}
				a#anno_2000:active, a#anno_2000:hover {
				background: url(../media/spirale_2000_over.gif) no-repeat;
				}
				a#anno_2000_current {
				display: block;
				position: absolute;
				top: 107px;
				left: 3px;
				width: 44px;
				height: 18px;
				background: url(../media/spirale_2000_active.gif) no-repeat;
				}
				a#anno_1999:link, a#anno_1999:visited {
				display: block;
				position: absolute;
				top: 185px;
				left: 6px;
				width: 40px;
				height: 23px;
				background: url(../media/spirale_1999.gif) no-repeat;
				}
				a#anno_1999:active, a#anno_1999:hover {
				background: url(../media/spirale_1999_over.gif) no-repeat;
				}
				a#anno_1999_current {
				display: block;
				position: absolute;
				top: 185px;
				left: 6px;
				width: 40px;
				height: 23px;
				background: url(../media/spirale_1999_active.gif) no-repeat;
				}
				a#anno_1997:link, a#anno_1997:visited {
				display: block;
				position: absolute;
				top: 241px;
				left: 33px;
				width: 43px;
				height: 22px;
				background: url(../media/spirale_1997.gif) no-repeat;
				}
				a#anno_1997:active, a#anno_1997:hover {
				background: url(../media/spirale_1997_over.gif) no-repeat;
				}
				a#anno_1997_current {
				display: block;
				position: absolute;
				top: 241px;
				left: 33px;
				width: 43px;
				height: 22px;
				background: url(../media/spirale_1997_active.gif) no-repeat;
				}
				a#anno_1995:link, a#anno_1995:visited {
				display: block;
				position: absolute;
				top: 278px;
				left: 101px;
				width: 40px;
				height: 21px;
				background: url(../media/spirale_1995.gif) no-repeat;
				}
				a#anno_1995:active, a#anno_1995:hover {
				background: url(../media/spirale_1995_over.gif) no-repeat;
				}
				a#anno_1995_current {
				display: block;
				position: absolute;
				top: 278px;
				left: 101px;
				width: 40px;
				height: 21px;
				background: url(../media/spirale_1995_active.gif) no-repeat;
				}
				a#anno_1994:link, a#anno_1994:visited {
				display: block;
				position: absolute;
				top: 276px;
				left: 185px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1994.gif) no-repeat;
				}
				a#anno_1994:active, a#anno_1994:hover {
				background: url(../media/spirale_1994_over.gif) no-repeat;
				}
				a#anno_1994_current {
				display: block;
				position: absolute;
				top: 276px;
				left: 185px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1994_active.gif) no-repeat;
				}
				a#anno_1993:link, a#anno_1993:visited {
				display: block;
				position: absolute;
				top: 247px;
				left: 245px;
				width: 45px;
				height: 22px;
				background: url(../media/spirale_1993.gif) no-repeat;
				}
				a#anno_1993:active, a#anno_1993:hover {
				background: url(../media/spirale_1993_over.gif) no-repeat;
				}
				a#anno_1993_current {
				display: block;
				position: absolute;
				top: 247px;
				left: 245px;
				width: 45px;
				height: 22px;
				background: url(../media/spirale_1993_active.gif) no-repeat;
				}
				a#anno_1992:link, a#anno_1992:visited {
				display: block;
				position: absolute;
				top: 194px;
				left: 284px;
				width: 45px;
				height: 23px;
				background: url(../media/spirale_1992.gif) no-repeat;
				}
				a#anno_1992:active, a#anno_1992:hover {
				background: url(../media/spirale_1992_over.gif) no-repeat;
				}
				a#anno_1992_current {
				display: block;
				position: absolute;
				top: 194px;
				left: 284px;
				width: 45px;
				height: 23px;
				background: url(../media/spirale_1992_active.gif) no-repeat;
				}
				a#anno_1982:link, a#anno_1982:visited {
				display: block;
				position: absolute;
				top: 130px;
				left: 283px;
				width: 40px;
				height: 20px;
				background: url(../media/spirale_1982.gif) no-repeat;
				}
				a#anno_1982:active, a#anno_1982:hover {
				background: url(../media/spirale_1982_over.gif) no-repeat;
				}
				a#anno_1982_current {
				display: block;
				position: absolute;
				top: 130px;
				left: 283px;
				width: 40px;
				height: 20px;
				background: url(../media/spirale_1982_active.gif) no-repeat;
				}
				a#anno_1972:link, a#anno_1972:visited {
				display: block;
				position: absolute;
				top: 90px;
				left: 240px;
				width: 40px;
				height: 20px;
				background: url(../media/spirale_1972.gif) no-repeat;
				}
				a#anno_1972:active, a#anno_1972:hover {
				background: url(../media/spirale_1972_over.gif) no-repeat;
				}
				a#anno_1972_current {
				display: block;
				position: absolute;
				top: 90px;
				left: 240px;
				width: 40px;
				height: 20px;
				background: url(../media/spirale_1972_active.gif) no-repeat;
				}
				a#anno_1971:link, a#anno_1971:visited {
				display: block;
				position: absolute;
				top: 77px;
				left: 180px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1971.gif) no-repeat;
				}
				a#anno_1971:active, a#anno_1971:hover {
				background: url(../media/spirale_1971_over.gif) no-repeat;
				}
				a#anno_1971_current {
				display: block;
				position: absolute;
				top: 77px;
				left: 180px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1971_active.gif) no-repeat;
				}
				a#anno_1970:link, a#anno_1970:visited {
				display: block;
				position: absolute;
				top: 67px;
				left: 111px;
				width: 43px;
				height: 21px;
				background: url(../media/spirale_1970.gif) no-repeat;
				}
				a#anno_1970:active, a#anno_1970:hover {
				background: url(../media/spirale_1970_over.gif) no-repeat;
				}
				a#anno_1970_current {
				display: block;
				position: absolute;
				top: 67px;
				left: 111px;
				width: 43px;
				height: 21px;
				background: url(../media/spirale_1970_active.gif) no-repeat;
				}
				a#anno_1956:link, a#anno_1956:visited {
				display: block;
				position: absolute;
				top: 100px;
				left: 57px;
				width: 39px;
				height: 20px;
				background: url(../media/spirale_1956.gif) no-repeat;
				}
				a#anno_1956:active, a#anno_1956:hover {
				background: url(../media/spirale_1956_over.gif) no-repeat;
				}
				a#anno_1956_current {
				display: block;
				position: absolute;
				top: 100px;
				left: 57px;
				width: 39px;
				height: 20px;
				background: url(../media/spirale_1956_active.gif) no-repeat;
				}
				a#anno_1955:link, a#anno_1955:visited {
				display: block;
				position: absolute;
				top: 182px;
				left: 92px;
				width: 41px;
				height: 19px;
				background: url(../media/spirale_1955.gif) no-repeat;
				}
				a#anno_1955:active, a#anno_1955:hover {
				background: url(../media/spirale_1955_over.gif) no-repeat;
				}
				a#anno_1955_current {
				display: block;
				position: absolute;
				top: 182px;
				left: 92px;
				width: 41px;
				height: 19px;
				background: url(../media/spirale_1955_active.gif) no-repeat;
				}
				a#anno_1930:link, a#anno_1930:visited {
				display: block;
				position: absolute;
				top: 182px;
				left: 156px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1930.gif) no-repeat;
				}
				a#anno_1930:active, a#anno_1930:hover {
				background: url(../media/spirale_1930_over.gif) no-repeat;
				}
				a#anno_1930_current {
				display: block;
				position: absolute;
				top: 182px;
				left: 156px;
				width: 40px;
				height: 19px;
				background: url(../media/spirale_1930_active.gif) no-repeat;
				}
				a#anno_1920:link, a#anno_1920:visited {
				display: block;
				position: absolute;
				top: 117px;
				left: 182px;
				width: 43px;
				height: 21px;
				background: url(../media/spirale_1920.gif) no-repeat;
				}
				a#anno_1920:active, a#anno_1920:hover {
				background: url(../media/spirale_1920_over.gif) no-repeat;
				}
				a#anno_1920_current {
				display: block;
				position: absolute;
				top: 117px;
				left: 182px;
				width: 43px;
				height: 21px;
				background: url(../media/spirale_1920_active.gif) no-repeat;
				}
				a#anno_1889:link, a#anno_1889:visited {
				display: block;
				position: absolute;
				top: 117px;
				left: 125px;
				width: 39px;
				height: 23px;
				background: url(../media/spirale_1889.gif) no-repeat;
				}
				a#anno_1889:active, a#anno_1889:hover {
				background: url(../media/spirale_1889_over.gif) no-repeat;
				}
				a#anno_1889_current {
				display: block;
				position: absolute;
				top: 117px;
				left: 125px;
				width: 39px;
				height: 23px;
				background: url(../media/spirale_1889_active.gif) no-repeat;
				}
			div.navi_spirale {
			position: relative;
			top: -20px;
			font-size: 20px;
			text-align: center;
			}
				div.navi_spirale img {
				position: relative;
				top: 15px;
				padding: 0 0 0 10px;
				}
			ul.linklist {
			list-style-type: none;
			}
				ul.linklist li {
				padding: 5px 0 0 0;
				}
		#content_right {
		width: 312px; /* 292px */
		float: left;
		padding: 50px 0 0 0;
		}
			#newsbox {
			width: 294px; /* 280px */
			background-color: rgb(204,204,204);
			}
				#newsbox .imgleft {
				margin: 6px;
				}
				#newsbox .imgright {
				margin: 6px 6px 6px 0;
				}
				#newsbox h1, #newsbox p {
				padding: 0 6px 6px 6px;
				}
			#wine_portraits {
			width: 132px;
			height: 120px;
			float: left;
			}
			#wine_heading {
			width: 150px;
			height: 120px;
			float: left;
			padding: 10px 0 0 10px;
			}
			ul#navi_wine_index, ul#navi_lagen {
			width: 322px;
			height: auto;
			clear: left;
			list-style-type: none;
			font-size: 10px;
			}
				#navi_wine_index li, #navi_lagen li {
				float: left;
				padding: 10px 0 0 5px;
				}
					#navi_wine_index li a, #navi_lagen li a {												
					color: rgb(0,0,0);
					letter-spacing: 0.1em;
					font-family: Helvetica, Arial, sans-serif;
					}
					#navi_lagen li a#current {										
					color: rgb(120,120,120);
					font-style: italic;
					font-weight: bold;
					letter-spacing: 0.1em;
					font-family: Georgia, serif;
					font-size: 12px;
					vertical-align: top;
					position: relative;
					top: -2px;
					}
			ul#lagen_description {
			list-style-image: url(../media/hyphen.gif);
			width: 292px;
			height: 80px;
			}
				ul#lagen_description li {
				margin: 0 0 0 13px;
				letter-spacing: 0.1em;
				}
			#time_image {
			width: 105px;
			height: 86px;
			float: left;
			margin: 25px 15px 0 0;
			}
			#time {
			width: 172px;
			float: left;
			}
			div.anno_content {
			width: 279px;
			background-color: rgb(255,255,255);
			margin: 15px 0 15px 0;
			padding: 6px;
			}
				div.anno_content p {
				padding: 6px 0 6px 0;
				}
		#content_both {
		width: 666px; /* 616px */
		height: auto;
		clear: left;
		padding: 43px 0 0 32px;
		}
			ul#navi_wine {
			width: 600px;
			height: auto;
			clear: left;
			list-style-type: none;
			font-size: 10px;
			}
				#navi_wine li {
				float: left;
				padding: 10px 0 0 5px;
				height: 14px;
				}
					#navi_wine li a {												/* used: weine, lagen */
					color: rgb(0,0,0);
					letter-spacing: 0.1em;
					font-family: Helvetica, Arial, sans-serif;
					}
					#navi_wine li a#current {										/* used: weine */
					color: rgb(255,255,255);
					font-style: italic;
					letter-spacing: 0.1em;
					font-size: 12px;
					font-family: Georgia, serif;
					vertical-align: top;
					position: relative;
					top: -2px;
					}
		#content_both_zero {
		width: 666px; /* 616px */
		height: auto;
		clear: left;
		padding: 0 0 0 32px;
		}
			#wine_image {
			width: 106px;
			height: 429px;
			float: left;
			}
			#wine_description {
			width: 270px;
			height: 400px;
			float: left;
			padding: 30px 0 0 30px;
			}

/*		TABS		*/
	
#tabs {
position: relative;
}
	#tab_wagram_1, #tab_arbeit_1 {
	position: absolute;
	top: 0;
	visibility: visible;
	}
	#tab_boden_1, #tab_boden_2, #tab_wagram_2, #tab_wagram_3, #tab_klima, #tab_arbeit_2, #tab_arbeit_3, #tab_arbeit_4, #tab_arbeit_5, #tab_team_1, #tab_team_2, #tab_team_3 {
	position: absolute;
	top: 0;
	visibility: hidden;
	}
	ul.tabnavi {
	width: 430px;
	list-style-type: none;
	font-size: 12px;
	}
		ul.tabnavi li {
		width: 140px;
		float: left;
		margin: 45px 0 0 0;
		padding: 15px 0 15px 0;
		background-color: rgb(179,182,172);
		text-align: center;
		}
			ul.tabnavi li a:link, ul.tabnavi li a:visited {
			color: rgb(0,0,0);
			}
			ul.tabnavi li a.current, ul.tabnavi li a:hover, ul.tabnavi li a:active {
			color: rgb(255,255,255);
			font-style: italic;
			font-weight: bold;
			}
		ul.tabnavi li.small {
		width: 5px;
		}
	.tab_content {
	width: auto; /* 653px;603px */
	height: 278px;
	clear: left;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(179,182,172);
	padding: 6px;
	}
		.left {
		width: 290px;
		float: left;
		}
		.right {
		width: 290px;
		padding: 0 6px 0 12px;
		float: left;
		}
		.small {
		width: 231px;
		float: left;
		overflow: hidden;
		}
		.large {
		width: 349px;
		float: left;
		padding: 0 0 0 6px;
		}
		.xsmall {
		width: 140px;
		float: left;
		padding: 0 0 0 6px;
		}
	.arrows {
	clear: left;
	padding: 10px 0 20px 500px;
	}