body {
 color:#000;
 background:#FFF;
 font-size:9pt; font-family:Arial,sans-serif;
 margin:0; padding:0;
 text-align:center;
 }

/************************************************************************/
/* Startseite                                                           */
/************************************************************************/

#kreis1   { position:absolute; z-index:1; top:390px; left:13px; }
#kreis2   { position:absolute; z-index:2; top:390px; left:163px; }
#kreis3   { position:absolute; z-index:3; top:390px; left:313px; }
#kreis4   { position:absolute; z-index:4; top:390px; left:463px; }
#kreis5   { position:absolute; z-index:5; top:390px; left:613px; }
#linie1   { position:absolute; z-index:2; top:270px; left:0px; }
#linie2   { position:absolute; z-index:2; top:270px; left:695px; }
#logoanim { position:absolute; z-index:1; top:73px; left:97px; }
#text1    { position:absolute; z-index:3; top:120px; left:320px;  }
#text2    { position:absolute; z-index:3; top:295px; left:135px;  }
p.start   { text-align:left; margin:0; padding:0; }
#text1 p  { font-size:16pt; color:#54B200; }
#text2 p  { font-size:29pt; color:#000000; }
#text1 a  { color:#54B200; text-decoration:none; }
#text2 a  { color:#000000; text-decoration:none;  }



/************************************************************************/
/* Navigation                                                           */
/************************************************************************/

#nav {
 z-index:2;
 position:absolute;
 left:0;
 font-size:0.9em;
 font-weight:bold;
 top:0;
 width:22%; height:150%;
 background:url(images/leiste.gif) repeat-y right;
 }
#nav ul {
 list-style:none;
 margin:40px 0 0 0; padding:0;
 }
#nav li {
 text-transform:uppercase;
 margin:0 0 36px 0; text-align:right;
 font-size:8pt;
 }
#nav a {
 color:#000;
 text-decoration:none;
 width:100%;    padding:0px 24px 0px 0;
 background:url(images/button.gif) no-repeat right;
 }
#nav a:hover {
 color:#54B200;
 background:url(images/button-active.gif) no-repeat right;
 }


#nav li ul {
position:absolute;
top:8px; left:105%;
width:320%;
display:none;
margin:0;
}

#nav ul li ul li {
float:left;
position:relative;
width:auto;
text-transform:none;
font-size:7pt;
text-align:left;
margin:0 12px 0 0;
}
#nav ul li ul li a { width:auto; padding:0; background:none; }
#nav ul li ul li a:hover { background:none; }


 /* gerade aktuelle Seite markieren */
