/* Global Settings */

*, html, body, table, td, div, p, h1, h2, h2, h4, h5, ul, ol, 
table, td, form, img, li, map, area, object {
	margin: 0px;
	padding: 0px;}
	
body {background:url(../images/global_background.jpg) center top repeat-x;}

h3 {
	font-size:11px;
	font-weight:bold;}

#wrapper {
	position:relative;
	margin:0 auto;
	width:968px;
	height:auto;
	background-color:transparent;}

/* Head & Logo */

#head {
	position:absolute;
	width:968px;
	height:226px;
	background:url(../images/head_background.jpg) center top no-repeat;
	z-index:1;}
	
	#logo {
		position:absolute;
		top:0;
		left:276px;
		width:421px;
		height:166px;
		background-image:url(../images/logo.jpg);
		z-index:2;}
		
	/* Head > Topics: displayed in top of content */
	
	#head .t_willkommen {
		background-image:url(../images/topic_willkommen.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_kontakt {
		background-image:url(../images/topic_kontakt.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_anfahrt {
		background-image:url(../images/topic_anfahrt.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_danke {
		background-image:url(../images/topic_danke.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_impressum {
		background-image:url(../images/topic_impressum.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_bistro {
		background-image:url(../images/topic_bistro.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
		
	#head .t_kaminzimmer {
		background-image:url(../images/topic_kaminzimmer.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}
	
	#head .t_saal {
		background-image:url(../images/topic_saal.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}	
		
	#head .t_angebote {
		background-image:url(../images/topic_angebote.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}	
		
	#head .t_events {
		background-image:url(../images/topic_events.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}	
		
	#head .t_impressionen {
		background-image:url(../images/topic_impressionen.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}	
		
	#head .t_newsletter {
		background-image:url(../images/topic_newsletter.jpg);
		width:421px;
		height:29px;
		font-size:1px;
		color:#7B0100;
		text-align:bottom;
		position:absolute;
		bottom:10px;
		left:275px;
		z-index:3;}	
	
	/* Left-Navigation */
	
	#navi-left {
		position:absolute;
		width:129px;
		height:93px;
		top:20px;
		left:75px;
		z-index:2;}
		
	#navi-right {
		position:absolute;
		width:129px;
		height:93px;
		top:20px;
		right:70px;
		z-index:2;}
	
	#navi-left ul, #navi-right ul {
		list-style-type:none;
		margin:0;
		padding:0;}
	
	#navi-left li, #navi-right li {
		float:left;
		padding:0;
		margin:0;
		font-size:1px;
		line-height:1px;}
		
	#navi-left ul a span, #navi-right ul a span {
		font-size: 1px;
		visibility: hidden;
		vertical-align: middle;}
		
	#navi-left a, #navi-right a {
		display: block;
		height: 31px;
		text-decoration: none;
		border:none;}
	
	
	a.bistro {				width:129px; 	height:62px; background:url(../images/nav1.gif) 0px 0px no-repeat;}
	a.bistro:hover {		width:129px;	height:62px; background:url(../images/nav1.gif) -129px 0px no-repeat;}
	
	a.kaminzimmer {			width:129px; 	height:62px; background:url(../images/nav2.gif) 0px 0px no-repeat;}
	a.kaminzimmer:hover {	width:129px; 	height:62px; background:url(../images/nav2.gif) -129px 0px no-repeat;}
	
	a.saal {				width:129px; 	height:62px; background:url(../images/nav3.gif) 0px 0px no-repeat;}
	a.saal:hover {			width:129px; 	height:62px; background:url(../images/nav3.gif) -129px 0px no-repeat;}
	
	a.angebote {			width:129px; 	height:62px; background:url(../images/nav4.gif) 0px 0px no-repeat;}
	a.angebote:hover {		width:129px;	height:62px; background:url(../images/nav4.gif) -129px 0px no-repeat;}
	
	a.events {				width:129px; 	height:62px; background:url(../images/nav5.gif) 0px 0px no-repeat;}
	a.events:hover {		width:129px; 	height:62px; background:url(../images/nav5.gif) -129px 0px no-repeat;}
	
	a.impressionen {		width:129px; 	height:62px; background:url(../images/nav6.gif) 0px 0px no-repeat;}
	a.impressionen:hover {	width:129px; 	height:62px; background:url(../images/nav6.gif) -129px 0px no-repeat;}
		
/* Left-Container & Adress + Opening-Times */

#left {
	position:absolute;
	width:195px;
	height:352px;
	top:226px;
	left:0;
	background:url(../images/left_background.jpg);
	text-align:center;
	padding-right:15px;
	z-index:2;}
	
	#left {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#f2d8bd;}
		
	#left strong{font-weight:bold;}
	
	#left h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
		font-weight:bold;}

	
/* Right-Container & QuickLinks */

#right {
	position:absolute;
	width:200px;
	height:242px;
	top:226px;
	left:762px;
	background:url(../images/right_background.jpg);
	text-align:center;
	padding-left:10px;
	z-index:2;}
	
	#right {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#f2d8bd;}
		
	#right a:link, #right a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		text-decoration:none;
		padding:0 1px;
		background-color:transparent;}
		
	#right a:hover, #right a:active {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#5C0303;
		text-decoration:none;
		padding:0 1px;
		background-color:#D79380;}
		
	#right strong{font-weight:bold;}
	
	#right h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
		font-weight:bold;}
	
