/* styles.css 7.6.2008 für WPAOZ*/
/* Farbdefinitionen
	#FFFFFF - weiß
	#000000 - schwarz                            (Hintergrund außerhalb der Seite)


	#58317e; - WPAOZ-web-blau;
	#57a995; - WPAOZ-web-grün;	
	#d88e3b; - dunkelocker;			Seitenleiste allgemein
	#fec34e; - hellocker;			Seitenleiste Inhalt
	#c0c0c0; - hellgrau;				Inhaltshintergrund
	#707070;	- dunkelgrau;			Rahmen	

   Schriftdefinitionen
   Familie: Helvetica,Arial,sans-serif;
   Größe/Zeilenabstand
   24pt/26pt - Headline
   12pt/14pt - Fließtext
   16pt/18pt - H1 Überschrift

Syntax-Beispiele:
 background-image: url(./../pict/hg.gif)
 background-color:#c0c0c0;
 background-color:#58317e;
 background-color:#57a995;
 background-color:#ffffff;
 background-color:#ffffff; 

===================================================================================================*/
*       { padding:0;margin:0; vertical-align:top;}

#box00  {position:relative; z-index:1; top:30px; left:0px; }
.iox00  { width:900px; height:660px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-image: url(./../pict/hg.jpg)}

#box99  {position:relative; z-index:10; top:30px; left:0px; }
.iox99  { width:900px; height:660px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto;}

/*
#box00  {position:relative; z-index:1; top:30px; left:0px; }
.iox00  { width:900px; height:660px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-color:#000000;}
*/