#p000000 .p000000,#p000001 .p000001,#p000002 .p000002,#p000003 .p000003,#p000004 .p000004,#p000005 .p000005,#p000006 .p000006,#p000007 .p000007,#p000008 .p000008,#p000009 .p000009,#p000010 .p000010,
#p001000 .p001000,#p001001 .p001001,#p001002 .p001002,#p001003 .p001003,#p001004 .p001004,#p001005 .p001005,#p001006 .p001006,#p001007 .p001007,#p001008 .p001008,#p001009 .p001009,#p001010 .p001010,
#p002000 .p002000,#p002001 .p002001,#p002002 .p002002,#p002003 .p002003,#p002004 .p002004,#p002005 .p002005,#p002006 .p002006,#p002007 .p002007,#p002008 .p002008,#p002009 .p002009,#p002010 .p002010,
#p003000 .p003000,#p003001 .p003001,#p003002 .p003002,#p003003 .p003003,#p003004 .p003004,#p003005 .p003005,#p003006 .p003006,#p003007 .p003007,#p003008 .p003008,#p003009 .p003009,#p003010 .p003010,
#p004000 .p004000,#p004001 .p004001,#p004002 .p004002,#p004003 .p004003,#p004004 .p004004,#p004005 .p004005,#p004006 .p004006,#p004007 .p004007,#p004008 .p004008,#p004009 .p004009,#p004010 .p004010,
#p005000 .p005000,#p005001 .p005001,#p005002 .p005002,#p005003 .p005003,#p005004 .p005004,#p005005 .p005005,#p005006 .p005006,#p005007 .p005007,#p005008 .p005008,#p005009 .p005009,#p005010 .p005010,
#p006000 .p006000,#p006001 .p006001,#p006002 .p006002,#p006003 .p006003,#p006004 .p006004,#p006005 .p006005,#p006006 .p006006,#p006007 .p006007,#p006008 .p006008,#p006009 .p006009,#p006010 .p006010,
#p007000 .p007000,#p007001 .p007001,#p007002 .p007002,#p007003 .p007003,#p007004 .p007004,#p007005 .p007005,#p007006 .p007006,#p007007 .p007007,#p007008 .p007008,#p007009 .p007009,#p007010 .p007010,
#p008000 .p008000,#p008001 .p008001,#p008002 .p008002,#p008003 .p008003,#p008004 .p008004,#p008005 .p008005,#p008006 .p008006,#p008007 .p008007,#p008008 .p008008,#p008009 .p008009,#p008010 .p008010,
#p009000 .p009000,#p009001 .p009001,#p009002 .p009002,#p009003 .p009003,#p009004 .p009004,#p009005 .p009005,#p009006 .p009006,#p009007 .p009007,#p009008 .p009008,#p009009 .p009009,#p009010 .p009010,
#p010000 .p010000,#p010001 .p010001,#p010002 .p010002,#p010003 .p010003,#p010004 .p010004,#p010005 .p010005,#p010006 .p010006,#p010007 .p010007,#p010008 .p010008,#p010009 .p010009,#p010010 .p010010
 { color:#54B200; }

/* gerade aktuelle Kategorie aufklappen */
.c000 #c000 ul,
.c001 #c001 ul,
.c002 #c002 ul,
.c003 #c003 ul,
.c004 #c004 ul,
.c005 #c005 ul,
.c006 #c006 ul,
.c007 #c007 ul,
.c008 #c008 ul,
.c009 #c009 ul,
.c010 #c010 ul
 { display:block; }

/* gerade aktuelle Kategorie markieren */
.c000 #c000 a.cat,
.c001 #c001 a.cat,
.c002 #c002 a.cat,
.c003 #c003 a.cat,
.c004 #c004 a.cat,
.c005 #c005 a.cat,
.c006 #c006 a.cat,
.c007 #c007 a.cat,
.c008 #c008 a.cat,
.c009 #c009 a.cat,
.c010 #c010 a.cat
 { color:#54B200; background:url(images/button-active.gif) no-repeat right; }



/************************************************************************/
/* Content                                                              */
/************************************************************************/

#content {
 z-index:2;
 position:absolute;
 left:23%;
 top:0px;
 width:77%; height:150%;
 text-align:left;
 background:#dcdcdc url(images/whiteline.gif) repeat-x;
 }
#content div { padding:40px 0px 20px 10px; }

#content p  { font-size:1em; margin:1em 0px; }
#content h1 { font-size:1.2em; font-weight:bold; text-align:left; margin:10px 0px 12px 0px;}

#content ul      { font-size:1em; margin-top:0; margin-bottom:0; list-style-image:url(images/bullet.gif); }
#content li      { font-size:1em; padding-left:-4px; }


#content table { font-size:1em; margin:0 -8px; width:600px; }
#content td    { vertical-align:top; padding:0 8px 10px 8px; }


#content .gruenl {
border-left:1px solid #54B200;
border-bottom:1px solid #54B200;
padding:0 0 0 10px;
margin-left:2px; margin-bottom:15px;
 }

#content a { color:#54B200; text-decoration:underline; }
#content a:hover { color:#FFF; background:#54B200; }

#content .weiter { text-align:right; }

#content .referenzen { font-size:0.9em; }
#content .referenzen td {
border-left:1px solid #54B200;
border-bottom:1px solid #54B200;
padding:0 0 0 10px;
margin-left:2px; padding-bottom:15px;
 }
#content .referenzen ul { padding:0 0 0 15px; margin:0; }
#content .referenzen p { padding:0.6em 0 0 0; margin:0; }