BODY { 
      font-family:Arial; 
      font-size:10pt; 
      background-color:#FFFFFF; 
	  margin-left:1.5cm;
	  margin-right:1.5cm;
	  margin-bottom:2cm; }
	  
body.popup {background-image:url(../gif/hg_infolayer.jpg);
	}
	
body.popupgross { background-image:url(../gif/hg_infolayer_g.jpg);
}	  
	  

					/* ---- Haupttext/ Fließtext --- */
P { 
   margin-top:1pt; 
   margin-bottom:12pt;
   margin-left:0pt;
   margin-right:15pt; 
   text-align:left; 
   font-weight:normal;
   color:black;
   text-decoration:none;	}
   
P.haupttext-vorauf { 
                    margin-bottom:8pt;	}
					
p.haupttext-vorp {
               margin-top:0pt; 
               margin-bottom:6pt; 	}
	
	/*.........*/
	
	
	
	
	
					/* ---- Hintergründe, Grafiken, Layer --- */
div {
	 margin-bottom:30pt;}


div.einzug-layer {
			margin-left:10pt;	}
			
			
div.grau-schattierg {
			  background-color:#cccccc;
			  width:580px;
			  margin-bottom:12pt;
			  padding-top:2pt;	}
			  			
	/*.........*/


					
					/* ---- Zeichenformatierungen mit ID!!! --- */

/* #versalie {
			text-transform:uppercase;	}   */

#div_zwischenueb {
				margin-left:4pt;
				font-style:italic;	}
				
	/*.........*/
   
   
   
   
   
					/* ---- Überschriften --- */
H1 { 
    margin-left:0pt; 
    margin-right:7pt; 
    margin-top:5pt; 
    margin-bottom:15pt; 
    text-align:left; 
    font-family:Arial; 
    font-size:14pt; 
    font-weight:bold;
	line-height:24pt 	}
H2 { 
    margin-left:0pt; 
    margin-right:7pt; 
    margin-top:12pt; 
    margin-bottom:25pt; 
    text-align:left; 
    font-family:Arial; 
    font-size:14pt; 
    font-weight:bold;
	line-height:18pt  }
H3 { 
    margin-left:0pt; 
    margin-right:7pt; 
    margin-top:18pt; 
    margin-bottom:10pt; 
    text-align:left; 
    font-family:Arial; 
    font-size:10pt; 
    font-weight:bold;  
	line-height:12pt  }
H4 { 
    margin-left:0pt; 
    margin-right:7pt; 
    margin-top:12pt; 
    margin-bottom:15pt; 
    text-align:left; 
    font-family:Arial; 
    font-size:10pt; 
    font-weight:bold;  
	line-height:14pt  }
	 
	/*.........*/			 
			 
			 
 		  
				  
					/* ---- Listen, Aufzählungen, Handlungen --- */
					
					
/* ---Listen richtig aufbauen ---
Beispiel Handlung mit Unterpunkten und Ergebnissen

<ol>
	<li></li>
	<li></li>
		<ul>
			<li class="aufz-zweiter-ordnung"></li>
			<p class="ergebnis"></p>		
		</ul>
	<li></li>
	<p class="ergebnis-vorergebnis"></p>
	<p class="ergebnis"></p>		
</ol>

*/

li {
	margin-bottom:5pt;
	margin-left:7pt;	}
ol {
	margin-top:0pt;
	margin-left:12pt;
	margin-bottom:8pt;
	list-style-type:decimal;
	list-style-position:outside;
		}
ul{
	margin-top:0pt;
	margin-left:12pt;
	margin-bottom:10pt;
	list-style-type:square;
	list-style-position:outside;	}



li.liste-tabelle {
			margin-left:0.5cm;
			font-weight:normal;	}
#printbutton
{
float:right;
/* display: none; */   /* auskommentiert */
}
#printbutton input {
color:#333333;
border-width: 1px;
border-style: solid;
border-color: #FFF #1768A6 #1768A6 #FFF;
background-color: #AED0EC;
font-size: 12px;
height: 20px;
vertical-align:middle;
}
	
