/* globale Einstellungen - gelten auf allen pages */
* { 
	margin:			0; 
	padding:		0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
} 

html 			{ height: 100%; }
.SpaTable		{ width: auto; border: 1px dotted orange; }
.copyright, .design, .impressum {
	position:		absolute; 
	width:			680px; 
	height:			25px; 
	z-index:		13; 
	left: 			270px; 
	top: 			643px;
	font-size:		0.8em;
}
.design 				{ left:	860px; padding-top: 0.1em; width: 280px; font-size: 80%; }
.impressum 				{ left:	650px; padding-top: 0.1em; width: 280px; font-size: 80%; }
p, h1, h2 				{ vertical-align: top; color: #666666; padding-left: 0px; }
.mainText p 			{ font-size: 100%; padding: 0.5em 0em 0.5em 1em; }
li 						{ line-height: 130%; margin-top: 0.4em; }
ul 						{ list-style-image: url(../images/square4x4.jpg); padding: 	0em 0em 1em 3em;  }
h1 						{ font-size: 120%; font-weight: bold;  color: #FF3300; }
h2 						{
	font-size: 1em;
	color: #FF3300;
	font-weight: bold;
	margin-top: 0.2em;
	margin-right: 1em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
h4 { font-size: 50%; }
.NaviText 	{ position:	absolute; width: 158px; height:	400px; z-index: 11; left: 99px; top: 252px; background-color: #FF3300; padding-left: 2px; }
.NaviText p { color: #ffffff; font-size: 80%; }
.fotos .NaviText 	{ position:	absolute; width: 180px; height:	400px; z-index: 11; left: 105px; top: 252px; background-color: #FF3300; padding-left: 2px; }
.NaviContent { /* Navigation Inhalt */
	position:		absolute; 
	left: 			1px; 
	top: 			10px;
	width:                  150px;
	height:			276px;
	font-size:		1.2em; 
	padding-bottom:         0em;
	line-height:		140%;
}
.BG1, .BG_Top1, .BG_Top2 { /* logo */
	position:		absolute;
	width: 			160px;
	z-index:		1;
	left: 			100px;
	top: 			100px;
	background-image: url(../images/logo160x160.jpg);
	background-repeat: 	no-repeat;
	height: 160px;
}
.BG_Left_Top, .BG_Left_Middle, .BG_Left_Bottom {
	position:		absolute;
	width: 			25px;
	z-index:		2;
	left: 			73px;
	top: 			100px;
	background-image: 	url(../images/lo.jpg);
	background-repeat: 	no-repeat;
	height: 		541px;
	background-color:	#FF3300;
}
.BG_Left_Bottom { /* rundung links unten */
	background-image: 	url(../images/lu.jpg);
	background-repeat: 	no-repeat;
	top: 			636px;
	height: 25px;
}
.BG_Top1 { /* oberer bunter Rahmen exkl. Rundung */
	width: 			800px;
	left: 			263px;
	background-color: 	#CDFF00;
	height: 		100px;
	background-image:	none;
}
.BG_Top2 { /* oben rundung rechts */
	width: 			25px;
	left: 			1066px;
	background-image: 	url(../images/gruengelb-ro.jpg);
	background-repeat: 	no-repeat;
	background-color: 	#CDFF00;
	height: 		100px;
}
.BG_Bottom1, .BG_Bottom2 {
	position:		absolute;
	z-index:		4;
	left: 			263px;
	top: 			637px;
	height:			25px;
	width:			800px;
	background-color: 	#CCCCCC;
}
.BG_Bottom2 { /* rundung rechts unten */
	width: 			25px;
	left: 			1065px;
	height:			25px;
	background-image: 	url(../images/grau-ru.jpg);
	background-repeat: 	no-repeat;
}
.BG4 { /* rechtes Füllfoto */
	position:		absolute;
	z-index:		5;
	left: 			915px;
	height:			431px; 
	top:			203px;
	background-color:#E8E8E8;
}
.BG4 img { margin-top: 2em; }
.mainText{ /* Hauptfenster mit Inhalten - Texten - Informationen */
	position:		absolute; 
	width:			650px; 
	height:			431px; 
	z-index:		6; 
	left: 			263px; 
	top: 			203px; 
	background-color: 	#E8E8E8; 
	padding-right:		10px;
	padding-left:           10px;
}
/* ------------ Standardnavigation Beginn -------------------------------- */
.NaviContent a 			{ font-size: 0.7em; color: #ffffff; }
.NaviContent a:link 	{ text-decoration: none; color: #ffffff; /* padding-right: 	12px; */ } 
.NaviContent a:visited 	{ text-decoration: none; color: #ffffff; } 
.NaviContent a:hover 	{ text-decoration: underline; color: #ffffff; } 
.NaviContent a:active 	{ text-decoration: none; color: #ffffff; }
/* ------------ Standardnavigation Ende ---------------------------------- */
/* ------------ Navigation im Text Beginn -------------------------------- */
a 						{ font-size: 85%; }
a:link 					{ text-decoration: none; color:	#000000; /* padding-right: 	12px; */ } 
a:visited 				{ text-decoration: underline; color: #000000; } 
a:hover 				{ text-decoration: underline; color: #000000; } 
a:active 				{ text-decoration: underline; color: #000000; }
/* ------------ Navigation im Text Ende ---------------------------------- */

.stdTextGrau {
	text-align: 		left; 
	vertical-align: 	top; 
	padding-left: 		10px; 
	background-color: #E4E2E0;
	font-size:		0.8em;
	width: auto;
}
.stdTextGrau table{ border: 1px solid red; width: 100%; }

.stdTextGrau25 {
	text-align: 		left; 
	vertical-align: 	top; 
	margin-right: 		20px; 
	padding-left: 		10px; 
	background-color: 	#CCCCCC;
	font-size:		0.8em;
}

.firmenbezeichnung {
	position:		absolute;
	width:			400px;
	z-index:		12;
	left: 			680px;
	top: 			160px;
	font-size: 		1.4em;
	color: 			#666666;
	height:			20px;
}
.mainImage { 
	position: 		absolute; 
	width: 			827px; 
	height: 		400px; 
	z-index: 		5; 			
	left: 			263px; 
	top: 			203px;
	background-color:#999999;
}
.content 				{ position: absolute; width: 815px; height: 431px; z-index: 5; left: 263px; top: 203px; background-color: #EBEBEB; padding-left: 1em; }
.content h3				{ font-size: 1em; color: #000000; margin-top: 0.5em; margin-left: 0.8em; }
.absatz					{ margin-bottom: 0.5em; }
.mainImage img 				{ margin-top: 2em; }
.footer {  
	position:		absolute;
	width:			200px;
	z-index:		7;
	left: 			460px;
	top: 			610px;
	font-size: 		1em;
	height:			20px;
}
.spacePic 				{ margin-right: 3px; border: 0px; }
.leftmargin 			{ margin-left: 30px; }
.floatleft				{ float: left; }
.floatrechts			{ float: right; padding-left: 0.5em; }
.fett 					{ font-weight: bold; color: #000000; }
.nextPage 				{ text-align: right; }
.Liste					{ margin-top: 2em; line-height: 2em; font-weight: bold; }
.start					{ margin-top: 1em; }
.content p				{ margin-bottom: 0.5em; }
.center				{ text-align: center; }
.center p				{ margin-bottom: 0.2em; }
.content a				{ font-size: 100%; } /* ab 2011-03-09 */
.ankuendigung			{ display: none; margin: 1em 0em 2em -10em; color: red; width: 65%; text-align: center; font-size: 150%; }
.main					{ width: 1000px; margin: 0 auto; background-color: #ffffff; color: #000000; font-size: 0.8em; }
.main .content .Kalender 	{ width: 100%; font-size: 0.9em; padding: 0.3em; }
.header				{ background-color: black; color: white; }
table.Oeffnung 			{ width: 60%; border: 1px solid white; }
table.Oeffnung tr:hover		{ background-color:#CCCCCC; }
table.Oeffnung td			{ border: 1px solid white; }
table.Kalender td			{ border: 1px solid white; }
table.Kalender tr:hover		{ background-color:#CCCCCC; border: 1px solid red; }
.galerie				{
	width: 75%;
	margin-top: 5em;
	margin-right: auto;
	margin-bottom: 5em;
	margin-left: 20em;
}
.fotos {
	background-color: #ff3300;
}
.logo { background-image:url(../images/logo160x160.jpg); width: 160px; height: 160px; position: absolute; top: 5em; left: 7em; border: 1px solid white; }.main .content .Kalender Tag {
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.infoBlock { padding-bottom: 0.4em; padding-top: 0.4em; line-height: 0.6em; min-height: 80px; }
.hinweis	{ color: #ff3300; }