@charset "utf-8";





body {
		width: 100%; 
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
   		background: #f3f3f3;
    	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;
}







    .twoColLiqLtHdr #container {

	width: 1004px; /* Hierdurch wird ein Container mit einer Breite erstellt, die 90% der Browserbreite betr�gt. */

	/* width: expression(document.body.clientWidth < 1150? "1060px": "90%" ); align: center; */

    background: #ffffff; /* Durch automatische R�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */

	/*border: 1px solid #f0f0f0;*/

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-right: 10px;	/* Muss mit der Breite addiert werden! */

	padding-left: 10px;		/* Muss mit der Breite addiert werden! */





    } 











    .twoColLiqLtHdr a {text-decoration: none; color: #000;}

	.twoColLiqLtHdr p a b {text-decoration: underline; color: #1a4e86;}
	.twoColLiqLtHdr ul li a b {text-decoration: underline; color: #1a4e86;}

			/* hidden Link  class=unhref */



	



	.twoColLiqLtHdr p a{color: #000; text-decoration: none; }







    .twoColLiqLtHdr a img {border:none;} 







.twoColLiqLtHdr #header { 







margin: 0 0 0 0;







    	



        } 



	



.twoColLiqLtHdr #header3 {







	text-align: left;



	margin: 0 0 0 0;



	



	}



	



	.twoColLiqLtHdr #header2 {







	text-align: right;



	margin: 0 0 0 0;



	



	}







	/* Language Menu  Layout */







	.langnav {







	list-style: none;







	font: 14px Verdana, Arial, Helvetica, sans-serif;







	text-align: right;



	



	vertical-align: top;







	margin: -50px 10px 0 0;



	



	color: #000000;







	} 







	



	.langnav a:link {color: #000000; text-decoration: none; }







	.langnav a:active {color: #1A4E86; text-decoration: none; } 







    .langnav a:visited {color: #000000; text-decoration: none; } 







    .langnav a:hover {color: #1A4E86; text-decoration: none; } 



	







    



    







		/* Global Menu Layout */







	.topmenu {







	list-style: none;







	font: 10px Verdana, Arial, Helvetica, sans-serif;



	



	padding-top:7px;



	



	float:right;







	} 



	







	.topmenu a:link {color: #000000; text-decoration: none; }







	.topmenu a:active {color: #1A4E86; text-decoration: none; } 







    	.topmenu a:visited {color: #000000; text-decoration: none; } 







    	.topmenu a:hover {color: #1A4E86; text-decoration: none; } 



	











	







    /* Tipps f�r sidebar1:







    1. Da wir mit Prozentwerten arbeiten, ist es empfehlenswert, f�r die Randleiste keine Auff�llung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugef�gt, und dies wiederum f�hrt zu einer unbekannten tats�chlichen Breite. 







    2. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingef�gt werden, indem Sie diesen Elementen wie in ".twoColLiqLtHdr #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.







    3. Da Explorer die Breiten nach der Wiedergabe des �bergeordneten Elements berechnet, treten bei prozentbasierten Spalten gelegentlich unerkl�rliche Fehler auf. Wenn Sie zuverl�ssigere Ergebnisse w�nschen, sollten Sie pixelbasierte Spalten verwenden.







    */	







	







	    .twoColLiqLtHdr #left { 







    	list-style: none;







    	float: left; 







    	width: 180px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */		







    } 







    .twoColLiqLtHdr #menu {

		list-style: none;

		z-index: 2;

    }







		.twoColLiqLtHdr #menu a:link {color: #ffffff; text-decoration: none; list-style: none; z-index: 3;}    







		.twoColLiqLtHdr #menu a:active {color: #ffffff; text-decoration: none; list-style: none; z-index: 3;} 







        .twoColLiqLtHdr #menu a:visited {color: #ffffff; text-decoration: none; list-style: none; z-index: 3;} 







        .twoColLiqLtHdr #menu a:hover {color: #ffffff; text-decoration: none; list-style: none; z-index: 3;} 







		







 















    .twoColLiqLtHdr #subContent {







    	background: #ffffff; /* Die Hintergrundfarbe wird nur f�r die L�nge des Spalteninhalts angezeigt. */







		font: 80% Verdana, Arial, Helvetica, sans-serif;







	    color: #000000;



	



		margin: 0 0 0 5px;



		



		







    }







.twoColLiqLtHdr #subContent 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: 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. */







		color: #000000;



		font: 130% Verdana, Arial, Helvetica, sans-serif;



		font: bold;







    }



























		







    /* Tipps f�r mainContent:







    1. Der Abstand zwischen mainContent und sidebar1 entsteht durch den linken Rand des mainContent-div. Der Spaltenbereich bleibt unabh�ngig von der Inhaltsmenge des sidebar1-div immer gleich. Sie k�nnen diesen linken Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 f�llen soll, wenn der Inhalt in #sidebar1 endet.







    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 430 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.







    */







	 .twoColLiqLtHdr #mainContent { 







        z-index: 1;



	font: 80% Verdana, Arial, Helvetica, sans-serif; width:1002px;



}







     .twoColLiqLtHdr #mainContent h1 {







	font: 150% Verdana, Arial, Helvetica, sans-serif;



	



    } 







    .contentbox_links { 



    	float: left; 



    	background: #ffffff;



    	margin-right: 200px; 



    	



    } 



     .contentbox_rechts { 



    	float: right; 







    	    	    	/* border-color: #0071BD; */



    	/* background: #ACCCE3; */



    	/* color: #000000; */



    	font: 80% Verdana, Arial, Helvetica, sans-serif;



		padding: 0 0 0 10; 



    	margin-left: 10px; 



    } 



     	



     .contentbox_rechts h1{ 



    	color: #0071BD;



} 







.halb {

	float: left;

	width:1004;

}











	







    .twoColLiqLtHdr # { 







    	padding: 0 10px; /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */

		margin-right: auto;

		margin-left: auto;

		width: 1024px;

		color:#000;



    } 







    .twoColLiqLtHdr # 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. */







	list-style: none;







	font: 80% Verdana, Arial, Helvetica, sans-serif;







	text-align: center;







	color: #ffffff;







    }







    







    /* 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: 8px;







    }







    .fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. */







    	float: left;







    	margin: 5px;







    }







    .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 einen vollst�ndigen Float enthalten sollte. */







    	clear:both;







        height:0;







        font-size: 1px;







        line-height: 0px;







    }







