/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	background-color:#A29A93;
	background-image:url('../img/bg.jpg');
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* Header ******************************************************************/

#header {
	width:996px;
	height:136px;
	/*border:1px solid red;*/
	margin:0px auto;
	color:#FFFFFF;
}

#logo {
	margin:18px 0px 0px 10px;
	float:left;
}

/* Suche */
#servicenavi {
    	text-align:right !important;
    	float:right;
	margin-top:28px;
	
}

#servicenavi .navitext {
	margin-top:34px;
	font-size:14px;
}

.navitext a:link, .navitext a:visited {
	text-decoration:none !important;
	color:#FFFFFF !important;
}

/* Content-Bereich ******************************************************************/

#content, #restaurantcontent, #hotelcontent, #barcontent, #infocontent {
	width:996px;
	margin:0px auto;
}

#content { background-image:url('../img/contentbg.gif'); }
#restaurantcontent { background-image:url('../img/restaurantbg.gif'); }
#barcontent { background-image:url('../img/barbg.gif'); }
#hotelcontent { background-image:url('../img/hotelbg.gif'); }
#infocontent { background-image:url('../img/infobg.gif'); }

/* eine Spalte */
.bereich {
	width:249px;
	float:left;
}

/* ueber 2 Spalten */
.bereich2 {
	width:498px;
	padding:20px 0 0 0;
	float:left;
}

/* Titelbalken allgemein */
.titel {
	color:#FFFFFF !important;
	font-size:18px;
	padding:6px 22px 6px 22px;
	text-transform:uppercase;
	width:205px;
	float:left;
	height:20px;

}

.titel a {
	text-decoration:none;
}

/* Titel auf Unterseiten (mit Stern) */
.kleintitel {
	color:#FFFFFF;
	font-size:14px;
	padding:7px 22px 7px 22px;
	/*clear:both;*/
	float:right;
	text-align:right;
	width:380px;
	height:17px;
}

/* Sterne */
.stern1, .stern2,.stern3, .stern4 {
	 vertical-align:middle;
}

.stern2, .stern3, .stern4 {
	margin-left:10px;
}

/* Titelbalken (Farbe je nach Bereich) */
#hotel .titel,#hotel .titel a:link,#hotel .titel a:visited, #hotel2 .kleintitel  { background-color:#A39A93;color:#fff;  }
#restaurant .titel, #restaurant .titel a:link, #restaurant .titel a:visited,#restaurant2 .kleintitel { background-color:#BB4E16;color:#fff; }
#bars .titel,#bars .titel a:link, #bars .titel a:visited, #bars2 .kleintitel { background-color:#720046 !important;color:#FFF !important;color:#fff; }
#info .titel, #info .titel a:link, #info .titel a:visited, #info2 .kleintitel { background-color:#4C4441; width:205px; color:#fff; }
/*#infocontent .bereich2 table table .titel, #info2 .kleintitel  { background-color: #7F7921 !important; }*/

#hotelcontent .langtitel { background-color:#A39A93 !important; width:745px;float:left; }
#barcontent .langtitel { background-color:#720046 !important; width:745px;float:left; }
#restaurantcontent .langtitel { background-color:#BB4E16 !important; width:745px;float:left; }
#infocontent .langtitel { background-color:#4C4441 !important; width:745px;float:left; }

/* Rahmen bei Uebersichtsbildern, sowie bei Anrisstexten auf der Startseite */
#hotel .bildrahmen, #hotel .text { border-right:2px solid #A39A93; }
#restaurant .bildrahmen, #restaurant .text { border-right:2px solid #BB4E16; }
#bars .bildrahmen, #bars  .text { border-right:2px solid #720046; }
#info .bildrahmen, #info .bildrahmen { border-right:2px solid #4C4441; }
 
/* Zusatzspalte bei Unterseiten */
.infotext h3 {
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-top:10px;
} 

/* Titel bei Zusatzspalten in der jeweiligen Farbe des Bereichs abbilden */
#hotel2 .infotext h3 { color:#333; }
#restaurant2 .infotext h3 { color:#BB4E16; } 
#bars2 .infotext h3 { color: #720046; }
#info2 .infotext h3 { color: #4C4441; }

.infonachoben .titel {
	margin-top:-32px;
}

/* Anrisstext auf der Startseite */
.textfront {
	font-size:14px;
	font-style:italic;
	padding:15px 22px;
	margin:0;
	line-height:18px;
	clear:both;
}

.text {
	font-size:12px;
	/*font-style:italic;*/
	padding:15px 22px;
	margin:0;
	line-height:18px;
	clear:both;
}

.infonachoben .text {
	margin:0 0 32px 0;
}

#content .text {
	padding:15px 22px;
}

/* Text zum Bild, bei Events auf der Startseite */
.bildtext {
	float:left;
	font-size:12px;
	padding:10px 15px;
}

/* Textinhalt bei Zusatzspalten auf den Unterseiten */
.infotext { 
	font-size:12px;
	padding:10px 15px 0px 15px;
	line-height:18px;
	
}

.infotext a:link, .infotext a:visited, .bildtext a:link, .bildtext a:visited {
	color:#666;
}

