html {
height:100%;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
height:100%;
line-height: 1.5em;
background-image:url('img/kachel.jpg');
background-repeat:repeat-y;
background-position:50% 0;
font-family:Verdana,Arial,Helvetica;
font-size:10px;
font-weight:normal;
color:#687374;
}


a:link		{ color:#687374; text-decoration:none; font-weight:normal; }
a:visited	{ color:#687374; text-decoration:none; font-weight:normal; }
a:hover		{ color:#004a21; text-decoration:none; font-weight:bold; }
a:active	{ color:#687374; text-decoration:none; font-weight:normal; }


a.info:link		{ color:#434343; text-decoration:none; font-weight:normal; }
a.info:visited	{ color:#434343; text-decoration:none; font-weight:normal; }
a.info:hover		{ color:#2a3d8c; text-decoration:none; font-weight:bold; }
a.info:active	{ color:#434343; text-decoration:none; font-weight:normal; }


a.secnav:link		{ color:#004a21; text-decoration:none; font-weight:bold;}
a.secnav:visited	{ color:#004a21; text-decoration:none; font-weight:bold;}
a.secnav:hover		{ color:#434343; text-decoration:none; font-weight:bold;}
a.secnav:active		{ color:#004a21; text-decoration:none; font-weight:bold;}



b{font-size: 110%;}
em{color: red;}

#bar_horizontal{
height: 190px;
width:100%;
z-index:3;
background: #004a21;
position:absolute;
top:135px;
left:0px;
}

#bar_vertical{
height: 320px;
width:120px;
z-index:3;
background: #004a21;
position:relative;
top:5px;
left:45px;
}

#bar_vertical img{
z-index:4;
background: #fff;
position:absolute;
top:-20px;
left:25px;
}

#infobox, #infobox2, #infobox_subnav { 
background-repeat:no-repeat; 
height: 290px;
width: 142px;
z-index:5;
position:absolute;
top:55px;
left:435px;
border:0px solid blue; 
}

#infobox2 {
top:235px;	
}

#infobox_subnav {
top:95px;	
}


#maincontainer{
width: 880px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
z-index:1;
border:0px solid blue; 
}

#topsection{
height: 390px; /*Height of top section*/
z-index:2;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 0 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
position:relative;
border:0px solid green; 
top:0px;
left:0px;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -880px; /*Set margin to that of -(MainContainerWidth)*/
z-index:4;
border:0px solid blue; 
}


#footer{
clear: left;
width: 790px;
color: #004a21;
text-align: center;
border-top:1px solid #004a21;
padding: 4px 0;
position:relative;
top:0px;
margin: 30px 0px 0px 55px;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
z-index:3; 
margin-top: 0;
position:relative;
top:0px; 
left:0px; 
   	border:0px solid black; 
}


#contentcolumn div.innertube{
border:0px solid green;
}


.innertube_cont{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
z-index:3;
width:600px;
margin-top: 0;
position:relative;
top:0px; 
left:0px; 
   	border:0px solid red; 
}

#secnav {
   	height:20px;
   	width:190px;
   	padding:0px;
   	margin:0px;
   	position:relative;
   	top:10px; 
   	left:645px; 
   	z-index:5;
   	color:#004a21;
   	border:0px solid red; 
}


.secnav {
   	padding: 0px;
   	margin:0px 10px 0px 10px;
   	font-family:Verdana,Arial,Helvetica;
	font-size:9px;
   	border:0px solid blue; 
}

#logo {
   	background-image:url("img/logo.gif"); 
   	background-repeat:no-repeat; 
   	height:90px;
   	width:155px;
   	padding: 0px;
   	margin:0px;
   	position:relative;
   	top:0px; 
   	left:40px; 
   	z-index:4;
   	display:block;
   	border:0px solid blue; 
}

#headimagecontainer {
   	height:200px;
   	width:600px;
   	padding:0px;
   	position:absolute;
   	top:100px; 
   	left:235px; 
   	margin:0px;
   	background-color: #fff;
   	z-index:9;   	
}

#headimage {
   	background-repeat:no-repeat; 
   	background-position:50% 50%; 
   	height:190px;
   	width:590px;
   	padding:0px;
   	margin:5px;
   	vertical-align:bottom;
   	background-color: #fff;
   	z-index:9;	
}


#flash {
   	position:relative;
   	top:160px; 
   	left:480px;
   	height:33px;
   	width:112px;	
   	border:0px solid blue;
}

