/* ####### */
/* CSS DWF */
 /* ####### */

@import url(lightbox.css);

*                            { margin: 0; padding: 0; }
body                         { font-size: 13px; text-align: center; width: 100%; font-family: Arial, Helvetica, sans-serif; color: rgb(0,0,0); background: rgb(255,255,255) url(/gfx/site/bg_body.gif) repeat-x; } 

#site                        { position: relative; text-align: left; width: 800px; margin: auto; background: transparent; }

#navi                        { height: 158px; background: url(/gfx/site/logo.gif) 10px 24px no-repeat; }	
#navi ul                     { list-style-type: none; margin-left: 150px;  }
#navi li                     { float: left; }
#navi ul a,
#navi ul a:visited           { text-align: center; display: block; padding: 96px 15px 44px 15px; margin-left: 2px; font-size: 16px; font-weight: bold; color: rgb(255,255,255); text-decoration: none; background: url(/gfx/site/bg_navi_a.gif) repeat-x; }
#navi ul a:hover,
#navi ul a:active,
#navi ul a:focus
#navi ul a.selected,
#navi ul a.selected:link,
#navi ul a.selected:visited  { background: url(/gfx/site/bg_navi_a.gif) 0 -262px  repeat-x; color: rgb(255,255,255); }

/* Frischer Wind Banner */
#wind                        { position: absolute; top: 180px; left: 740px; width: 64px; height: 65px; background: url(/gfx/site/wind.gif) no-repeat; }
#wind a                      { display: block; width: 64px; height: 65px; }


/* Altbürgertreffen 2008 Banner */
#altbtr08                    { position: absolute; top: 180px; left: 740px; width: 64px; height: 65px; background: url(/gfx/site/altbtr08.gif) no-repeat; }
#altbtr08 a                  { display: block; width: 64px; height: 65px; }


/* Spenden Banner */

#spenden a                   { margin-left: 30px; padding-left: 54px; background: url(/gfx/site/spenden.gif) 0 1px no-repeat; }


a:link,
a:visited                    { color: rgb(0,42,84); text-decoration: underline; }
a:hover,
a:active                     { color: rgb(47,124,166); text-decoration: none;  }
a img                        { border: 0; }

#inhalt                      { width: 784px; margin-left: 10px; padding-bottom: 25px; line-height: 145%; background: rgb(255,255,255); }
#inhalt h1                   { clear: both; margin: 25px 0 15px 0; font-size: 29px; font-weight: normal; color: rgb(121,183,217); line-height: 110%; }
#inhalt h2                   { clear: both; margin: 25px 0 15px 0; font-size: 16px; color: rgb(121,183,217); }
#inhalt p                    { margin: 10px 0; }
#inhalt ul                   { margin: 10px 0; list-style-type: none; }
#inhalt li                   { padding-left: 17px; margin: 10px 0; background: url(/gfx/site/liste.gif) repeat-y; }



#inhalt hr                   { clear: both; color: rgb(255,255,255); background: rgb(255,255,255); height: 0px; border: 0; }
#inhalt img                  { }
#inhalt img.abstand          { margin: 0 0 10px 10px; }
#inhalt img.rahmen           { border: 1px solid rgb(47,124,166); }
#inhalt img.links            { float: left; margin: 0 10px 0 10px; }
#inhalt img.rechts           { float: right; margin: 0 0 10px 10px; }

#fuss                        { color: rgb(47,124,166); clear: both; margin: 0 14px 0 10px; text-align: left; font-size: 10px; padding-bottom: 25px; }
#fuss hr                     { clear: both; color: rgb(121,183,217); background: rgb(121,183,217); height: 1px; border: 0; }
#fuss a                      { color: rgb(47,124,166); }

