/* Allgemeine Grund-Formatierung */
body {
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;	/* Schriften mit Leerzeichen in Anfuehrungszeichen */
	font-size: 13px;														/* Kein Leezeichen vor Einheit */
	color: #000000;															
	background-color: #9C8E7B;
	background-image: url(../ima/back.gif);
	width: 968px;
	margin: 1px auto 1px auto;
	padding: 14px 0px 0px 0px;
	position: relative;				/* folgende 3 Werte wichtig für korrekte Positionierung von Slogan und Topnavi in IE6 und Firefox */
	}
h1	{
	font-size: 18px;
	color: #0000FF;
	font-weight: bold;
	}
h2	{
	font-size: 15px;
	color: #7E603A;
	font-weight: bold;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
a		{color: #0000FF;}
a:hover	{color: #7E603A; outline: none;}

/* Kopfbereich */
#kopf {												/* Individualformat (id) ähnlich wie Klasse, jedoch mit Raute */
	background-image: url(../ima/topback.gif);
	height: 252px;
	}
#logo {
	padding: 7px;
	}	
#slogan {
	position: absolute;
	top: 190px;
	left: 237px;
	font-size: 20px;	
	font-style: italic;
	color: #DBD8D4;
	padding-top: 1px;
	padding-left: 1px;
	}
#topzusnav {
	position: absolute;
	top: 23px;
	right: 13px;
	font-family: arial;
	font-size: 9px;
	color: #8CD7A5;
	}

/* Gesamte Topnavigation */
#topnavi {
	position: absolute;								/* wird relaitv zum Body positioniert! */
	top: 102px;
	left: -20px;									/* um folgendes ORUL-Padding right zu kompensieren */
	padding-top: 1px;
	margin-top: 1px;
	font-weight: bold;
	font-style: italic;
	}
#topnavi li {
	display: inline;
	padding: 0px 12px 0px 6px;						/* ORUL */
	background-image: url(../ima/topnavitrenn.gif);
	background-repeat: no-repeat;  
	background-position: right; 
	}
#topnavi a, #topzusnav a {text-decoration: none; color: #DBD8D4;}
#topnavi a:hover, #topnavi a.topact, #topzusnav a:hover {text-decoration: underline; color: #ffffff;}

/* navcont-Bereich */
#mainbody {
	background-image: url(../ima/bodyback.gif);
	padding: 1px 0px 1px 0px;
	position: relative;				/* Beeinflussung des gesamten Contents */
	}
#content, #leist {					/* Beide Werte notwendig für IE6, bestimmt Gesamthöhe navcont */
	height: 423px;
	}
#content {
	width: 700px;					/* Conten um 13px schmaler als möglich, dafür erzeugt padding-right Abstand zum Scrollbalken */
	padding-right: 15px;
	margin-top: -34px;				/* Bewirkt das Reinlaufen des Contents in den Farbverlauf des Kopfes  / Hängt von HEIGHT ab!!*/
	margin-left: 241px;				/* Bewirkt das Freihalten der Leist / gefloated */
	overflow-y: scroll;
	}
#leist {
	width: 200px;
	margin-top: -36px;
	margin-left : -8px;
	float: left;					/* Bewirkt das Wegdrücken des Contentbereiches */
	}
#leist ul {
	list-style-type: none;
	}
#leist a {
		background-image: url(../ima/leist01.gif);
		background-position: top;
		background-repeat: repeat-x;
		padding: 2px 1px 4px 6px;		/* Bestimmt u.a. horizontale Schriftausrichtung im Vgl. zu Button */
		margin: 7px -15px -1px -20px;	/* Bestimmt vertikale Breite und Pos. der Buttons */
		display: block;					/* a ist inline und kann in der Höhe nicht bestimmt werden, daher block */
		line-height: 8px;				/* Zeilen-Abstand */
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	    color: #5A514A;
		}	

#leist a:hover, #leist a.leistact {
		background-position: bottom;
		}
/* auch mit position absolute als komplett eigene Box verwendbar */
#leist #innernav {
	margin: 5px 3px 7px -18px;
	}
#leist #innernav a {
	font-size: 80%;
	}
	
/* Bottombereich */
#bot {
	background-image: url(../ima/botback.gif);
	height : 43px;
	}

/* Sämtliche externen Sites */
.extern01 {
	padding: 30px 110px 30px 110px;
	background-color: #F7EFE7;
	}
	
/* Counterlink */
#counter {
	position: absolute;
	left: 1px;
	bottom: -32px;
	}