/* Listenelemente */

ul,.infotext ul,.text ul {
	margin:0 0 0 13px;
	padding:0;
	}
li,.infotext ul li,.text ul li {
	list-style:square;
	margin:0;
	padding:0 0 5px 0;
	line-height:14px;
	}

/* Inhaltselemente ***********************************************************/

/* nurText */
.textelement {
	margin:0 0 0 22px;
	padding:5px 22px 15px 0;
	line-height:18px;
}

/* Bild und Text */
.bildelement{
	/*padding:0px 0px 30px 22px;*/
	margin:0 0 0 22px;
	padding:0px 0px 30px 0;
	line-height:18px;
}

/*Rahmenfarben der Inhaltselemente */
#restaurant .textelement, #restaurant .bildelement { border-top:1px solid #BA4E17; }
#hotel .textelement, #hotel .bildelement { border-top:1px solid #A29A93; }
#info .textelement, #info .bildelement { border-top:1px solid #4C4441; }
#bars .textelement, #bars .bildelement { border-top:1px solid #720046; }

/* Bild und Text */
th {
	background-color:#A29A93;
	padding:2px;
	text-align:left;
}
td {
	border-bottom: 1px solid #A29A93;
	padding:2px 0 2px 0;
}
/*erstes Element ohne Rahmen oben abbilden */
.firstelement {
	border-top:0px !important;
}

/* Titel */
h1 {
	margin:0px 0px 10px 0px;
	font-size:18px;
	font-weight:400;
}

h2 {
	/*border-bottom: 1px solid #A29A93;*/
	margin:0px 0 10px 0;
	padding:0 0 3px 0;
	font-size:14px;
	font-weight:bold;
}

/* Bild anstelle des H1-Titels */
.titelbild {
	margin-top:15px;
	margin-bottom:8px;
}

/* Linkfarben */
#restaurant .textelement a:link, #restaurant .textelement a:visited { color:#BA4E17; }
#restaurant .bildelement a:link, #restaurant .bildelement a:visited { color:#BA4E17; }

#bars .textelement a:link, #bars .textelement a:visited { color:#720046; }
#bars .bildelement a:link, #bars .bildelement a:visited { color:#720046; }

#hotel .textelement a:link, #hotel .textelement a:visited { color:#666; }
#hotel .bildelement a:link, #hotel .bildelement a:visited { color:#666; }

#info .textelement a:link, #info .textelement a:visited { color:#4C4441; }
#info .text a:link, #info .text a:visited { color:#4C4441; }

#info3 .textelement a:link, #info3 .textelement a:visited { color:#4C4441; }
#info3 .text a:link, #info3 .text a:visited { color:#4C4441; }
#info3 .bildelement a:link, #info3 .bildelement a:visited { color:#4C4441; }

#popup a:link, #popup a:visited { color:#fff; }
#popup { color:#fff; }

.whitelink {
	color:#fff;
	text-decoration:none;
}

.liniegrau {
	margin:5px 0 5px 0;
	font-size:0px;
	line-height:0px;
	height:1px;
	border-bottom: 1px solid #A29A93;
}

/* Footer ******************************************************************/

#footer {
	width:996px;
	margin:0px auto;
	padding:10px 0px;
	font-size:11px;
	color:#FFFFFF;
}

/* Diverses fürs Layout (floats) ******************************************************/

.clearfloat { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }
.position1 { border:0px !important; }

/* Formulare ******************************************************************/
form {
	margin:0;
	padding:0;
}
label.left {
	clear:both;
	float:left;
	width:120px;
	margin:3px 10px 0 0;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

fieldset {
	padding:10px 22px 10px 22px;
	border:0px;
}
.vorname {
	display:none;
}

.formular {
	margin:0px;
	padding:0px;
}

.formular input, .formular textarea, .formular select {
	margin-bottom:5px;
}

.error { 
	color: #c00000;
	margin:0 0 5px 0;
}

.noborder tr td {
	border:0px solid #000;
}

/* Gästebuch ******************************************************************/

.gaestebucheintrag {
	margin:20px 0px 0px 0px; 
	padding:5px;
	border:1px solid #ccc;
}

/* Bildergalerie ******************************************************************/

#imagegallery {
	text-align:center;
	color:#fff !important;
}
#imagegallery img {
	border:1px solid #666;
}

.next a, .back a {
	color:#fff !important;
	text-decoration:none;
}

hr.imagegalleryline {
	border:0px;
	background-color:#fff;
	height:1px;
}

/* Events ******************************************************************/

.eventlink:link, .eventlink:visited {
	color:#7F7921;
}

.eventlink:hover {
	color:#000;
}

/* Suche *******************************************************************/


.suchresultat {
	margin:15px 0px 0px 0px; 
	padding:5px;
	border:1px solid #ccc;
}

/* Reservationsformular *****************************************************/

div.reservationsformular {
	padding:10px;
	background-color:#D4D2D3;
	border:1px solid #A39A93;
}

input.submitbutton {
	background-color:#efefef;
	border:1px solid #A39A93;
}