<!--
@charset"UTF-8";

html 			{
			height:100%; /*Es erscheint immer ein Scrollbalken, damit es keine hüpfende Felder beim Wechsel ziwschen unterschiedlich langen Seiten gibt*/
			}		
body 			{
			font: 100% Arial,Verdana, Helvetica, sans-serif;
			background-color:#cccccc;/*#B0C4DE;*/
			/*background-image:url(webpics/hgy.jpg);
			background-repeat:repeat-y;*/
			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: #666666;
			}
			
			/* Hier kommt die Anpassung der Zeilenhöhe, wenn Zeichen hochgestellt sind bzw. tief... */
sub, sup 	{
			line-height:0px;
			font-size:80%;
			font-family:arial,helvetica,sans-serif; /*Verdana, Geneva, Arial, Helvetica, sans-serif;*/
			}

td a			{
			text-decoration: none;
			font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:13px;
			}
			
#container 		{ 
			width: 980px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, könnten Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
			background: #ffffff;
			/*background-image:url(webpics/bgcontainer4.jpg);
			background-repeat:repeat-y;*/
			margin: auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. War vor auto: 0px 0px */
			margin-top:10px;
			border: 0px solid #000000;
			text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
			}
#header 		{		 
			background: #ffffff;
			height:210px;
			/*border-style:solid;
			border-width:1px;
			border-color:#ff7f24;*/
			background-color:#ffffff;
			/*background-image:url(webpics/headpic.jpg);*/
			padding: 0 10px 0 20px;  /* 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. */
			}
			
#header img  {
			border:0px;
			}
			
#header a img {
			border : 0 none;
			}
			
#sidebar1 {
			float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
			width: 180px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
			height:302px;
			margin-top:0px;
			margin-left:90px;
			background: transparent url(webpics/hg_navi.jpg) center no-repeat;
			background-position:bottom right;
			/*background:#ffffff;*/ /*#EBEBEB;*/ /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
			padding: 50px 10px 15px 20px;
    }			
			
.logo 			{/* der Torso oben links in der Ecke */
			width:210px;
			float:left;
			top:0px;
			margin-left:90px;
			margin-top:50px;
			}
			
.zerti 		{/* Grafik für Zertifizierung auf Startseite */
			position:absolute;
			width:180px;
			top:0px;
			margin-left:50px;
			margin-top:120px;
			}
			
.titel 		{/* die Titelgrafik */
			margin-bottom:0px; 
			margin-left:300px;
			margin-top:75px;
			border-width:0px;
			}
.bildinmitte 		{/* für die Positionierung eines Bildes absolut in der Mitte */
			text-align:center;
			}
#grauerbalken	{
			height:7px;
			background-color:silver;
			}
#navi		{/* das ist der Block rund um die Navigationslinks */
			float:left;
			height:100%;
			margin:0;
			width:140px;
			background-color:#330000/*#666633 #6699cc #99B2B2*/;
			}
			

#navcontainer {
float:left;
width:180px;
margin-top:-60px;
}			

#navcontainer ul
{
width:180px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
/*float:left;*/
display:block;
background: transparent;
padding-left: 10px;
text-align: left;
font: normal 20px Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
line-height:35px
}

#navcontainer ul li a:hover
{
background: transparent url(webpics/list_on.png) right center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(webpics/list_on.png) right center no-repeat;
color: #ff7f24;
}
			
#navi ul			{
			list-style-type:none;
			margin:0;
			padding:0;
			}
#navi li li		{
			padding-left:10px; 
			}

#maincontent	{
			position:static;
			min-width:560px;
			top:0px;
			left:5px;
			height:350px;
			/*background-color:#FFFFE5;*/
			background-color:#ffffff;
			margin: 0px 20px 0px 350px;
			padding-left:20px;
			padding-right:20px;
			border-style:solid;
			border-width:1px;
			border-color:#ff7f24;
			overflow:auto;
			}
#maincontent h1	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;/*#660000;*/
			 font-size:14pt;
			padding-top:15pt;
			letter-spacing:0.1mm;
			}
#maincontent h2	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12pt;
			padding-top:5pt;
			letter-spacing:0.1mm;
			}
			
#maincontent h3	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			line-height:140%;
			text-align:justify;
			}
			
#maincontent p	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666; /*#333399*/
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			line-height:160%;
			text-align:justify;
			}
#maincontent ul	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666; /*#333399*/
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			line-height:140%;
			}
#maincontent p a:link	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent p a:visited	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent p a:hover	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666;
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			}
#maincontent p a:active	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:13px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent h2 a:link	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12pt;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent h2 a:visited	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12pt;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent h2 a:hover	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666;
			 font-size:12pt;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			}
