/* SEITE */

body 
{
 /*font-size: 100.01%;*/
   font-family:  "Lucida Sans Unicode", Lucida Sans Unicode, Lucida Sans, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	color: #000 ; /*#503130;*/  
  margin: 0px 0px  0px 0px;
  text-align: center;
  padding: 0;
  background-color: #827575;
}



/* Links  */

#inhalt a,
#inhalt a:visited
{
	color				:	#aa0e07/*B80b03*/;
	text-decoration:	none;
	border-bottom: none;
}

#inhalt a:hover,
#inhalt a:visited:hover,
#inhalt a:active,
#inhalt a:hover:active	
{
	color				:	#b80b03;
	border-bottom: 1px #b80b03 solid;
}

/* SEITENAUFBAU > GRUNDGERÜST */


#seite
{
width: 780px;
height: auto;
padding:0px;
margin: 20px auto;
background-color: #F8FAFC; /* Bereichsabhängig >> AUSTAUSCHEN */
overflow: inherit; /* linie: rechts in IE*/
border: 1px solid #333;
z-index: inherit;
}

#logo
{
	position:absolute;
	top: 0;
	left: 20px;
	z-index:99;
	overflow:visible;
	display:block;
}

#meta
{
	position:relative;
	top: 0;
	left: 0;
	height: 31px;
	width: 780px; /* für IE , sonst gibt es Ränder! */
	text-align: left;
	margin: 0;
	padding: 0;
	z-index:95;
}


#meta ul
{

	margin :0;
	padding: 8px 0 0 0;
	text-align:right;
	list-style-type: none;
	font-size: 0.8em;
	line-height:normal;
	background-color: inherit;
}

#meta ul li 
{
	white-space: nowrap;
	display: inline;
	margin: 	0;
	padding: 0px 20px 0px 20px;
}


#meta ul li a
{
	margin: 	0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-style: italic;	
	font-weight: normal;
	font-weight: 200;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
	letter-spacing: 1px;
}

#meta ul li a:visited
{
	margin: 	0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

#meta ul li a:hover,
#meta ul li a:visited:hover,
#meta ul li a:active,
#meta ul li a:hover:active	
{
	color:	#FDBB08;
	border-bottom: none;
	font-weight:500;
	
}

#meta ul li.aktiv a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
}

#meta ul li.aktiv a:hover,
#meta ul li.aktiv a:visited:hover,
#meta ul li.aktiv a:active,
#meta ul li.aktiv a:hover:active	
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
}


#kopf
{
	position:relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 243px;
	text-align: left;
	z-index:10;
}

#film {z-index:12;}

#main
{
	text-align:left;	
	width:100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	overflow: none;
}


#menu
{
	height: auto;
	background-color: transparent;
	position:relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
}



 /* MENU */

#menu ul
{
	margin :0px 5px 0px 10px;
	padding:0px 0 0 0;
	list-style-type: none;
	line-height: normal;
	background-color: transparent;
	text-align: right;
	font-size: 1.35em; 
}


html> body #menu ul
{
	margin :0px 17px 0px 17px;
}


#menu ul li 
{
	white-space: nowrap;
	display: inline;
	margin: 	0;

}


#menu ul li a
{
	margin: 	0;	
	padding: 0px 7px;
	padding-bottom: 15px;
	color: #3B1F1E; 
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	font-family:  Times New Roman, Times, Garamond, serif;
}


#menu ul li.erster a
{
		padding: 0px 13px  0px 10px;
}


#menu ul li a:visited
{
	color: #3B1F1E;
	text-decoration: none;
	border-bottom: none;
}

#menu ul li a:hover,
#menu ul li a:visited:hover,
#menu ul li a:active,
#menu ul li a:hover:active	
{
	color:	#b80b03;
	border-bottom: none;
	font-weight: 400;
	background-image: url(../bilder/design/menu_hg_over.gif);
	background-position: right 18px;
  	background-repeat: no-repeat;
}

#menu ul li#m1.aktiv a,
#menu ul li#m2.aktiv a,
#menu ul li#m3.aktiv a,
#menu ul li#m4.aktiv a
{
	color: #b80b03; 
	text-decoration: none;
	font-weight: 500;
	background-image: url(../bilder/design/menu_hg_over.gif);
	background-position: right 18px;
  	background-repeat: no-repeat;
}


#menu ul li.aktiv a:hover,
#menu ul li.aktiv a:visited:hover,
#menu ul li.aktiv a:active,
#menu ul li.aktiv a:hover:active	
{
	color: #b80b03; 
	text-decoration: none;
	font-weight: 500;
	background-image: url(../bilder/design/menu_hg_over.gif);
	background-position: right 18px;
  	background-repeat: no-repeat;
}

