body { 
	color: black; 
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	line-height: 140%; 	
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	overflow:auto;
	}
table, form, ul, p, span, li, a  {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
li  {
	font-size:12px;
	line-height: 140%; 		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
/* Schriftgrössen H*/	
H1    { 
	font-size: 18px;
	font-family: Verdana;
	margin: 1mm 0
	}
H2    {
	color: white;
	font-size: 14px;
	font-family: Verdana;
	font-weight: normal;
	margin-top: 1mm;
	margin-bottom: 1mm
    }
H3    {
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	margin-top: 1mm;
	margin-bottom: 1mm
	}
H4  {
	color: #c00;
	font-size: 16px;
	font-family: Verdana;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	margin-top: 1mm;
	margin-bottom: 1mm;
	}

#oben {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:0; 
	width:970px; 
	min-width:970px; 
	height:140px;
	background:#a3c0a2;
	overflow:hidden;
	z-index:20;
	}

div#links { 
	background: #a3c0a2;
	position:absolute; 
	top:0px; 
	left:0px;
	padding-left:2px;	
	width:250px; 
	height:100%;
	overflow:auto;	
	}	
/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	top:140px; 
	bottom:60px; 
	width:970px; 
	margin-left:-485px; 
	left:50%;
	display:block; 
	overflow:auto;	
	}
* html #mitte {
	top:0; 
	bottom:0; 
	height:100%;	
	width:970px;
	border-top:140px solid  #a3c0a2;
	border-bottom:60px solid #a3c0a2;
	}
/* Inhalte und Rechts orientieren sich am übergeordnetem Element des Bereichs Mite, auch von der Position her */	

div#inhalte {
	position:absolute; 
	top:0px; 
	left:250px; 
	width:720px; 
	margin:0px; 
	text-align:left; 
	height:100%; 
	background:#fff;
	overflow:auto;	
	}
div#logo {
	position:absolute;
	top:20px;
	left:440px;
	z-index:10;
	}	
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
#unten {
	text-align:center;
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	bottom:0; 
	width:970px; 
	min-width:970px; 
	height:60px; 
	background-color:#a3c0a2;	
	}
/* Spezielle Classen*/	
.linkklein  	{ color: #000040; font-size: 9px; text-decoration: none }
.linkklein:hover{ color: #ffffff; background-color: #000; text-decoration: none }
.textfett    	{ font-weight: bold; }
.groesser    	{ color: green; font-size: 15px; font-weight: bold; }
.groesser1  	{ color: white; font-size: 12px; font-weight: bold; }
.name 		{ color: white; font-size: 40px; font-weight: bold; }
.subtab		{ width:660px;}
.fl:first-letter {color: #c00; font-size: 16px; font-weight: bold; font-style: italic;float:left;}

.navi  {
	color: blue;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; }
		
/* Maus über Link*/	
.navi:hover 	{
	color: white;
	background-color: blue;
	}