#maincontent h2 a:active	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12pt;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			}
#maincontent p.bildunterschrift {
			 font-family:arial,helvetica,sans-serif;
			 color:#ffffff;
			 font-size:11px;
			padding-top:5px;
			/*letter-spacing:0.1mm;*/
			}
			
#maincontent img {
			border:0px;
			}
			
#footer		{
			margin-top:15px;
			height:100px;
			/*background-color:silver;*/
			/*background: transparent url(webpics/footer/home.jpg) right center no-repeat;*/
			}
#footer p		{
			text-align:center;
			/*margin-top:-50px;*/
			font-family:arial,helvetica,sans-serif;
			 color:#000000;
			 font-size:10pt;
			padding-top:14pt;
			letter-spacing:0.2mm;
			line-height:18pt;
			}
#footer a:link	{
			
			clear:both;
			font-family:arial,helvetica,sans-serif;
			font-size:11px;
			color:#000000;
			text-decoration:none;
			
			}
#footer a:visited	{
			font-family:arial,helvetica,sans-serif;
			font-size:11px;
			color:#000000;
			text-decoration:none;
			}
#footer a:active	{
			font-family:arial,helvetica,sans-serif;
			font-size:11px;
			color:#ffffff;
			text-decoration:none;
			}
#footer a:hover	{
			font-family:arial,helvetica,sans-serif;
			font-size:11px;
			color:#ffffff;
			text-decoration:none;
			}
#navi a:link	{
			margin-left:10px;
			/*margin-top:10px;*/
			font-family:arial,helvetica,sans-serif;
			font-size:9pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:22px;
			}
#navi a:visited	{
			margin-left:10px;
			margin-top:10px;
			font-family:arial,helvetica,sans-serif;
			font-size:9pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:22px;
			}
#navi a:active	{
			margin-left:10px;
			margin-top:10px;
			font-family:arial,helvetica,sans-serif;
			font-size:9pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:22px;
			}
#navi a:hover	{
			margin-left:10px;
			margin-top:10px;
			font-family:arial,helvetica,sans-serif;
			font-size:9pt;
			color:#666666;
			text-decoration:none;
			padding-left:6pt;
			line-height:22px;
			}
/* position der bilder allgemein */
.bildrechts {
			float:right;
			padding-left: 20px;padding-top: 5px;
			}
	
.bildlinks	{
			float:left;
			padding-right: 20px;padding-top: 5px;
			border:0px;
			}

/*bilder ende*/
.auflistung	{
			font-family:arial,helvetica,sans-serif;
			font-size:13px;
			line-height:160%;
			padding-left:180px;
			margin-bottom:0px;
			color:#ffffff;
			list-style-type:square;
			vertical-align:top;
			}
/* In diesem Rechteck läuft dann die Bildergalerie */
#fotogalerie{
			white-space:nowrap;
			position: static;
			height: 320px;
			width: 540px;
			padding: 10px;
			background-color: #000000;
			/*border: 1px dotted silver;*/
			overflow:auto;
			}

/*#fotogalerie {
			width:692px;
			height:140px;
			padding:0px;
			margin:0px;
			text-align:center;
			background-color:#D2D2D2;
			}
*/

/* formatierung der tabellen-zellen */
.obenlinks {
		width:250px;
		background-color:#D2D2D2;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:5px;
		margin-left:20px;
		border-top: #999 0px solid;
		border-left:#999 0px solid;
		border-right:#999 0px solid;
		border-bottom: none;
		text-align:left;
		font-weight:bold;
		}

.untenlinks {
		width:250px;
		padding-top:5px;
		padding-left:3px;
		padding-bottom:3px;
		margin-left:20px;
		border: #999 0px solid;
		text-align:left;
		vertical-align:top;
		}

.obenrechts {
		background-color:#D2D2D2;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:5px;
		border-top: #999 0px solid;
		border-left:none;
		border-right:#999 0px solid;
		border-bottom: none;
		font-weight:bold;
		}
.untenrechts {
		padding-top:5px;
		padding-left:3px;
		padding-bottom:3px;
		border-top: #999 0px solid;
		border-left:none;
		border-right:#999 0px solid;
		border-bottom:#999 0px solid;
		vertical-align:top;
		}
		
.separator {
		font-size:1px;
		line-height:1px;
		height:3px;
		border-bottom:1px solid #333333;
		margin: 0px;
		padding:0;
		}
#maincontent table {
			font-family: arial, helvetica, sans-serif;
			color: #333333;
			margin: 5px 15px;
			font-size:13px;
			}

.table-vitlex	{
			font-family: arial, helvetica, sans-serif;
			line-height:160%;
			color: #333333;
			margin: 5px 15px;
			font-size:13px;
			padding-bottom:15px;
			padding-top:5px;
			}
-->