@charset "utf-8";
/* CSS Document www.lanterna-arco.com */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color:#D2E5BC;
}

ul {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	position: relative;
	list-style-position: inside;
	list-style-type: disc;
}

li {
	margin-bottom: 3px;
}

hr {
	color:#D1CEBF;
	float:right;
	margin-top: 10px;
	margin-right: 10px; 
}

a:link {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: normal;
	text-decoration: none;
}
a:focus {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: normal;
	text-decoration: none;
}

/* Hauptinhaltscontainer ################################################## */

#pageContent {
	/* der Hauptinhaltscontainer der Seite mittig angeordnet */
	position: absolute;
	width: 766px;
	height: 600px;
	margin-left: -383px;
	left: 50%;
	top: 1px;
}
#pageHeader {
	/* der Kopf der Seite (Fototeile links und rechts mit mittigem La Lanterna-Logo) */  
	position: relative;
	width: 766px;
	height: 322px;
}
#mainLinkContainer {
	/* die Leiste der Links unterhalb des Seitenkopfes */
	position: relative;
	width: 766px;
	height: 68px;
}

.mainTextContainer {
	/* der übergeordnete Container für alle Inhalte im Mittelteil der Seite (Bilder, Informationen, Links */
	position: relative;
	background-color:#FFFFFF;
	width: 766px;
}

/* Horizontal-Ruler Formatierung ######################################################################## */

#hr_home {
	width: 180px;
}

#hr_home_a {
	width: 130px;
}

#hr_restaurant {
	width: 200px;
}

#hr_restaurant_a {
	width: 180px;
}

#hr_appartements {
	width: 180px;
}

#hr_buchung {
	width: 145px;
}

#hr_impressum {
	width: 200px;
}
/* *** einzelne Abschnitte (Links) der Seite müssen extra ansprechbar sei, da der Konqueror von Linux
       unterschiedliche Höhenangaben des .mainTextContainer benötigt als die anderen Browser           */
	   
#mainHomeContainer { 
	height: 380px;
}

#mainRestaurantContainer {
	height: 745px;
}

#mainAppartementsContainer {
	height: 975px;
}

#mainBookingContainer {
	height: 430px;
}

#subContainerRightBookings {
	height:420px;
}

#subContainerLeftBookings {
	height:410px;
}

#mainLocationContainer {
	height: 1015px;
}

#mainContactContainer {
	height:285px;
}

#mainImpressumContainer {
	height: 685px;
}
/* *** einzelne Abschnitte (Links) -ENDE ***************************************************************/

#pageFooter {
	/* der Container für den Seitenfuss (rotes Rechteck mit Copyright-Meldung und Impressum-Link */
	position: relative;
	background-image: url(img/pagedesign/pageFooterBg.png);
	width: 766px;
	height: 61px;
}

#footerContent {
	/* Container für die Schriftblöcke im Fussbereich (Copyright und Impressum) */
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	left: 25px;
	top: 25px;
	width: 330px;
}

#footerContent a:link {
	/* spezielle Linkfarbe für die Container im Fussbereich (#footerContent) */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
}

#footerContent a:visited {
	/* spezielle Linkfarbe für die Container im Fussbereich (#footerContent) */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
}

#footerContent a:focus {
	/* spezielle Linkfarbe für die Container im Fussbereich (#footerContent) */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
}

#footerContent a:hover {
	/* spezielle Linkfarbe für die Container im Fussbereich (#footerContent) */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: underline;
}

#footerContent a:active {
	/* spezielle Linkfarbe für die Container im Fussbereich (#footerContent) */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
}

/* verschiedene Inhaltscontainer ###################################################### */

#imagesContainer {
	/* der Container für die Bildervorschau (1 grosses und darunter 6 kleine) */
	position: relative;
	background-image:url(img/pagedesign/imageborder.png);
	width: 296px;
	clear: both;
	top: 10px;
	left: 20px;
	background-repeat: no-repeat;
}

#imgViewerControl {
/* Container für die Steuerungsleiste der Vorschaubilder */
	position: relative;
	height: 15px;
	width: 296px;
	top: 15px;
	left: 20px;
}	

