/*-------------------------------------------------------------------------------------------------*/
/* grundlegende Styledefinitionen */
/*-------------------------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: url(../images/htg-psg.gif) repeat-y 0 0;
}

body, ol, ul, li , h1, h2, h3, p {
  margin: 0;
	padding: 0;
}

img {
  border: 0;
}

#container {
	width: 779px;
	height: 100%;
}

/*-------------------------------------------------------------------------------------------------*/
/* Styledefinitionen des gruenen Bereichs inkl der gelben Navigation*/
/*-------------------------------------------------------------------------------------------------*/

#navi-oben {
	/*Bestimmt die Hoehe des gruenen Bereichs inkl. der oberen Navigation*/
	height: 1.3em;						
  /*gruen*/
	background-color: #2ea39a;      
	border: solid black;
	border-width: 1px 0;
}

#navi-oben ul {
	float: right;
	height: 1.3em;
	list-style: none;
	border: none;
	background-color: #ffcc01;
}

#navi-oben li {
	display: block;
	float: left;
	width: auto;
	font-size: 0.7em;
	border-left: 1px solid #000000;

}

#navi-oben li a {
	display: block;
	float: left;
	color: #000000;
	width: auto;
	height: 1.3em;
	text-decoration: none;
	padding: 5px 4px 3px 4px;
}

#navi-oben li span, #navi-oben li a.aktiviert {
	display: block;
	float: left;
	color: #000000;
	width: auto;
	height: 1.3em;
	background: url(../images/pfeil-schwarz-oben.gif) no-repeat 50% 0;
	text-decoration: none;
	padding: 5px 4px 3px 4px;
}

#navi-oben li a:hover {
  background: url(../images/pfeil-schwarz-oben.gif) no-repeat 50% 0;
}

#navi-oben li a:active {
	text-decoration: underline;
}

#navi-oben li a:focus {
	text-decoration: underline;
}



/*-------------------------------------------------------------------------------------------------*/
/* Styledefinitionen des blauen Hauptnavigationsbereichs */
/*-------------------------------------------------------------------------------------------------*/

#navi-haupt {
	/*height: 1.7em;*/                    /* Hoehe des navi-haupt-Bereichs darf nicht gesetzt werden, da Firefox bei Vergroeßerung der Schrift 2.Zeile nicht anzeigt*/
  /* Eigenschaft hasLayout fuer IE 6 muss gesetzt sein; moeglich durch Hoehenangabe  */
  height: 1%;
	background-color: #333367;
	border-bottom: 1px solid black;
  font-size: 0.9em;
	font-weight: bold;
}

#navi-haupt ul {
  width: 34em;
	padding: 0.3em 0 0.3em 12px;                 /*bestimmt den Rand um gesamte navi-Liste und sorgt so fuer die vertik. Zentrierung*/
	list-style-type: none;
	margin: 0 auto;
}

#navi-haupt li {
	display: inline;
}

/*
#navi-haupt li span {
	background: url(../images/pfeil_gelb.gif) no-repeat;
	background-position: 0.3em 0.05em;     
  border-width: 1px 0;
  border-color: #333367;
	border-style: solid;
  padding: 0 1.5em;             
	font-size: 0.9em;
	font-weight: bold;
	color: white;
}
*/

#navi-haupt a {
  color: white;
  padding: 0 17px 0 17px;             /*bestimmt horiz. Abstand der navi-Elemente und ermoeglicht das Einfuegen eines Hintergrundbildes (s. #navi-haupt a:hover)*/
  margin: 0 0 10px 0;
}

#navi-haupt a:link, #navi-haupt a:visited {
	text-decoration: none;
	color: white;	
}

#navi-haupt a:hover, #navi-haupt a:active {
	background: url(../images/pfeil_gelb.gif) no-repeat;
	background-position: 0.3em center;     
  border-width: 1px 0;
  border-color: #333367;
	border-style: solid;
}

#navi-haupt .aktiviert {
  background: url(../images/pfeil_gelb.gif) no-repeat;
	background-position: 0.3em center;    
  border-width: 1px 0;
  border-color: #333367;
	border-style: solid;
  padding: 0 17px 0 17px;	
  color: white;  
}

