/********************/
/***    BLOECKE    ***/
/********************/


	
/**********************/
/***  BLOCKRAENDER   ***/
/**********************/



body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #DDD;
	line-height: 1.6;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}



.thrColLiqHdr #container {
	width: 80%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: #FFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: none;
	/*border: 1px solid #000000;*/
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 
.thrColLiqHdr #header { 
	background: #FFFFFF; 
	padding: 0px;  /
	/*padding: 0 10px;   Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0;
	/*padding: 10px 0;  Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

.thrColLiqHdr #mainContent {
	margin: 0 5% 0 5%; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
}

.thrColLiqHdr #footer { 
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	text-align: center;
	font: 90%;
	background:#DDDDDD;
}

.thrColLiqHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.kontakt {
	/*text-align: center;*/
	padding-left: 10em;

}
.mailbest {
	text-align: center;
	background: /*#c32e04*/ darkmagenta;
	color: white;
	margin: 1em;
	padding-left: 1em;
	/*border: #c32e04 3px solid;*/
}

/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 20px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.startbox {
	/*
	background: #DDD;
	padding: 1em;
	*/
	color:#666;
	font-size: larger;
	text-align: center;
}
.teaser {
	font-size: larger;
}
h1 {font-size: 120%; 
	color: #000000;
	text-align: center;
}
h2 {font-size: 110%; 
	color: #000000;
	text-align: center;
}

.foto {
	border-color: #FFF;
	border-width: 10px;
	box-shadow: 10px 5px 5px #ddd;
}

/********************/
/***    LINKS     ***/
/********************/

a 	{
	color: #999999;
}

.sympotitel a {
	color: #FF0000;
}



#navi {
	list-style: none;
	}

#navi li {
	border-bottom: 1px solid #666666;
	line-height: 200%;
	}
#navi a 	{
	text-decoration: none;
}

/********************/
/***    NAVI      ***/
/********************/

td 
{
    text-align: left; 
    vertical-align: middle;
}

/********************/
/***   TABELLEN   ***/
/********************/

.zimmer {
	width: 98%;
	border: none;
	line-height: 1.6;
}
.abstaende li {
	list-style-type: none;
	padding-top: 2 em;
	/*height: 5 em;*/
	/*line-height: 1.6;*/
}

.verfuegbarkeit {
	color: brown;
}
#sympoliste td {
    vertical-align: top;
	padding-top: 5px;
}

.kontaktformular{
	padding-left: 10em;
}
/*
.linkliste {
	line-height: 30%;
	margin: 10px 0px;
}
*/

.linkliste li{
	padding-top: 5px;
}

.stark {
	font-size:large;
	font-weight:bold;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */

/*******************/
/***   TOOLTIP   ***/
/*******************/


.tooltip {
  color: #c32e04; 
  cursor: help; 
}
.tooltip {
  position: relative;
}

.tooltip span[rel=tooltip] {
  display: none;
}

.tooltip:hover span[rel=tooltip] {
  display: block;  
  position: absolute; 
  bottom: 2em;
  left: -6em;
  width: 15em;
  padding: 0.5em;
  z-index: 100;
  color: #000; 
  background-color: #ffebe6;
  border: solid 1px #c32e04;
  border-radius: 0.2em;
}