* { margin: 0; padding: 0; }

body {
 font-family: Arial,sans-serif;
 font-size: 12px;
 overflow:scroll;
 height:100%;
 width:100%;
}

#bg { 
position: fixed; 
top: 0; 
left: 0; 
z-index:1;
}

.bgwidth { 
width: 100%; 
}

.bgheight { 
height: 100%; 
}

#inhalt_inhalt a:link { font-weight: normal; color: #20000a; text-decoration:none; border-bottom: 1px double #20000a;}
#inhalt_inhalt a:visited { font-weight: normal; color: #20000a; border-bottom: 1px double #343434;}
#inhalt_inhalt a:hover {  font-weight: normal; color: #343434; border-bottom: 1px dotted #343434;}

table {
   border-collapse: collapse;
   width:300px; 
   table-layout:fixed;
   }

td {
	padding-bottom:5px;
	padding-top:5px;
	vertical-align:bottom;
	border-bottom:#5F5F5F dotted 1px;
	}
		
#titelbalken h1 {
	color:#fff;
	font-size:40px;
	font-weight:bold;
	font-family: Vivaldi, Edwardian Script ITC, Vladimir Script, Palace Script MT, Brush Script MT, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	}

#navihome { 
position: absolute;
top:45%;
height:100px;
z-index:2;
width: 100%;
min-width:900px;
color:#9f5398;
margin: 0px;
padding-top: 25px;
background:#20000a;
-moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black; 
}

#navinormal { 
position: absolute;
bottom:50px;
left:0px;
height:100px;
z-index:2;
width: 100%;
min-width:900px;
color:#9f5398;
margin:0px;
padding-top: 25px;
background:#20000a;
-moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black; 
}

#logo {
z-index:3;
width:99px;
height:113px;
position:relative;
left:830px;
top:-55px;
}

#hallwyl {
	color:#9f5398;
	text-align:right;
	overflow:hidden;
	position:absolute;
	top:60px;
	left:0px;
	padding-right:40px;
	width:800px;
	height:60px;
	font-family: Vivaldi, Edwardian Script ITC, Vladimir Script, Palace Script MT, Brush Script MT, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	z-index:40;
	}
	
	#content {
	margin:0px auto;
	text-align:center;
	width:100%;
	min-height: 100%;
	height:100% !important;
	overflow: hidden !important;
	position:absolute;
	z-index:2;
	}
		
	#inhalt {
    margin:0px auto;
	text-align:center;
	width: 700px;
	height:100%;
	min-height: 700px;
}
	
	#text_now_2s{
		width:650px;
		padding:0px 0px 10px 10px;
		height:320px;
		overflow:auto;
		font-size:12px;
		}
		
	#text_now_3s{
		width:1050px;
		padding:0px 0px 10px 10px;
		height:320px;
		overflow:auto;
		font-size:12px;
		}
		
		#text_now_4s{
		width:1450px;
		padding:0px 0px 10px 10px;
		height:320px;
		overflow:auto;
		font-size:12px;
		}
		
		#spalte_inhalt{
        min-width:300px !important; 
		width:300px; 
		float:left; 
		padding-right:15px; 
		margin-left:15px; 
		height:275px !important; 
		border-right:#5F5F5F solid 1px;
			}
		
		#spalte_inhalt_ende{
			min-width:300px !important; 
			width:300px; 
			float:left; 
			margin-left:15px; 
			height:275px !important;
			}
		