#box01  {position:relative; z-index:2; top:0px; left:0px; }
.iox01  { width:900px; height:50px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

#box02  {position:relative; z-index:5; top:0px; left:0px; }
.iox02  { width:903px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
#box03  {position:relative; z-index:2; top:0px; left:0px; }
.iox03  { width:900px; height:50px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
#box04  {position:relative; z-index:3; top:0px; left:0px; }
.iox04  { width:900px; height:10px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:2px; background-color:#707070;}
#box011  {position:relative; z-index:3; top:16px; left:0px; }
.iox011  { width:900px; height:24px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:2px;}
#box031  {position:relative; z-index:3; top:8px; left:0px; }
.iox031  { width:900px; height:24px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:2px;}
/* individuell aktiv für Mittelteil in inhaltxx.inc.php
#box021  {position:relative; z-index:2; top:0px; left:0px; }
.iox021  { width:60px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(./../pict/dol.gif); float:left;}
#box022  {position:relative; z-index:2; top:0px; left:0px; }
.iox022  { width:390px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c0c0c0; float:left;}
#box023  {position:relative; z-index:2; top:0px; left:0px; }
.iox023  { width:390px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c0c0c0; float:left;}
#box024  {position:relative; z-index:2; top:0px; left:0px; }
.iox024  { width:60px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(./../pict/dor.gif); float:left;}
*/
/* Variante wird nur vom FF richtig dargestellt
#box021  {position:relative; z-index:2; top:0px; left:0px; }
.iox021  { width:60px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c0c0ff;}
#box022  {position:relative; z-index:2; top:-550px; left:60px; }
.iox022  { width:390px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c0ffff;}
#box023  {position:relative; z-index:2; top:-1100px; left:450px; }
.iox023  { width:390px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c000ff;}
#box024  {position:relative; z-index:2; top:-1650px; left:840px; }
.iox024  { width:60px; height:550px; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#c0c000;}
*/
/*
#box01  {position:absolute; z-index:1; top:0px; left:0px; }
.iox01  { width:180px; height:100px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box02  {position:absolute; z-index:2; top:0px; left:180px; }
.iox02  { width:640px; height:100px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box03  {position:absolute; z-index:3; top:0px; left:820px; }
.iox03  { width:180px; height:100px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box11  {position:absolute; z-index:1; top:100px; left:0px; }
.iox11  { width:180px; height:30px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box12  {position:absolute; z-index:2; top:100px; left:180px; }
.iox12  { width:640px; height:30px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box13  {position:absolute; z-index:3; top:100px; left:820px; }
.iox13  { width:180px; height:30px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}

#box21 {position:absolute; z-index:1; top:130px; left:0px; }
.iox21 { width:180px; height:600px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-cd88e3bolor:#93c2a5;}

#box22 {position:absolute; z-index:2; top:130px; left:180px; }
.iox22  { width:640px; height:500px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; overflow:auto; background-color:#ffffff;}

#box23 {position:absolute;z-index:3; top:130px; left:820px; }
.iox23 { width:180px; height:600px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#93c2a5;}

#box32 {position:absolute;z-index:2; top:630px; left:180px; }
.iox32 { width:640px; height:100px; position:absolute; margin: 0px; padding-right:0px; margin-top:0px; margin-bottom:0px; background-color:#e3efe6;}
*/

/* ----------------------------------------------- BODY {}*/
body
	{
	background-color:#707070;     /* Hintergrundfarbe */
	padding:0px; 
	margin:0px;                   /* Abstand von Body zu übergeordneten Fenster*/

	font-family: Arial,Helvetica,sans-serif;
	font-size:4px;
	color: #58317e;
	line-height:4px;
	font-weight:normal;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */

	text-align: center;				/* Zentriete Ausgabe beim IE*/				



}
table, tbody
{
padding:0px;
margin:0px; 
}

/* ---------------------------------------------- p {}*/
p
{

}

/* ---
.pbalken
{
font-size:24px;
color: #ffffff;
line-height:28px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
*/

/* ---
.pbuchstaben
{
font-size:20px;
color: #ffffff;
line-height:22px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
*/


.pfett
{
font-weight:bold;
}


/* ---
.pfuss
{
font-size:10px;
color: #000000;
line-height:11px;
font-weight:normal;
text-align:center;
vertical-align:middle;
}
*/

/* ---
.plinksoben
{
text-align:left;
vertical-align:top;
}
*/

/* ---Bulletliste Typen: disc | circle | square | none */
ul
{
list-style-type:none;			  
}

/* ---Liste */
li
{
margin-bottom:0px;
}


/* ---
td
{
text-align:left;                                  *//* left | center | right | justify = Blocksatz *//* --- 
vertical-align:top; 				  *//* top | middle | bottom *//* --- 
}
*/

/* ---
.tdbalken
{
text-align:center;
vertical-align:middle;
background-color:#64ab81;
}
*/

/* ---
.tdcent
{
text-align:left; 
}
*/

/* ---
.tdmitte
{
text-align:center;
vertical-align:middle;
}
*/

/* ---
.tdlinks
{
text-align:left;
vertical-align:middle;
}
*/
.pfusszeile
{
	font-size:8px;
	color: #202020;
	line-height:8px;
	font-weight:bold;
}

.pschritt
{
	font-size:18px;

	line-height:22px;
	font-weight:bold;
}
.pliste
{
	font-size:12px;
	line-height:16px;
	font-weight:normal;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: left;	
	margin-bottom:4px;
	  
		
}
.plistebildtext
{
	font-size:10px;
	line-height:12px;
	font-weight:normal;				/* normal | bold | bolder | lighter */
	font-style:italic;				/* normal | italic | oblique */
	text-align: left;	
	margin-bottom:8px;
	margin-top:8px;  
		
}

.plistetxt
{
	font-size:20px;
	line-height:24px;
	font-weight:normal;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: left;	
	margin-bottom:4px;
   color: #FFFFFF;
   margin-top:100px;
	  
		
}

.pliste5
{
	font-size:12px;
	line-height:16px;
	font-weight:normal;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: left;	
	margin-bottom:4px;
	margin-top:12px;  
		
}
.pmenue
{
	font-size:12px;
	line-height:16px;
	font-weight:bolder;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: center;	
	margin-bottom:0px;
   color: #58317e;			
}
.pmenueg
{
	font-size:12px;
	line-height:16px;
	font-weight:bolder;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: center;	
	margin-bottom:0px;
	color: #57a995;			
}
.hr1
{
	margin-top:16px;
	margin-bottom:16px;
}
.hr2
{
	margin-top: 6px;
	margin-bottom: 6px;
}
.haktuell
{
	font-size:16px;
	line-height:20px;
	font-weight:bold;				/* normal | bold | bolder | lighter */
	font-style:normal;				/* normal | italic | oblique */
	text-align: left;	
	margin-bottom:24px;
	  
		
}

/* ---
.pabstand
{
margin-bottom:20px;
}
*/

/* ---
.pabstand2
{
margin-bottom:7px;
}
*/

/* ---
.pabstandfett
{
margin-bottom:12px;
font-weight:bold;
}
*/

/* ---.spaneinzugfett
{
padding-left:3em;
font-weight:bold;
}
*/

/* ---.spaneinzug
{
padding-left:3em;
}
*/