/*

 I N F O
Ginko Dark Green #4B853D

@media all and (min-width: 991px) and (max-width: 2000px)  {
@media all and (min-width: 630px) and (max-width: 990px){
@media all and (min-width: 225px) and (max-width: 629px){
*/


*{
margin: 0px;
padding: 0px;
}

html, body{overflow-x: hidden;}



body {
        position: relative;
        font-size: 0.9em;
        font-family: open-sans, sans-serif;
        margin: auto;
        scrollbar-base-color:#F6E3D3;
        scrollbar-3dlight-color:#F6E3D3;
        scrollbar-arrow-color:#993333;
        scrollbar-darkshadow-color:#FCFAF0;
        scrollbar-face-color:#FCFAF0;
        scrollbar-highlight-color:#FCFAF0;
        scrollbar-shadow-color:#993333;
        scrollbar-track-color:#FCFAF0;
        color: #333333;
        text-align:center;
        min-height: 100%
        }

h1,h2,h3 {
        margin-bottom: 15px;
        text-align: left;
        }

h1 {
         font-size: 1.5em;
         }

h4{
         font-weight: bold;
         display: inline-block;
         vertical-align: middle;
         margin-top: 0px;
         text-align: left;
         }

li { margin-left: 15px;}

 a:link    {background: transparent none; color:#FEFFB4; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a:visited {background: transparent none; color:#FEFFB4; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a:hover   {background: transparent none; color:#FAAE33; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a:active  {background: transparent none; color:#FAAE33; font-size: 1.0em; font-weight: bold; text-decoration: none;}

 a.on:link    {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}
 a.on:visited {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}
 a.on:hover   {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}
 a.on:active  {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}

 a.page:link    {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}
 a.page:visited {background: transparent none; color:#FAAE33; font-weight: bold; text-decoration: none;}
 a.page:hover   {background: transparent none; color:#4B853D; font-weight: bold; text-decoration: none;}
 a.page:active  {background: transparent none; color:#4B853D; font-weight: bold; text-decoration: none;}

 a.klein:link    {background: transparent none; color:#FAAE33; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a.klein:visited {background: transparent none; color:#FAAE33; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a.klein:hover   {background: transparent none; color:#4B853D; font-size: 1.0em; font-weight: bold; text-decoration: none;}
 a.klein:active  {background: transparent none; color:#4B853D; font-size: 1.0em; font-weight: bold; text-decoration: none;}



li{
         list-style-type: square;
         padding-left: 20px;
         }

ul{
         margin-left: 20px;
         margin-top: 10px;
         margin-bottom: 10px;
         }


#back-top {
         position: fixed;
         bottom: 40px;
         right:2px;
         z-index: 10000;
         margin-left: 900px;
         }

#back-top span {
         width: 45px;
         height: 45px;
         display: block;
         background: url('/bilder/upOff.gif') no-repeat;
         opacity: 0.3;
         }

#back-top a:hover span  {
         background:url('/bilder/up.gif')no-repeat;
         opacity: 0.5;
         }

.schriftGross{
         font-weight: bold;
         font-size: 1.6em;
         }

.schriftKlein{

         font-size: 0.9em;
         }

table{font-size: 1.2em;    }








/* 940 x 2000  */
@media all and (min-width: 1023px) {
/*@media all and (min-width: 1023px) and (max-width: 2000px)  {
*/

#header{height:650px;}

.nav{
         position: relative;
         display: none;
         }

#adresse{
         margin-left: 8%;
         position: relative;
         float: left;
         color: #ffffff;
         text-align: left;
         font-size: 0.8em;
         background-color; #2C4A24;
         width: 250px;
         }

#kontakt{
         margin-top: 15px;
         margin-right: 3%;
         position: relative;
         float: right;
         color: #ffffff;
         text-align: left;
         font-size: 0.8em;
         background-color; #2C4A24;
         width: 250px;
         }


#bild {  margin-top: 10px;
         clear: both;
         max-width:2000px;
         position: relative;
         padding-top: 10px;
         }

.bildGross {
         position: absolute;
         left: 50%;
         margin-left: -1000px;
         margin-top: -28px;
         }

.bildMedium {
         display:none;
         }

.bildKlein {
         display:none;
         }

.menuGross{}
.menuMedium{display:none;}




#menu {  clear: both;
         position: relative;
         top: 557px;
         background-color: #4B853D;
         height: 70px;
         }


#menu ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
         }

#menu li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
         }

#menu a {
        max-width:1200px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
         }

}












@media all and (min-width: 630px) and (max-width: 1023px){

#header{height:650px;}

.nav{
         position: relative;
         display: none;
         }

#adresse{
         margin-left: 2%;
         position: relative;
         float: left;
         color: #ffffff;
         text-align: left;
         font-size: 0.8em;
         background-color; #2C4A24;
         width: 250px;
         }

#kontakt{
         margin-top: 15px;
         margin-right: 0%;
         position: relative;
         float: right;
         color: #ffffff;
         text-align: left;
         font-size: 0.8em;
         background-color; #2C4A24;
         width: 220px;
         }


#bild {  margin-top: 10px;
         clear: both;
         max-width:2000px;
         position: relative;
         padding-top: 10px;
         }

.bildGross {
          display:none;
         }

.bildMedium {
         position: absolute;
         left: 50%;
         margin-left: -500px;
         margin-top: -28px;
         }

.bildKlein {
         display:none;
         }

.menuGross{display:none;}
.menuMedium{}


#menu {  clear: both;
         position: relative;
         top: 330px;
         background-color: #447737;
         height: 70px;
         }


#menu ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
         }

#menu li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
         }

#menu a {
        max-width:1200px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
         }


}









@media all and (min-width: 175px) and (max-width: 629px){

#header{height:650px;}
#adresse{
         display: none
         }

#kontakt{
         display: none
         }

.navGross {display: none;}

.nav ul{
         width: 215px;
         margin-top: 20px;
         padding-top: 10px;
         text-align: left;
         z-index: 10000;
         position: absolute;
         }

.nav li{
         display: none; /* hide all <li> items */
         }

.nav ul li{
         width: 190px;
         padding: 0px;
         margin-top: 0px;
         margin-left: 10px;
         margin-bottom: 5px;
         text-align: left;
         }

#nav{
         display:block;
         float: left;
         }

.nav .current{
         display: block; /* show only current <li> item */
         }

.nav a{
         display: block;
         }
/* */
.nav .current a{
         display: block;
         background: none;
        }

.nav ul:hover{
         display:block;
         position: absolute;
         width: 160px;
         background-color: #ffffff;
         border: solid;
         border-width: 1px;
         border-color: #C4D2A6;

         z-index: 100;  /*wichtig*/
         }

.nav ul:hover li{
         display: block;
         margin: 15 15 15%;
         height: 100%;
         }


#bild {
         clear: both;
         margin-top: 20px;
         position: relative;
         }

.bildGross {
          display:none;
         }

.bildMedium {
         display:none;
         }

.bildKlein {
         position: absolute;
         left: 50%;
         margin-left: -300px;


         }
/*
.menuGross{display:none;}
.menuMedium{}


#menu {  clear: both;
         position: relative;
         top: 300px;
         background-color: #447737;
         height: 70px;
         }


#menu ul {
       justify-content: space-around;
       margin-left: auto;
       margin-right: auto;
         }

#menu li {
        list-style-type: none;
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
         }

#menu a {
        max-width:1200px;
        display: inline-block;
        text-decoration: none;
        margin-left: auto;
        margin-right: auto;
         }  */
/* */

}