body {
  background-image: url(../img/bg_gradient.gif);
  background-color: white;
  background-repeat: repeat-x;
}

h1 {
	margin-top:0px;
	font-family: Arial, sans-serif;
}

#language_bar {
  border:  0;
  position: relative;
	float:right;
}
 /*------Container der alle elemente ausser der language bar beinhaltet------*/
#container {
  border:  0;
  position: relative;
  background-color: transparent;
  height: auto;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  padding-left:0px;
  padding-right: 0px;
}
 /*------------------oberer webseitenteil---------------------*/
#header_container{
	width:780px;
	height:368px;
	display:inline-block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/header.png');
	}
	
html>body #header_container{}

#header {
	position: relative;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#navigation1 {
   font-family: Arial, sans-serif;
	position: relative;
	height: 30px;
	width: 780px;
	z-index: 3;
	margin-left:auto;
	margin-right:auto;
	margin-top: -35px;
   border-bottom: 10px solid #e8e49c;
   }
 /*------definition fuer IE6------*/
 #navigation1 ul {
 text-align: center; 
 margin: 0 0 5px 0; 
 word-spacing: 10px;
 }
  /*------definition allgemein-----*/
 html>body #navigation1 ul{
 text-align: center; 
 margin: 0 0 5px 0; 
 word-spacing: 20px;
		}
 
 #navigation1 li{
 display:inline;
 }
	
#navigation1 li a {
 padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
 color: #5d5350;
 text-decoration: none;
 font-size: 18px;
 font-weight: bold;
 }
#navigation1 li a:hover {
 text-decoration: underline;
 color:black;
 }

#nav1_selected{
 color: black;
 text-decoration: underline;
 font-size: 18px;
 font-weight: bold;
}
 /*------------------mittlerer webseitenteil---------------------*/
#content_top {
	margin-top: 10px;
	position: relative;
	border:0;
	}
	
 /*------definition fuer IE6------*/
#middle_container {
		border: 0;
		margin: auto;
		margin-top: -5px;
		width: 780px;
		background: url(../img/bg_content.gif) repeat-y;
}

 /*------definition allgemein-----*/
html>body #middle_container{
		border: 0;
		margin: auto;
		width: 780px;
		background: url(../img/bg_content.gif) repeat-y;
		}
.image{ text-decoration: none; border: 0;}
#image{ text-decoration: none; border:0;}

 /*------------------mittlerer webseitenteil - definition der linken und rechten Spalten---------------------*/
#left {
	float: left;
	width: 163px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#right {		
		float: right;
		width: 175px;
		margin-right: 5px;
		margin-top: 5px;

	}	
	
#clr {
		clear: both;
	}
/*------definition fuer IE6------*/
	#navigation2 {
	position: relative;
	text-align:left;
	background-color: transparent;
	font-weight: bold;
	font-size: 12pt;
	line-height:2;
	list-style-type:none;
	font-family: Arial, sans-serif;
	margin-left: 15px;
	margin-top: 15px;
	}

/*------definition allgemein-----*/	
	html>body #navigation2{
		position: relative;
	text-align:left;
	background-color: transparent;
	font-weight: bold;
	font-size: 12pt;
	line-height:2;
	list-style-type:none;
	font-family: Arial, sans-serif;
	margin-left: -20px;
	}
	
	
#navigation2 li a {
text-decoration: none;
	color: #5d5350;
}

#navigation2 li a:hover {
 /*text-decoration: underline;font-style: italic; a28931 ceac26*/
 background-color: #c3ac50;
 text-decoration: underline;
 color:black;
 }
 
 #nav2_selected{
 font-weight: bold;
font-size: 12pt;
 color: black;
 text-decoration: underline;
 font-style: italic;
}



 /*------------------------nav3-ANFANG------------------------------------*/
	#navigation3 {
	position: relative;
	text-align:left;
	background-color: transparent;
	font-weight: bold;
	font-size: 10pt;
	line-height:1.5;
	list-style-type:disc;
	font-family: Arial, sans-serif;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 8px;
	}

/*------definition allgemein-----*/	
	html>body #navigation3{
		position: relative;
	text-align:left;
	background-color: transparent;
	font-weight: bold;
	font-size: 10pt;
	line-height:1.5;
	list-style-type:disc;
	font-family: Arial, sans-serif;
	margin-left: -15px;
	}
	
	
#navigation3 li a {
text-decoration: none;
	color: #213106;
}

#navigation3 li a:hover {
 /*text-decoration: underline;font-style: italic; a28931 ceac26*/
 background-color: #c3ac50;
 text-decoration: underline;
 color:black;
 }
 
 #nav3_selected{
 font-weight: bold;
font-size: 10pt;
 color: black;
 text-decoration: underline;
 font-style: italic;
}


 /*------------------------nav3-ENDE------------------------------------*/



#hotelbild_links{
margin-left:-7px;

}
	
/*------------------mittlerer webseitenteil - definition der Haupt-Content Spalte---------------------*/
	#content {
	float: left;
	width: 385px;
	padding: 15px;
	font-family: Arial, sans-serif;
	}

	/*-----------Fliesstext----------------*/	
	#content p{
	font-size: 10pt;
	text-align:justify;
	}
	
	#booking_content {
	float: right;
	width: 560px;
	padding: 15px;
	font-family: Arial, sans-serif;
	}
	

#footer {
	position: relative;
	margin-top: inherit;
	width: auto;
	border: 0;
	float:left;
}
	
fieldset
{
border: 0;
background: #c4c18a;
padding: 5px 5px 5px 5px;
}
legend
{
color: #fff;
background: #5d5350;
		font-weight: bold;
border: 0;
padding: 5px 5px 5px 5px;
margin-left: 0px;
} 

#container #middle_container #left {
	text-align: center;
}
/*------------------ab hier slideshow einstellungen------------------*/
#slideshow_1 { position: relative; margin-left: 40px;}
#slideshow_1 img{ border: 5px solid #5d5350;}

.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
.fader { position: relative; display: inline-block; }
.fader img { vertical-align: top; border: 5px solid #5d5350;}

.thumbnails{
position:relative;

text-indent: 15px;
margin-right: auto;

}