<style type="text/css">{}

body { background-color: #fefeeb; background-image: url('images/seitengestaltung/mullwindel_bg_klein.jpg'); }

p {
     font: 12px Verdana, sans-serif;
     color: #000080;  
  }

li {
      font: 12px Verdana, sans-serif;
      color: #000080;  
   }

td {
      font: 12px Verdana, sans-serif;
      color: #000080;  
   }
   
.klein_fett
{
   font: bold 11px Verdana, sans-serif;
}


    
/**********************************************************
/* Definitionen Seitenaufbau
/*********************************************************/ 


.seite {                                                     /* Gesamtanzeigeteil - Navigation + Inhalt */
          text-align: left;                                  
          margin-left: 4%;                                   /* Seitenabstand rechts und links, zentriert */
          margin-right: 4%;
          background: #FEFEEB;
   	      border-left: solid 1px #FFCC99;
          border-right: solid 2px #FFCC99;
          border-bottom: solid 1px #FFCC99;
        }


.navigations_spalte {
                       width: 170px;
                       height: 100%;
                       text-align: left;
                       background: #FDFDD7;
                       padding-top: 0;
                       border-left: solid 1px #FFCC99;
                       border-right: solid 2px #FFCC99;
                    }  
  
div#inhalt {                                                 /* rechter Teil - Inhalt */
              text-align: center;
              padding-top: 10px;
           }

div#logo_bild {
                 text-align: center;
                 border-bottom: solid 2px #FFCC99;
                 margin-bottom: 6px;
              }

div#bereich_werbung_1 {                                    /* Werbebanner oben */
                         width: 496px;
                         height: 68px;
                         padding-top: 4px;
                         padding-right: 4px;
                         text-align: right;
                         background-image: url(images/seitengestaltung/rahmen_werbung_1.gif);
                      }

div#bereich_werbung_2 {                                    /* Werbebanner links in der Navigationsspalte */
                         text-align: center;
                         margin-top: 10px;
                         margin-bottom: 10px;
                         padding-top: 20px;
                         border-top: solid 2px #FFCC99;
                      }

div#inhalt_text {
                   text-align: left;
                   font: 12px Verdana, sans-serif;
                   color: #000080;
                   margin: 10 5 10 5;
                }
                


/**************************************************
/* Definition der Überschriften
/**************************************************/

h1 {
      text-align: center;
      font: bold 15px Verdana, sans-serif; 
      color: #000080;
      background: #FFCC99;
      border-top: solid 2px #FFB062;
      border-bottom: solid 2px #FFB062;
      margin-top: 10px;
      /*margin-bottom: 4px;*/
      margin-bottom: 0px;
      padding: 2px;
   }

h2 {
      font: bold 12px Verdana, sans-serif;
      text-align: center;
      color: #000080;
      background: #FFCC99;
      padding: 2px;
      margin: 0 0 0 0;
    }


h3 {
      font: bold 12px Verdana, sans-serif;
      color: #000080;
      margin: 0 0 0 0;
   }  
   
h4 {
      font: bold 14px Verdana, sans-serif;
      color: #000080;
      margin-top: 0;
      margin-bottom: 5;
   }
      
h5 {
      font: bold 12px Verdana, sans-serif;
      text-align: left;
      color: #000080;
      background: #ffe7ce;
      border-top: solid 1px #FFCC99;
      border-bottom: solid 1px #FFCC99;
      margin: 0 0 0 0;
      padding: 2 2 2 6;
    }

h6 {
      font: 12px Verdana, sans-serif;
      color: #000080;
      margin: 5 0 5 0;
      background: #FDFDD7; /* #FEFEE0; */
      padding: 2px;
    }



/*********************************************************
/* Definition der Links
/**********************************************************/


a {
     font: bold 11px Verdana, sans-serif;
     text-decoration: none;
     color: #000080;
  }

