/* styles.css 10.12.2007 */
/* Farbdefinitionen
   #FFFFFF - weiß
   #000000 - schwarz                            (Hintergrund außerhalb der Seite)
   #e3efe6 - hellgrün;
   #93c2a5 - uf grün		helles buttomgrün
   #64ab81 - 			dunkles buttomgrün
   Schriftdefinitionen
   Familie: Helvetica,Arial,sans-serif;
   Größe/Zeilenabstand
   24pt/26pt - Headline
   12pt/14pt - Fließtext
   16pt/18pt - H1 Überschrift

Syntax-Beispiele:
background-color:#99FF99;



===================================================================================================*/
*       { padding:0;margin:0; vertical-align:top;}
#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-color:#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:#ffffff;                          /* Hintergrundfarbe */
padding:0px; 
margin:0px;                                      /* Abstand von Body zu übergeordneten Fenster*/
font-family: Arial,Helvetica,sans-serif;
font-size:16px;
color: #000000;
line-height:18px;
font-weight:normal;				   /* normal | bold | bolder | lighter */
font-style:normal;				   /* normal | italic | oblique */



}
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-size:20px;
color: #000000;
line-height:22px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.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;
}
.plinksobenabstand
{
text-align:left;
vertical-align:top;
margin-top:10px;
}

ul
{
list-style-type:disc;				  /* disc | circle | square | none */ 
}
li{
margin-bottom:10px;
}

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;
}

.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;
}