#titelbalken {
	height:50px;
	width:650px;
	background-color:#20000a;
	/*color:#9f5398;*/
	padding:5px 0px 5px 50px;
    position:relative;
	top:100px;
	float:left;
	}

	#inhalt_inhalt {
	width: 700px;
	height:350px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	overflow:auto;
	background-color:#75c25d;
	background-image:url(../img/inhalt_background.png);
	position:absolute;
	float:left;
	top:160px;
	}
	
	#registerkarte {
	position:absolute;
	text-align:left;
	width:160px; 
	height:150px; 
	position:absolute; 
	top:200px; 
	margin-left:-160px;
	}
	
	#karte {
		width:200px;
		height:40px;
		position:relative;
		left:0px;
		}
		
		a.rekarte:link, a.rekarte:visited, a.rekarte:hover, a.rekarte:active {
		width:200px;
		height:55px;
		background-image:url(../img/karte.png);
		background-repeat:no-repeat;
		display:block;
		color:#FFF;
		font-size:14px;
		text-Decoration: none;
		padding:25px 20px 0px 55px;
		margin-left:106px;
		margin-bottom:5px;
			}
			
		a.rekarte:hover {
		margin-left:0px;
			}	
	
	#vollbild {
		z-index:30;
		position:absolute;
		vertical-align:middle;
		text-align:center;
		width:100%;
		height:100%;
		background-image:url(../img/trans_gruen.png);
	}
	
	#close {
		color:#000;
		z-index:31;
		position:fixed;
		top:3px;
		left:30px;
		text-align:left;
		width:auto;
		height:auto;
	}
	
	div#close a{
		color:#000;
		}
	
	div#close a:hover{
		color:#cd3a00;
		}
	
		#close_x {
		color:#000;
		font-size:16px;
		z-index:31;
		position:fixed;
        top:10px;
        right:10px;
		text-align:left;
		width:auto;
		height:auto;
	}
	
	div#close_x a{
		color:#000;
		text-decoration:none;
		}
		
		div#close_x a:hover{
		color:#cd3a00;
		}

	#more {
		color:#000;
		z-index:31;
		position:fixed;
		top:25px;
		left:30px;
		text-align:left;
		width:auto;
		height:auto;
	}
	
	div#more a{
		color:#000;
		}
		
		div#more a:hover{
		color:#cd3a00;
		}
 
  h2 {
font-size: 14px;
margin-bottom:0px;
font-weight:bold;
 }
 
 input { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 230px; /* Breite.*/
  background-color:#20000a; 
  color:#FFF;
  border:#164601 solid 1px;
  padding:1px;
}

 select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
  background-color:#20000a;
  color:#FFF;
  border:#164601 solid 1px;
  padding:0px;
}

 textarea{ /* Alle Labels UND Formularelemente auswählen */
  width: 230px; /* Breite.*/
  background-color:#20000a;
  color:#FFF;
  border:#164601 solid 1px;
  padding:0px;
}

 label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 50px; /* Breite.*/
  padding:0px;
}

 form {
  margin:0;
  padding:0px;
  padding-top:0px;
  width:300px;
  height:auto;
}

div#anfahrtsplan {
  width: auto; 
  height: 50px;
  z-index:21;
  margin-right:20px;
   border-bottom:0px;
   text-decoration:none;
  }
  
  div#anfahrtsplan_link a {
	  text-decoration:none;
  }
  
div#anfahrtsplan a span {display: none;}
div#anfahrtsplan a:hover span {
   display: block;
   position:absolute;
   top: 0px; 
   left:0px; 
   width: 482px;
   height: 257px;
   padding-top:0px;
   padding-left:0px;
   padding-right:0px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/anfahrtsplan.jpg);
   background-repeat:no-repeat;
   background-position:right top;
   text-decoration:none;
   }

/*****************************
 Start HEAD + NAME
*****************************/

#head{
width:800px;
height: 50px;
position:absolute;
top:5px;
right:50px;
text-align:right;
z-index:20;
}

div#acs {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
    border-bottom:0px;
  }
  
div#acs a span {display: none;}
div#acs a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right: 187px; 
   width: 260px;
   height: 155px;
   padding-top:70px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000; 
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss.png);
   background-repeat:no-repeat;
   background-position:right top;
   }
   
   div#wlan {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
   border-bottom:0px;
  }
  
div#wlan a span {display: none;}
div#wlan a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right:337px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss_wlan.png);
   background-repeat:no-repeat;
   background-position:right top;
   }
   
  div#tage {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
  }
  
div#tage a span {display: none;}
div#tage a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right:317px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss_tage_365.png);
   background-repeat:no-repeat;
   background-position:right top;
   }
   
   div#hotelleriesuisse {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
  }
  
div#hotelleriesuisse a span {display: none;}
div#hotelleriesuisse a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right: 187px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss_wlan.png);
   background-repeat:no-repeat;
   background-position:right top;
   }
   
      div#seetal {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
  }
   
   div#seetal a span {display: none;}
div#seetal a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right: 10px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss.png);
   background-repeat:no-repeat;
   background-position:right top;
   }
   
         div#foto {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
  }
   
   div#foto a span {display: none;}
   div#foto a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right:420px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss_tage_365.png);
   background-repeat:no-repeat;
   background-position:right top;
   }


   
         div#personal {
  width: auto; 
  height: 50px;
  z-index:21;
  float:right;
  margin-right:20px;
  }
   
   div#personal a span {display: none;}
   div#personal a:hover span {
   display: block;
   position:absolute;
   top: 52px; 
   right:500px; 
   width: 260px;
   height: 155px;
   padding-top:60px;
   padding-left:20px;
   padding-right:20px;
   z-index: 100;
   font-size:14px;
   color:#000;
   text-align: center;
   background-image:url(../img/sprechblase_klein_weiss_tage_365.png);
   background-repeat:no-repeat;
   background-position:right top;
   }

