/*-------------------------------------------------------------------------------------------------*/
/* 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 Kopfbereichs*/
/*-------------------------------------------------------------------------------------------------*/
#psg-logo {
  position: absolute;
  left: 260px;
  top: 45px;
  width: 18em;
  height: 30px;
  font-size: 1.05em;
  letter-spacing: ;
  font-weight: normal;
  background: #e9e8e8;
  color: #808485;
}

/*-------------------------------------------------------------------------------------------------*/
/* 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: #377f7b;      
	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:focus {
	text-decoration: underline;
}

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

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



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

#navi-haupt {
	height: 1.7em;
  /* Eigenschaft hasLayout fuer IE 6 muss gesetzt sein; moeglich durch Hoehenangabe  */
	background-color: #172e5d;
	border-bottom: 1px solid black;
  font-size: 0.9em;
	font-weight: bold;
}

#navi-haupt ul {
  width: 34.6em;
	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;
  text-align: center;
}

#navi-haupt li {
	display: block;
  float: left;
}

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

#navi-haupt a {
  color: white;
  margin: 0 0 10px 0;
}

#navi-haupt a:link, #navi-haupt a:visited {
	text-decoration: none;
  padding: 0 14px 0 20px;             /*bestimmt horiz. Abstand der navi-Elemente und ermoeglicht das Einfuegen eines Hintergrundbildes (s. #navi-haupt a:hover)*/
	color: white;	
}

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

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

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

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



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

#navi-links {
	background-color: #377f7b;
	width: 13.3em;                   /*eingefuegte Bilder in Bereich bestimmen die Breite*/
	float: left;
  font-size: 0.7em;
}

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

#navi-links ul {
  margin-top: 8px;
}

/* Definition der Menuepunkte, u.a. festlegen der Grundfarbe blau; der Hintergrundfarbe, falls Link laenger sein sollte als Navi-Spaltse */
#navi-links li {
	font-weight: bold;
  list-style-type: none; 
  display: inline;
}

#navi-links span {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 0 0.5em;
  text-decoration: none;
  padding: 8px 0 8px 14px;
  display: block;
  color: #316F6B;  
  border-width: 1px 0;
  border-color: #ffffff;
  border-style: solid;
}

#navi-links a {
}  

#navi-links a:link, #navi-links a:visited {
  color: #ffffff;
	background: #377f7b; 
  padding: 9px 0 9px 14px;
  display: block;  
  text-decoration: none;
}

#navi-links a:focus {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 0 0.5em;
  padding: 8px 0 8px 14px;
  display: block;
  color: #316F6B;  
  border-width: 1px 0;
  border-color: #ffffff;
  border-style: solid;
}

#navi-links a:hover {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 0 0.5em;
  padding: 8px 0 8px 14px;
  display: block;
  color: #316F6B;  
  border-width: 1px 0;
  border-color: #ffffff;
  border-style: solid;
}

#navi-links a:active {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 0 0.5em;
  padding: 8px 0 8px 14px;
  display: block;
  color: #316F6B;  
  border-width: 1px 0;
  border-color: #ffffff;
  border-style: solid;
}

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

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

#navi-links ul li ul {
  margin-top: 0;
}

#navi-links ul li.pfeil a{
  background: url(../images/pfeil_runter_weiss-gruen.gif) #377f7b 0 0.5em no-repeat;
  color: #ffffff;
}

#navi-links li.pfeil a:focus{
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff 0 0.5em no-repeat;
  color: #316F6B;  
}

#navi-links li.pfeil a:hover{
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff 0 0.5em no-repeat;
  color: #316F6B;
}

#navi-links li.pfeil a:active{
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff 0 0.5em no-repeat;
  color: #316F6B;  
}

#navi-links ul li ul li a {
  padding-left: 28px;
}

#navi-links ul li ul li span {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 14px 0.5em;
  text-decoration: none;
  padding: 9px 0 9px 26px;
  display: block;
  color: #316F6B;  
}

#navi-links ul li ul li a:link, #navi-links ul li ul li a:visited {
  color: #ffffff;
	background: #377f7b; 
  padding: 9px 0 9px 26px;
  display: block;  
  text-decoration: none;
}

#navi-links ul li ul li a:focus {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 14px 0.5em !important;
  padding: 8px 0 8px 26px;
  display: block;
  color: #316F6B;  
}

#navi-links ul li ul li a:hover {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 14px 0.5em !important;
  padding: 8px 0 8px 26px;
  display: block;
  color: #316F6B;  
}

#navi-links ul li ul li a:active {
  background: url(../images/pfeil_rechts_gruen-weiss.gif) #ffffff no-repeat 14px 0.5em !important;
  padding: 8px 0 8px 26px;
  display: block;
  color: #316F6B;  
}


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

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


h1, h2, h3 {
  color: #172e5d;
	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: #172e5d;
}

#inhalt a:visited {
  color: #5C5C5C;
}

#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: #172e5d;
  color: #ffffff;
  font-size: 0.8em;
  z-index: 10;

}