a:hover      { background-color: #FFCC99; } 


a.ohne_alles {
                font: 12px Verdana, sans-serif;
                text-decoration: none;
                color: #000080;
                padding: 1px;
             }


a.pfeil { 
           font: 12px Verdana, sans-serif;
           /*height: 12px; */
           text-decoration: none;
           color: #000080;
           padding: 1 0 0 8;
           background-image: url(images/seitengestaltung/pfeil_orange_link.gif);
           background-repeat: no-repeat;
           background-position: left top;
        }

a.pfeil:hover { background-color: #FFCC99; }
          

a.pfeil_bold { 
                font: bold 11px Verdana, sans-serif;
                /*height: 12px; */
                text-decoration: none;
                color: #000080;
                padding: 1px;
                padding-left: 8px;
                background-image: url(images/seitengestaltung/pfeil_orange_link.gif);
                background-repeat: no-repeat;
                background-position: left top; 
             }

a.pfeil_bold:hover { background-color: #FFCC99; }
          
a.doppelpfeil_bold { 
                font: bold 11px Verdana, sans-serif;
                text-decoration: none;
                color: #000080;
                padding: 1px;
                padding-left: 17px;
                background-image: url(images/seitengestaltung/doppelpfeil_orange_link.gif);
                background-repeat: no-repeat;
                background-position: left top;
             }

a.doppelpfeil_bold:hover { background-color: #FFCC99; }
          
a.orange { 
            font: 12px Verdana, sans-serif;
            text-decoration: none;
            color: #000080;
            padding: 1px;
         }

a.orange:link       { }
a.orange:visitet    { }
a.orange:active     { }
a.orange:hover      { background-color: #FFCC99; }
 
a.orange_bold { 
                 font: bold 11px Verdana, sans-serif;
                 text-decoration: none;
                 color: #000080;
                 padding: 1px;
              }

a.orange_bold:link       { }
a.orange_bold:visitet    { }
a.orange_bold:active     { }
a.orange_bold:hover      { background-color: #FFCC99; }

a.liste
{
   display: block;
   font: 11px Verdana, sans-serif;
   color: #000080;
   text-decoration:none; 
}

div#navigation a:link     { }
div#navigation a:visitet  { }
div#navigation a:active   { }
div#navigation a:hover    { background-color: #FFCC99; } 



/******************************************************
/* Definitionen für die Inhalte der Navigations-Spalte:
/******************************************************/

div#navigation {
                  font: 11px Verdana, sans-serif;
               }  

div#navigation a
{
   display: block;
   margin-bottom: 2;
   margin-top: 2;
   margin-left: 2;
   margin-right: 2;
   font: 11px Verdana, sans-serif;
   color: #000080;
   text-decoration:none; 
}

div#navigation a:link     { }
div#navigation a:visitet  { }
div#navigation a:active   { }
div#navigation a:hover    { background-color: #FFCC99; } 

div#navigation h1
{
   display: block;
   background: #FDFDD7;
   text-align: left;
   margin-top: 8;
   margin-bottom: 2;
   padding: 2 2 2 2;
   font: bold 10px Verdana;
   color: #000080;
   border-top: solid 1px #FFCC99;
   border-bottom: solid 1px #FFCC99;
}

div#navigation_trennstrich
{
   display: block;
   margin-top: 10;
   margin-bottom: 4;
   border-top: solid 1px #FFCC99;
}

#navigation_trennstrich_bold
{
   display: block;
   margin-top: 19;
   margin-bottom: 4;
   border-top: solid 2px #FFCC99;
}

#navigation_untermenu {
                         margin-left: 15px;
                         padding-bottom: 3px;
                      }
                      
                     

/******************************************************
/* Weitere Definitionen 
/******************************************************/

div#pfad { 
            font: 11px Verdana, sans-serif;
            text-align: left;
            color: #000080; //#FF6600; 
            border-bottom: 1px solid #FFB062;
            margin: 2 0 0 0;
            padding: 0 0 1 6;
         }
         
div#pfad a {
              font: 11px Verdana, sans-serif;
              color: #000080;
              text-decoration:none;
           }
           
div#pfad a:hover { background-color: #FFCC99; }

/****************************************************/


div#quellenangabe {
                     font: 9px, Verdana, sans-serif;
                     color: #000080;
                     margin-top: 10px;
                  }

.quellenangabe {
                     font: 9px, Verdana, sans-serif;
                     color: #000080;
                     margin-top: 10px;
                  }

div#quellenangabe a {
                       text-decoration: none;
                       color: #000080;
                    }

.quellenangabe a {
                    text-decoration: none;
                    color: #000080;
                 }
                    
.quellenangabe a:hover { background-color: #FFCC99; }

/*********************************************************/

div#register {
                font: bold 11px Verdana, sans-serif;
                margin-top: 10px;
                /*margin-bottom: 10px;*/
                padding-bottom: 4px;
                border-bottom: solid 4px #FFCC99;
             }
             
div#reiter_oben {
                   float: left;
                   width: 169px;
                   text-align: center;
                   margin-left: 5px;
                   padding: 2px;
                   background-image: url(images/seitengestaltung/reiter_orange.gif);
                }
                           
div#reiter_unten {
                   float: left;
                   width: 169px;
                   text-align: center;
                   margin-left: 10px;
                   padding: 2px;
                   background-image: url(images/seitengestaltung/reiter_hellorange.gif);
                 }
                           
div#register a {
                  font: bold 11px Verdana, sans-serif;
                  padding-left: 5px;
                  padding-right: 5px;
                  color: #000080;
                  text-decoration:none;
               }
           
div#register a:hover { background-color: #FFCC99; }

/*********************************************************************/

div#seiteninhalt { 
                    margin: 0 0 0 0;
                    padding: 5 5 5 5;
                    border-bottom: solid 1px #FFCC99;
                 }
                 
div#seiteninhalt a { 
                      display: block;
                      font: bold 12px Verdana, sans-serif;
                      text-decoration: none;
                      color: #000080;
                      padding: 1px;
                      padding-left: 12px;
                      background-image: url(images/seitengestaltung/down_pfeil_orange.gif);
                      background-repeat: no-repeat;
                      background-position: left center;
                   }

div#seiteninhalt a:hover { background-color: #FFCC99; }
          