/*****************************
 Ende HEAD + NAME
*****************************/


/*****************************
 Start NAVIGATION
*****************************/

#navi{
width:700px;
height:20px;
text-align:left;
top:-10px;
}

.top15 ul {
margin: 0;
padding: 0;
}

.top15 li {
list-style: none;
display:inline;
margin: 0;
padding: 0;
  }
  
a.top:link, a.top:visited, a.top:hover, a.top:active
{
 font-family:Arial;
 text-align:left;
 font-size:18px;
 text-Decoration: none;
 float:left;
 color:#9f5398;
 width:auto;
 height:30px;
 margin-left:0px;
 margin-bottom:0px;
 padding-left:20px;
 padding-top:0px;
 padding-bottom:2px;
 border-bottom: 0px;
}

a.top:hover
{
	color:#FFF;
}

a.top:active,
body#start li#start a,
body#speisekarte li#speisekarte a,
body#restauration li#restauration a,
body#hotel li#hotel a,
body#kontakt li#kontakt a,
body#rundgang li#rundgang a,
body#anreise li#anreise a
{
 color:#FFF;
}

/*****************************
 Ende NAVIGATION
*****************************/

#bottom { 
 z-index:6;
 font-size:14px;
 position:absolute;
 bottom:0px;
 left:0px;
 width:100%;
 min-width:900px;
 height:50px;
 background-image:url(../img/hintergrund_bottom.png);
}

#box_bottom {
	float:left;
	padding:8px;
	padding-left:20px;
	width:auto;
	height:auto;
}

 div#box_bottom a{
	 text-decoration:none;
	 color:#404040;
	 border-bottom:#404040 solid 1px;
	 } 
	 div#box_bottom a:hover {
 color:#575757;
  border-bottom:#404040 dotted 1px;
   }

#language {position:absolute; right:10px; bottom:3px; z-index:7;}


/*****************************
 Start iPad-Version
  @media only screen and (max-width: 1024px)
   @media only screen and (max-device-width: 1024px)
 *****************************/

  @media only screen and (max-device-width: 1024px) {

#navihome { 
position: absolute;
top:50%;
height:100px;
z-index:2;
min-width:0px;
margin: 0px;
padding-top: 5%;
}

#navinormal { 
position: absolute;
top:50%;
height:100px;
z-index:2;
width: 100%;
min-width:0px;
color:#9f5398;
margin: 0px;
padding-top: 5%;
background:#20000a;
}

#logo {
position: absolute;
left:80%;
top:0%;
width:auto;
height:auto;
}

#hallwyl {
	color:#9f5398;
	text-align:right;
	overflow:hidden;
	width:60%;
	padding-right:0px;
	min-width:0px;
	height:auto;
	margin-top:3%;
	font-size:35px;
	font-weight:bold;
	z-index:40;
	}
	
	#head{
width:100%;
height: 50px;
position:absolute;
top:5px;
right:0px;
z-index:20;
}

#navi{
width:70%;
height:20px;
}

#bottom { 
 z-index:6;
 font-size:14px;
 bottom:0px;
 left:0px;
 width:100%;
 height:50px;
  min-width:0px;
}

	#inhalt {
    margin:0px auto;
	text-align:center;
	width: 700px;
	height:100%;
	min-height: 700px;
}

#inhalt_inhalt {
	top:120px;
	}
	
	#titelbalken {
	top:60px;
	}
	
	a.top:link, a.top:visited, a.top:hover, a.top:active
{
 font-size:14px;
  padding-left:5px;
}
}


/*****************************
Ende iPad-Version
 *****************************/
 


/*****************************
 Start iPhone-Version (inkl. Smartphones mit Android etc.)
  @media only screen and (max-device-width: 480px) 
 @media only screen and (max-width: 480px)

 *****************************/

@media only screen and (max-width: 480px)  {

body {
 font-family: Arial,sans-serif;
 font-size: 18px;
 color:#404040;
 overflow:auto;
 height:auto;
 width:auto;
 background:#20000a;
}
	
	#content {
	margin:0px auto;
	text-align:center;
	width:100%;
	min-height: auto;
	height:auto;
	overflow: auto;
	position:static;
	z-index:2;
	}

#bg { 
display:none;
}

.bgwidth {
	width:0px;
display:none;
}

.bgheight { 
height: 0px; 
display:none;
}

