html {	overflow:scroll; }
body      { font-size: 12px; font-family: Arial; text-align: center; margin: 0; padding: 0; behavior:url("csshover.htc"); }
h1   { font-size: 16px; background-image: url("../bilder/headline_hg.jpg"); background-repeat: no-repeat; background-position: 5px 0; margin-top: 20px; padding-bottom: 10px; padding-left: 10px }
h2   { font-size: 16px; background-image: url("../bilder/headline_hg.jpg"); background-repeat: no-repeat; background-position: 5px 0; margin: 20px 0 0; padding-bottom: 10px; padding-left: 10px }
h3   { font-size: 14px; margin: 5px 0 0; padding: 2px 0 2px 10px }
p    { margin: 0 10px 10px; padding: 0 }
table { margin-left: 10px }
#buehne        { background-color: #fff; background-image: url("../bilder/hintergrund_spalten.png"); background-repeat: repeat-y; text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 980px; height: auto }
#head          { background-color: #fff; width: 100%; height: auto }
#head img { padding-top: 5px; padding-bottom: 2px; padding-left: 10px }
#head h1    { font-size: 20px; font-weight: bold; margin: 0 0 0 10px; padding-top: 20px }
#head h2    { font-size: 14px; font-weight: bold; margin: 0 0 0 10px }
#head p { width: 580px }


#nav    { background-image: url("../bilder/hg_menue.jpg"); background-repeat: repeat-x; background-position: 0 bottom; z-index: 100; border-top: 2px solid #ee9b69 }

#nav ul   { background-image: url("../bilder/hg_menueul.jpg"); background-repeat: no-repeat; background-position: 941px 0; list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 100; width: 980px; height: 108px }

#nav ul li {

	margin: 0px;

	padding: 0px;

	float: left;

}

#nav ul li a    { color: #fff; font-weight: bold; line-height: 1.2em; text-decoration: none; background-repeat: no-repeat; text-align: center; display: block; padding: 93px 0 2px; width: 94px }
#nav ul li a:hover  { color: #ee9b69; background-color: #fff }
#nav ul ul     { visibility: hidden; position: absolute; z-index: 100; width: 94px; height: 0 }

#nav ul ul li {

	float:none;

	margin: 0px;

	padding: 0px;

}

#nav ul li:hover ul, #nav ul a:hover ul {

	visibility: visible;	

}



#nav ul li ul li a      { color: #ee9b69; font-weight: bold; background-color: #ffffff; text-align: left; margin: 0; padding: 2px 10px 2px 30px; width: 120px; border: none }

#nav ul li ul li a:hover  { color: #fff; background-color: #ee9b69 }


a.punkt1 { background-image: url("../bilder/kopf01_1.jpg") }
a.punkt1:hover { background-image: url("../bilder/kopf01_0.jpg") }
a.punkt2 { background-image: url("../bilder/kopf02_1.jpg") }
a.punkt2:hover { background-image: url("../bilder/kopf02_0.jpg") }
a.punkt3 { background-image: url("../bilder/kopf03_1.jpg") }
a.punkt3:hover { background-image: url("../bilder/kopf03_0.jpg") }
a.punkt4 { background-image: url("../bilder/kopf04_1.jpg") }
a.punkt4:hover { background-image: url("../bilder/kopf04_0.jpg") }
a.punkt5 { background-image: url("../bilder/kopf05_1.jpg") }
a.punkt5:hover { background-image: url("../bilder/kopf05_0.jpg") }
a.punkt6 { background-image: url("../bilder/kopf06_1.jpg") }
a.punkt6:hover { background-image: url("../bilder/kopf06_0.jpg") }
a.punkt7 { background-image: url("../bilder/kopf07_1.jpg") }
a.punkt7:hover { background-image: url("../bilder/kopf07_0.jpg") }
a.punkt8 { background-image: url("../bilder/kopf08_1.jpg") }
a.punkt8:hover { background-image: url("../bilder/kopf08_0.jpg") }
a.punkt9 { background-image: url("../bilder/kopf09_1.jpg") }
a.punkt9:hover { background-image: url("../bilder/kopf09_0.jpg") }
a.punkt10 { background-image: url("../bilder/kopf10_1.jpg") }
a.punkt10:hover { background-image: url("../bilder/kopf10_0.jpg") }
#left  { width: 200px; float: left }
#content     { background-color: #fff; width: 600px; height: auto; float: left }
#content table  { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; width: 580px; border-style: none }
#content table tr   { margin: 0; padding: 0; border-style: none }
#content th  { color: #fff; background-color: #ee9b69; padding-right: 5px; padding-left: 5px }
#content td   { margin: 0; padding: 5px; border-bottom: 1px solid #ee9b69 }
#rechts         { padding-top: 20px; width: 180px; float: left }
#rechts h3   { color: #fff; background-color: #ee9b69; margin: 5px 0 }
#direkt { background-image: url("../bilder/tastenfeld.jpg"); background-repeat: no-repeat; background-position: center bottom }
#foot       { color: #fff; font-weight: bold; background-color: #ee9b69; text-align: left; width: 100%; height: auto }
#foot p  { margin-top: 5px; margin-bottom: 5px; margin-left: 210px; padding-top: 5px; padding-bottom: 5px }
#foot a { color: #fff; margin-left: 290px }
.clear  { clear: both }
.bildlinks  { margin: 0 5px 5px; float: left }
.bildrechts { margin: 0 10px 10px; float: right }
input  { width: 117px }
input.uhr { margin-top: 2px; width: 18px }
input.lang  { width: 177px }
textarea  { width: 177px }
select { margin: 0; padding: 0 }
select.monat  { width: 84px }
iframe { margin: 10px }
#cocktail   { margin-left: 10px; position: relative }
p.beschreibung { margin-left: 230px; width: 150px }
#cocktail_1   { position: relative; top: 0; left: 0 }
#cocktail_2    { position: relative; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0  }