#nav {
	height:170px;
   	width:140px; 
   	text-align:left;
   	position:relative;
   	top:50px; 
   	left:56px; 
   	z-index:6;
   	border:0px solid blue;
   	color:#fff;
   	float:left;
}

#subnav {
	height:19px;
   	width:595px;
   	text-align:left;
   	position:relative;
	background: #004a21;
   	top:-25px; 
   	left:0px;  
   	z-index:6;
   	border:0px solid blue; 
   	color:#fff;
}

.menufill_historisches {
	height:19px;
	border-right: 1px solid white;
   	z-index:12; 
   	width:175px;
}

.menufill_speisen {
	height:19px;
	border-right: 1px solid white;
   	z-index:12; 
   	width:35px;
}

.menufill_wirtzhaus {
	height:19px;
	border-right: 1px solid white;
   	z-index:12; 
   	width:155px;
}

.menufill_uebersicht {
	height:19px;
	border-right: 1px solid white;
   	z-index:12; 
   	width:105px;
}

#thumbnavi_container, #thumbnavi_container_subnav {
	width:600px;
   	border:0px solid grey;	
}

#thumbnavi_container_subnav {	
   	position:relative;
   	top:20px; 
   	left:0px; 
}

#thumbnavi {
   	width:130px; 
   	height:190px;
   	background-image:url("img/listen-eck_links.gif");
   	background-repeat:no-repeat;
   	text-align:left;
   	float:left;
   	display:block;
   	z-index:14;
   	border:1px solid red;	
   	padding:15px; 
	margin:0px 35px 30px 0px;
   	border:0px solid red;	
}

.pano_container {
   	width:595px; 
   	background-image:url("img/listen-eck_links.gif");
   	background-repeat:no-repeat;
   	height:322px;
	margin:20px 0px 55px 0px;
   	text-align:left;
   	z-index:4;
   	padding:0px; 
   	border:0px solid green;	
}

#pano, #luftbild { 
   	background-image:url("src/inh_pano_biergarten.jpg");
   	background-repeat:no-repeat; 
   	border:0px solid blue;
   	width:535px;
   	height:206px;
   	padding:0px;
   	vertical-align:bottom;
   	background-color: #fff;
   	z-index:19;	
}

#luftbild { 
   	background-image:url("img/inh_luftbild.jpg");
   	height:322px;
}

.liste-l, .liste-r, .liste-aktuelles {
   	width:545px; 
   	background-image:url("img/listen-eck_links.gif");
   	background-repeat:no-repeat;
   	height:155px;
	margin:15px 0px 0px 0px;
   	text-align:left;
   	z-index:4;
   	padding:0px; 
   	border:0px solid red;
}

.liste-aktuelles {
   	width:545px;
   	border:0px solid red;
   	height:100px;
	margin:25px 0px 0px 0px;
}

.liste-r {
   	background-image:url("img/listen-eck_rechts.gif");
   	background-position:top right;
   	border:0px solid green;
}

.panobutton {
   	margin:30px 0px 0px 160px;
   	border:0px solid green;
}

.listen-text {
	position: relative;
	left:15px;
	top:15px;
   	width:340px;   	
   	height:120px;  
   	float:left;
   	border:0px solid black;
	margin:0px 20px 0px 0px;
   	padding:0px; 
}


.listen-bild {
	position: relative;
	left:15px;
	top:15px;
   	float:left;
   	width:156px; 
   	height:120px;   	
   	text-align:left;
   	border:0px solid black;
	margin:0px 0px 0px 0px;
}

.liste-l div.listen-bild {
	margin:0px;
}

.liste-r div.listen-text {
	margin:0px;
	left:35px;
}


ul {
margin: 0px;
padding:0px;
}

li {
float:left;
list-style-type:none;
margin:1px;
}

#subnav li {
float:left;
list-style-type:none;
margin:0px;
border:0px solid white; 
}

img {border:none;margin:0px;padding:0px;}


a.menuepunkt:hover, a.menuepunktactive {
	cursor:hand;
}


a.menuepunkt div, a.menuepunktactive div {	
	display: block;
	position: relative;
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	background:#004a21;
	width:138px;
	height:19px;
}


a.menuepunkt div.wirtzhaus {	
	background-image:url("img/n_wirtzhaus_0.gif"); 	
}
a.menuepunkt:hover div.wirtzhaus {	
	background-image:url("img/n_wirtzhaus_1.gif");
}
a.menuepunktactive div.wirtzhaus {	
	background-image:url("img/n_wirtzhaus_2.gif"); 
}


