/* schriftstil,abstände */

body
{margin-top: 10px; margin-left: 10px; margin-right: 10px;margin-bottom: 10px; color: #000000;  background-color:#ffffff; font-family: open sans, arial, sans-serif; font-size: 11pt;}


table,tr,td
{ color: #000000 ;font-family: open sans, arial, sans-serif; font-size: 11pt}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #5394C8; scrollbar-base-color:#ffffff ;
scrollbar-highlight-color : #808080;; scrollbar-shadow-color :#e6e6e6;
SCROLLBAR-TRACK-COLOR: #ffffff;}

/* grundlayout*/

.leiste {background-color:#ffffff; color:white;  text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:10px;
height:20px;
}
.rand {background-color:#ffcc33;
}


.leisteob {background-color:#c5e586; color:white;  text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:20px;
height:20px;
}


.leisteun {background-color:#336600; color:white;  text-decoration:none ;font-family:open sans, arial, sans-serif;
line-height:20px;
height:20px;
}

.main {background-color:#;}



.nav {background-color:#669933; color:black;  text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;



}
.logo {background-color:#669933; color:#ffffff;  text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;
height:78px;
}

/* rubriktitel */

.titel{background-color:#336600; color:#ffffff;
text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;
width:192px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}
.rubrik{background-color:#669933; color:#000000;   text-decoration:none ;font-family:open sans, arial, sans-serif; font-size: 11pt;width:192px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}

.inhalt {background-color:#ffffff;
padding:20px;

}




/* menue linke  seite */


#menu a {display: block;
background-color:#669933;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;

}

#menu a:visited{
background-color:#669933;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;

}

#menu a:active{
background-color:#669933;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}


#menu a:hover {
background-color:#c5e584;
color:#000066;
text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
border-bottom:solid 1px #e6e6e6;
line-height:20px;
height:20px;
width:192px;
padding-left:5px;
}


/* menue oben */

#menu2 a {display: block;
background-color:#336600;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}

#menu2 a:visited{
background-color:#336600;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}

#menu2 a:active{
background-color:#336600;
color:#ffffff;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}

#menu2 a:hover {
background-color:#ffcc33;
color:#000066;text-decoration:none;font-family:open sans, arial, sans-serif; font-size: 11pt;
line-height:20px;
height:20px;
border-left:solid 1px white;
width:100px;
text-align:center;
}



.inactivemenu{background-color:#ffcc33; color:#000000;   text-decoration:none ;font-family:open sans, arial, sans-serif; font-weight:bold; font-size: 10pt;width:192px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:5px;
}






/* allgemeine links im text */

a:link{ color: #0000ff; text-decoration:underline;font-family: open sans, arial, sans-serif; font-size: 11pt;}

a:visited{color:#800080;text-decoration:underline;font-family: open sans, arial, sans-serif; font-size: 11pt;}

a:active{ color:#ff0000;text-decoration:underline;font-family: open sans, arial, sans-serif; font-size: 11pt; }

a:hover{ color:#7EAED6;  text-decoration:underline;font-family: open sans, arial, sans-serif; font-size: 11pt; }



/* wechselnde Einstiegsfotos (Gartenanlage Sommer_Winter */

        @keyframes img-1 {
  0% {
    opacity: 1;
  }
  44% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  94% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes img-2 {
  0% {
    opacity: 0;
  }
  44% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  94% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.wrapper {
  position: relative;
  width: 676px;
  height: 507px;
}

.wrapper img:first-child {
  position: absolute;
  width: 100%;
  opacity: 1;
  animation: img-1 10s infinite;  
}

.wrapper img:last-child {
  position: relative;
  width: 100%;
  opacity: 0;
  animation: img-2 10s infinite;
}