.suchformular                { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 505px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.suchselect                  { margin: 1px 0 1px 0; padding: 0 0 0 3px; width: 120px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.suchbutton                  { margin: 1px 0 1px 0; padding: 0; width: 760px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(120,182,216); border: solid 1px rgb(255,255,255); cursor: pointer; }
.suchbutton:hover            { color: rgb(0,0,0); background: rgb(219,235,243); }

.profilformular             { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 235px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.profilformularsmall        { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 102px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.profilformulartext         { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 335px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.profilformulartextsmall    { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 235px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }

.profilselect               { margin: 1px 0 1px 0; padding: 0 0 0 0px; width: 240px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.profilselectsmall          { margin: 1px 0 1px 0; padding: 0 0 0 0px; width: 77px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.profilbutton               { margin: 1px 0 1px 0; padding: 0; width: 341px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(120,182,216); border: solid 1px rgb(255,255,255); cursor: pointer; }
.profilbutton:hover         { color: rgb(0,0,0); background: rgb(219,235,243); }

.anmbutton                  { margin: 1px 0 1px 0; padding: 0; width: 342px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(215,115,200); border: solid 1px rgb(255,255,255); cursor: pointer; }
.anmbutton:hover            { color: rgb(0,0,0); background: rgb(243,216,239); }

.forumbody .anmbutton             { margin: 1px 0 1px 0; padding: 0; width: 341px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(172,216,114); border: solid 1px rgb(255,255,255); cursor: pointer; }
.forumbody .anmbutton:hover       { color: rgb(0,0,0); background: rgb(233,243,218); }


.forumanmbutton             { margin: 1px 0 1px 0; padding: 0; width: 341px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(172,216,114); border: solid 1px rgb(255,255,255); cursor: pointer; }
.forumanmbutton:hover       { color: rgb(0,0,0); background: rgb(233,243,218); }

.formulartext         { margin: 1px 0 1px 0; padding: 1px 0 1px 3px; width: 572px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }


/* Bildergalerien */
.zoom                        { cursor: ne-resize; }
.zoom img                    { border: 0; margin: 0 0 0 3px; }


.galeriebild                 { float: left; overflow: hidden; width: 124px; height: 200px; margin: 5px 0 5px 5px ; background: rgb(219,235,243); font-size: 11px; }
.galeriebild .zoom img       { border: 0; margin: 0; }
#inhalt .galeriebild p       { margin: 6px; }


.fotoauswahl .galeriebild    { float: left; width: 150px; height: 200px; margin: 5px 0 5px 5px ; background: rgb(255,255,255); font-size: 11px; }



/* Linklisten hervorgehoben */
#inhalt .linkliste           { list-style-type: none; margin: 0; }
#inhalt .linkliste li        { float: left; margin: 0; padding: 0; border: solid 1px rgb(255,255,255); }

.linkliste a,
.linkliste a:visited         { display: block; width: 259px; padding: 2px 0; text-align: center; color: rgb(0,0,0); background: rgb(219,235,243); text-decoration: none; }
.linkliste a:active,
.linkliste a:focus,
.linkliste a:hover           { color: rgb(255,255,255); background: rgb(120,182,216); }

.altbody .linkliste.spot a,
.altbody .linkliste.spot a:visited     { background: rgb(243,216,239); }
.altbody .linkliste.spot a:active,
.altbody .linkliste.spot a:focus,
.altbody .linkliste.spot a:hover      { background: rgb(215,115,200); }

.forumbody .linkliste.spot a,
.forumbody .linkliste.spot a:visited     { background: rgb(233,243,218); }
.forumbody .linkliste.spot a:active,
.forumbody .linkliste.spot a:focus,
.forumbody .linkliste.spot a:hover       { background: rgb(172,216,114); }


/* Texthervorhebungen, Kasten */
.knaller                     { background: rgb(219,235,243); padding: 1px 0 15px 5px; margin: 20px 0;  }
.knsuche                     { background: rgb(219,235,243); padding: 1px 0 5px 5px; margin: 20px 0;  }
.knaller.rot                 { background: rgb(243,216,239); }
#inhalt div.knaller h2       { margin: 7px; color: rgb(47,124,166);  }
.knaller h3                  { color: rgb(47,124,166); margin: 30px 0 10px 0; padding: 0; font-size: 16px; clear: both; }
#inhalt div.knaller p,
#inhalt div.knaller form     { margin: 7px; }

/* .knaller li                  { float: left; display: block; width: 240px; margin-bottom: 5px; } */
#inhalt div.knaller li       { float: none; padding-left: 17px; margin: 10px 0 10px 6px; background: url(/gfx/site/liste_knaller.gif) repeat-y; }



.halb                        { width: 378px; float: left;  margin-right: 5px; border-right: solid 4px white; }

.p                           { display: block; margin: 10px 0; }


.textrot   { color: rgb(215,115,200); font-weight: bold; }


/* Suche inline */
.inlinesuche                     { background: rgb(219,235,243); padding: 3px 0 3px 0px; margin: 10px 0;  }
.inlinesuche .suchformular                { margin: 1px 0 1px 5px; padding: 1px 0 1px 3px; width: 381px; }
.inlinesuche .suchselect                  { margin: 1px 0 1px 0; padding: 0 0 0 3px; width: 124px; }
.inlinesuche .suchbutton                  { width: 125px;  margin-left: 4px;  }





/* Teaser Startseite: Verein, Altbürger, Forum */
.teaser                      { float: left; width: 222px; padding: 10px; margin-right: 15px; margin-top: 20px; }
.teaser a                    { display: block;  height: 32px; margin-top: 20px; }
.teaser a span               { display: none; }


.blau                        { background: rgb(219,235,243); }
.blau a.btn                  { background: url(/gfx/site/bt_b.gif) center no-repeat; }

.rot                         { background: rgb(243,216,239); }
.rot a.btn                   { background: url(/gfx/site/bt_r.gif) center no-repeat; }

.grun                        { background: rgb(233,243,218); }
.grun a.btn                  { background: url(/gfx/site/bt_g.gif) center no-repeat; }



/* Forum */

table                       { margin-bottom: 15px; }
td                          { padding: 2px; }

.forumhead td               { font-size: 10px; background: rgb(219,235,243); border: solid 0 rgb(255,255,255); border-width: 2px 0; }
.forumsubhead td            { padding-top: 10px; padding-bottom: 0; font-weight: bold;  }
.forumreihe td              { border-bottom: solid 2px rgb(219,235,243); }     
.forumreihe.over td         { background: rgb(219,235,243); cursor: pointer; }
.forumreihe.over td a:link,
.forumreihe.over td a:visited       { text-decoration: none; }

.name                       { width: 250px; }
.beschreibung               { width: 330px; }
.thema                      { width: 650px; }
.themen                     { width: 60px; }
.beitraege                  { width: 60px; }
.datum                      { width: 60px; }

.beitrag                    { width: 513px; }
.geitragkontext             { width: 258px; }

.beitragreihe td             { padding-top: 30px; }

.beitragzitat               { color: rgb(50,50,50); font-style: italic; }
.beitragzitat:before        { content: url(/gfx/site/leftquote.gif) " "; }
.beitragzitat:after         { content: " " url(/gfx/site/rightquote.gif); }

/* Mitglieder-Profile */

#profilseite h2              { margin: 15px 0; padding: 4px 0 4px 20px; color: rgb(47,124,166); background: rgb(219,235,243); }
#profilseite h2.top          { margin-top: 0; }
#profilseite h3              { color: rgb(121,183,217); margin: 30px 0 10px 0; padding: 0; font-size: 16px; clear: both; }
#profilseite h3.top          { margin-top: 10px; }

.editprofil                  {  }
.editprofil h2               { margin: 15px 0; padding: 4px 0 4px 20px; background: rgb(219,235,243); }
.editprofil h3               { color: rgb(121,183,217); margin: 30px 0 10px 0; padding: 0; font-size: 16px; clear: both; }
.editprofil .links           { float: left; width: 140px; }
.editprofil .rechts          { float: left; margin-left: 25px; width: 595px; }

.editprofil .profilformular             { width: 250px; }
.editprofil .profilformulartext         { width: 352px; }
.editprofil .profilselect               { width: 255px; }
.editprofil .profilbutton               { width: 356px; }
.editprofil .profilformularsmall        { width: 110px; }
.editprofil .profilselectsmall          { width: 82px; }





.profil                      { float: left; width: 521px; }
.profil .links               { float: left; width: 140px; }
.profil .rechts              { float: left; margin-left: 25px; width: 350px; }
.freundeskreis               { float: left; width: 259px; margin-left: 2px; }
.freund                      { float: left; width: 255px; margin: 1px 0 0 1px; padding: 10px 0; border-right: 1px solid rgb(219,235,243); border-bottom: 1px solid rgb(219,235,243); border-left: 1px solid white; border-top: 1px solid white; }
.freund img                  { float:left; margin: 0 25px 0 25px; }

.links .freund               { width: 140px; font-size: 10px; }
.links .freund img           { margin: 0 5px 0 5px; }


.freundelink                 { display: block; margin-left: 93px; padding-top: 3px;  }




/* Weiteres */

.edit                        { width: 100%; text-align: right; clear: both; border: 0px solid black; padding: 20px 0 10px 0; }
.edit img                    { margin: 2px 20px -3px 2px; }

#inhalt .knaller h2.fehler,
#inhalt h2.fehler,
.fehler                      { color: #D22020; }
#inhalt .editprofil .rechts h2.fehler { background: transparent; padding: 0; margin: 0; }
.fehlerrot                   { border: solid 1px #D22020; }

#inhalt ul.blaettern         { width: 262px; float: left; margin: 0; padding: 0; }
#inhalt ul.blaettern li      { background: none; float: left; margin: 0; padding: 0; border: solid 0 white; border-width: 0 1px; }
.blaettern a,
.blaettern a:visited         { display: block; width: 27px; padding: 1px 0; text-align: center; background: rgb(219,235,243); text-decoration: none; }
.blaettern a:active,
.blaettern a:hover,
.blaettern a:focus           { color: rgb(255,255,255); background: rgb(120,182,216); }

.filter                     { background: rgb(219,235,243); padding: 2px 0; margin: 10px 0 0 0px; border-top: solid 1px white; }
.filterselect               { margin: 1px 0 1px 0; padding: 0 0 0 3px; width: 127px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 13px; background: rgb(255,255,255); border: solid 1px rgb(120,182,216); }
.filterbutton               { margin: 1px 0 1px 0; padding: 0; width: 124px; font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 13px; background: rgb(120,182,216); border: solid 1px rgb(255,255,255); cursor: pointer; }
.filterbutton:hover         { color: rgb(0,0,0); background: rgb(219,235,243); }


.kontaktloeschen             { font-size: 10px; margin-left: 90px; width: 156px; height: 15px; }

/* Übersichten */

.ergebnis                      { float: left; width: 258px; margin: 1px 0 0 1px; padding: 10px 0; border-right: 1px solid rgb(219,235,243); border-bottom: 1px solid rgb(219,235,243); border-left: 1px solid white; border-top: 1px solid white; }
.ergebnis b,
.freund b                    { margin-bottom: -18px; display: block; width: 156px; overflow: hidden; white-space:nowrap; }
.links .freund b             { width: 80px; white-space: normal; }

.ergebnis img                  { float:left; margin: 0 25px 0 25px; }

.bekanntheitsgrad              { font-size: 10px; margin-left: 90px; width: 156px; height: 15px; background: url(/gfx/site/kontakt/me.gif) 70px 1px no-repeat; }
.bekanntheitsgrad span         { display: none; color: rgb(215,115,200); }

.links .bekanntheitsgrad       { margin-left: 50px; width: 80px; height: 33px; background: url(/gfx/site/kontakt/me.gif) 0px 20px no-repeat; }
.links .bekanntheitsgrad span  { display: inline; }

.b0                            { background: url(/gfx/site/kontakt/no.gif) 70px 1px no-repeat; }
.b100                          { background: url(/gfx/site/kontakt/r.gif) 70px 1px no-repeat; }
.b66                           { background: url(/gfx/site/kontakt/rr.gif) 70px 1px no-repeat; }
.b33                           { background: url(/gfx/site/kontakt/rrr.gif) 70px 1px no-repeat; }
.bRueck100                     { background: url(/gfx/site/kontakt/l.gif) 70px 1px no-repeat; }
.bRueck66                      { background: url(/gfx/site/kontakt/ll.gif) 70px 1px no-repeat; }
.bRueck33                      { background: url(/gfx/site/kontakt/lll.gif) 70px 1px no-repeat; }
.bVorRueck66                   { background: url(/gfx/site/kontakt/rl.gif) 70px 1px no-repeat; }
.bRueckVor66                   { background: url(/gfx/site/kontakt/lr.gif) 70px 1px no-repeat; }
.bVorVorRueck33                { background: url(/gfx/site/kontakt/rrl.gif) 70px 1px no-repeat; }
.bVorRueckVor33                { background: url(/gfx/site/kontakt/rlr.gif) 70px 1px no-repeat; }
.bVorRueckRueck33              { background: url(/gfx/site/kontakt/rll.gif) 70px 1px no-repeat; }
.bRueckVorVor33                { background: url(/gfx/site/kontakt/lrr.gif) 70px 1px no-repeat; }
.bRueckVorRueck33              { background: url(/gfx/site/kontakt/lrl.gif) 70px 1px no-repeat; }
.bRueckRueckVor33              { background: url(/gfx/site/kontakt/llr.gif) 70px 1px no-repeat; }

.links .b100,
.links .b66,
.links .b33,
.links .bRueck100,
.links .bRueck66,
.links .bRueck33,
.links .bVorRueck66,
.links .bRueckVor66,
.links .bVorVorRueck33,
.links .bVorRueckVor33,
.links .bVorRueckRueck33,
.links .bRueckVorVor33,
.links .bRueckVorRueck33,
.links .bRueckRueckVor33              { background: transparent; }



.pseudotab                   { display: block; width: 99px; float: left; }
p>.pseudotab                 { width: 101px; }
.pseudotab2                  { display: block; margin-left: 100px; }

#lietzlinks .pseudotab       { width: 200px; }

#inhalt .nullm               { margin: 0; }
.mini                        { font-size: 10px; }

.clear                       { clear: both; }
.aus,                       
.seo,
.print                       { display: none; }
.nix                         { }