<style type="text/css">
<!--

body         { background-color: #FFF1B4; background-image: url(images/seitengestaltung/sternen_bg.jpg); }


p  {
      font: 12px Verdana, sans-serif; 
      color: #FF9933;
      margin: 0 0 10 0;
   }
   
h1 
{
   font: bold 20px 'MS Sans serif', sans-serif;
}

h2
{
   font: bold 16px 'MS Sans serif', sans-serif;
}  

h3
{
   font: bold 14px Verdana, sans-serif;
   padding-left: 18px;
   background-image: url(images/seitengestaltung/stern_klein.gif);
   background-repeat: no-repeat;
   background-position: left center;
   margin-bottom: 5px;
}

h4
{
   font: bold 14px  Verdana, sans-serif;
   color: #ff9933;
   margin: 0 0 0 0;
}

h5
{
   font: 14px 'MS sans serif', sans-serif;
   color: #ff9933;
   margin: 5 0 5 0;
   background: #FDFDD7; /* #FEFEE0; */
   padding: 2px;
   background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
}


div#buchtipp
{
   text-align: center;
   font: bold 12px Verdana, sans-serif;
   color: #ff9933;
}

/*********************************************************/
/* Layout-Definitionen / Seitenelemente
/*********************************************************/


.seite
{                                                     /* Gesamtanzeigeteil - Navigation + Inhalt */
   text-align: left;
   width: 90%;
   margin: 50 auto 50 auto;
   background: #FEFEE0; 
   border-top: solid 2px #FFE691;
   border-left: solid 1px #FFE691;
   border-right: solid 2px #FFE691;
   border-bottom: solid 2px #FFE691;
   /*          border-bottom: solid 1px #FFCC99;          */
}

div#seite
{   /* Gesamtanzeigeteil - Navigation + Inhalt */
   text-align: left;
   width: 90%;
   margin: 50 auto 50 auto;
   background: #FEFEEB;
   border-top: solid 2px #FFE691;
   border-left: solid 1px #FFE691;
   border-right: solid 2px #FFE691;
   border-bottom: solid 2px #FFE691;
   background-image: url(images/seitengestaltung/bg_seite.jpg);  
   background-repeat: repeat-y;
}

.navigations_spalte {
                       float: left;
                       width: 200px;
                       text-align: left;
                       background: #FBFACA; 
                       padding-top: 0;
                    }  
            
div#navigations_spalte_bild 
{        
   margin: 0 0 0 0;
}

  
div#inhalt {                                                 /* rechter Teil - Inhalt */
              text-align: left;
              font: 12px Verdana, 'MS Sans Serif', sans-serif;
              color: #ff9933;
              margin: 10 10 10 208;
           }

div#inhalt_text {
                   text-align: left;
                   font: 12px 'MS Sans Serif', sans-serif;
                   color: #ff9933;
                   margin: 10 5 10 5;
                }
                
                
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.zwei_spalten { width: 100%; }

.zwei_spalten .spalte_1
{
   float: left;
   width: 49%;
   margin-top: 10px;
}
                
.zwei_spalten .spalte_2
{
   float: right;
   width: 49%;
   margin-top: 10px;
}
                        

/*********************************************************
/* Definitionen Kopfzeile
/*********************************************************/

.headline {
             height: 80px;
             margin: 0 0 0 0; 
             background: #FEFEEB;
          }
             
.headline .logotext_1 {
                         font: 36px 'MS sans serif', sans-serif; 
                         color: #E0B265;
                         margin-top: 14px;
                         margin-left: 0px;
                         margin-bottom: 0px;
                         padding: 2px;
                         float: left;
                       }

.headline .logotext_2 {
                         font: bold 25px 'MS sans serif', sans-serif; 
                         color: #E0B265;
                         margin-top: 28px;
                         margin-left: 0px;
                         margin-bottom: 0px;
                         padding: 2px;
                         float: left;
                      }

.headline .logotext_3 {
                         font: 18px 'MS sans serif', sans-serif; 
                         color: #E0B265;
                         margin-top: 32px;
                         margin-left: 0px;
                         margin-bottom: 0px;
                         padding: 2px;
                         float: left;
                       }
                       
/*********************************************************/
                       

                
div#kasten_ueberschrift
{
   height: 80px;
   margin: 0 0 0 0;
   padding: 10px;
   font: 18px 'MS Sans serif', sans-serif;
   color: #E0B265;
   background-color: #FBFACA;
}