/* ----------------------------*/

#inhaltcontain
{
	position: relative;
	width: 780px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

 /* SUBMENU */

#submenu
{

	width: 173px;
	background-color: transparent;
	margin: 5px 0 0px 0;
	padding: 0;
	float: left;
	font-style:  italic;
	font-weight: normal;
	font-family:  Times New Roman, Times, Garamond, serif;
}


#submenu ul
{
	margin : 10px 10px 10px 4px;
	padding: 5px 0 0 0;
	list-style-type: none;
	font-size: 0.8em;
	line-height: normal;
	background-color: inherit;
	text-align: left;
	font-family:  Lucida Sans, Lucida Sans Unicode;
}

#submenu ul li 
{
	white-space: normal;
	margin: 	0;
	padding: 8px 0px 8px 0px;
	line-height: 1.5em;
	display: block;
	background-image: url(../bilder/design/pixel_braun.gif);
	background-position: left bottom;
  	background-repeat: no-repeat;
}


#submenu ul li a,
#submenu ul li a:visited
{
	margin: 	0;
	padding: 0;
	text-decoration: none;
	color:#3B1F1E;
	font-style:  normal;
	display: block;
	padding-left: 20px;
}

#submenu ul li a:hover,
#submenu ul li a:visited:hover,
#submenu ul li a:active,
#submenu ul li a:hover:active	
{
	color				:	#aa0e07/*b80b03*/ ;
	border-bottom: none;
	background-image: url(../bilder/design/submenu_icon.gif);
	background-position: left 3px;
  	background-repeat: no-repeat;
	padding-left: 20px;
}

#submenu ul li.aktiv a,
#submenu ul li.aktiv a:visited,
#submenu ul li.aktiv a:hover,
#submenu ul li.aktiv a:visited:hover,
#submenu ul li.aktiv a:active,
#submenu ul li.aktiv a:hover:active	
{
	color: #aa0e07;
	border-bottom: none;
	text-decoration: none;
	background-image: url(../bilder/design/submenu_icon.gif);
	background-position: left 3px;
  	background-repeat: no-repeat;
	padding-left: 20px;
}



/*Inhaltsbereich*/

#inhalt
{
	width: 555px;
	height: auto;
	margin: 5px 0 0px 200px;
	padding: 0 0 15px 0;
	background-color: transparent;
}


html> body #inhalt
{
		width: 555px;
}

#inhalt:after 
{
			/* Inhalt pseudo-Element :after;
			 * somit [clear] moeglich	
			 */
			content: ".";
			 
			/* [content] verbergen;
			 */
			visibility: hidden;			
			height:     0;

			/* Block-Level fuer [clear];
			 */
			display:    block;
			
			/* [float] clearing;
			 * einbeziehen der Float-Container;
			 */	
			clear: both; 
}


#inhalt p
{
	margin: 0;
	padding: 0;
	font-size: 0.8em; 
	line-height: 1.75em;
	margin-bottom: 12px;
}


#inhalt p strong
{
	color:#3B1F1E;
}

#inhalt img.links,
#inhalt img.news
{
	float: left;
	margin: 7px 10px 3px 0px;
		
}

#inhalt img.rechts
{
	float:right;
	margin: 7px 0px 3px 10px;
}

#inhalt img.rand
{
	border: 1px dotted #995f5f /*3B1F1E*/;
	margin: 0px;
	padding: 0;

}



#inhalt p.link 
{
padding: 0;
margin: 0;
text-align: right;
font-size: 0.85em; 
}


#inhalt p.link a,
#inhalt p.link a:visited
{
	margin: 0 8px 0 2px;
	font-style: italic; /*italic*/
	font-weight: 100; 
	font-family:    Times New Roman, Times, Times New Roman, Georgia, serif; 
	letter-spacing: 1px;
	color: #503130;
}


#inhalt p.link a:hover,
#inhalt p.link a:visited:hover,
#inhalt p.link a:active,
#inhalt p.link a:hover:active	
{
	color:	#aa0e07;
	border-bottom: 1px #B80b03 solid ;
	font-style: italic;
	font-weight: 500;
}

#inhalt p.link span
{
background-image: url(../bilder/design/link_icon_braun.gif);
background-position: left 3px;
background-repeat: no-repeat;
padding: 0px 8px 0px 8px;
}


#inhalt p.link span.links
{
background-position: left 4px;
}

#inhalt p.link span.rechts
{
background-position: left 6px;
}


#inhalt .newsliste
{
overflow: hidden;
}


#inhalt ul
{
	padding: 0;
	margin: 10px 0 13px 15px;
	list-style-type: none;
	white-space: normal;
	font-size: 0.8em; 
	line-height: 1.75em;
	margin-bottom: 12px;
}


#inhalt ul li
{
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url(../bilder/design/icon_liste.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


#abschluss_menu
{
	background-color: transparent;
	position: relative;
	margin: 0;
	padding: 0;
	height: 79px;
	overflow: none;
	width: 780px; /* für IE , sonst gibt es Ränder! */
}



#abschluss
{
	background-color: #CAC1C0;
	position: relative;
	top: 0;
	left: 0;
	height: 25px;
	width: 780px; /* für IE , sonst gibt es Ränder! */
	margin: 0;
	padding: 0;
	margin-top: 0px;
}

#abschluss ul
{

	margin :0;
	padding: 4px 0 0 0;
	text-align:left;
	list-style-type: none;
	font-size: 0.8em;
	line-height:normal;

}

#abschluss ul li 
{
	white-space: nowrap;
	display: inline;
	margin: 	0;
	padding: 0px 20px 0px 20px;
}


#abschluss ul li a
{
	margin: 	0;
	padding: 0;
	color: #503130;
	text-decoration: none;
	font-style: italic;	
	font-weight: normal;
	font-weight: 200;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
	letter-spacing: 1px;
}

#abschluss ul li a:visited
{
	margin: 	0;
	padding: 0;
	color: #605252;
	text-decoration: none;
}

#abschluss ul li a:hover,
#abschluss ul li a:visited:hover,
#abschluss ul li a:active,
#abschluss ul li a:hover:active	
{
	color				:	#000;
	border-bottom: none;
	font-weight:500;
	text-decoration			:	none;
	
}

/* Textformate */


h1
{
	margin: 0px 0 0 0;
	padding: 30px 0px 15px 0;/* da italic, muß padding mitgegeben werden, sonst wird Schrift angeschnitten */
	line-height: 100%;
	font-size: 1.45em;
	font-family:  Times New Roman, Times, Garamond,  serif;
	letter-spacing: 0px;
	font-style:  italic;
	font-weight: normal;
	font-weight: 500;
	text-align: right;
}

html body h1
{
padding: 30px -3px 15px 0;

}
	

h2
{
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-family:  Times New Roman, Times, Garamond,  serif;
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #503130; 
	font-style: normal;
	font-weight: 500;
	text-align: left;
	margin:5px 0px;
}


h3
{
	margin: 0;
	padding: 0;
	line-height: 110%;
	font-family:  Times New Roman, Times, Garamond,  serif;
	letter-spacing: 1px;
	font-size: 1em;
	color: #503130; 
	font-weight: 500;
	text-align: left;
	margin:3px 0px;
}

h4
{
	padding: 0;
	line-height: 145%;
	font-size: 0.8em;
	color: #503130; 
	font-weight: bold;
	text-align: left;
	margin: 13px 0px 3px 0px;
}

.trenner hr /*, .trenner_fuss hr, .trenner2 hr, .trenner_grau hr*/
{
	display				:	none;
}

.trenner
{
	/*clear					:	both;*/
	font-size			:	1px;
	line-height			: 	1px;
	height				: 	1px;
	background			: 	transparent url(../bilder/design/trenner_dunkel.gif) repeat-x; 
	/* -- Vorsicht bidde! Padding und margins nicht in relativen Werten setzten >> font-size --*/
	margin				:	15px 3px 15px 0px;
	padding				:	0;
}


#inhalt div.contentID,
#inhalt .contentID 
{
font-size: 10px;
padding: 0px 0 0 0;
margin: 25px 0 0 0;
color: #B80b03;
}

/* nur fürs die 2 im H20 */

sub /* für IE */
{
	font-size: 0.85em;
	padding: 0;
	margin: 0;
	line-height: 0px;
	vertical-align: text-bottom; 
	letter-spacing: 0;
	margin-left: -1px;
	margin-right: -1px;
}

#inhalt p sub /* für IE 6 */
{
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	line-height: 0px;
	vertical-align: text-bottom; 
	letter-spacing: 0;
	margin-left: 0px;
}

#inhalt h2 sub,
#inhalt h3 sub 
{
	font-size: 0.8em;
	margin-left: 0px;	
	margin-right: -1px;
}


html> body sub /* FF Moz IE 7*/
{
	font-size: 0.8em;
	vertical-align: sub; 
	margin-left: -1px;
	margin-right: -2px;
}

html> body h2 sub
{

	vertical-align: sub; 
	margin-left: -1px;
	margin-right: -2px;
}

html> body #inhalt p sub
{
	vertical-align: sub; 
	margin-left: 0px;
}





/* ICONS */


.anmerkung
{
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
	color: #503130; 
	letter-spacing: 1px;
	line-height: 1.35em;
}

.extern
{
	background-image		:	url(../bilder/design/icon_extern.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 3px; 
   padding-left			:	28px;	
   margin				:	0px 0px 10px 0px;
  padding: 5px 0 5px 20px;

}

.temp
{
	background-image		:	url(../bilder/design/icon_temp.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 3px; 
	margin				:	10px 0px 10px 0px;
	  font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 color: #503130; 
   letter-spacing: 1px;
  padding: 5px 0 5px 20px;

}

.luft
{
	background-image		:	url(../bilder/design/icon_luft.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 0px 3px; 
	margin				:	10px 0px 10px 0px;
	  font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 color: #503130; 
   letter-spacing: 1px;
  padding: 5px 0 5px 20px;

}

#inhalt .special
{
	background-image		:	url(../bilder/design/icon_special.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 0px 3px; 
	margin				:	0px 0px 10px 0px;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 	color: #503130; 
   letter-spacing: 1px;
  padding: 5px 0 5px 20px;
}


.ort
{
	background-image		:	url(../bilder/design/icon_ort.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 2px; 
	margin				:	10px 0px 10px 0px;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
	 letter-spacing: 1px;
 	color: #503130; 
  padding: 5px 0px 5px 20px;
  width: auto;

}

.zeit
{
	background-image		:	url(../bilder/design/icon_zeit.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 3px; 
	margin				:	10px 0px 10px 0px;
	  font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 color: #503130; 
   letter-spacing: 1px;
  padding: 5px 0px 5px 20px;
    width: auto;

}


.termin
{
	background-image		:	url(../bilder/design/icon_termin.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 0px; 
	margin				:	10px 0px 10px 0px;
	  font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 color: #503130; 
   letter-spacing: 1px;
  padding: 5px 0px 5px 20px;
  width: auto;

}

html>body .termin
{

	background-position	:	 -1px 2px; 

}



.preis
{
	background-image		:	url(../bilder/design/icon_preis.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 0px 3px; 
	margin				:	10px 0px 10px 0px;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 	color: #503130; 
   letter-spacing: 1px;
  	padding: 5px 0px 5px 20px;
    width: auto;

}

.zusatz
{
	background-image		:	url(../bilder/design/icon_zusatzinfo.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 -1px 1px; 
	margin				:	10px 0px 10px 0px;
	font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 	color: #503130; 
   letter-spacing: 1px;
  	padding: 5px 0px 5px 20px;
    width: auto;
}
 
 
/* Gleiche Klassen hier, aber hier nur für Absätze > Icosn müssen anders sitzen*/

#inhalt p.datum
{
  font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
 	color: #503130; 
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

#inhalt p.anmerkung

{ 
padding: 0px 0 10px 0px;
line-height: 1.25em;
}

#inhalt p.back
{
	background-image		:	url(../bilder/design/icon_back.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 0px  3px; 
    padding-left			:	25px;
	margin				:	10px 0px ;
	line-height: 1.25em;
}

#inhalt p.download

{ 
	background-image		:	url(../bilder/design/icon_download.gif);
	background-repeat		: 	no-repeat;
	background-position	:	 0px  2px; 
    padding-left			:	25px;
	margin				:	10px 0px ;
	/*font-family:  Times New Roman, Times, Times New Roman, Georgia, serif;
	letter-spacing: 1px;
	font-style:italic; */
	font-size: 0.75em;

}


#inhalt p.special,
#inhalt p.preis,
#inhalt p.ort,
#inhalt p.zeit,
#inhalt p.termin,
#inhalt p.luft,
#inhalt p.temp
{ 
padding: 0px 0 0px 20px;	
background-position	:	 -3px  3px; 
margin: 0;line-height: 1.35em;
}

#inhalt p.zusatz

{
	background-image		:	url(../bilder/design/icon_zusatzinfo.gif);
	background-repeat		: 	no-repeat;
	margin: 0;
	padding: 0px 0 0px 20px;
}
 
 
#inhalt p.termin
{
padding: 0px 0 0px 20px;	
background-position	:	 -3px  0px; 
margin: 0;
}


/* TABELLEN ... */

#inhalt table
{
	margin: 5px 0 10px 0;
	padding: 8px; 
	font-size: 0.75em; 
	line-height: 1.15em;
	border: 1px dotted #995f5f /*3B1F1E*/;
}

html> body #inhalt table
{
	padding: 5px;
}

/* gelb */

#inhalt table th
{
	line-height: 110%;
	/* font-family:  Times New Roman, Times, Garamond,  serif;
	letter-spacing: 1px;*/
	font-size: 1em;
	color: #fff; 
	background-color:#f5a801; /*e2bcbc, CC9999*/
	font-weight: 500;
	text-align: left;
	margin:3px 0px;
	padding: 4px 4px;
}

#inhalt table caption
{	display: none;  /*sonst tut es der IE nicht */
}

#inhalt table td
{
	padding: 4px 4px;
	/*border-bottom: 1px dotted #3B1F1E;*/
	background-color:#f8cc6c; /*e2bcbc, CC9999*/
}

/* bad*/

#inhalt table.bad th
{
	line-height: 110%;
	/* font-family:  Times New Roman, Times, Garamond,  serif;
	letter-spacing: 1px;*/
	font-size: 1em;
	color: #fff; 
	background-color:#247fbe; /*e2bcbc, CC9999*/
	font-weight: 500;
	text-align: left;
	margin:3px 0px;
	padding: 4px 4px;
}


#inhalt table.bad td
{
	padding: 4px 4px;
	/*border-bottom: 1px dotted #3B1F1E;*/
	background-color:#97bcda; /*e2bcbc, CC9999*/
}





/* FEHLER */


.error {
	color : #FF0000;
	font-weight: bold;
	font-size: 0.75em;
}
.errorfeld {
	background-color: #f5a801;
}



/* Kontaktformular */

form
{
	margin-top: 10px;
	width: 500px;
}


fieldset
{
   padding 			:	10px  10px 0px 10px;
   margin  			:	0px;
	border: 1px dotted #995f5f /*3B1F1E*/;
}

html>body fieldset
{
   padding 			:	10px  10px 10px 10px;

}

legend
{
display: none;
}

/* alte Standard Version
legend
{

	line-height: 110%;
	font-size: 0.85em;
	color: #fff; 
	background-color:#995f5f; 
	font-weight: 500;
	text-align: left;
	margin:3px 0px 8px 0px;
	padding: 4px 4px;
	border: 2px #fff solid;
}
*/


textarea
{
	font-size:	0.95em;
	margin : 5px 0px;
}



fieldset label
{
	color: #503130;
	float					:	left;
	text-align			:	left;
	width					:	10.5em;
	padding				:	0.15em;
	margin				:	3px 0px 0px 0px;
	font-size				:	0.8em;
}

fieldset label.errorfeld
{
	/*border: 1px solid #C74E6F;*/
	background-color: #f5a801;
	font-weight: bolder;
	
}

fieldset input, select 
{
	background-color		:	#FFF;
	margin				: 	3px 0px 5px 0px;
	cursor:  pointer;
	font-size				:	0.95em;
}


input:hover, input:focus,
textarea:hover, textarea:focus
{
	background-color		:	#f8cc6c;
}


/*
input.btn
{
	background-color: #f5a801;
	color:  #fff;
	margin: 0;
	margin-top: 2px;
	margin-bottom: 10px;
	font-weight			:	bold;
}


input.btn:hover, input.btn:focus, input.btn:active
{
	background-color		:	#d99501;
}
*/
#wasser {
	background-image: url(../bilder/design/wasser.gif);
	background-repeat: no-repeat;
	background-position: center 2px;
}
#sauna {
	background-image: url(../bilder/design/sauna.gif);
	background-repeat: no-repeat;
	background-position: center 2px;
}
#sonstiges {
	background-image: url(../bilder/design/sonstiges.gif);
	background-repeat: no-repeat;
	background-position: center 2px;
}
input.shop-input {
	border: 0px none #CCCCCC;
	background-color		:	#FFFFCC;
}




.anmerkungen {
	color : #333333;
	font-weight: 100;
	font-size: 0.75em;
	text-decoration: none;
	text-align: left;
}

#inhalt table td.newserror {background-color:#FF0000; border:#999999 solid 1px;}
#inhalt .newserror {background-color:#FF0000; border:#999999 solid 1px; color:#FFFFFF; padding:5px;}
#inhalt h3 .newserror {color:#FFFFFF; }