/*********************************************************************/

div#aktionen_kasten {
                       width: 220px;
                       float: right;
                       font: 12px Verdana, sans-serif;
                       color: #000080;  
                       background: #ffe7ce; //#ffffff;
                       border: solid 1px #ffcc99;
                       margin: 0 0 3 5;
                       padding: 5 5 5 5;
                    }

div#aktionen_kasten a { 
                         font: bold 11px Verdana, sans-serif;
                         text-decoration: none;
                         color: #000080;
                         padding: 0 1 0 1;
                      }

div#aktionen_kasten a:hover { background-color: #FFCC99; }
          
/*********************************************************************/

.formular_feld {
                     font: 12px Verdana, sans-serif;
                     color: #000080;
                     background: #ffffff;
                     border: solid 1px #ffcc99;
                  }
                  
.formular_feld_disabled
{
   font: 12px Verdana, sans-serif;
   color: #000080;
   background: #ffffff;
   border: solid 1px #999999;
}
                  
.formular_button {
                    /* height: 18px;*/
                    width: 120px;
                    text-align: center;
                    border: 1px solid #ffcc99;
                    font: 12px Verdana, sans-serif;
                    color: #404040; 
                    background-color: #ffe7ce; //#E5E5E5;
                }
                  
/*********************************************************************/

div#anmerkung 
{
   text-align: left;
   font: 12px Verdana, sans-serif;
   color: #000080;
   margin-top: 10px;
   margin-bottom: 20px;
}
   

div#anmerkung h6
{
   font: 12px Verdana, sans-serif;
   color: #000080;
   margin: 5 0 5 0;
   background: #ffe7ce;
   padding: 2px;
}
    
               
/*********************************************************************/

div#werbung_kasten {
                      text-align: center;
                      font: 12px Verdana, sans-serif;
                      color: #000080;  
                      border: solid 1px #ffcc99;
                      margin: 0 0 0 0;
                      padding: 10 10 10 10;
                   }
                       
div#bild_links {
                  float:left; 
                  text-align: left;
                  margin-right: 10px;
                  margin-bottom: 5px;
               }

div#bild_rechts {
                   float: right; 
                   text-align: right;
                   margin-left: 10px;
                   margin-bottom: 5px;
                }


div#kasten_hellorange {
                         font: 12px Verdana, sans-serif;
                         color: #000080;  
                         background: #ffe7ce;
                         border: solid 1px #ffcc99;
                         padding: 5px;
                         text-align: center;
                         margin-bottom: 12px;
                      }

div#kasten_rand_orange {
                          font: 12px Verdana, sans-serif;
                          color: #000080;  
                          border: solid 1px #ffcc99;
                          margin: 0 0 15 0;
                          padding: 5px;
                       }
                       
div#kasten_standard_rand_orange {
                                   font: 12px Verdana, sans-serif;
                                   color: #000080;  
                                   border: solid 1px #ffcc99;
                                   margin: 0 0 15 0;
                                   padding: 5px;
                                }

.kasten_standard_rand_orange {
                                font: 12px Verdana, sans-serif;
                                color: #000080;  
                                border: solid 1px #ffcc99;
                                margin: 0 0 15 0;
                                padding: 5px;
                             }

div#kasten_weiss_rand_orange { 
                                font: 12px Verdana, sans-serif;
                                color: #000080;  
                                background: #ffffff;
                                border: solid 1px #ffcc99;
                                margin: 0 0 15 0;
                                padding: 5;
                              }

.kasten_weiss_rand_orange {
                             font: 12px Verdana, sans-serif;
                             color: #000080;  
                             background: #ffffff;
                             border: solid 1px #ffcc99;
                             margin-bottom: 15px;
                             padding: 5px;
                          }

div#shop_warenbild {
                      float: left;
                      padding-top: 10px;
                      padding-right: 30px;
                      padding-left: 0px;
                      padding-bottom: 0px;
                   }

.kasten_copyright {
                     clear: both;
                     text-align: center;
                     font: 10px Verdana, sans-serif;
                     color: #000080;
                     background: #ffcc99;
                     padding: 1px;
                   }

div#bezugsadressen_zeile
{
   font: 12px Verdana, sans-serif;
   color: #000080;
   border-bottom: solid 1px #FFB062; //#ffcc99;
   cursor: pointer;
}

div#werbepartner_zeile
{
   font: 12px Verdana, sans-serif;
   color: #000080;
   border-bottom: 1px solid #FFB062; 
   cursor:pointer; 
   padding-top:4px; 
   padding-bottom:4px; 
   background:#FDFDD7; 
   border-left: solid 1px #FFCC99; 
   border-right: solid 1px #ffcc99;
}

.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 */

   

.kasten_orange          
{
   font: bold .8em Arial, sans-serif;
   border-top: solid 1px #666666;
   background: #cccccc;
   padding: 2px;
}

div#popup
{
   text-align: left; 
   margin: 0px;                                 
   padding: 10px;
   background: #FEFEEB;
   border: solid 1px #FFCC99;
}


</style>
