/*
 * globale Angaben
 */

*
{
	border:					none;
	margin:					0;
	padding:				0;
}

body
{
	background:				rgb(109,3,0) url(../images/bg.jpg) no-repeat;
	color:					#000;
	text-align:				center;
}

#page
{
	margin:					0 auto;
	position:				relative;
	width:					768px;
}



/*
 * Intro mit Sprachauswahl
 */

#intro
{
	background:				url(../images/bg_intro.jpg) no-repeat;
	height:					550px;
	position:				relative;
	width:					768px;
}

#intro a.langde,
#intro a.langus
{
	border:					none;
	display:				block;
	height:					550px;
	overflow:				hidden;
	position:				absolute;
	text-decoration:		none;
	top:					0;
}

#intro a.langde
{
	left:					0;
	width:					390px;
}

#intro a.langus
{
	right:					0;
	width:					374px;
}

#intro span
{
	border:					none;
	color:					#FFF;
	font:					normal 14px Verdana;
	display:				block;
	position:				absolute;
	text-decoration:		none;
	top:					285px;
}

#intro .langde span
{
	right:					15px;
	text-align:				right;
}

#intro .langus span
{
	left:					15px;
	text-align:				left;
}


/*
 * Kopfzeile
 */

#header
{
	height:					75px;
	margin:					10px auto 3px auto;
	position:				relative;
	width:					768px;
}



/*
 * Fusszeile
 */

#footer
{
	margin:					4px auto;
	width:					768px;
}

#footer p
{
	color:					#FF3333;
	font:					normal 11px Verdana;
	margin:					0;
	padding:				0;
	width:					100%;
}

#footer p.imprint
{
	text-align:				right;
}

#footer a
{
	color:					#FF3333;
	text-decoration:		none;
}

#footer p.imprint a
{
	color:					#FFF;
	padding:				0 20px;
	text-decoration:		none;
}

#footer p.imprint a.active,
#footer p.imprint a:hover
{
	color:					#FF3333;
}

#footer a:hover
{
	text-decoration:		underline;
}



/*
 * Logo auf Hintergrund
 */

#logo
{
	display:				block;
	height:					55px;
	position:				absolute;
	right:					20px;
	text-decoration:		none;
	top:					15px;
	width:					133px;
}

#logo img
{
	border:					none;
	height:					55px;
	width:					133px;
}



/*
 * normaler Inhaltsbereich
 */

#main
{
	background:				#FFF url(../images/bg_main.jpg) no-repeat;
	height:					550px;
	position:				relative;
	width:					768px;
}

#leftside
{
	bottom:					22px;
	height:					348px !important;
	height:					368px;
	left:					25px;
	padding:				10px 15px;
	position:				absolute;
	width:					342px !important;
	width:					362px;
}

#leftside.full
{
	height:					368px !important;
	height:					368px;
	padding:				0;
	text-align:				left;
	width:					362px !important;
	width:					362px;
}

#rightside
{
	bottom:					22px;
	height:					348px !important;
	height:					368px;
	overflow:				hidden;
	padding:				10px 15px;
	right:					23px;
	position:				absolute;
	width:					328px !important;
	width:					358px;
}

#main .scrolling
{
	overflow:				auto;
}

#main .block
{
	overflow:				auto;
	text-align:				left;
}

#main h1
{
	color:					#660000;
	font:					bold 14px/15px Verdana;
	margin:					10px 0 0 0;
}

#main h1.inorder
{
	border-bottom:			1px dotted #660000;
	font:					bold 12px/15px Verdana;
	margin:					20px 0 -5px 0;
	width:					325px;
}


#main h2,
#main h3
{
	color:					#660000;
	font:					bold 11px/15px Verdana;
	margin:					10px 0 0 0;
}

#main h1.big,
#main h2.big,
#main h3.big
{
	font:					bold 15px/15px Verdana;
}

#main h3 a
{
	color:					#660000;
	text-decoration:		underline;
}

#main h1.imprint
{
	margin-top:				90px;
}

#main h2.space
{
	margin-top:				24px;
}

#main p
{
	color:					#660000;
	font:					normal 11px/15px Verdana;
	margin:					10px 0 0 0;
}

#main .plain
{
	margin:					2px 0 0 0;
}

#main .gastroprice,
#main .desc
{
	margin:					2px 0 0 0;
	overflow:				hidden;
	padding:				0 50px 0 0;
	position:				relative;
	width:					275px !important;
	width:					325px;
}

#main .gastroprice span,
#main .desc span
{
	bottom:					0;
	font:					normal 11px/15px Verdana;
	right:					0;
	position:				absolute;
}

#main .withvalue span.price
{
	right:					0;
}