/* Content */

#content {
	position:absolute;
	width:366px;
	top:226px;
	left:220px;
	height:auto;
	background-position: bottom;
	background-repeat: no-repeat;
	padding:0 85px 100px 85px;
	background-image:url(../images/content_background.gif);
	z-index:2;}
	
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f2d8bd;
	line-height:17px;}
	
		#content a:link, #content a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#fff;
			text-decoration:none;
			padding:0 1px;
			background-color:transparent;}
			
		#content a:hover, #content a:active {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#5C0303;
			text-decoration:none;
			padding:0 1px;
			background-color:#D79380;}
	
				#content .smalltext {font-size:10px; color:#D79380; line-height:15px;}
				#content .smalltext strong {font-size:10px; color:#D79380; font-weight:bold;}
			
				#content .img_left {
					float:left;
					padding:3px;
					border:1px solid #cb9885;
					background-color:#580000;
					margin:10px 10px 10px 0;}
					
				#content a:hover .img_left  {
					float:left;
					padding:3px;
					border:1px solid #f2d8bd;
					background-color:#580000;
					margin:10px 10px 10px 0;}
					
				#content .img_right {
					float:right;
					padding:3px;
					border:1px solid #cb9885;
					background-color:#580000;
					margin:10px 0 10px 10px;}
					
				#content a:hover .img_right {
					float:right;
					padding:3px;
					border:1px solid #f2d8bd;
					background-color:#580000;
					margin:10px 0 10x 10px;}
					
				.border {
					padding:3px;
					border:1px solid #D79380;
					background-color:#580000;
					margin:10px 0 10x 10px;}
					
				.hr {
					height:1px;
					border-top:1px solid #cb9885;
					background-color:transparent;
					margin:15px 0;}
					
				.around {
					text-align:center;
					width:360px;
					position:relative;
					padding:3px;
					border:1px solid #D79380;
					background-color:#580000;}
					
				#content p.noborder a {border:none;
				background-color:transparent;}
			
	/* Footer & External-Navigtion */
	
	#footer{
		position:relative;
		float:none;
		clear:both;
		bottom:-15px;
		left:0;
		width:366px;
		height:25px;
		z-index:3;
		padding-top:5px;
		border-top:1px solid #D79380;
		text-align:right;}
		
	#footer a:link, #footer a:visited{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:white;
		background-color:transparent;
		text-decoration:none;}
		
	#footer a:hover, #footer a:active{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#EBB672;
		background-color:transparent;
		text-decoration:none;}