.Cont_ColLeftGrey {
	/* Inhaltscontainer 1-spaltig links in grau mit Rahmen */
	position: relative;
	background-color: #F4F5ED;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EAE6DA;
	border-right-color: #EAE6DA;
	border-bottom-color: #EAE6DA;
	border-left-color: #EAE6DA;
	width: 334px;
	top: 5px;
	float: left;
	margin-bottom: 5px;
	padding-top: 10px;
}
.Cont_ColRightRed {
	/* Inhaltscontainer 1-spaltig rechts in rot mit Rahmen */
	position: relative;
	background-color: #F3EBE0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAE6DA;
	border-right-color: #EAE6DA;
	border-bottom-color: #EAE6DA;
	border-left-color: #EAE6DA;
	width: 420px;
	top: 5px;
	float: right;
	margin-bottom: 5px;
}
.Cont_ColRightWhite {
	/* Inhaltscontainer 1-spaltig rechts in weiss ohne Rahmen */
	position: relative;
	background-color: #FFFFFF;
	width: 420px;
	top: 15px;
	float: right;
	margin-bottom: 7px;
}
.Cont_ColRightGrey {
	/* Inhaltscontainer 1-spaltig rechts in grau mit Rahmen */
	position: relative;
	background-color: #F4F5ED;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAE6DA;
	border-right-color: #EAE6DA;
	border-bottom-color: #EAE6DA;
	border-left-color: #EAE6DA;
	width: 420px;
	top: 5px;
	float: right;
	margin-bottom: 5px;
}
.Cont_FullGrey {
	/* Inhaltscontainer volle Seitenbreite grau mit Rahmen  */
	position: relative;
	background-color: #F4F5ED;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EAE6DA;
	border-right-color: #EAE6DA;
	border-bottom-color: #EAE6DA;
	border-left-color: #EAE6DA;
	width: 766px;
	top: 5px;
	float: none;
	clear:both;
	margin-bottom: 5px;
}

.Cont_FullRed {
	/* Inhaltscontainer volle Seitenbreite rot mit Rahmen */
	position: relative;
	background-color: #F3EBE0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EAE6DA;
	border-right-color: #EAE6DA;
	border-bottom-color: #EAE6DA;
	border-left-color: #EAE6DA;
	width: 766px;
	top: 5px;
	clear:both;
	margin-bottom: 5px;
}

.Cont_FullWhite {
	/* Inhaltscontainer volle Seitenbreite rot mit Rahmen */
	position: relative;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 766px;
	top: 5px;
	clear:both;
	margin-bottom: 5px;
}

/* Schriftformatierungen ############################################################ */

.caption1DeepGrey {
	font-family: "Times New Roman", Times, serif;
	font-size: 19pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0E0E0E;
	text-decoration: none;
	margin-left: 25px;
	letter-spacing: 0.75px;
}
.caption3DeepGrey {
	font-family: "Times New Roman", Times, serif;
	color: #0E0E0E;
	font-size: 13pt;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-decoration: none;
	margin-left: 25px;
}

.caption3Silver {
	font-family: "Times New Roman", Times, serif;
	color: #737373;
	font-size: 13pt;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-decoration: none;
	margin-left: 25px;
}

.typeGenevaRed {
	color: #905255;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left: 25px;
}

.formGenevaRed {
	color: #905255;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.typeGenevaBlack {
	color: #0E0E0E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	margin-left: 25px;
}

.typeGenevaBlackSmall_1 {
	font-size: 8.0pt;
}

.typeGenevaBlackCaption {
	font-weight: bold;
	text-decoration:underline;
}

.typeTimesRomanBlack {
	color: #0E0E0E;
	font-family: "Times New Roman", Times, serif;
	font-size: 10.3pt;
	margin-left: 25px;
}

.CaptionMargin_2 {
	margin-top: 2px;
}

.CaptionMargin_10 {
	margin-top: 10px;
}

.CaptionMargin_15 {
	margin-top: 15px;
} 


/* Die 2 Listboxen nebeneinander für ungeordnete 2-spaltig Aufzählungen */