legend {



padding-left:10px;



padding-right:10px;



border: 0px;



}







fieldset {



border:0px;



padding-left:10px;



padding-right:10px;



padding-top:10px;



padding-bottom:10px;



border: 0px solid #C0C0C0;



}







.radiolayout {



width:60%;



padding-top:15px;



padding-bottom:15px;



}







.formu {



width:80%;



padding-top:10px;



padding-bottom:10px;



padding-left:110px;



border: 0px solid #C0C0C0;



}







.mf-radio {



border:0px;







}







.mf-text {



color: #000000;



border: 1px solid #C0C0C0;



margin-bottom: 5px;



}







.mf-check {







}



.mf-select {



margin-left: 10px;







}







.mf-input {



border: 0px solid #C0C0C0;



margin-bottom: 5px;



}







.mf-submit {







}







.twrss_bodytext twrss_item_link {



	list-style: none;







	font: 80% Verdana, Arial, Helvetica, sans-serif;







	text-align: center;







	color: #ffffff;



	}







.align-center {







	text-align: center;



	}











.align-left {







	text-align: left;



	}



	



	



.align-right {







	text-align: right;



	}







.align-justify	{







	text-align: justify;



	}







.bottom	{







	vertical-align: bottom;



	}



















 



#nav, #nav ul {



	float:left;



	list-style: none;



	margin: 0;



	color: #FFF;



        margin:0; 



        padding: 0;



}



 



#nav li li {



	height: 21px;



	background: #333333;



	margin: 0;



	list-style: none;











}



 



#nav a {



	display: block;



	xwidth: 2em;



	color: #FFF;



	text-decoration: none;



	list-style: none;



	margin:0; 



	padding: 0;



}



 



#nav a.menuparent  {



        margin:0; 



        padding: 0;



       



}



 



#nav li {



	float: left;



	padding: 0;



	list-style: none;



	margin:0; 



	z-index:3;



}



 



#nav ul li a {



	



	font-size:12px;



        font-weight: normal;



        list-style: none;



        margin:0; 



        padding: 0;



        z-index:3;







}



 



#nav li ul {



	position: absolute;



	left: -999em;



	height: auto;



	width: 0em;



	font-weight: normal;



	text-align: left;



	list-style: none;



	margin: 0; 



	padding: 0;



	z-index: 3;











}



 



#nav li li {



	width: 10em;

	padding: 0;

        margin: 0;

	z-index: 4;















}



 



#nav li ul a {



}



 



#nav li ul ul {



	margin: -1.45em 0 0 14em !important;



	margin: -1.45em 0 0 14.45em ;



	z-index: 4;



}



 



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {



	left: -999em;



	z-index:4;



}



 



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {



	left: auto;



	z-index:4;



}



 



#nav li li:hover, #nav li li.sfhover {



	background: #000000;



	text-align: left;



	color: #1A4E86;



	z-index:4;







}



 



#nav li li {



x	background: red;



	z-index: 5;



}



 



#nav li li a {



	padding-left:5px;



	z-index=5;



}



 



#nav li ul  {



	background-image: none;



	z-index: 4;







}





#pagefooter {

	width: 1024px;

	margin-right: auto;

	margin-left: auto;	

}