#main .withvalue span.value
{
	right:					52px;
}

#main .gastroprice,
#main .gastro
{
	margin:					10px 0 0 0;
}

#main p a
{
	color:					#660000;
}

.align_center
{
	text-align:				center;
}



/*
 * Navigation
 */

#navi
{
	display:				block;
	height:					13px;
	left:					25px;
	list-style-type:		none;
	position:				absolute;
	top:					135px;
	width:					720px;
	z-index:				30;
}

#navi li
{
	display:				block;
	float:					left;
	height:					13px;
	list-style-type:		none;
}

#navi li a
{
	display:				block;
	height:					13px;
}

#navi li.active,
#navi li:hover,
#navi ul .basic a.active,
#navi ul .basic a:hover
{
	background-position:	0px 13px;
}

#navi .basic a
{
	display:				block;
	height:					13px;
}

#navi li a span
{
	display:				none;
}

#navi .navirestaurant
{
	background:				url(../images/navi_restaurant.gif) 0 0;
	margin-left:			17px;
	width:					101px;
}

#navi .navirestaurant a
{
	width:					101px;
}

#navi .navirestaurant .basic a
{
	background:				url(../images/navi_restaurant.gif) 0 0;
	width:					101px;
}

#navi .navicatering
{
	background:				url(../images/navi_catering.gif);
	margin-left:			108px;
	width:					81px;
}

#navi .navicatering a
{
	width:					81px;
}

#navi .navireferencesde
{
	background:				url(../images/navi_de_references.gif);
	margin-left:			108px;
	width:					100px;
}

#navi .navireferencesus
{
	background:				url(../images/navi_us_references.gif);
	margin-left:			108px;
	width:					100px;
}

#navi .navireferencesde a,
#navi .navireferencesus a
{
	width:					100px;
}

#navi .navicontactde
{
	background:				url(../images/navi_de_contact.gif);
	margin-left:			108px;
	width:					77px;
}

#navi .navicontactus
{
	background:				url(../images/navi_us_contact.gif);
	margin-left:			108px;
	width:					77px;
}

#navi .navicontactde a,
#navi .navicontactus a
{
	width:					77px;
}

#navi li ul
{
	display:				none;
}

#navi li:hover ul
{
	display:				block;
	width:					150px;
}

#navi .navirestaurant ul
{
	height:					105px;
	margin-top:				-105px;
}

#navi .navicatering ul
{
	height:					45px;
	margin-top:				-45px;
}

#navi li ul li
{
	color:					#FFF;
	display:				list-item;
	font:					normal 11px/11px Verdana;
	margin:					0 0 2px 0;
	text-align:				left;
	width:					150px;
}

#navi li ul li a
{
	color:					#CC0000;
	display:				inline;
	font:					normal 11px/11px Verdana;
	text-decoration:		none;
}

#navi li ul li.basic
{
	margin-top:				2px;
}

#navi li ul li a.active,
#navi li ul li a:hover
{
	color:					#FFF;
}





/*
 * Referenzen
 */

#references
{
	list-style-type:		none;
	margin:					0 0 10px 0;
}

#references li
{
	color:					#660000;
	font:					normal 11px/15px Verdana;
	list-style-type:		none;
	margin:					10px 0 0 0;
}

#references li a
{
	color:					#660000;
}




/*
 * Formulare
 */

form fieldset
{
	border:					none;
	color:					#660000;
	font:					normal 11px/15px Verdana;
	margin:					4px 0 0 0;
	text-align:				left;
}

form fieldset label
{
	display:				block;
	float:					left;
	width:					120px;
}

form fieldset input.text
{
	border:					1px solid #CACACA;
	height:					14px;
	padding:				1px 2px;
	width:					196px;
}

form fieldset select
{
	border:					1px solid #CACACA;
	width:					200px;
}

form fieldset.full label
{
	display:				block;
	float:					none;
	padding:				0 0 2px 0;
	width:					100%;
}

form fieldset.full textarea
{
	border:					1px solid #CACACA;
	display:				block;
	height:					65px;
	width:					320px;
}

form p.notice
{
	text-align:				left;
	width:					100%;
}

form fieldset.allergy input.text
{
	float:					right;
	margin:					0 5px 0 0;
	width:					200px;
}

form fieldset.getcall label,
form fieldset.createoffer label,
form fieldset.doreservation label
{
	float:					right;
	width:					310px;
}

form fieldset.copy label
{
	width:					230px;
}

form fieldset.getcall,
form fieldset.createoffer
{
	margin:					8px 0 8px 0;
}

form fieldset.date,
form fieldset.recipient
{
	margin:					18px 0 0 0;
}

