@charset "UTF-8";
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(bilder/hg_trauben.gif);
	background-repeat: no-repeat;
	background-color: #81011C;
	font-size: 1em;
	text-decoration: none;
}
#rahmen
{
	position: relative;
	height: 600px;
	width: 950px;
	background-color: #FFFFFF;
	font-size: 0.7em;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
}
#rahmen a
{
	outline: none;
}
.---------Kopf 
{
}

#rahmen #oben
{
	background-image: url(bilder/kloesterl_logo.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 950px;
}

#rahmen #oben h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 100;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	text-indent: -5000px;
}
.-----------navigation  links 
{
}
#links
{
	background-image: url(bilder/feld_links.jpg);
	height: 438px;
	width: 167px;
	left: 5px;
	top: 0px;
	position: absolute;
	list-style-type: none;
}
#links   li 
{
	padding-left: 30px;
	list-style-type: none;
	font-weight: bolder;
	border-bottom: thin solid #FFFFFF;
	color: #990000;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
#links span
{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
	display: block;
}
#links     p  
{
	font-weight: bolder;
	font-size: 1em;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 30px;
	display: block;
	color: #FFFFFF;
}

#links em
{
	margin-left: 10px;
	outline: none;
	color: #990000;
}
#links  a:link 
{
	color: #FFFFFF;
	width: 135px;
	text-decoration: none;
	display: block;
}
#links a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#links  a:hover 
{
	color: #990000;
	text-decoration: none;
}
#links  a:active 
{
	color: #990000;
	text-decoration: none;
}
.-----------mitte 
{
}
#mitte
{
	height: 438px;
	width: 950px;
	position: absolute;
}
.zentrum
{
	height: 438px;
	width: 596px;
	position: absolute;
	top: 0px;
	left: 177px;
}
#start
{
	background-image: url(bilder/boehmische_wochen.jpg);
	background-repeat: no-repeat;
}
#willkommen {
	color: #003333;
	top: 70px;
	position: absolute;
	left: 31px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 17px;
	height: auto;
	width: auto;
}
#restaurant
{
	background-image: url(bilder/restaurant.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
}
#restaurant_text {
	z-index: 10;
	width: 265px;
	height: auto;
	position: absolute;
	left: 224px;
	top: 300px;
	visibility: visible;
	line-height: 15px;
}
#weinkeller
{
	position: absolute;
	top: 355px;
	left: 44px;
	line-height: 16px;
	width: 548px;
	font-size: 1em;
}
#weinkeller span {
	letter-spacing: 0.009em;
}
#reservierung
{
	position: absolute;
	left: 308px;
	top: 80px;
	font-size: 1.1em;
	line-height: 17px;
	width: 259px;
}
#reservierung #grau {
	color: #666666;
}
#reservierung a:link, #reservierung a:visited {
	color: #000000;
	text-decoration: none;
}
#reservierung a:hover {
	color: #990033;
	text-decoration: none;
}
#anfahrt
{
	text-indent: -5000px;
	background-image: url(bilder/anfahrt.gif);
	background-repeat: no-repeat;
}
#anfahrtText {
	position: absolute;
	left: 550px;
	top: 46px;
	line-height: 17px;
	font-size: 1.1em;
	z-index: 5;
}
#im_aufbau
{
	background-color: #F3EEC7;
	position: absolute;
	height: 438px;
	width: 596px;
	left: 177px;
	top: 0px;
	font-size: 1.5em;
	color: #000000;
	text-align: center;
	line-height: 350px;
}
.---------------weinfein {
}
.wein_fein
{
	height: 438px;
	width: 596px;
	left: 177px;
	top: 0px;
	background-color: #A2281D;
	z-index: 1;
	overflow-x: hidden;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	overflow-y: auto;
	background-attachment: scroll;
}
.wein_fein  #harmonisch
{
	font-size: 1em;
	color: #FFFFFF;
	width: 475px;
	position: relative;
	padding-left: 34px;
	z-index: 5;
	padding-top: 5px;
	line-height: 16px;
}
.wein_fein #menuePreis {
	font-size: 1.1em;
	font-weight: bolder;
}
.wein_fein    #menue   td {
	vertical-align: top;
	padding-bottom: 15px;
}
.wein_fein a:link, .wein_fein a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.wein_fein a:hover {
	color: #97FF07;
	text-decoration: none;
}
.--------impressum
{
}
#impressum
{
	background-color: #F3EEC7;
	position: absolute;
	height: 438px;
	width: 596px;
	left: 177px;
	top: 0px;
}

#impressum h3
{
	font-size: 1.1em;
	padding-left: 40px;
	padding-top: 40px;
}
#impressum a
{
	color: #000000;
}
#impressum p
{
	padding-left: 40px;
	padding-top: 10px;
	line-height: 15px;
	padding-right: 80px;
}
#unten span
{
	font-weight: lighter;
	color: #FFFFFF;
}
#unten    span a:link 
{
	color: #FFFFFF;
}
#unten     span a:visited 
{
	color: #FFFFFF;
}
#unten     span a:hover 
{
	color: #CCCC99;
}
.---------------anschrift unten
{
}

#unten
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D7B77A;
	position: absolute;
	width: 952px;
	top: 615px;
	text-align: center;
	font-weight: bolder;
	left: 0px;
	font-size: 112%;
	text-decoration: none;
}
#unten    a 
{
	outline: none;
	text-decoration: none;
}
#unten  p  a:link
{
	color: #D7B77A;
}
#unten p a:hover
{
	color: #FFFFFF;
}
.----------rechter    feld 
{
}

#rechts
{
	background-image: url(bilder/feld_rechts.jpg);
	height: 438px;
	width: 167px;
	position: absolute;
	top: 0px;
	right: 5px;
	background-repeat: no-repeat;
}
#text_rechts h3
{
	font-size: 1.1em;
	text-decoration: none;
}
#menues
{
	padding-left: 15px;
	padding-top: 30px;
	list-style-type: square;
}

#menues li
{
	padding-top: 7px;
	list-style-position: inside;
	list-style-image: url(bilder/wuerfel.gif);
	text-align: left;
}
#text_rechts
{
	padding-top: 20px;
	padding-left: 15px;
	line-height: 16px;
}
.---------boehmische wochen {
}
#boehmische     
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
	color: #009800;
	position: absolute;
	top: 175px;
	left: 45px;
	height: auto;
	width: auto;
	text-align: center;
	font-weight: normal;
	line-height: 25px;
}
#boehmische a
{
	color: #339900;
	text-decoration: none;
}
#boehmische  span
{
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: bolder;
}
#boehmische a:hover
{
	color: #B70023;
	text-decoration: none;
}
#pdf_boehmisch {
	z-index: 7;
	position: absolute;
	left: 28px;
	top: 16px;
	height: 71px;
	width: 57px;
}
#pdf_boehmisch a {
	color: #F3EED1;
	text-decoration: none;
	background-color: #F3EED1;
	height: 71px;
	width: 57px;
}
#pdf_boehmisch h1 {
	text-indent: -5000px;
}