.listBoxContainer {
	width: 355px;
	margin-left: 35px;
}

.listBoxTextContainer {
	width: 400px;
	margin-left: 25px;
}

.listBoxLeft {
	width: 175px;
	float: left;
}

.listBoxRight {
	width: 175px;
	float: right;
}

/* Bild-Platzhalter für die 7-fach-Bilderansicht (ImageViewer) ######################################## */

.imageViewMain {
	position: relative;
	height: 145px;
	width: 274px;
	left: 11px;
	top: 11px;
	clear: both;
}

.ImgSetCont {
	position: relative;
	height: 140px;
	width: 300px;
	left: 10px;
	top: 27px;
}

.imageView_r1_c1 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 0px;
	top: 0px;
}

.imageView_r1_c2 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 96px;
	top: 0px;
}

.imageView_r1_c3 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 192px;
	top: 0px;
}

.imageView_r2_c1 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 0px;
	top: 59px;
}

.imageView_r2_c2 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 96px;
	top: 59px;
}

.imageView_r2_c3 {
	position: absolute;
	height: 46px;
	width: 84px;
	left: 192px;
	top: 59px;
}

/* Vollbild Vorschau ##################################################################### */

#previewContainer {
/* eine abgedunkelte Fläche, die sich über die ganze Seite zieht (wird bei OnClick auf Vorschaubild auf VISIBLE gesetzt) */
	background-image:url(img/previewbg.png);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	background-repeat: repeat;
	z-index: 100;
}

#previewimagesContainer {
	/* das Vorschau-Image-Tag, das auf der abgedunkelten Fläche eingeblendet wird */
	position: absolute;
	background-color:#FFFFFF;
	width: 804px;
	height: 616px;
	margin-left: -402px;
	margin-top: -309px;
	left: 50%;
	top: 50%;
	border: 6px solid #FFFFFF;	
	cursor: pointer;
	z-index: 130;
}

#previewImage {
	border: 2px solid #000000;	
}

#previewHint {
	/* Hilfetext im oberen Rahmen des Vorschaufensters */
	color: #000000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
}

.formBtn {
	position: relative;
	color: #420002;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	border: 1px solid #420002;
	background-color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

/*  SPEISEKARTE ##################################################################################  */

.karte_ueberschrift {
	position: relative;
	top: 25px;
	margin-bottom: 50px;
}
.karte {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	width: 550px;
	position: relative;
}
.karte_footer {
	font-size: 12px;
}
.karte_spacer {
	position: relative;
	height: 15px;
	width: 15px;
	clear: both;
}
.karte_speisen {
	position: relative;
	width: 475px;
	float: left;
}
.karte_preise {
	position: relative;
	width: 75px;
	float: right;
	text-align: right;
}

#previewTextContainer {
/* eine abgedunkelte Fläche, die sich über die ganze Seite zieht (wird bei Klick auf einen Speisekartenlink auf VISIBLE gesetzt) */
	background-image:url(img/previewbg.png);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	background-repeat: repeat;
	z-index: 110;
}

#Menucard_Layer {
	/* der übergeordnete Layer, der die Speisekarten anzeigt. Seitenhintergrund dabei hellgrau abgeblendet */
	position: absolute;
	background-image:url(img/menubg.png);
	top: 50%;
	left: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 620px;
	margin-left: -310px;
	height: 412px;
	margin-top: -206px;
	overflow: scroll;
	border: 6px solid #FFFFFF;
	padding-left: 5px;
	cursor: pointer;
	visibility: hidden;
	background-repeat: no-repeat;
	background-color: #F3EBE0;
}

#previewMenulayerHint {
	/* Hilfetext im oberen Rahmen des Vorschaufensters */
	position: fixed;
	color: #FFFFFF;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	background-color:#999999;
	width: 610px;
	margin-left: -5px;
	z-index: 103;
}

/* diverse Einzelformatierungen ################################################################### */

#bookingComment {
	height: 75px;
}

/* INDEX-SEite #################################################################################### */

#indexDiv {
	position: absolute;
	width: 854px;
	height: 350px;
	left: 50%;
	top: 124px;
	margin-left: -427px;
}