a.menuepunkt div.ueberuns {	
	background-image:url("img/n_ueberuns_0.gif"); 	
}
a.menuepunkt:hover div.ueberuns {	
	background-image:url("img/n_ueberuns_1.gif");
}
a.menuepunktactive div.ueberuns {	
	background-image:url("img/n_ueberuns_2.gif"); 
}


a.menuepunkt div.speisen {	
	background-image:url("img/n_speisen_0.gif"); 	
}
a.menuepunkt:hover div.speisen {	
	background-image:url("img/n_speisen_1.gif");
}
a.menuepunktactive div.speisen {	
	background-image:url("img/n_speisen_2.gif"); 
}


a.menuepunkt div.historisches {	
	background-image:url("img/n_historisches_0.gif"); 	
}
a.menuepunkt:hover div.historisches{	
	background-image:url("img/n_historisches_1.gif");
}
a.menuepunktactive div.historisches {	
	background-image:url("img/n_historisches_2.gif"); 
}


a.menuepunkt div.galerie {	
	background-image:url("img/n_galerie_0.gif"); 	
}
a.menuepunkt:hover div.galerie{	
	background-image:url("img/n_galerie_1.gif");
}
a.menuepunktactive div.galerie {	
	background-image:url("img/n_galerie_2.gif"); 
}


a.menuepunkt div.kontakt {	
	background-image:url("img/n_kontakt_0.gif"); 	
}
a.menuepunkt:hover div.kontakt{	
	background-image:url("img/n_kontakt_1.gif");
}
a.menuepunktactive div.kontakt {	
	background-image:url("img/n_kontakt_2.gif"); 
}


a.menuepunkt div.aktuelles {	
	background-image:url("img/n_aktuelles_0.gif"); 	
}
a.menuepunkt:hover div.aktuelles {	
	background-image:url("img/n_aktuelles_1.gif");
}
a.menuepunktactive div.aktuelles {	
	background-image:url("img/n_aktuelles_2.gif"); 
}


