@charset "UTF-8";
/* CSS Document */

/*  
Name: Hotel Restaurant Gloria, Beatenberg
Description: Unbeschreiblich ist nicht nur der Blick auf die einmalige Bergkulisse und den Thunersee. Auch als Ausgangspunkt für Wanderungen ist das Hotel Gloria in Beatenberg einfach unschlagbar reizend!
Author: Martin Stettler, Multimedia Producer SAE, Schweiz
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
h1	{
	font-size:			13px;
	color:				#979300;
	letter-spacing:		3px;
	line-height:		24px;
}
h2	{
	font-size:			12px;
	color:				#333;
	letter-spacing:		1px;
	line-height:		24px;
}
.title	{
	font-size:			13px;
	color:				#979300;
	letter-spacing:		3px;
	line-height:		24px;
}
.green	{
	font-size:			12px;
	font-weight:		bold;
	color:				#979200;
}
p	{
	color:				#333333;
	font-size:			12px;
	line-height:		18px;
	text-align:			justify;
}
a	{
	text-decoration: 	underline;
	color:				#333333;
}
a:hover	{
	text-decoration: 	none;
	color:				#333333;
}
.separator {
	width: 				100%;
	height: 			3px;
	clear: 				both;
	background:  		url(../graphics/line.gif) repeat-x;
}
.highlight	{
	color:				#AAA89C;
	letter-spacing:		1px;
	font-size:			11px;
}
.highlight_bold	{
	color:				#AAA89C;
	letter-spacing:		1px;
	font-size:			12px;
	font-weight:		bold;
}
.tableline	{
	height:				18px;
	text-align:			justify;
	padding-right:		20px;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body{
	background:			#E1DFCF;
	/* background-image:	url(graphics/bg.jpg); */
	color:				#333;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
#desk	{
	position: 			absolute;
	left: 				50%;
	top: 				0px;
	width: 				780px;
	height: 			auto;
	margin-left:		-390px;
	margin-top:			0px;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#main	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				808px;
	height: 			auto;
	background-color:	#FFFFFF;
	border:				#979300 1px solid;
	border-top:			none;
	float:				left;
}
#content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				628px;
	height: 			auto;
	float:				left;
}
/* Navigation */
#nav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				180px;
	height: 			550px;
	background-image:	url(../graphics/bgNav3.jpg);
	float:				left;
}
.nav {
	position: 			relative;
	left:				0px; 	
	top:				170px;
}
.menu1item	{
	width: 				180px;
	height:				auto;
   	border-bottom:		#FFF 1px solid;
   	color: 				#AAA89C;
   	font-weight:		normal;
	font-size:			12px;
  	letter-spacing: 	1px;
}
.menu1item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#AAA89C;
  	padding: 			3px 10px;
}
.menu1item a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#FFF;
} 
.show	{
	width:				160px;
	background: 		#D1CEC0;
   	color: 				#FFF;
	display: 			block; 
  	text-decoration: 	none;
	padding: 			3px 10px;
}
.menu2item	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
	border-bottom:		#FFF 1px solid;
   	font-weight:		normal;
	font-size:			12px;
  	letter-spacing: 	1px;
}
.menu2item a	{
  	display: 			block;
	background: 		#D1CEC0; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			3px 20px;
}
.menu2item a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#AAA89C;
}
.show2	{
	width:				140px;
	background: 		#D1CEC0;
   	color: 				#AAA89C;
	display: 			block; 
  	text-decoration: 	none;
	padding: 			3px 20px;
}
.menu3item	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
	border-bottom:		#FFF 1px solid;
   	font-weight:		normal;
	font-size:			12px;
  	letter-spacing: 	1px;
}
.menu3item a	{
  	display: 			block;
	background: 		#D1CEC0; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			3px 10px;
}
.menu3item a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#AAA89C;
}
.languageitem	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
	border-bottom:		#FFF 1px solid;
   	font-weight:		normal;
	font-size:			11px;
  	letter-spacing: 	1px;
	text-align:			right;
}
.languageitem a	{
  	display: 			block;
	background: 		#D1CEC0; 
  	text-decoration: 	none;
 	color: 				#000;
  	padding: 			2px 10px;
}
.languageitem a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#FFF;
}
.special	{
	width: 				180px;
	height:				auto;
   	color: 				#AAA89C;
   	font-weight:		normal;
	font-size:			12px;
	text-align:			center;
  	letter-spacing: 	1px;
}
.special a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#AAA89C;
  	padding: 			3px 10px;
}
.special a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#FFF;
} 
.credits	{
	width: 				170px;
	height:				auto;
	padding: 			150px 5px 5px 5px;
}
.credits a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#AAA89C;
}
.credits a:hover	{
	display: 			block;
   	background: 		#D1CEC0;
   	color: 				#FFF;
}                
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				628px;
	height: 			140px;
	float:				left;
}
#claim	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				610px;
	height: 			15px;
	float:				left;
	text-align:			right;
	letter-spacing:		3px;
	padding:			3px 18px 0px 0px;
	color:				#979300;
	font-size:			11px;		
}
#content2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				608px;
	height: 			auto;
	float:				left;
	padding:            25px 10px; 
}
/* Image */
.header_left	{
	padding:			0px 5px 0px 10px;
}
.header_right	{
	padding-right:		15px;
}
.header_large	{
	padding:			0px 5px;
}
.textFloat	{
	padding:			0px 0px 5px 15px;
	float:				right;
}
.tabulator	{
	width: 				200px;
	padding-right:		50px;
}
#specials	{
	height: 			213px;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.textfields	{
	height:				16px;
	width:				265px;
	padding:			2px;
	border:				1px solid #666666;
	color:				#333333;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
.charfield	{
	height:				16px;
	width:				20px;
	padding:			2px;
	border:				1px solid #666666;
	color:				#333333;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
.messagefield	{
	height:				80px;
	width:				265px;
	padding:			2px;
	border:				1px solid #666666;
	color:				#333333;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
.button	{
	height: 			20px;
	width: 				auto;
	background-color:	#FFFFFF;
	border:				none;
	color: 				#666666;
	color:				#333333;
	cursor:			 	pointer;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				810px;
	height: 			20px;
	float:				left;
	padding:			0px;
	font-size:			11px;
	background-image:	url(../graphics/bgFooter2.jpg);
	background-position:bottom;
	float:				left;
}
#subNav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				181px;
	height: 			14px;
	float:				left;
	
}
.submenuItem 	{
	font-weight:		bold;
	text-align:			center;
	padding:			2px 0px;
}
.submenuItem a	{
	color:				#666;	
	text-decoration:	none;
	padding:			0px 20px;
}
.submenuItem a:hover {
	color:				#AAA89C;
}
#address	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				auto;
	height: 			14px;
	padding:			3px 15px 3px 15px;
	float:				left;
}
#shadow 	{
	position:			absolute;
	bottom:				10px;
	right:				10px;
}
#diewebe 	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				790px;
	height: 			12px;
	font-size:			10px;
	color:				#999;
	background-position:bottom;
	float:				left;
	padding:			5px 10px;
	text-align:			right;
}
.diewebe a {
	color:				#999;
	text-decoration:	none;
}
.diewebe a:hover {
	color:				#999;
	text-decoration:	underline;
}