<!--@charset "UTF-8";

html 			{
			height:100.2%; /*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:#666666;
			background-image:url(webpics/hggesamt.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: #ffffff;
			}
body h2		{
			font-size:16px;
			}
body p,li		{
			font-size:12px;
			}
#maincontent ul li		{
			list-style-type:square;
			list-style-position:outside;
			
			/*display:outline;*/
			/*margin-left:20px;*/
			}
a:link	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			line-height:17px;
			}
a:visited	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			line-height:17px;
			}
a:hover	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			line-height:17px;
			}
a:active	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			line-height:17px;
			}

			a.info {
			background:#ffffff;
			color:red;
			}
a.info:hover {
			cursor: help;
			background: white;
			}
a.info span {
			visibility: hidden;
			position: absolute;
			left: 20em;
			margin-top: 1em;
			padding: 1em;
			text-decoration: none;
			}
a.info:hover span {
			visibility: visible;
			border: 1px solid #000000;
			color: #000000;
			background: #ffffff;
			}
			
#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: #000000;*/
			background-image:url(webpics/containerbg.gif);
			background-repeat:repeat-y;
			margin: 7px 0 20px 7px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
			border: 0px solid #000000;
			text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
			}
#container2		{ 
			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: #666666;
			/*background-image:url(webpics/containerbg.gif);
			background-repeat:repeat-y;*/
			margin: 15px 7px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
			border: 0px solid #000000;
			text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
			}
#container3	{ 
			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: #000000;*/
			background-image:url(webpics/containerbg.gif);
			background-repeat:repeat-y;
			margin: 7px 0 20px 7px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
			border: 0px solid #000000;
			text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
			}
#header 		{
			white-space:nowrap;
			overflow:hidden;
			background: #ffffff;
			height:120px;
			background-color:#ffffff;
			padding: 0 0 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. */
			}
.logo 			{/* oben links in der Ecke */
			margin-bottom:0px;
			margin-left:-18px;
			margin-top:0px;
			border-style:none;
			}
.titel 			{/* die Titelgrafik */
			margin-bottom:0px; 
			margin-left:5px;
			margin-top:0px;
			}
.bildinmitte 		{/* für die Positionierung eines Bildes absolut in der Mitte */
			text-align:center;
			}

#maincontent .wichtig	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:11pt;
			 font-weight:bold;
			padding-top:10pt;
			padding-bottom:10px;
			letter-spacing:0.2mm;
			text-decoration:underline blink;
			}
#grauerbalken	{
			height:3px;
			background-color:silver;
			}
#navi		{/* das ist der Block rund um die Navigationslinks */
			float:left;
			height:100%;
			margin-top:10px;
			margin-left:10px;
			width:221px;
			/*background-color:#99B2B2;*/
			}
#maincontent	{
			height:auto;
			/*background-color:#FFFFE5;*/
			background-color:#ffffff;
			margin: 0px 25px 0px 245px;
			font-family:arial,helvetica,sans-serif;
			color:#333333; /*#333399*/
			font-size:12px;
			letter-spacing:0.1mm;
			line-height:140%;
			}
#maincontent table {
			font-family: arial, helvetica, sans-serif;
			color: #333333;
			margin: 5px 15px;
			}

#maincontent h1,h2,p {
    	margin: 0px 15px 10px 15px;		
			}
#maincontent h1	{
			font-family:arial,helvetica,sans-serif;
			color:#333333;
			font-size:18px;
			font-weight: normal;
			padding-top:20px;
			padding-bottom:15px;
			letter-spacing:0.2mm;
			text-decoration:none;
			line-height:130%;
			}
#maincontent h2	{
			 font-family:arial,helvetica,sans-serif;
			 color:#333333;
			 font-size:12px;
			padding-top:2px;
			padding-bottom:0px;
			letter-spacing:0.1mm;
			}
#maincontent p	{
			 font-family:arial,helvetica,sans-serif;
			 color:#333333; /*#333399*/
			 font-size:12px;
			padding-top:0px;
			letter-spacing:0.1mm;
			line-height:140%;
			text-align:left;
			}
#maincontent p a:link	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			line-height:17px;
			}
#maincontent p a:visited	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:none;
			line-height:17px;
			}
#maincontent p a:hover	{
			 font-family:arial,helvetica,sans-serif;
			 color:#666666;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			line-height:17px;
			}
#maincontent p a:active	{
			 font-family:arial,helvetica,sans-serif;
			 color:#ff7f24;
			 font-size:12px;
			padding-top:5px;
			letter-spacing:0.1mm;
			text-decoration:underline;
			line-height:17px;
			}
#maincontent p.bildunterschrift {
			 font-family:arial,helvetica,sans-serif;
			 color:#ffffff;
			 font-size:11px;
			padding-top:5px;
			/*letter-spacing:0.1mm;*/
			}
#footer		{
			height:30px;
			margin-left:800px;
			background-color:#666666;
			}
#footer p		{
			text-align:left;
			font-family:arial,helvetica,sans-serif;
			 color:#ffffff;
			 font-size:7pt;
			padding-top:6pt;
			letter-spacing:0.2mm;
			}
#navi a:link	{
			margin-left:10px;
			letter-spacing:0.1mm;
			/*margin-top:10px;*/
			font-family:arial,helvetica,sans-serif;
			font-size:8pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:26px;
			}
#navi a:visited	{
			margin-left:10px;
			letter-spacing:0.1mm;
			margin-top:10px;
			font-family:arial,helvetica,sans-serif;
			font-size:8pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:26px;
			}
#navi a:active	{
			margin-left:10px;
			letter-spacing:0.1mm;
			margin-top:10px;
			font-family:arial,helvetica,sans-serif;
			font-size:8pt;
			color:#ffffff;
			text-decoration:none;
			padding-left:6pt;
			line-height:26px;
			}
#navi a:hover	{
			margin-left:10px;
			letter-spacing:0.1mm;
			margin-top:10px;
			/*letter-spacing:0.2mm;*/
			font-family:arial,helvetica,sans-serif;
			font-size:8pt;
			color:#333333;
			text-decoration:none;
			padding-left:6pt;
			line-height:26px;
			}
#header a:link		{border-style:none;

			}
/* position der bilder allgemein */
.bildrechts {
			float:right;
			padding-left: 20px;padding-top: 5px;padding-bottom:8px;
			}
	
.bildlinks	{
			float:left;
			padding-right: 20px;padding-top: 5px;padding-bottom:8px;
			}

/*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;
			}
*/
/* Only IE-win sees this. */
* html body {
  	background-color:#c8d0d4;
	overflow:auto;
  
  }

/* formatierung der tabellen-zellen */
.obenlinks {
		width:50px;
		background-color:#D2D2D2;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:3px;
		margin-left:20px;
		border-top: #999 1px solid;
		border-left:#999 1px solid;
		border-right:#999 1px solid;
		border-bottom: none;
		text-align:left;
		font-weight:bold;
		}

.untenlinks {
		width:50px;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:3px;
		margin-left:20px;
		border: #999 1px solid;
		text-align:left;
		vertical-align:top;
		}

.obenrechts {
		background-color:#D2D2D2;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:3px;
		border-top: #999 1px solid;
		border-left:none;
		border-right:#999 1px solid;
		border-bottom: none;
		font-weight:bold;
		}
.untenrechts {
		padding-top:3px;
		padding-left:3px;
		padding-bottom:3px;
		border-top: #999 1px solid;
		border-left:none;
		border-right:#999 1px solid;
		border-bottom:#999 1px solid;
		vertical-align:top;
		}

-->