#navihome { 
height:auto;
position:static;
top:0;
left:0;
z-index:2;
width:100%;
min-width:0;
color:#9f5398;
margin: 0px;
padding-top: 0px;
-moz-box-shadow: 0 0 0px black;
-webkit-box-shadow: 0 0 0px black;
box-shadow: 0 0 0px black;
}

#navinormal { 
position:static;
bottom:50px;
left:0px;
height:auto;
z-index:2;
width: 100%;
min-width:0px;
padding-top: 0px;
background:#20000a;
-moz-box-shadow: 0 0 0px black;
-webkit-box-shadow: 0 0 0px black; 
box-shadow: 0 0 0px black; 
}

#logo {
display:none;
}

#hallwyl {
	position:static;
	top:0;
	float:left;
	width:100%;
	height:auto;
	padding-right:0px;
	margin-bottom:3%;
	font-size:25px;
	font-weight:bold;
	z-index:40;
	border-bottom:#FFF solid 0px;
	}
	
#head{
	display:none;
}

#navi{
width:100%;
position:static;
height:auto;
text-align:left;
float:left;
}

ul#top15 {
list-style: none;
margin: 0;
padding: 0;
}

ul#top15 li {
margin-bottom:0.2em;
  }
  
  a.top:link, a.top:visited, a.top:hover, a.top:active
{
 font-family:Arial;
 text-align:left;
 font-size:18px;
 text-Decoration: none;
 display:block;
 color:#9f5398;
 width:auto;
 height:3%;
 margin-left:0px;
 margin-bottom:1%;
 padding-left:1%;
 padding-bottom:1%;
 padding-top:1%;
 float:none;
 border-bottom:#FFF solid 1px;
}

#bottom { 
 z-index:6;
 font-size:14px;
 position:static;
 float:left;
 bottom:0px;
 left:0px;
 width:100%;
 height:auto;
 color:#FFF;
 min-width:0;
 background-image:url(../img/hintergrund_bottom.png);
}

	#inhalt {
    position:static;
	float:left;
	width:100%;
	height:auto;
	min-height:auto;
}

#inhalt_inhalt {
	position:static;
	width:100%;
	float:left;
	top:0px;
	height:auto;
	}
	
	#titelbalken {
	position:static;
	float:left;
	width:100%;
	height:auto;
	top:0px;
	padding:3px 0px 3px 0px;
	}
	
	#titelbalken h1 {
	font-size:16px;
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	}
	
		#registerkarte {
	position:static;
	text-align:left;
	width:auto; 
	height:auto; 
	margin-left:0px;
	top:0px;
	float:left;
	}
	
	#karte {
		width:auto;
		height:auto;
		position:static;
		float:left;
		left:0px;
		}
		
		a.rekarte:link, a.rekarte:visited, a.rekarte:hover, a.rekarte:active {
		width:auto;
		height:auto;
		background-color:#000;
		border-left:#FFF solid 3px;
		background-image:none;
		display:block;
		float:left;
		color:#FFF;
		font-size:14px;
		text-Decoration: none;
		padding:5px 5px 5px 5px;
		margin-left:0px;
		margin-bottom:0px;
			}
			
		a.rekarte:hover {
		border-left:#79B56F solid 3px;
			}	
	
	#text_now_2s{
		width:100%;
		padding:0px 0px 0px 0px;
		height:auto;
		overflow:auto;
		font-size:12px;
		}
	
		#text_now_3s{
		width:100%;
		padding:0px 0px 0px 0px;
		height:auto;
		overflow:auto;
		font-size:12px;
		}
		
		#text_now_4s{
		width:100%;
		padding:0px 0px 0px 0px;
		height:auto;
		overflow:auto;
		font-size:12px;
		}
		
		
		#spalte_inhalt{
        min-width:100%; 
		width:100%; 
		float:left; 
		padding-right:0px; 
		margin-left:0px; 
		height:auto !important; 
		border-right:0px;
		margin-bottom:10px;
			}
		
		
		#spalte_inhalt_ende{
			min-width:300px; 
			width:300px; 
			float:fleft; 
			padding-right:0px; 
			margin-left:0px; 
			height:auto !important;
			}
			
			
	table {
   border-collapse: collapse;
   width:300px; 
   table-layout:auto;
   height:auto;
   }
   
   #language {position:static; float:left;}
}

 
/*****************************
 Ende iPhone-Version (inkl. Smartphones mit Android etc.)
 *****************************/


/*****************************
 Druckversion
 *****************************/

@media print {

body {
 font-family: Arial,sans-serif;
 font-size: 12pt;
}

}