*     {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
     }
html   { overflow-y:scroll; }

body  {
/*     background-image:url("bilder/bg.gif");*/
/*     overflow-y:scroll;*/
     font-family:Arial, Helvetica, sans-serif;
/*     background-image: linear-gradient(to top,#68CA68 0%,#228b22 50%) !important;*/
/*     background-image:url('http://i.imgur.com/8zsjgyF.png'),url('http://i.imgur.com/wC1HUtA.png'),url('http://i.imgur.com/j5ekn4f.png');
     -webkit-animation:schnee 25s linear infinite;
     -moz-animation:schnee 25s linear infinite;
     -ms-animation:schnee 25s linear infinite;
     animation:schnee 25s linear infinite;    */
    }
a#link     {
     color:#228b22;
     font-weight:bold;
     text-decoration:none;
     }

/*zentriert die ganze Seite mittig und legt Breite und Hintergrund fest*/
#site-container {
         width:100%;
         min-width: 1000px; /* Minimale Breite in px */
         max-width: 90em; /* Maximale Breite in em */
         margin: 10px auto;
         }

#top    {
        width:100%;
        height:200px;
        background-color: #228b22; //  #00008b; //#3299cc;
        border-bottom:1px solid #f8f8f8;
        display:-webkit-flex;
        display:flex;
        }

.top-left  {
       width:30%;
       height:100%;
       float:left;

       }
.top-middle   {
       width:60%;
       margin-left:50px;
/*       height:100%;*/
/*       width:300px;*/
       background-image: url("bilder/Ruegge Kopftext.png");
       background-repeat:no-repeat;
       }

.top-right {
       width: 70%;
       float:right;
       background-image: url("bilder/Ruegge Kopftext.png"), url("bilder/Ruegge_Wappen.png");
       background-position :40%,95%;
       background-repeat:no-repeat, no-repeat;
       background-size:50%, 150px;


       }

#top img   {
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius: 10px;
/*        padding:5px 0 5px 5px;*/
/*        margin:10px 0 10px 10px;*/
        height: 100%;
        }

/*legt Eigenschaften eines eventuellen Slideshow-Fensters fest*/
#slideshow      {
        width:300px;
        height:200px;
        }

#slideshow img   {
        padding:0px;
        background:#8CC1EC;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius: 10px;
        width:400px;
        height:180px;
        }
/*bestimmt Eigenschaften des Containers unterhalb des Kopfbereichs*/
#content-container {
        width:100%;
        height:100%;
        background-image: linear-gradient(to top,#68CA68 0%,#228b22 50%) !important; /*#90ee90in gr�n*/
        display:-webkit-flex;
        display:flex;
        margin-top:0px;
        }

/*Rahmen f�r das Men� links*/
.left-menue-rahmen      {
        position:relative;
        width:240px;
        top:40px;
        height:100%;
        padding-bottom:200px;
/*        background-image: linear-gradient(to top,#68CA68 0%,#228b22 50%) !important;*/
        }

.left-menue              {
        font-family:Arial, Helvetica, sans-serif;
        padding-top:0px;
        }

.left-menue ul              {
        padding:0px 10px 0px 0px;
        margin:0px 0 5px 0;
        width:15em;
        font-size:1em;
        }

.left-menue ul a,p  {
        color:#98fb98; //#b0e0e6;
        }

.left-menue ul li          {
        padding:0px 0 0px 30px;
        list-style-type: none;
        }

.left-menu ul li ul li    {
        padding:0px 0px 0px 20px;
        display:block;
        }

.left-menue ul li ul li a {
            width:10.5em;
            padding-left:10px;
            margin:0px 0px 0px 2px;
            list-style-type: none;
            display:block;
            }
.left-menue ul li ul li p {
            width:10.5em;
            padding:4px 0 4px 10px;
            margin:0px 0px 0px 2px;
            list-style-type: none;
            display:block;
            }

.left-menue ul li a        {
            text-decoration:    none;
            display:block;
            padding:4px 0 4px 10px;
            margin:0px 0 5px 0;
            }

.left-menu ul li ul li a:hover   {
            display:block;
            padding:4px 0 4px 10px;
            margin:0px 0 5px 0;
            color:#ffd700;
            font-weight:bold;
        }


.left-menue ul li p         {
            display:block;
            padding:4px 0 4px 10px;
            margin:0px 0 5px 0;
            color:#ffd700;
            font-weight:bold;
            }

.left-menue a:hover {
            color:              #422F20;
            font-weight:        bold;
            display:            block;
            background-color: #98fb98; //lightgrey;
            }

/*Formatiert den mittleren Bereich f�r Inhalte*/
.flex { 
        display: flex; 
        justify-content: center; 
        align-items: center;
    }
