html { height: 100%; min-height: 100%; }
body { background-color: #eeffee; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif }

#nur_fuer_den_schatten { position: relative; top: 0; bottom: 0; width: 940px; 
																									min-height: 30em; margin-right: auto; margin-left: auto;}

.schatten_links   { 
                   background-image: url(../bilder/schatten_links.png); position: absolute; top: 0; left: -20px; width: 20px; 
															  		height: 100%; min-height: 100%; margin-top: 0; margin-bottom: 0; margin-left: auto;
															  	}

.schatten_rechts  {
                   background-image: url(../bilder/schatten_rechts.png); position: absolute; top: 0; right: -20px; width: 20px; 
																	 	height: 100%; min-height: 100%;
																	 }
																	 
#rahmen 			      	{
                   background-color: #ffffdd; text-align: left; position: relative; top: 0; bottom: 0; width: 940px; 
												     		min-height: 30em; margin-right: auto; margin-left: auto; padding-top: 142px;
												     	}
												     	
#inhalt 				      {
                   background-color: #ffffdd; position: relative; width: 920px;  top: 0px; right:0; left:0; bottom: 0;
														     padding-top: 1.2em; padding-bottom: 1.2em; padding-right: 10px; padding-left: 10px; margin-left: 0px;
														     min-height: 30em;
										      		}
												
#inhalt li 	      { font-size: 0.9em; font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; list-style-type: circle; }

#bilderleiste 							{ 
                      text-align: right; position: absolute; width: 940px; height: 130px; vertical-align: top; top: 0; left: 0; padding-top: 10px; 
																						border-bottom: 2px solid transparent; background-color: #ddffff;
																					}
.bilderleiste 							{ float: right; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
.bilderleiste_links 	{ visibility: hidden; margin: 0 0 0 auto; border-width: 0; }
.bilderleiste_rechts	{ visibility: hidden; margin: 0 auto 0 0; border-width: 0; } 

/* ---------------------------------          Navigation         ------------------------------------------------------  */

#navigation {
             background-color: #215E00; text-align: center; position: relative; 
							     	width: 924px;  top: 0px; bottom: 0; left: 0; overflow: hidden; padding: 2px 8px 2px 8px; height: 52px; 
							     	font-size: 0.99em;
						      }
 
.navi_markiert 						{	background-image: url(/bilder/halbtransparent_grau_50.png);}  

.navi_markiert_unten	{	background-image: url(/bilder/halbtransparent_grau_50.png);}  

#navigation li.navi_markiert_unten { top: 0px; 	background-image: url(/bilder/halbtransparent_grau_50.png);}

#navigation ul 						{ position: relative; height: auto; margin: 0 0; padding: 0; z-index: 1;} 

#navigation li 						{
                      text-align:center;  padding-top: 3px; margin: 0px;  list-style-type: none; display: inline-block; 
																					 height: 21px; width: auto; z-index: 2;
																				 	background-color: transparent;																
																					}

#navigation ul li:hover		  {
                            top: 0px; 
                            height: 21px;
                            background-color: transparent; 
                            background-image: url(/bilder/halbtransparent_grau_50.png); 
                           }
                           
#navigation ul li       {
                         background-image: url(/bilder/navi_hintergrund_ebene_1.png);
                         border-bottom: 3px solid #215E00;
                         margin-left: -5px;
																			 	 		}
																						
#navigation ul li ul li {
                         background-image: none;
																				  		}
/*
#navigation ul li ul li:hover   {
                                 top: 0px; 
                                 height: 21px; 
                                 background-color: transparent;
                                 background-image: url(/bilder/halbtransparent_grau_50.png);
                                }
*/
#navigation ul li ul 			{ 
                         position:absolute;  
                         top:27px; 
                         margin-top: 0; 
                         min-width:0px; 
                         white-space: nowrap; 
                         height: 21px; 
                         padding: 0 0 0 0;
                         display: inline;  
                         text-align: center; 	
                         background-color: transparent; z-index:1;		
                        } 

#navigation ul ul li { 
                      color:  #ffffff;  width: auto; height:21px;
                      margin: 0px; padding: 2px 0px 0; border-style: none; background-color: transparent;
																						display: inline; background-image: none; background-color: none;
																					}

#navigation li a 			 { 
 
                      padding: 0px 8px 0px 8px; color: #ffffff; font-size: 1.05em;
                      font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif;
																			 		text-decoration: none; position:relative; z-index:2;
																			 	} 

#navigation li a.aktiv { top:-1px;
                        color: #ffffff; font-weight: bold;
                        background-color: transparent;
	         
																				   }  


#navigation span { color:  #ffffff; font-size: 0.8em; margin-right:-3px; margin-left:-1px;} 



.navi_ebene2_sichtbar   { 
		  visibility: visible;  
		  opacity:1;
		  filter:alpha(opacity=100);
		  
		  -moz-transition:      visibility 0ms linear 0ms ,  opacity 350ms ease-in; 
		  -webkit-transition:   visibility 0s linear ,  opacity 0.3s ease-in; 
		  -ms-transition:       visibility 0s linear ,  filter 0.3s ease-in; 
		  -o-transition:        visibility 0s linear ,  opacity 0.3s ease-in;  
		  transition:           visibility 0s linear ,  opacity 0.3s ease-in; 
  }
  
.navi_ebene2_unsichtbar {
    visibility: hidden; 
    filter:alpha(opacity=0);
    opacity:0;
   
   
    -moz-transition:     visibility 0.5s linear , opacity 350ms ease-out;    
    -webkit-transition:  visibility 0.5s linear , opacity 0.3s ease-out;
    -o-transition:       visibility 0.5s linear , opacity 0.3s ease-out;
    -ms-transition:      visibility 0.5s linear , filter 0.3s ease-out;
    transition:          visibility 0.5s linear , opacity 0.3s ease-out;
   
   }


h1 { 
  color: #215E00; 
  font-size: 1.2em; 
  font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
  border-bottom: 2px dotted transparent; 
  margin-bottom: 14px;
}
h2 { 
  color: #215E00; 
  font-size: 1.2em; 
  font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
  margin-top: 0; 
}
h3 { margin: 0px 20px 0px -1px; }
p, td { color: #000000; font-size: 0.9em; font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; text-align: left; color:#000000; text-decoration: underline;}

/*a:hover { font-weight: bold; }*/

#text { width: 29.5em; float: left; }
.textblock { width: 95%; height: auto; float: left; margin-top: 0; margin-bottom: 0; } 
.textblock-gr { width: 95%; height: auto; margin-top: 0; margin-bottom: 0; }
#bildbox { width: 670px; height: auto; clear: both; min-height: 25px; margin-bottom: auto; }
#bildbox img { float: left; clear: left; }
.portrait { width: 150px; float: left; margin-right: 1em; margin-bottom: auto; }
.portrait_neben { width: auto; height: 230px; float: left; margin-right: 0.2em; margin-left: 0.2em; }
.grossbild { width: 350px; margin-left: auto; margin-right: auto; }
.bildunterschrift { color: #000; font-size: 0.8em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin-top: 3px; }
#fuss { font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; background-color: #215E00; text-align: right; width: 940px; height: 40px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-right: 0; padding-bottom: 0; border-top: 1px solid transparent; }
.fusslogo { position: relative; bottom: -3px; margin-right: 50px; }