body { color: #4b4b4b; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eaeaea; margin: 0; width:100%; height:100%; z-index: 1; padding: 0; }
html { height:100%; margin: 0; padding: 0; }
h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { color: #82c130; font-size: 18px; font-weight: bold; line-height: 22px; margin-top: 0; margin-bottom: 10px; }
h2 { color: #004496; font-size: 16px; font-family: "trebuchet ms", arial; font-weight: bold; line-height: 20px; margin-top: 3px; margin-bottom: 10px; }

p { margin-top: 0; margin-bottom: 10px; }

/* ##### Positions ################*/
#center { background-color: #fff; background-repeat: no-repeat; background-position: left top; position: absolute; left: 50%; right: 50%; width: 900px; z-index: 1; margin-right: 50%; margin-left: -450px; margin-top: 0; /* FF Scroll-leiste */
}
#header{ background-color: #fff; background-image: url(pic/backlogo.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 900px; height: 300px; z-index: 22; float: right; }

#logo { background-image: url(pic/backtextlogo.png); background-repeat: no-repeat; position: absolute; top: 10px; right: 0; width: 387px; height: 113px; z-index: 1; float: left; }
#inhalt { width: 900px; height: auto; z-index: 22; margin-top: 300px; }
#content { font-size: 11px; line-height: 16px; width: 850px; height: auto; z-index: 20; float: right; min-height: 400px; margin-left: 50px; }
.spalte1 { position: relative; top: 0; width: 470px; float: left; padding-right: 30px; border-right: 1px solid #b2b09c; }
.spalte2 { position: relative; top: 0; width: 290px; float: right; padding-right: 30px; }

#inhalt a:link, #inhalt a:visited 
{ color:#679914; text-decoration: underline; }
#inhalt a:hover, #inhalt a:active 
{ color: #85c433; text-decoration: none; z-index: 50; }

/* ##### Menü ################*/
#menu { font-size: 12px; position: absolute; top: 150px; left: 370px; width: 520px; z-index: 50; }
#menu li 
{position: relative; z-index: 50; margin:0; padding:0; list-style:none; float:left; margin:0; }
#menu ul { z-index: 50; margin: 0; padding: 0; }
#menu li a:link, #menu li a:visited 
{ text-decoration:none; display:block; padding:7px 15px 6px; color:white; background-color: #004496; background-position: 1px 0; height: auto; border-right: 1px solid #fff; }
#menu li a:hover, #menu li a:active 
{ background-color: #85c433; z-index: 50; }
#menu li li a:link, #menu li li a:visited { background-color: #0557a9; border-top: 1px solid #fff; }
#menu li li a:hover, #menu li li a:active { color: #fff; background-color: #85c433; z-index: 50; }
#menu li ul
{ background-image: none; z-index: 50; padding:0; margin:0; display:none; }
#menu li:hover ul 
{ background-image: none; z-index: 50; display:block; }
#menu li:focus ul { background-image: none; z-index: 50; display: block; }
#menu li ul li 
{ z-index: 50; float:none; }
#menu li.current ul { display:block; } /*menü ist bei aktiven Mitgliederbereich immer offen*/
#menu li ul li a 
{ z-index: 50; }
#menu li.current a:link, #menu li.current a:visited  { /* Aktiver Hauptmenüpunkt */
background-color:#9c3; }
#menu li.current a:hover, #menu li.current a:active  { /* Aktiver Hauptmenüpunkt beim hover*/
background-color:#7ba32b; }

#menu li.current ul.active li a:link, #menu li.current ul.active li a:visited  { 
background-color:#004496; }
#menu li.current ul.active li a:hover, #menu li.current ul.active li a:active  { 
background-color:#39c; }

#menu li.current ul.active li.current2 a:link, #menu li.current ul.active li.current2 a:visited  { 
background-color:#9c3; }
#menu li.current ul.active li.current2 a:hover, #menu li.current ul.active li.current2 a:active  { 
background-color:#39c; }


/*----------Sonstiges--------------*/

#footertext { color: #5b5a5a; font-size: 10px; background-color: #eaeaea; width: 850px; height: 50px; z-index: 22; clear: both     ; padding-top: 10px; padding-left: 50px; }
#footertext a:link, #footertext a:visited { color: #5b5a5a; text-decoration: none; }
#footertext a:hover, #footertext a:active { color: #a2a1a1; text-decoration: underline; }
p.hinweis { color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; background-color: #82c130; padding: 2px; }
.start { background-image: url(pic/blumen.jpg); background-repeat: no-repeat; background-position: right bottom; }
.normal { background-image: url(pic/blumen.jpg); background-repeat: no-repeat; background-position: center bottom; }
hr{
background-color: #85c433; /* Farbe für Opera und Firefox */
color: #85c433; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}