.center    {
           min-width:550px;
           background-color:#f5f5f5;
           -webkit-flex:1;
           flex:1;
           }

.center-inhalt   {
         position:relative;
         top:20px;
         font-family:Arial, Helvetica, sans-serif;
         font-size:1.0em;
         color:#2f4f4f;
         margin:0px auto;
         line-height:1.5em;
         margin-bottom:30px;
         }

.ueberschrift {
         font-family:Arial, Helvetica, sans-serif;
         }

.center-inhalt-ueberschrift {
         font-family:Arial, Helvetica, sans-serif;
         clear:both;
         font-size:1.2em;
         font-weight:bold;
         margin-left:50px;
         margin-top:20px;
         }

.center-inhalt-text   {
         float:left;
         font-size:1em;
         width:90%;
         margin:10px 0 30px 50px;
         font-family:Arial, Helvetica, sans-serif;
         font-weight:normal;
         text-align:justify;
         }

.center-inhalt-text p  {
        color:gray;
         font-family:Arial, Helvetica, sans-serif;
        }

.center-inhalt-text img {
         float:right;
         margin:10px 0 10px 20px;
         border:3px solid white;
         box-shadow:5px 5px 3px silver;
         }
/*Formatierung f�r Tabelle von Info-aktuell*/
caption  {
         font-weight:bold;
         }

tbody td   {
         color:navy;
         font-size:1.5 em;
/*         border:1px solid grey;*/
         }


/*Formatiert die Horizontalmen�s in der �berschriftenleiste*/
.menue-horizontal ul {
         padding-left: 7em;
         margin-bottom: -30px;
         text-align:justify;
         }

.menue-horizontal li {
         display:inline-block;
         float: right;
         list-style-type: none;
         font-size:0.9em;
         font-weight:normal;
         }

.menue-horizontal a {
         color:#f9f9f9;
         text-decoration:none;
         }

.menue-horizontal a:hover  {
         background-color:lightgrey;
         color:gray;
         }

.menue-horizontal span   {
         color:#ffd700;
         font-weight:normal;
         }

li #line {padding-left:100%;}

/*Formatiert die Info-Spalte am rechten Rand*/
.right   {
         position:relative;
         width:290px;
         background-color:transparent;
/*     background-image:url('http://i.imgur.com/8zsjgyF.png'),url('http://i.imgur.com/wC1HUtA.png'),url('http://i.imgur.com/j5ekn4f.png');
     -webkit-animation:schnee 25s linear infinite;
     -moz-animation:schnee 25s linear infinite;
     -ms-animation:schnee 25s linear infinite;
     animation:schnee 25s linear infinite; */
         }
.right-lable{
         background-color:#f5f5f5;
         margin:-1em 0 0 1em;
         border:1px solid gray;
         padding:5px 0px 5px 0px;
         width:6em;
         text-align:center;
         }

.right-top     {
         margin:30px auto 30px auto;
         width:95%;
         border:3px solid gray;
         background-color:#f9f9f9;
         -moz-border-radius: 5px;
         -webkit-border-radius:5px;
         border-radius:5px;
         }
.right-top-text   {
/*         margin-top:-80px;*/
         padding:10px;
         font-family:Arial, Helvetica, sans-serif;
         font-size:0.9em;
         color:#808080;
         }

.right-bottom     {
         margin:0px auto 20px auto;
         width:95%;
         border:3px solid gray;
         background-color:#f9f9f9;
        -moz-border-radius: 5px;
         -webkit-border-radius:5px;
         border-radius:5px;
         }

.right-bottom-text   {
         padding:10px;
         font-family:Arial, Helvetica, sans-serif;
         font-size:0.9em;
         color:#808080;
         }
/*Formatiert die �berschriftenleisten*/
.ueberschrift   {
         font-size:1.0em;
         font-weight:bold;
         background-color:#228b22;  //gr�n
         width:100%;
         height:35px;
         padding:8px 0 0 20px;
         color:#ffd700; /*#b0e0e6;*/
         border-bottom:1px solid white;
         border-left:1px solid white;
/*         border-right:1px solid white;*/
         }
.start   {
         font-family:Arial, Helvetica, sans-serif;
         font-size:1em;
         color:gray;
         margin:20px auto;
         padding:10px;
         line-height:1.5em;
         }
.formfeld-design {
     background-color: #dcdcdc;
     border:1px solid grey;
     }





#footer {
        clear:right;
        text-align:right;
        background-color:#68CA68; //#90ee90;  //gr�n
/*        background-image: linear-gradient(to top,#3299cc #3299cc 0%, 90%);*/
        width:100%;
        height:35px;
        padding:10px 2em 0 0;
        color:#228b22;
        }

@keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-moz-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}
@-webkit-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px;}}
@-ms-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}