body, html{
	height:100%;
	color:#000000;
	background-color:#ffffff;
	font-family:"MS sans serif", Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	margin:0;
	padding:0;
}

#page{
	width:996px;
	min-width:996px;
	max-width:996px;
/*	height:100%;*/
	margin:auto;
	padding:0;
	background-color:#ffffff;
}

/********************************************************************
** Die Titelgrafik (den grünen Teil am oberen Bildrand) definieren **
********************************************************************/
#titel{
	padding:0;
	margin:auto;
}

#titel h1{
	margin:0;
	padding:0;
}

#titel h1 img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}



/******************************************************
** Erstmal die Navigationsleiste an sich klar machen **
** das Menü selbst wird in                           **
**     $style_$lng_fsmenu.css bzw.                   **
**     $style_$lng_fsmenu_nonJS.css                  **
** erledigt.                                         **
******************************************************/
#navigationBG{
	margin:0;
	padding:0;
	background-color:#d6d0ce;
	background-image:url("img/navigationBG.png");
	background-repeat:no-repeat;
	background-position:bottom;
	width:996px;
	min-width:996px;
	max-width:996px;
	height:37px;
	min-height:37px;^
	font-size:.9em;
	font-family:"MS Sans serif", Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

#navigation{
	z-index:99;
	margin:.35em 0.25em 0 .25em;
	float:right;
	text-align:left;
	font-size:.9em;
}

/*********************************
** es folgt: der Inhaltsbereich **
*********************************/
#inhalt{
	margin:0;
	padding:0;
	font-family:"MS Sans serif", Verdana, Georgia, "Hoefler Text", Frutiger, serif;
}

/****************************************************
** der hinweiser ("Ansprechpartner:... Links:...") **
****************************************************/
#hinweiser{
	margin:1em 0 0 8px;
	padding:0;
	float:left;
	text-align:left;
	font-size:.9em;
	font-family:"MS Sans serif", Verdana, Tahoma, Helvetica, Arial, sans-serif;/*Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

#hinweiser p img{ vertical-align:middle; }

#hinweiser p{
	padding:0;
	margin:4px 0 0 0;
}

#hinweiser p a{ text-decoration:none; color:black; }
#hinweiser p a:hover{ color:blue; }





/******************************************************************
** die orientator ("Sie sind hier:..., Herzlich willkommen...!") **
******************************************************************/
#orientator{
	margin:0;
	padding:0;
	float:right;
	text-align:right;
}

#orientator a{ text-decoration:none; color:black; }
#orientator a:hover{ color:blue; }

#orientator p{
	font-size:.7em;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:.5em 8px .5em 0;
	padding:0;
	white-space:nowrap;
}

#orientator h2{
	font-size:1.5em;
	font-family:"Trebuchet MS", "Hoefler Text", "Georgia", "Times New Roman", serif;
	margin:.75em 8px -.15em 0;
	padding:0;
	white-space:nowrap;
}

/************************************************
** die gelbe Trennlinie (als div gelöst, wegen **
** der unterschiedlichen Breiten von sw/ge/sw) **
************************************************/
#trennlinie{
	width:100%;
	min-width:100%;
	max-width:100%;
	height:6px;
	min-height:6px;
	max-height:6px;
	margin:0;
	margin-top:2em;
	padding:0;
	background-color:none;
	border:none;
	border-width:0;
	font-size:.15em;
	background-image:url("img/TrennlinieBG.png	");
}



#inhalt{ z-index:0; }

#inhalt table.preisliste{ margin-left:1em; border:1px solid black; font-size:.95em; }

#inhalt table.preisliste td{ border:none; border-top:1px solid #c7c7c7; }
#inhalt table.preisliste thead td{
	border:none;
	background-color:#005337;
	color:white;
	font-weight:bold;
}


#inhalt table.preisliste td.preis{ text-align:right; }






/**********************************
** das Bild auf der linken Seite **
**********************************/
#inhaltBild{
	border:none;
	width:512px;
	min-width:512px;
	max-width:512px;
	height:390px;
	min-height:390px;
	max-height:390px;
	float:left;
}

/**********************************
** der Text auf der rechten Seite **
**********************************/

#inhalt table.Raumliste { margin-left:20px; font-size:1em; border:1px solid black;}

#inhalt table.Raumliste thead { font-weight:bold; background-color:#005337; color:white; }

#inhalt table.Raumliste tfoot { font-style:normal; background-color:#419a7f; color:white; }

#inhalt table.Raumliste tr.hell { background-color:white; color:black; text-align:center; }
#inhalt table.Raumliste tr.dunkel { background-color:#91eacf; color:black; text-align:center; }

#inhalt table.Raumliste tr.Raumkombi td{ text-align:center; border-left:1px solid #419a7f; }
#inhalt table.Raumliste tr.Raumkombi td.name{ text-align:left; border:none; }











#inhalt a{ text-decoration:none; color:black; }
#inhalt a:hover{ color:blue; }

