/* =============================================================*/
/*		GRUNDEINSTELLUNGEN für die gesamte Seite	*/
/* =============================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}


body {	/* Fontauswahl: 1) ohne Serifen, z.B. Arial		*/
	font:normal 100%/150% Helvetica,Verdana,'Liberation Sans','Bitstream Vera Sans',Arial,sans-serif;
	/* Fontauswahl: 2) mit Serifen, z.B. Times		*/
	/*  font:normal 100%/140% Times,Georgia,Charter,'Liberation Serif','Bitstream Charter',serif; */
	background:#dddddd;	/* Seiten-Hintergrund-Farbe	*/
	color:#1C3446;		/* Standard-Text-Farbe		*/
	text-align:left;	/* Standard-Text-Ausrichtung	*/
	min-width:720px;	/* Mindestbreite der Seite, auch*/
}				/* w. der Inhalt weniger braucht*/



/* =============================================================*/
/*		DEFINITION der Boxen auf der Seite		*/
/* =============================================================*/


#pg {				/* Page-Box (Gesamt-Seite)	*/
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	max-width:1000px;	/* Maximale Breite 			?????	*/

}


#pghead {			/* Box für Page-Kopf (mit Bild)	*/
	position:absolute;
	top:0;
	left:0;
	margin:0 2% 0 2%;	/* Abstände o,rechts, u,links	*/
	width:96%;		/* Breite			*/
	height:125px;		/* Höhe				*/
	background:transparent url("banner1.jpg") repeat-x left top;
}


#pglogo {			/* Box für das Page-Logo	*/
	margin:20px 0 0 40px;	/* Position von o,r,u,links	*/
	height:85px;
	background:transparent url("abreast.gif") no-repeat left;
}


#pgbody {			/* Page-Body = Navleiste + Text */
	width:96%;		/* Breite			*/
	position:absolute;
	top:125px;		/* Abstand von Oben		*/
	left:0;
	margin:0 2% 0 2%;	/* Position o,rechts,u,links	*/
	padding:25px 0 0 0;
	background:white;
	font-size:90%;		/* Textgröße			*/
}

#pgleft {
	position:absolute;
	top:0;
	left:0;
	margin:25px 0 40px 40px;
	width:165px;

}

#pgmain {			/* Page-Hauptteil (Textteil)	*/
	margin:0 50px 0 230px;	/* Position o,rechts,u,links	*/
	line-height:1.1;	/* Zeilenhöhe (Zeilen-Abstand)	*/
	text-align:justify;	/* Text im Blocksatz		*/
}
	
#pgtail {			/* Page-Ende (Impressum etc.)	*/
	clear:both;		/*				*/
	margin:2em 0 0 0;
	padding:.5em 0 1em 0;
	position:absolute;
	font-size:85%;
	line-height:1.2;
}
#pgtail p {
	margin:0;
}



/* =============================================================*/
/*			NAVIGATIONSLEISTE			*/

/* 		pg -> pgleft -> pgnav -> curlnk			*/
/* =============================================================*/
#pgnav {
	margin:0px 0px;		/* Ursprung (oben, rechts)	*/
	width:170px;		/* Breite			*/
	background:red;		/* Hintergrundfarbe		*/
}
	
#pgnav ul {			/* ul=ungeordnete Liste, (ol=geodnet Liste (Aufzählung)	*/
	margin:5px 10px 0 0;	/* Abstand oben 5px,rechts 10px */
	list-style-type:none;	/* keine Aufzählungszeichen	*/
	padding:0;		/* Abstand nach allen Seiten 0	*/
	position:static;	/* fixiert (Standard)		*/
}

#pgnav ul li {			/* li = Listenpunkt (list-item)	*/
	padding:0;		/* Abstand nach allen Seiten 0	*/
	position:static;	/* fixiert (Standard)		*/
}				/* !!!!! Bereits zuvor definiert, eigentlich überflüssig !!!!!! */


#pgnav ul li a, #pgnav ul #curlnk, #pgnav ul li b {	/* alle */
				/* Abstand f.jeden Listenpunkt: */
	padding:6px 0 0 10px;	/* oben=6px, r,u,=0, links=10px	*/
	display:block;		/* Darstellung Block		*/
	text-decoration:none;	/* keine Unterstreichung v.Links*/
	color:#DDDDDD;		/* Schriftfarbe			*/
	height:3em;		/* 3-fache Zeilenhöhe je Listenp*/
	font-size:80%;		/* Schriftgröße	= 80%		*/
}

				/* Für ul, wenn li ein Link ist */
#pgnav ul li a:hover {		/* + die Maus gerade drüber ist */
	background:#335C7D;	/* Markierungsfarbe/Blockhinterg*/
	width:150px;		/* Breite der Markierung	*/
	font-weight:bold;	/* Schrift wird fett		*/
	color:white;		/* Schriftfarbe wird hellweiß	*/
}


#pgnav ul #curlnk {		/* Nur für die  überschrift:	*/
	font-weight:bold;	/* Schriftart = fett		*/
	font-size:100%;		/* Schriftgröße = 100%		*/
/*	line-height:1.5;	/* Linien-Abstand (besser nicht)*/
	height:3em;		/* 3-fache Zeilenhöhe je Listenp*/
}




.txtflt {
	width:160px;
	float:right;
	font-size:80%;
	line-height:1.2;
	border:1px outset #3E5F7A;
	margin:0 0 0 10px;
	padding:.5em 5px 0 5px;
}
.txtflt p {
	margin:0 0 1em 0;
}
.txtflt :last-child {
	margin-bottom:0;
}

/* typography */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
	color: #3E5F7A;
}
h1 {	font-size:150%; text-align:left;line-height:1.3;}
h2 {	font-size:135%;}
h3 {	font-size:125%;}
h4 {	font-size:115%;}
h5 {	font-size:105%;}
h6 {	font-size:100%;}

p, ul, ol, dl {
	margin:0 0 1.5em 0;
}
ul {
	padding:0 0 0 25px;
	line-height:1.1;
}
a {
	text-decoration:underline;
}
a:link {
	color:#3E5F7A;
}
a:visited {
	color:#1C3446;
}
a:hover, a:active {
	color:#335C7D;
}
img {
	border:none;
}
hr {
	height:1px;
	clear:both;
}