li.aufz-zweiter-ordnung { 
                      margin-left:0pt; 
                      margin-top:4pt; 
                      margin-bottom:4pt; 
					  list-style-type:disc;
					  list-style-position:outside;
					  font-weight:normal;	}
					  
 	  
		  
/* ---- Handlungsanweisungen mit Ergebnis --- */
		  
p.ergebnis-vorergebnis {
						   margin-left:0cm;
						   margin-top:4pt;
						   margin-bottom:5pt;
							}
			   
p.ergebnis {
				   margin-left:0cm;
				   margin-top:4pt;
				   margin-bottom:5pt;
					}

	
	
p.hervor {font-weight:bold;}	
	
	
	
	/*.........*/			 




		
		
						/* ---- Hinweis, Tipp, Voraussetzung --- */

			   
p.hinweistext-vorhinweistext {
					   margin-left:1cm; 
					   margin-top:0pt; 
					   margin-bottom:6pt; 	}

P.hinweistext { 
               margin-left:1cm; 
               margin-top:0pt; 
               margin-bottom:25pt; 	}			
			   
p.signalwort { 
                    margin-left:1cm; 
                    margin-top:0cm; 
                    margin-bottom:0pt;
					font-weight:bold; 	}
					



img.picto {
			float:left;	}
		
	/*.........*/			 
	   
	   
	   
	   
		   
		   
						/* ---- Tabellen und Tabelleninhalte --- */

table {
		margin-left:0.5cm;
		margin-bottom:8pt;
		padding:5px;	}
				   
td { 
	text-align:left;
	vertical-align:top;
    font-family:Arial; 
    font-size:10pt;
	padding-left:8px;
	padding-bottom:0pt;
	padding-right:5pt;
	padding-top:2pt;
	margin-left:5pt;
}
	
	
	
	
	

/*    ---- Tabellenformatierung ----

Tabelle: Spaltenlinien: ohne oben/unten Linien
					<table cellpadding="5" cellspacing="0" rules="rows" bordercolor="#000000" frame="void">
						
Tabellen:Spaltenlinien, weiß: mit oben/unten Linien 
					<table rules="rows" frame="hsides" cellspacing="0" border="2" bordercolor="#FFFFFF">
							
Tabellen:Spaltenlinien, grau: mit oben/unten Linien 
					<table rules="rows" frame="hsides" cellspacing="0" border="2" bordercolor="#cccccc">
							
*/


	
	
	
/* ---- Inhalte Auszeichnung --- */
	
td.tabelle-fett { 
                font-weight:bold;  }
				
td.tabelle-fett-zentriert { 
                          text-align:center; 
                          font-weight:bold;  }


td.schrift {font-size:14px; }			 
				 
/* ---- vor und nach Tabellen --- */
				 
/*P.tabelle-fuss { 
                margin-top:6pt; 
                margin-bottom:1; 
                text-align:left; 
                background-color:#e0e0e0; 
                font-family:Arial; 
                font-size:9pt; 
                font-style:italic;  }
				
P.kopftext-abb-tab { 
                    margin-top:10pt; 
                    margin-bottom:10pt; 
                    text-align:left; 
                    background-color:#cccccc; 
                    font-family:Arial; 
                    font-size:10pt; 
                    font-weight:bold;  }*/
					
	/*...........*/




						/* ---- Links --- */

p.intern {
		color:green;
		font-weight:bold;	}
		

span.linkintern {
		  color:green;
		  font-weight:bold;
		  text-decoration:none;
		  }

a:link {
		font-weight:normal;	}
		
a:visited {
		   color:blue;
           font-weight:normal;	}

a:hover {
		 color:blue ;
		 font-weight:normal;	}

	/*...........*/


	  
/*   ----- JavaScrips Aufrufe ----- Einträge im HTML ---- Im head nicht den Befehle <script src="JS/functions.js"></script> vergessen  -----




---- Aufruf des Abklappmenüs/Anzeigen-Verschwinden von layern/divs ---- (JavaScript-Befehl in JS/functions.js)

<a href="#" onClick="return showHide('divID-eindeutig','imgID-eindeutig');"><p><img id="imgID-eindeutig" src="gif/plus_button.gif" align="absmiddle" border="0"> Link zum Aufklappmenü</p></a>
<div id="divID-eindeutig" style="display:none;"></div>
*/