#navi-haupt a:focus {
	background: url(../images/pfeil_gelb.gif) no-repeat;
	background-position: 0.3em center;     
  border-width: 1px 0;
  border-color: #ffffff;
	border-style: solid;
}


/*-------------------------------------------------------------------------------------------------*/
/* Styledefinitionen des linken gruenen Seitennavigationsbereichs
/*-------------------------------------------------------------------------------------------------*/

#navi-links {
	background-color: #32b4a8;
	width: 149px;                   /*eingefuegte Bilder in Bereich bestimmen die Breite*/
	float: left;
  font-size: 0.7em;
}

#navi-links img {
	display: block;                 /*sorgt fuer Zeilensprung nach img-Tag*/
}

/* Definition der Menuepunkte, u.a. festlegen der Grundfarbe blau; der Hintergrundfarbe, falls Link laenger sein sollte als Navi-Spaltse */
#navi-links li {
	padding: 16px 0 0 4px;
	font-weight: bold;
	background: #32b4a8;
  color: #333367;  
  list-style-type: none;  
}
  
}

#navi-links a {
  text-decoration: none;
	line-height: 125%;  
}

#navi-links a:link, #navi-links a:visited {
  color: #ffffff;
	background: #32b4a8;   
  text-decoration: none;
}

#navi-links a:focus {
	background: #32b4a8;   
  color: #333367;
}

#navi-links a:hover, #navi-links a:active {
	background: #32b4a8;   
  color: #333367;
}

/* Farbe blau fuer  anwaehlbare aktive Menuepunkte, die  nicht die aktuelle Seite repraesentieren z.B. uebergeordnete Menuepunkte */
#navi-links a.aktiviert:visited  {
	background: #32b4a8;   
  color: #333367;
}

/*------------------------------------------*/
/*2. Ebene
/*------------------------------------------*/

#navi-links li.pfeil {
  background: url(../images/pfeil_gelb_runter.gif) no-repeat;
  background-position: 11em 1.8em;
}

#navi-links ul.untermenue {
  padding-left: 6px;
}

/*-------------------------------------------------------------------------------------------------*/
/* Styledefinitionen des Inhaltsbereichs
/*-------------------------------------------------------------------------------------------------*/

#inhalt {
  /* Eigenschaft hasLayout IE 6 muss gesetzt sein fuer  funkt. seiteninterne Links; moeglich durch Hoehenangabe  */
  height: 1%;
  margin-left: 149px;						/*Außenabstand gleich der Breite des 'navi-links'-Bereichs*/
	padding: 25px 20px 25px 32px;
	/*height: 26.85em;*/
	float: auto;
	font-size: 0.8em;
}


h1, h2, h3 {
  color: #333367;
	font-weight: bold;
}

h1 {
  margin: 0 8px 24px -12px;
	padding: 2px 0;
	font-size: 1.2em;
	border: solid black;
  border-width: 0 0 1px 0;
}

h2 {
	font-size: 1em;
	margin: 16px 0 0 0;
/*	padding: 3px 0 3px 0;*/
}

h3 {
  color: black;
  font-size: 1em;
  font-weight: bold;	
}

blockquote {
  margin: 0 1em 0 1em;
}

#inhalt a:link {
  color: #333367;
}

#inhalt a:visited {
  color: #666666;
}

#inhalt a:focus, #inhalt a:hover, #inhalt a:active {
  color: #21746e;
}

#inhalt ul {
  padding: 0 0 0 22px;
}

#inhalt ul li {
  list-style-image: url(../images/quadrat_blau.gif);
	list-style-type: square;
	margin: 6px 0 6px 0;
}

/*Klasse dient der Aufhebung des floatens*/
.clearing {
  clear: both;
}

.nobr {
  white-space: nowrap;
}

.unsichtbar {
  position: absolute;
  left: -3000px;
  top: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

a.unsichtbar {
  position: absolute;
  left: -3000px;
  top: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

#skiplinks a.unsichtbar:focus, #skiplinks a.unsichtbar:active {
  position: absolute;
  left: 560px;
  top: 0;
  width: 200px;
  height: 2.8em;
  padding: 3px 10px;
  background: #333367;
  color: #ffffff;
  font-size: 0.8em;
  z-index: 10;

}