@charset "utf-8";
body  {
    	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
    	background: #646665;
    	margin: 0 !important; /* 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: 1000px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    	background: #f3f3f3;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		margin-top:20px;
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
    .thrColLiqHdr #header { 
    	height: 90px !important; /* Wenn Sie die Quellenabfolge der Spalten ändern, sollten Sie für die Überschrift eine Höhe angeben, damit 
						Sie den Spalten einen spezifischen top-Wert zuweisen können. */
    	background: #f3f3f3 !important;
    	padding: 20px 0 0 0 !important;  
		border-bottom: 2px solid #666 !important;
		margin:0 30px !important;
    } 

    .thrColLiqHdr #header span {
    	padding: 0 0 0 340px; 
		text-align:right;
		vertical-align:bottom;
		font-size: 1.4em;
    } 
		    
    .thrColLiqHdr #sidebar1 {
    	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
    	width: 147px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background: #f3f3f3; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 0 10px 0 30px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
		border-right:dotted 2px #7a7a7a;
		margin: 10px 0 !important;
		vertical-align:	inherit;
    }
	.thrColLiqHdr #sidebar1 ul {
	    margin: 0 !important;
		padding: 0 !important;
	}
	.thrColLiqHdr #sidebar1 li {
		list-style: none !important;
	    margin: 0 !important;
		padding: 1px 0 !important;
	}
    .thrColLiqHdr #sidebar2 {
    	float: right !important; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
    	width: 195px !important; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background: #f3f3f3 !important; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 10px 30px 15px 10px !important; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		text-align:right !important;
    }
    .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
    }
    
    /* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und den Randleisten entsteht durch den linken und rechten Rand des mainContent-div.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 300 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
    .thrColLiqHdr #mainContent { 
    	margin: 0 24% 0 20%; /* 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 #mainContent h1{ 
    	margin: 10px 0;
		font:1.4em Verdana, Arial, Helvetica, sans-serif;
		color:#2a9eb5;
    }
    .thrColLiqHdr #mainContent h2{ 
    	margin: 6px 0;
		font:1.3em Verdana, Arial, Helvetica, sans-serif;
		color:#2a9eb5;
    }	
    .thrColLiqHdr #mainContent h3{ 
    	margin: 4px 0;
		font:1.1em Verdana, Arial, Helvetica, sans-serif;
		color:#2a9eb5;
    }	
    .thrColLiqHdr #mainContent p{ 
    	margin: 8px 0;
		text-align:justify;
		font:1.0em Verdana, Arial, Helvetica, sans-serif;
    }
    .thrColLiqHdr #mainContent strong{ 
    	color:#666;
    }	
	a:link { color:#2a9eb5; }
	a:visited {color:#136D77}
	a:hover { color:#2a9eb5; text-decoration:none; }
	a:active { color:#2a9eb5; text-decoration:none; }	

    
    .thrColLiqHdr #footer {
    	text-align:center !important;
    	padding: 15px 250px 0 250px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#f3f3f3;
    } 
    .thrColLiqHdr #footer p {
    	margin: 0 !important; /* 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: 2px 0 !important; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		margin-bottom:10px !important;
		border-top:dotted 1px black !important;
		border-bottom:dotted 1px black !important;
		text-align:center !important;
    }
   
    .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;
    }

    .thrColLiqHdr #kontakt {
    	vertical-align:text-top;
    }
		
    .thrColLiqHdr td.tbl_rechts {
    	width:180px;
		margin: 0; 
		padding: 1px 20px;margin-bottom:10px;
		text-align:right;
	}

img {
	border: none;
}
	
	.thrColLiqHdr a.menu {
		display: block;
		width: 144px;
		height:26px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #f3f3f3;
	}	
	.thrColLiqHdr a.menu:hover, .thrColLiqHdr a.menu_sel {
		display: block;
		width: 144px;
		height:26px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #00ccff;
	}
	
.menu_outer
{
	height:26px;
	width:144px;
	background-image:url("./bilder/menu/menu_leer.png");
	border:1px solid #f3f3f3;
	display:block;
}

.menu_outer_selected
{
	height:26px;
	width:144px;
	background-image:url("./bilder/menu/menu_leer.png");
	border:1px solid black;
	display:block;
}
.menu_outer:hover
{
	height:26px;
	width:144px;
	background-image:url("./bilder/menu/menu_leer.png");
	border:1px solid #2a9eb5;
}

.menu_inner
{
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	margin-left:4px;
	margin-top:5px;
	color:white !important;
	text-decoration:none !important;
	border:0px solid green;
	display:block;
}

.menu_inner_selected
{
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:4px;
	margin-top:5px;
	color:white !important;
	text-decoration:none !important;
	border:0px solid white;
	display:block;
}

body { overflow: scroll; }