/*
grün bg          #CBF7BA
dunkelgrün       #28B109
dunkelrot        #cc1f2f
braun            #764E40

Gärtner von Eden: #456c18
                  eff5e4
 Dunkelgrün       384912
*/

html, body {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #EFF5E4;
    background-image: url(../picture/bg.gif);
    text-align: center;
}

body, p, td, textarea, .kform, li {
        font-family: verdana, arial, sans-serif;
        font-size: 9pt;
        line-height: 13pt;
        color: #28B109;
}


p, h1, h2, h3, h4, h5, table {
        padding-left: 20px;
        padding-right: 20px;
        clear: both;
}


a:link {color: black;}
a:visited {color: black;}
a:active {color: #F5B82A;}
a:hover {color: #F5B82A;}


h1 {
        font-size: 11pt;
        line-height: 14pt;
        font-weight: bold;
        color: #764E40;
}


h2 {
        font-size: 9pt;
        font-weight: bold;
        line-height: 11pt;
        color: #764E40;
}

h3 {
        font-size: 9pt;
        font-weight: bold;
        line-height: 13pt;
        color: #764E40;
}


h4 {
        font-size: 8pt;
        font-weight: bold;
        line-height: 13pt;
}

li {
    padding-bottom: 10px;
    margin-left: 10px;
}

.bild {
      margin-left: 15px;
      border: 1px solid #3F8A5C;
}

.bildrechts {
      margin-left: 15px;
      margin-right: 27px;
      margin-bottom: 15px;
      float: right;
      border: 1px solid #3F8A5C;
}

.bildlinks {
      margin-left: 0px;
      float: center;
      border: 1px solid #3F8A5C;
}

.teambild {
      margin-right: 10px;
      float: left;
      border: 1px solid #3F8A5C;
}

#flashcontent {
 z-index: 5;
 width: 570px;
 height: 300px;
 margin-left: 5px;
}

#flashcontentextern {
 z-index: 5;
 width: 570px;
 height: 300px;
 left: -10px;
}

/* Containerpositionen */

#mainContainer
{
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 position: relative;
 border-top: 5px solid #FFFFFF;
 border-left: 5px solid #FFFFFF;
 border-right: 5px solid #FFFFFF;
}

#bodyblock {
 width: 960px;
 padding: 0px;
 margin: 0px;
 background-color: #FFFFFF;
}

#menuBild {
 z-index: 1;
 float: left;
 width: 520px;
 height: 150px;
}

#logo {
 z-index: 1;
 width: 220px;
 height: 150px;
 float: right;
 margin-right: 40px;
 background: url(../picture/logo.gif) scroll top left;
}

#contentLinks {                             /* Textinhalte */
width: 220px;
clear: both;

float: left;
margin-top: 64px;
margin-left: 30px;
padding-bottom: 25px;
}

#contentMitte {
width: 455px;
float: left;
margin-top: 30px;
margin-right: 30px;
padding-bottom: 25px;
}

#contentMitteRechts {
 width: 575px;
 float: left;
 margin-top: 30px;
 padding-bottom: 25px;
}

#contentRechts {
 width: 170px;
 float: left;
 margin-top: 60px;
 padding-bottom: 25px;
}

#navigation {                                /* Menu */
 z-index: 500;
 top: 135px;
 right: 0px;
 position: absolute;
 background-color: #cc1f2f;
 border-bottom: 5px solid #FFFFFF;
 border-top: 5px solid #FFFFFF;
 border-left: 5px solid #FFFFFF;
 overflow: hidden:
}

p#fusszeile {
clear: both;
font-size: 9px;
margin: 0; padding: 0.3em;
text-align: center;
}

#flashcontent
{
margin-left: 15px;
}

/* Menueeinstellungen */

#mainMenu, #mainMenu ul {                                  /* ul erste ebene */
 z-index: 500;
 padding:0;
 margin:0;
 list-style-type:none;
}

#mainMenu ul {                                /* ul zweite ebene */
 margin: -3px;
 margin-top: 3px;
 position: absolute;
 visibility: hidden;
 background-color: #cc1f2f;                        /* for right mouseover effect */
}

#mainMenu li {                                /* li erste ebene */
 float:left;
 padding: 4px;
 margin-left: 0px;
 background-color: #cc1f2f;                        /* for right mouseover effect */
}

#mainMenu a {
 color: #FFFFFF;                          /* a erste ebene */
 display: block;
 text-decoration: none;
 font-family: verdana, arial, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding-left: 6px;
 padding-right: 8px;
}

#mainMenu ul a {
 z-index: 500;
 border-bottom: none;
 padding: 3px;
 padding-right: 10px;
}

#mainMenu a:hover {                         /* Hover Ebene 1 */
 z-index: 500;
 color: #CBF7BA;
}


#mainMenu ul a:hover {                         /* Hover ab Ebene 2 */
 z-index: 500;
 background-color: #CBF7BA;
 color: #764E40;
}

/* Ebene 2 */
#mainMenu li:hover ul,
#mainMenu li.hover ul
{
 visibility: visible;
}

#mainMenu li:hover ul ul,
#mainMenu li.hover ul ul
{
 visibility: hidden;
}


/* Ebene 3 */
#mainMenu li:hover ul li:hover ul,
#mainMenu li.hover ul li.hover ul
{
 visibility: visible;
}

#mainMenu li li {
 float: none;
 border: none;
 padding: 0.1em;
}

#mainMenu li {
 behavior: url(css/hover.htc);
}

#mainMenu ul ul {
 position: absolute;
 margin-top: -2em;
 left: 100%;
}

#mainMenu a.daddy
{
       background: url(../picture/rightarrow2.gif) center right no-repeat;
}


/* Menueeinstellungen zweites Menu */

       ul#subMenu  {
                padding:0;
                margin:0;
                list-style-type:none;
        }

        ul#subMenu ul {
                padding:0;
                margin:-3px;
                list-style-type:none;
                margin-top:1px;
        }

        ul#subMenu li {
                padding: 3px;
                margin-left: 0px;
        }

        ul#subMenu a {
                color: #28B109;
                padding-left: 15px;
                padding-right: 3px;
                display: block;
                font-family: verdana, arial, sans-serif;
                font-size: 8pt;
                font-weight: bold;
                text-decoration: none;
        }


#subMenu a.aktiv
{
       background: url(../picture/q-voll.gif) center left no-repeat;
       color: #764E40;
}

#subMenu a.inaktiv
{
       background: url(../picture/q-leer.gif) center left no-repeat;
}


#subMenu a:hover {                         /* Hover Ebene 1 */
   color: #764E40;
}