a.menuepunkt div.hauptkarte {	
	background-image:url("img/sn_hauptkarte_0.gif"); 	
	width:105px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.hauptkarte {	
	background-image:url("img/sn_hauptkarte_1.gif");
}
a.menuepunktactive div.hauptkarte {	
	background-image:url("img/sn_hauptkarte_2.gif"); 	
	width:105px;	
	border-right: 1px solid white;
}


a.menuepunkt div.saisonkarte {	
	background-image:url("img/sn_saisonkarte_0.gif"); 	
	width:128px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.saisonkarte {	
	background-image:url("img/sn_saisonkarte_1.gif");
}
a.menuepunktactive div.saisonkarte {	
	background-image:url("img/sn_saisonkarte_2.gif"); 	
	width:128px;	
	border-right: 1px solid white;
}


a.menuepunkt div.bufettvorschlaege {	
	background-image:url("img/sn_buffetvorschlaege_0.gif"); 	
	width:142px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.bufettvorschlaege {	
	background-image:url("img/sn_buffetvorschlaege_1.gif");
}
a.menuepunktactive div.bufettvorschlaege {	
	background-image:url("img/sn_buffetvorschlaege_2.gif"); 	
	width:142px;	
	border-right: 1px solid white;
}


a.menuepunkt div.menuvorschlaege {	
	background-image:url("img/sn_menuevorschlaege_0.gif"); 		
	width:142px;
	border-right: 1px solid white;	
}
a.menuepunkt:hover div.menuvorschlaege {	
	background-image:url("img/sn_menuevorschlaege_1.gif");
}
a.menuepunktactive div.menuvorschlaege {	
	background-image:url("img/sn_menuevorschlaege_2.gif"); 	
	width:142px;
	border-right: 1px solid white;	
}


a.menuepunkt div.gastraum {	
	background-image:url("img/sn_gastraum_0.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.gastraum {	
	background-image:url("img/sn_gastraum_1.gif");
}
a.menuepunktactive div.gastraum {	
	background-image:url("img/sn_gastraum_2.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}


a.menuepunkt div.biergarten {	
	background-image:url("img/sn_biergarten_0.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.biergarten {	
	background-image:url("img/sn_biergarten_1.gif");
}
a.menuepunktactive div.biergarten {	
	background-image:url("img/sn_biergarten_2.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}


a.menuepunkt div.saal {	
	background-image:url("img/sn_saal_0.gif"); 		
	width:80px;
	border-right: 1px solid white;	
}
a.menuepunkt:hover div.saal {	
	background-image:url("img/sn_saal_1.gif");
}
a.menuepunktactive div.saal {	
	background-image:url("img/sn_saal_2.gif"); 	
	width:80px;
	border-right: 1px solid white;	
}


a.menuepunkt div.geschichte {	
	background-image:url("img/sn_geschichte_0.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}
a.menuepunkt:hover div.geschichte {	
	background-image:url("img/sn_geschichte_1.gif");
}
a.menuepunktactive div.geschichte {	
	background-image:url("img/sn_geschichte_2.gif"); 	
	width:100px;	
	border-right: 1px solid white;
}


a.menuepunkt div.histbilder {	
	background-image:url("img/sn_histbilder_0.gif"); 		
	width:136px;
	border-right: 1px solid white;	
}
a.menuepunkt:hover div.histbilder {	
	background-image:url("img/sn_histbilder_1.gif");
}
a.menuepunktactive div.histbilder {	
	background-image:url("img/sn_histbilder_2.gif"); 	
	width:136px;
	border-right: 1px solid white;	
}



a.menuepunkt div.zurueck {	
	background-image:url("img/sn_zurueck_1.gif"); 		
	width:80px;
	border-right: 1px solid white;	
}
a.menuepunkt:hover div.zurueck {	
	background-image:url("img/sn_zurueck_2.gif");
}



.sub_galerie {
	position:relative;
   	width:250px;
   	top:-260px; 
   	left:330px; 
   	border:0px solid black;
}


.headline {
   	height:22px;
   	width:320px;
   	padding:0px;
   	position:relative;
   	top:0px; 
   	left:0px; 
   	margin:0px 0px 30px 0px;
   	border:0px solid blue; 
   	z-index:15px;
}

.copy {
   	padding:0px;
   	width:405px;
   	position:relative;
   	top:0px; 
   	left:0px; 
   	margin:0px 0px 0px 0px;
   	border:0px solid blue; 
   	z-index:15px;
}

.copy_subnav {
   	padding:0px;
   	width:405px;
   	position:relative;
   	top:20px; 
   	left:0px; 
   	clear:both;
   	margin:0px 0px 0px 0px;
   	border:0px solid blue; 
   	z-index:19px;
   	
}

.iconphone, .iconmail {	
   	height:34px;
   	width:92px;
	background-image:url("img/icon_phone.gif");
	background-repeat:no-repeat;
   	z-index:24px;
   	padding:10px 0px 0px 30px;
   	margin:15px 0px 0px 0px;
}

.iconmail {	
   	background-image:url("img/icon_mail.gif");
   	width:104px;
   	padding:0px 0px 0px 30px;
   	margin: 10px 0px 0px 0px;
}

#infobox div.copy, #infobox2 div.copy, #infobox_subnav div.copy { 
	font-size:9px;
   	z-index:22px;
   	color:#494949;
   	width:121px;
}


#infobox div.copy a:hover, #infobox2 div.copy a:hover, #infobox_subnav div.copy a:hover{ 
	color:#004a21;
}


h2 { 
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding:0px;
} 

h3 { 
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding:0px;
} 


.galeriehead { 
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;
	position:relative;
   	top:15px; 
   	left:15px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding:0px;
} 

.galeriesubhead { 
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	position:relative;
   	top:15px; 
   	left:15px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding:0px;
}

input, select, textarea
{ 
 scrollbar-base-color:#eeeeee;
 scrollbar-3d-light-color:#eeeeee;
 scrollbar-arrow-color:#004a21;
 scrollbar-darkshadow-color:#dddddd;
 scrollbar-face-color:#eeeeee;
 scrollbar-highlight-color:#eeeeee;
 scrollbar-shadow-color:#eeeeee;
 scrollbar-track-color:#dddddd; 
}



.kontaktfeld
   { font-size:9px; font-family:Verdana,sans-serif; font-weight:normal; text-align:left; width:275px; height:17px; border:1px solid #004a21; margin:0px 0px 0px 0px; background-color:#f0f0f1;}

.button2
   { font-size:9px; font-family:Verdana,sans-serif; line-height:8px; font-weight:normal; text-align:center; width:70px; height:17px; border:1px solid #004a21; padding:0px; margin:0px; background-color:#f0f0f1;}