.kasten_hellgelb
{ 
   font: 12px Verdana, sans-serif;
   color: #FF9933;  
   background: #FEFEEB; 
   border: solid 1px #FFE691;
   margin: 0 0 0 0;
   padding: 5;
   background-image: url(images/seitengestaltung/gelbe_ecke.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}
                              
                            
                             



/*********************************************************
/* Definitionen der Links
/*********************************************************/

/* Link: Farbe orange, beim hoovern unterstreichen */
/*
a            { color: #FF9933; text-decoration: none;}
a:link       { color: #FF9933; text-decoration: none;}
a:visitet    { color: #FF9933; text-decoration: none;}
a:active     { color: #FF9933; text-decoration: none; }
a:hover      { color: #FF9933; text-decoration: underline; } 
*/

a.gelb { 
            font: 12px Verdana, sans-serif;
            text-decoration: none;
            color: #FF9933;
            padding: 1px;
         }

a.gelb:link       { }
a.gelb:visited    { }
a.gelb:active     { }
a.gelb:hover      { background-color: #FFF1B4; }
 
a.gelb_bold
{ 
   font: bold 11px Verdana, sans-serif;
   text-decoration: none;
   color: #FF9933;
   padding: 1px;
}

a.gelb_bold:link       { }
a.gelb_bold:visited    { }
a.gelb_bold:active     { }
a.gelb_bold:hover      { background-color: #FFF1B4; }
 
 
a.gelb_h { 
            font: bold 12px Verdana, sans-serif;
            text-decoration: none;
            color: #FF9933;
            padding: 1px;
         }

a.gelb_h:link       { }
a.gelb_h:visited    { }
a.gelb_h:active     { }
a.gelb_h:hover      { background-color: #FFF1B4; }


/******************************************************
/* Definitionen für die Inhalte der Navigations-Spalte:
/******************************************************/


div#navigation_oben {
                       clear: both;
                       height: 20px;
                       text-align: center;
                       font: 12px 'MS sans serif', sans-serif;
                       color: #FF9933;
                       margin: 0 0 0 0;
                       border-top: 1px solid #FFE691;
                       border-bottom: 1px solid #FFE691;
                       background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
                    }
                    
div#navigation_oben a {
                         height: 20px;
                         text-decoration: none;
                         text-align: center;
                         margin: 0 0 0 0;
                         padding: 4 7 0 7;
                         font: bold 12px 'MS sans serif', sans-serif;
                         color: #FF9933;
                      }
                      
div#navigation_oben a:hover { background-color: #FBFACA; }  

                 
div#navigation_links {
                        margin: 0 0 0 0;
                        border-top: 2px solid #ffe691;
                        border-bottom: 1px solid #FFE691;
                        background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
                     }

div#navigation_links a {            
                          display: block;                
                          height: 18px;
                          text-decoration: none;
                          margin: 0 0 0 0;
                          padding: 2 0 0 5;
                          font: bold 12px 'MS sans serif', sans-serif;
                          color: #FF9933;
                       }
                       
div#navigation_links a:hover { background-color: #FBFACA; }  

/*
div#navigation_links_selected { 
                                 display: block;                
                                 height: 18px;
                                 margin: 0 0 0 0;
                                 padding: 2 0 0 5;
                                 font: bold 12px Arial, sans-serif;
                                 color: #CA6400; //#E67300;
                              }

#navigation_untermenu {
                         margin-left: 15px;
                         padding-bottom: 3px;
                      }

*/

div#navigation_oben_selected,
div#navigation_links_selected
{                              
   color: #CA6400;
}


/******************************************************
/* Weitere Definitionen 
/******************************************************/

div#copyright_zeile {
                       clear: both;
                       height: 18px;
                       text-align: center;
                       margin: 0 0 0 0;
                       padding-top: 3px;
                       font: 10px 'MS sans serif', sans-serif;
                       color: #FF9933;
                       /*background-color: #F3F3F3;*/
                       border-top: solid 1px #FFE691;
                       background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
                    }         
                    
div#bildfenster
{
   text-align: center;
   height: 98%;
   background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
   margin: 10 0 0 0;
   font: bold 12px 'MS sans serif', sans-serif;
   color: #FF9933;
}
                    
div#galeriebild
{
   float: left; 
   text-align: center; 
   /*width: 200px;*/
   margin-right: 20px;
   margin-top: 20px;
   /*border: solid 1px #FFE691;*/
}
                    
                    
div#bildueberschrift {
                       text-align: center;
                       margin: 0 0 0 0;
                       padding: 5 0 5 0;
                       padding-top: 3px;
                       font: bold 12px 'MS sans serif', sans-serif;
                       color: #FF9933;
                       /*background-color: #F3F3F3;*/
                       border-top: solid 1px #FFE691;
                       background-image: url(images/seitengestaltung/aquarell_gelb.jpg);
                    }         
                    
div#buch
{
   width: 140px;
   float: left;
   text-align: center;
   margin-right: 10px;
}

/*********************************************************************/

.formular_feld
{
   font: 14px 'MS sans serif', sans-serif;
   color: #FF9933;
   background: #ffffff;
   border: solid 1px #FFE691;
}
                  
.formular_feld_disabled
{
   font: 14px 'MS sans serif', sans-serif;
   color: #FF9933;
   background: #ffffff;
   border: solid 1px #FFE691;
}
                  
.formular_button
{
   width: 120px;
   text-align: center;
   border: 1px solid #FFE691;
   font: 14px 'MS sans serif', sans-serif;
   color: #FF9933;
   background-color: #FBFACA;
}
                  
/*********************************************************************/


//-->
</style>