#inhaltText{
	border:none;
	width:444px;
	min-width:444px;
	max-width:444px;
	height:390px;
	min-height:390px;
	max-height:390px;
	float:right;
	overflow:auto;

	padding:0 20px 0 0;

	font-size:.85em;
	text-align:left;
}

#inhaltText p{
	margin:.5em 0 .5em 0;
	padding:0;
}

#inhaltText p a{ text-decoration:none; }

#inhaltText ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#inhaltText ul li{
	margin:.5em 0 .5em 1em;
	padding:0;
}

#inhaltText h4{
	margin:2em 0 .25em 0;
	padding:0;
}

#inhaltText h5{
	margin:2em 0 .25em 0;
	padding:0;
}

#inhaltText ul.OhneAlles{
	margin:.5em 0;
	padding:0;
}

#inhaltText ul.OhneAlles li{
	list-style-type:none;
	margin:0;
	padding:0;
}

#inhaltText ul.Strichliste{
		list-style-type:circle;
		margin:.5em 0;
		padding:0 .5em;
	}

#inhaltText ul.Kontaktliste{
		list-style-type:none;
		margin:.5em 0;
		padding:0 .5em;
	}

#inhaltText ul.Kontaktliste{ margin:1em; padding:0; }

#inhaltText ul.Kontaktliste li{ margin:0; padding:0; margin-bottom:3em; }
#inhaltText ul.Kontaktliste li p{ margin-left:1em; }



/**********************************************************************
** und schliesslich auch noch Nur-Text-Seiten (also ohne Bild links) **
**********************************************************************/
#inhaltNurText{
	border:none;
	width:996px;
	min-width:996px;
	max-width:996px;
	height:390px;
	min-height:390px;
	max-height:390px;
	float:right;
	overflow:auto;

	margin:0;
	padding:0;

	font-size:.85em;
	text-align:left;
}

#inhaltNurText p{
	margin:1em 20px;
	padding:0;
}


#inhaltNurText p img{ border:none; }

#inhaltNurText h3{
	margin:1.75em 20px .75em 20px;
}

#inhaltNurText h4{
	margin:2em 20px .75em 20px;
	padding:0;
}

#inhaltNurText ol{
}

#inhaltNurText ol li{
}

#inhaltNurText ol li ol{
	list-style-type:lower-alpha;
}

#inhaltNurText ol li ol li{
	margin-left:-1.5em;
}

#inhaltNurText ul{
	margin:0;
	padding:0;
}
#inhaltNurText ul li{
	margin:0;
	margin-left:1em;
	padding:0;
}


#inhaltNurText ul.OhneAlles{
	margin:.5em 0;
	padding:0;
}

#inhaltNurText ul.OhneAlles li{
	list-style-type:none;
	margin:0;
	padding:0;
}

#inhaltNurText ul.Strichliste{
		list-style-type:circle;
		margin:.5em 0;
		padding:0 .5em;
	}









#inhaltNurText table { margin-left:20px; font-size:.9em; border:1px solid black;}

#inhaltNurText table thead { font-weight:bold; background-color:#005337; color:white; text-align:left; }

#inhaltNurText table tfoot{ font-style:italic; }

#inhaltNurText table tr.hell { background-color:white; color:black; text-align:left; }
#inhaltNurText table tr.dunkel { background-color:91eacf; color:black; text-align:left; }



div.Downloadhinweis{
	border:2px #419a7f solid;
	border-width:0 0 0 2px;
/*	margin-left:20px;
	padding:0;
*/
	background-color:#f7f7f7;
}

/* :link, :visited, :hover, :active, :focus  */

