/* Volle Höhe im IE und FF bei 3 Zeilen, Mitte variable zu 100%, Oben und Unten feste Höhe */
/* Breite 970 px */
/* Boda-Angaben und doppelte Angabe bei Mitte unabdingbar wegen Browser-Bugs */
body { 
	background: #A3A1A1 url(verlauf.gif) center;
	/*background-image: url(hg_grau.gif);*/
	color: black; 
	font-size:10pt;
	line-height: 130%; 	
	/*font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;*/
	font-family: verdana, Arial, Helvetica, sans-serif;
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	overflow:hidden;
}

/* Schriftgrössen H*/	
table, form, ul, p, span, ul, li, a  {
	font-size:10pt; 
	line-height: 130%; 
	/*font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;*/
	font-family: verdana, Arial, Helvetica, sans-serif;
} 
H1 { 
	font-size: 18px;
	margin:0px;
}
H2 { 
	color: #9F8B31;
	font-size: 16px;
	font-weight: bold;
	margin-top:6px;
	margin-bottom:0px;
}		
H3 { 
	font-size: 12px;
	font-weight: bold;
	margin-top: 1mm;
	margin-bottom: 1mm;
}

/* Spezielle Classen */
	
.klein  {
	font-size:9px;
}		
.fett  {
	font-weight: bold; 
}
.kursiv  {
	font-style:italic;
}

.navi  {
	color:  navy;
	font-style:normal; 	
	text-decoration: none; 
	margin-left: 3px; 
	padding-left: 5px; 
	border-left: 3px solid #cc0000;
	}

/* Maus über Link*/
a.navi:hover {
	color: white;
	background-color: #c00;	
}	
a:hover {
	color: white;
	background-color: blue;	
}
.linkklein {
	color: #000040;
	font-size: 8pt;
	text-decoration: none;
}
.purpur     { 
	color: #c00;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
.subh2    { 
	color: white;
	font-size: 11pt;
	font-weight: bold;
	background-color: #000080;
	height: 16pt;
	margin-top: 2mm;
	margin-bottom: 2mm;
	padding-right: 2mm;
	padding-left: 2mm;
}
	
#oben {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:0; 
	width:970px; 
	min-width:970px; 
	height:110px;
	background-image: url(kopf.gif);
	overflow:hidden;
	z-index:10;	
}
.irand {
	border: solid 2px #B1F0B6;
}

#bild-kopf1 {
	position:absolute;
	top:12px;
	left:10px;
	width:120px;
	height:90px;	
	border: solid 2px #B1F0B6;
	z-index:10;
}
#bild-kopf2 {
	position:absolute;
	top:12px;
	left:140px;
	width:120px;
	height:90px;	
	border: solid 2px #B1F0B6;
	z-index:10;
}
#bild-kopf3 {
	position:absolute;
	top:12px;
	left:270px;
	width:120px;
	height:90px;
	border: solid 2px #B1F0B6;
	z-index:10;
}
#bild-kopf4 {
	position:absolute;
	top:16px;
	left:405px;
	width:101px;
	height:55px;
	background: url(ihr.gif);
	z-index:10;
}
/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	top:110px; 
	bottom:40px; 
	width:970px; 
	margin-left:-485px; 
	left:50%;
	display:block; 
	overflow:auto;	
}
* html #mitte {
	top:0; 
	bottom:0; 
	height:100%;	
	width:970px;
	border-top:110px solid #fff; 
	border-bottom:40px solid #fff;
}
/* Inhalte und Rechts orientieren sich am übergeordnetem Element des Bereichs Mite, auch von der Position her */	

div#naviseite { 
	/*background-color: #60635D;*/
	background: #ffffff;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:160px; 
	height:100%;
	overflow:auto;	
}	

div#inhalte {
	position:absolute; 
	top:0px; 
	left:170px; 
	width:800px; 
	margin:0px; 
	text-align:left; 
	height:100%; 
	background:#fff;
	overflow:auto;	
}
/* Tabbreite inst inhalte-breite abzgl. 2 x rand */
.tabbreite {
	width: 730px;
	}	
.rand {
	margin: 20px;
	background:#fff;
	}	
/* 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:40px; 
	background: navy;
	z-index:6;
}

div#schild { position: absolute; top: 10px; right: 40px; left: 40px; width: 740px; }
div#text { position: absolute; top: 315px; right: 0px; width: 690px; }

/* Für Bild-Fenster */

a.info {
text-decoration:none;
display:inline;
}

a.info:hover {
color:black;
background-color:transparent;}

a.info span {display:none;}

a.info:hover span {
position:absolute;
display:block;
height:400px;
width:600px;
overflow:hidden;
text-align:center;
background:#FFFFEF;
border:10px double #B1F0B6;
z-index:50;
}

/* Für AAA-Fenster */
a.infoaaa {
text-decoration:none;
display:inline;
z-index:9;
}

a.infoaaa:hover {
color:black;
background-color:transparent;}

a.infoaaa span {
display:none;
z-index:9;
}

a.infoaaa:hover span {
position:absolute;
top:300px;
left:5px;
z-index:9;
display:block;
text-align:left;
width:140px;
color:black;
background:#FFFFEF;
font:normal 9pt sans-serif;
border:1px solid black;
padding:5px;
overflow:visible;}