form fieldset.food,
form fieldset.payment
{
	margin:					5px 0 0 0;
}

form fieldset.date
{
	margin:					14px 0 0 0;
}

#main form p.submitres1
{
	margin-top:				94px;
}

#main form p.submitres2
{
	margin-top:				36px;
}

#main form p.submitres3
{
	margin-top:				76px;
}

form p.buttons
{
	height:					14px;
	overflow:				hidden;
	width:					100%;
}

form p.buttons a
{
	display:				block;
	float:					right;
}

form p.buttons input.button
{
	background:				none;
	border:					none;
	color:					#660000;
	cursor:					pointer;
	display:				block;
	float:					left;
	font:					normal 11px/15px Verdana;
	text-decoration:		underline;
}





/*
 * Ansicht auf die Raeume
 */

ul.rooms
{
	list-style-type:		none;
	margin:					8px auto 0 auto;
	width:					315px;
}

ul.rooms li
{
	color:					#660000;
	font:					normal 11px/15px Verdana;
	list-style-type:		none;
	overflow:				hidden;
	margin:					0 0 14px 0;
	text-align:				left;
}

ul.rooms li .thumb
{
	border:					none;
	display:				block;
	float:					right;
	text-decoration:		none;
}

ul.rooms li img
{
	border:					none;
	height:					45px;
	width:					60px;
}




/*
 * Vorschaubilder in einem Popup vergroessern
 */

.remooz-element
{
	cursor:					-moz-zoom-in;
}


.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}

.remooz-loading
{
	background-image:		url(../images/spinner.gif);
}

.remooz-body
{
	width:					100%;
	height:					100%;
}

.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}

.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(../images/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}

.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url(../images/closebox.gif);
}

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}

.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}

.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.1em;
	font-weight:			normal;
	color:					#eee;
}
.remooz-title-content p
{
	color:					#eee;
}

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(../images/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(../images/remo_bg_ne.png) no-repeat;
}

.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(../images/remo_bg_e.png) repeat-y;
}

.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(../images/remo_bg_se.png) no-repeat;
}

.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(../images/remo_bg_s.png) repeat-x;
}

.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(../images/remo_bg_sw.png) no-repeat;
}

.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(../images/remo_bg_w.png) repeat-y;
}

.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(../images/remo_bg_nw.png) no-repeat;
}





/*
 * Blaetter-Funktion
 */

#pagenext
{
	bottom:					23px;
	display:				block;
	height:					70px;
	overflow:				hidden;
	position:				absolute;
	right:					23px;
	width:					80px;
	z-index:				90;
}

#pagenext a
{
	background:				url(../images/pagenext.png) no-repeat bottom right;
	border:					none;
	display:				block;
	height:					70px;
	text-decoration:		none;
	width:					80px;
}

#pagelast
{
	bottom:					23px;
	display:				block;
	height:					70px;
	overflow:				hidden;
	position:				absolute;
	left:					25px;
	width:					80px;
	z-index:				90;
}

#pagelast a
{
	background:				url(../images/pagelast.png) no-repeat bottom left;
	border:					none;
	display:				block;
	height:					70px;
	text-decoration:		none;
	width:					80px;
}

#pagelast span,
#pagenext span
{
	bottom:					20px;
	color:					#660000;
	display:				block;
	font:					normal 11px/15px Verdana;
	position:				absolute;
	visibility:				hidden;
}

#pagelast span
{
	left:					40px;
}

#pagenext span
{
	right:					40px;
}






/*
 * Statusmeldungen
 */

#statusMessage
{
	left:					220px;
	overflow:				hidden;
	position:				absolute;
	text-align:				left;
	top:					200px;
	width:					390px;
	z-index:				40;
}

#statusMessage img
{
	cursor:					pointer;
	position:				absolute;
	left:					15px;
	top:					20px;
}

#statusMessage p
{
	background:				#660000;
	border:					2px solid #660000;
	color:					#FFF;
	font:					normal 13px/16px Arial;
	margin:					30px;
	padding:				15px 15px;
	width:					300px;
}

#statusMessage strong
{
	color:					#FFF;
}



/*
 * Inhaltsverzeichnis Speisekarte
 */

#directory
{
	list-style-type:		none;
	margin:					0 0 10px 0;
}

#directory li
{
	border-bottom:			1px dotted #660000;
	color:					#660000;
	font:					normal 11px/15px Verdana;
	list-style-type:		none;
	margin:					10px 0 0 0;
	position:				relative;
	width:					100%;
}

#directory li a
{
	color:					#660000;
	text-decoration:		none;
}

#directory li a:hover
{
	font-weight:			bold;
}

#directory li span
{
	bottom:					0;
	position:				absolute;
	right:					0;
}