a:link		div.Downloadhinweis{ text-decoration:none;		color:#0000cc; }
a:visited	div.Downloadhinweis{ 							color:black; }
a:hover		div.Downloadhinweis{ background-color:#ffffdd;	color:blue; }


#inhaltNurText div.Downloadhinweis{ margin:0 20px; }
#inhaltNurText div.Downloadhinweis h4.DLersterHinweis{ padding:.5em 1em 0 0; }
#inhaltNurText div.Downloadhinweis h4.DLHinweis{ padding:0 1em 0 0; }
#inhaltNurText div.Downloadhinweis p.DLHinweis{ padding:0 1em 0 0; }
#inhaltNurText div.Downloadhinweis p.DLletzterHinweis{ padding:0 1em .5em 0; }

#inhaltText div.Downloadhinweis{ margin:0; }
#inhaltText div.Downloadhinweis h4.DLersterHinweis{ padding:.5em 1em 0 1em; }
#inhaltText div.Downloadhinweis h4.DLHinweis{ padding:0 1em 0 1em; }
#inhaltText div.Downloadhinweis p.DLHinweis{ padding:0 1em 0 1em; }
#inhaltText div.Downloadhinweis p.DLletzterHinweis{ padding:0 1em .5em 1em; }

#Referenztabelle td{ padding-top:20px; }
#Referenztabelle td.RefTabBild{ text-align:right; }
#Referenztabelle td.RefTabBild img{ border:none; }
#Referenztabelle td.RefTabText{ text-align:left; }
#Referenztabelle td.RefTabText h4{ font-size:1.25em; font-weight:bold; margin:0; }
#Referenztabelle td.RefTabText a{ text-decoration:none; }

#Angebotstabelle td{ padding-top:20px; }
#Angebotstabelle td a{ color:black; }
#Angebotstabelle td.RefTabBild{ text-align:right; }
#Angebotstabelle td.RefTabBild img{ border:none; }
#Angebotstabelle td.RefTabText{ text-align:left; vertical-align:top; }
#Angebotstabelle td.RefTabText h4{ font-size:1.25em; font-weight:bold; margin:0; }
#Angebotstabelle td.RefTabText a{ text-decoration:none; }

table.ContIn{ border:1px solid black; margin:0; padding:0; }
table.ContIn td{ text-align:left; vertical-align:top; color:black; }
table.ContIn td.FName{ padding:3px; font-weight:bold; background-color:#eeeeee;  }

table.ContIn td.Zwischentitel{ padding:.5em; background-color:#005337; color:white; font-weight:bold; }

td.Field input, td.Field textarea{ 				border:1px solid black; background-color:#87E7C6; color:#000000; }
td.Field input:focus, td.Field textarea:focus{	border:1px solid black; background-color:#005337; color:#ffffff; }


table.ContDataSent{ border:1px solid black; }
table.ContDataSent td{ text-align:left; vertical-align:top; color:black; }
table.ContDataSent td.FName{ padding:3px; font-weight:bold; background-color:#eeeeee;  }
table.ContDataSent td.Field{ padding:3px; background-color:#f7f7f7;  }

table.ContDataSent td.Zwischentitel{ padding:.5em; background-color:#005337; color:white; font-weight:bold; }












ol.AGB{
	list-style-type:upper-roman;
         font-weight:bold;
         margin-right:2em;
}
ol.AGB li{
	margin-top:2em;
}


ol.AGB ol{
	font-weight:normal;
         padding-left:1.5em;
}
ol.AGB ol li{margin-top:.5em;}







.BildLinks{ float:left; border:0; }
.BildRechts{ float:right; border:0; }







/******************************************
** und, endlich, die fuzz, oops, fussbox **
******************************************/
#fussbox{
	width:996px;
	min-width:996px;
	max-width:996px;
	height:30px;
	min-height:30px;
	/*max-height:30px;*/
	background-color:#d6d0ce;
	background-image:url("img/fussBG.png");
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
	margin:0;
	padding:0;
	font-size:.8em;
	text-align:center;
}

#fussbox p{
	padding:.4em 0 .5em 0;
}


#sprachbox{
	float:left;
	margin:0 1em;
	padding:0;
}

#sprachbox img{ height:1.4em; }

#sprachbox a img{
	border:none;
	height:1.4em;
}

#partnerlinkbox{
	float:right;
	margin:.2em 1em;
	padding:0;
	font-size:.9em;
}

#fussbox a{ text-decoration:none; color:black; }
#fussbox a:hover, { color:blue; }
























/*******************************************************
** die Bedienungselemente des Photo Morpher verbergen **
** ist ohnehin alles auf "Autostart" gesetzt...       **
*******************************************************/
#photoPrev{ display:none; }
#photoNext{ display:none; }
#photoList{ display:none; }
#photoLoadMessage{ display:none; }
#photoAuto{ display:none; }
#photoAutoPlayLabel{ display:none; }
#photoAutoPauseLabel{ display:none; }




/***********************************************
** tipster-Tabellen (die Javascript-Tooltips) **
************************************************/
table.tipster{ background-color:#419a7f; color:white; }
h5.tipsterTitel{ background-color:#005337; color:#ffffff; font-weight:bold; padding:4px; margin:0; font-size:1em; text-align:center; }
td.tipsterItemTitel{ background-color:#419a7f; color:#ffffff; font-size:.85em; font-weight:bold; border:1px solid #005337; border-width:0; border-bottom-width:1px; }
td.tipsterWertTitel{ background-color:#419a7f; color:#ffffff; font-size:.85em; font-weight:bold; border:1px solid #005337; border-width:0; border-bottom-width:1px; }
td.tipsterItem{ background-color:#419a7f; color:#ffffff; font-size:.75em; }
td.tipsterWert{ background-color:#419a7f; color:#ffffff; font-size:.75em; }





/*****************************************************************************
** Die (evtl. vorhandene) Werbeanzeige im hinweiser-Kasten oben formatieren **
*****************************************************************************/



















.Last-Minute-Hinweislink{
	position:relative;
	top:.25em;
	display:inline;
	padding:.25em .5em;
	background-color:#419a7f;
	color:white;
	border:1px solid #007700;
}


.Last-Minute-Hinweislink a{
	color:white !important;
}
.Last-Minute-Hinweislink a:hover{
	color:yellow !important;
}