/*
INHALTSVERZEICHNIS
Zeile 14:   Grundstruktur 
Zeile 300:  Textformatierung, Bilder, Links
Zeile 400:  Tabellen
Zeile 550:  Listen
Zeile 660:  Formular
Zeile 1300: Formatierungen: header 01, header 02
Zeile 1500: Formatierungen: centerNav
Zeile 1700: Formatierungen: rightBox (News usw.)
Zeile 2000: Formatierungen: footerBox
*/
    
    
body {                                                                            
    background-color: #FFFFFF;                                                    
    background-image:url(../images/hg.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 0px 0px;                                                      
    padding: 0px 0px 0px 0px;                                                     
    background-position: top center;                                              
  font-family: "Verdana", "Trebuchet MS", "Tahoma", "Arial", sans-serif;        
  /* font-family: "Arial", "Helvetica", "Geneva", sans-serif; */                
  /* font-family: "Times New Roman", "Times", "Garamond", "Bodoni", serif; */
    color: #555555;                                                               
  font-size: 0.8em;                                                             
}


#container {  
  background-image: url(../images/hg-content.gif);
    background-repeat: repeat-y;                                                                    
    width: 961px;                                                                
    height: auto;                                                                 
    margin: 0px auto;                                                                
    padding: 0px;                                                                 
    text-align: left;                                                             

   

}

#headerBox { 


  background-image: url(../images/hg-header.gif);
  background-repeat: no-repeat;                                                                   
  margin: 0px;
  padding: 0px;
/*
  height: 265px;
*/
  
  
}
              
#contentBox { 
  background-image: url(../images/hg-content.gif);
    background-repeat: repeat-y;                                                                  
    height: auto;                                                                 
    overflow: hidden; 
    clear: left;
  float: none; 
  padding-bottom: 50px;                                                           
    /*background-image: url(../images/xxx.jpg); */                                
    /*background-repeat: repeat-x; */                                             
  /*background-repeat: repeat-y; */                                             
  /*background-repeat: no-repeat; */                                            
                                               
}

#center {
/*
  height: 450px;
*/
  height: auto;
  margin: 0px;
  padding: 0px; 

}

#centerBox01 {                                                                      
    margin: 0px;
      padding: 0px; 
      border: none;
/*
      height: 190px;                                                                
*/
}


#centerBox02 {                                                                      
    margin: 0px;
      padding: 0px; 
      border: none;
                                                                   
}

#centerBox03 {
  height: 300px;                                                                      
    margin: 0px;
  padding: 0px; 
  border: none;                                                                
}


#footerBox {                                                                    
  height: 41px;
  background-color: #FFFFFF;
  background-image: url(../images/footer.gif);
  background-repeat: no-repeat; 
  padding: 0px 0px 0px 0px;
}

#dividerBrowserContainer {                                                      
    margin: 0px;
    padding: 0px;
    height: 8px;
    font-size: 0.000001em;
}

#dividerHeaderContent {                                                         
    margin-top: 0px;
}

#dividerLeftCenter {                                                            
    margin: 0px;
    float: left;
}

#dividerCenterRight {                                                           
    margin: 0px;
    float: left;
}

#dividerContentFooter {                                                         
    float: none;                                                                  

    margin: 0px 0px 0px 0px !important;
    margin: 0px 0px 
  0px 0px;
}

#dividerContainerBrowser {                                                      
    margin-bottom: 10px;
}

.clear {                                                                        
    width: auto;
    height: 0.5em;
    
    clear: both;                                                                  
    display: block;                                                               
    
    padding: 0px;
    margin: 0px;
}




































































































































































/* TEXTFORMATIERUNG, BILDER, LINKS */

h1 {                                                                              
    text-align: left;                                                             
    font-size: 1.4em;                                                             
    color: #A07038;                                                              
    font-weight: bold;                                                            
    line-height: 150%;                                                            
    padding: 0px;                                                                 
    margin-bottom: 0px;
}

h2 {                                                                            
    text-align: left;
    font-size: 1.1em; 
    color: #A07038;
    font-weight: bold;                                                            
    line-height: 135%;
    padding : 0px;
    margin: 10px 0px 5px 0px; 
}

p {                                                                             
    text-align: left;
    line-height: 150%;
    font-weight: normal;
    padding: 0px;
/*
    margin: 0px;
*/
}

img {                                                                           
                                                                         
    border: none;                                                                 
    margin: 0px 0px 0px 0px;
}

img.bildlinks {                                                                 
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

img.bildrechts {                                                                
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}


a {                                                                             
    color: #A17038;
    text-decoration: none;                                                        
}

a:hover {                                                                       
    color: #AA0000;
    text-decoration: none;
/*
    border-bottom: 1px solid #157CA6;
*/
}

a:focus, a:active, a:visited {                                                  
                                                                                
    text-decoration: none;                                                        
    border: none;                                                                 
    outline: none;                                                                
}





















.reiter {
    font-size: 12px;
    color: #fff;        /* 525151 */    
    text-align: left;
    border: 1px solid #A07038;
    background-color: #A07038;
    padding: 5px 5px;
    margin: 0px;
    
}

.reiter a {
    color: #fff;
    text-decoration: underline;
    
}



input, select, textarea {
    padding: 3px 0px 0px 5px;
    background-color: #e3f0cc;
    border: 1px solid #A07038;
    
}






/* TABELLEN */

table {                                                                         
    
    width: 700px;
    line-height: 1.2em;                                                           
    text-align: left;     
    border: 1px solid #9F9F9F;                                                    
    border-spacing: 0px;                                                          
    margin-left: 20px;
    margin: 5px 0px 5px 0px;
}



caption {                                                                       
    font-size: 0.9em;
    font-weight: bold;
    line-height: 110%;
    color: #004CA0;
    
    caption-side: top;                                                            
    
    margin: 0px auto 0px auto;
    padding: 10px 0px 5px 0px;

}

th {                                                                            
    font-size: 12px;
    color: #fff;        /* 525151 */    
    text-align: left;
    border: 1px solid #A07038;
    background-color: #A07038;
    padding: 5px 5px;
    margin: 0px;
} 

th a { 
    
    color: #fff;
    text-decoration: underline;
    
}
    


td {                                                                            

    font-size: 0.9em;
    /*
     text-align: center; 
     */

    /* height: 100px; */
    /* vertical-align: middle; */

    /*
    border: 1px solid #9F9F9F;
     */
    
    background-color: #F0F0F0;
    
    padding: 3px 5px; */ 
    margin: 0px;
}

tfoot {                                                                         
    font-size: 0.9em;
    font-weight: bold;
    border: 2px solid #56b100;
}



#loginmain table {                                                                         
    
    width: 400px;
    line-height: 1.2em;                                                           
    text-align: left;     
    border: 1px solid #9F9F9F;                                                    
    border-spacing: 5px;                                                          
    margin-left: 20px;
    margin: 5px 0px 5px 0px;
}
















































































/* LISTEN */

ol {                                                                            
    margin: 0px 0px 0px 0px;
    
    padding: 0px 20px 5px 40px;
    
    list-style-type: decimal;                                                     

    list-style-position: outside;                                                  
}

ol li {                                                                            
    padding: 0px 20px 5px 5px;
}

ul {                                                                            
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 5px 35px;
    
    list-style-type: square;                                                       
  /*list-style-image: url(../images/test_symbol_10x10.png) !important; */       
  /* list-style-image: url(../images/test_symbol_10x10_ie6.png); */
  list-style-position: outside; 
}

ul li {                                                                            
    padding: 0px 20px 5px 5px;
}















/* FORMULAR */

form {                                                                          
    margin: 10px 0px 10px 0px;
}


.important {                                                                    
    font-weight: bolder;
    font-size: 0.9em;
    color: #C80000;
}


fieldset {                                                                      
    
  border: 1px solid #888888;
  padding-bottom: 10px;
    margin-bottom: 20px;
}


legend {                                                                        
    font-weight: bold;
    color:  #888888;
    margin: 0px 0px 5px 0px;
}

.inputSet {                                                                     
    margin: 10px 20px 5px 10px;
    display: block;
    float: none;
    clear: both;
}


label {                                                                         
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 10px;
    margin-left: 10px;
}


.input {                                                                        
    width: 500px;
    /* height: 20px; */
    padding: 2px 10px 3px 10px;
    background: #F0F0F0;
    border: none;
    border-left: 1px solid  #888888;
    border-bottom: 1px solid  #888888;
}


.multipleChoice {                                                               
    margin-bottom: 4px;  
}

a.abeantragen {
  width: 500px;
  height: 25px;
  display: block;
  background-image: url("../images/hg_beantragen.gif");
  background-repeat: no-repeat;
  border-left: 10px solid #A07038;
  padding-left: 20px;
  margin-bottom: 15px;
  overflow: hidden;
}


.radio, .checkbox {                                                             
    margin: 0px;    
    padding: 0px;
    float: left;
}


.radioText, .checkboxText {                                                     
    margin-left: 5px;
    
}


.select {                                                                       
    width: 221px;
    background: #F0F0F0;
    padding: 5px 10px 3px 10px;
    margin: 0px 0px 0px 0px;
    border: none;
    border-left: 1px solid  #888888;
    border-bottom: 1px solid  #888888;
}


option {                                                                        
    color:  #888888;
    padding: 3px 3px 3px 3px;
}


.button {                                                                       
    text-align: right;
}


.secondaryAction {                                                              
    color: #c0c0c0;
    background: #fff;
    border: 1px solid #C9DCA6;
}


.secondaryAction:hover {                                                        
    color: #000000;
    border: 1px solid #C9DCA6;
}


.primaryAction {                                                                
    color: #888888;
    font-weight: bold;
    border: 1px solid  #888888;
    background: #fff;
    
    /* Bei der Verwendung von HINTERGRUNDGRAFIKEN müssen Höhe, Weite, Position und ggf. Abstände definiert werden.
        Andernfalls wird die Grafik nicht korrekt angezeigt. */
    /* background: url('') left top no-repeat; */
    /* width: 100px; */
    /* height: 20px; */
    /* padding: 0px; */
}


.primaryAction:hover {                                                          
    background: #C9DCA6;
    border: 1px solid #C9DCA6;
} 
















/* FORMATIERUNG: HEADER 01, HEADER 02 */

#header01 {                                                                      
      width: 591px;
      height: 175px;
      overflow: hidden;
    margin: 30px 0px 0px 39px !important;
    *margin: 30px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    float: left;
    /*border: 1px solid #000000;*/
}

#header01 a {                                                                      
    margin: 0px;
    padding: 0px;
    border: none;
}


#header01 img {                                                                      
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;

}


#header02 {                                                                     
  width: 331px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  float: left;
  /*border: 1px solid #000000;*/

}

#header02 img {                                                                 
  /*width: 600px;
  height: 300px; */
  
  padding: 0px;
  
  border: none;
}

#header02 a {
  /*width: 600px;
  height: 300px; */
  
  margin: 0px;
  padding: 0px;
  
  border: none;
}







#header01b {                                                                      
      width: 687px;
      height: 465px;
      overflow: hidden;
    margin: 24px 0px 9px 25px !important;
    *margin: 24px 0px 7px 15px;
    padding: 0px 0px 0px 0px;
    float: left;
    display: none;
    visibility: hidden;
}

#header01b a {                                                                      
    margin: 0px;
    padding: 0px;
    border: none;
}


#header01b img {                                                                      
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;

}

#header01b object {                                                                      
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
}



#header02b {                                                                     
  
  width: 230px;
  height: 465px;
  margin: 0px;
  padding: 0px;
  float: left;
    display: none;
    visibility: hidden;
}

#header02b img {                                                                 
  /*width: 600px;
  height: 300px; */
  
  margin: 58px 0px 0px 15px;
  padding: 0px;
  
  border: none;
}

#header02b a {
  /*width: 600px;
  height: 300px; */
  
  margin: 0px;
  padding: 0px;
  
  border: none;
}

















      










/* FORMATIERUNG: centerNav */

#centerBox01a {
    clear: left;
    float: none;
    display: block;
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
    *margin: 0px 0px 0px 0px;
    background-image: url(../images/rahmen-innen-oben.gif);
    background-repeat: no-repeat; 
    background-position: 0px 32px;  
    height: 47px;
    width: 847px;
    overflow: hidden;    
}

#centerBox01b_start {
    width: 847px;
    background-image: url(../images/rahmen-innen-mitte.gif);
    background-repeat: repeat-y; 
    margin: 0px 0px 0px 0px !important;
    *margin: 0px 0px 0px 0px;
    display: block;
    visibility: visible;
    margin: 0px;
    padding: 0px;
    border: none;
    }

#centerBox01b_rueckruf2 {
  
  width: 847px;
    
    background-image: url(../images/rahmen-innen-mitte.gif);
    background-repeat: repeat-y; 
    margin: 0px 0px 0px 0px !important;
    *margin: 0px 0px 0px 0px;
    display: block;
    visibility: visible;
    margin: 0px;
    padding: 0px;
    border: none;

}
    
#centerBox01b_lagerkonto, #centerBox01b_sparplan, #centerBox01b_partner, #centerBox01b_rueckruf {
    width: 847px;
    
    background-image: url(../images/rahmen-innen-mitte.gif);
    background-repeat: repeat-y; 
    margin: 0px 0px 0px 0px !important;
    *margin: 0px 0px 0px 0px;
    display: none;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    border: none;
    }

#centerBox01a a {
    padding: 0px;
    margin: 0px 0px 0px 20px !important;
    *margin: 0px 0px 0px 20px;
}

.centerBox03innen {
 
    padding: 10px 10px 10px 20px;
    min-height: 200px;
}

#centerBox01bunten    {
    clear: left;
    float: none;
    display: block;
    padding: 0px;
    margin: 0px 0px 10px 0px !important;
    *margin: 0px 0px 10px 0px;
    background-image: url(../images/rahmen-innen-unten.gif);
    background-repeat: no-repeat; 
    width: 847px;
    height: 17px;
}



.centerBox02a {
    width: 330px; 
    height: 45px;                                                                                                                                      
    padding: 0px;
    margin: 0px;                                                                 
    background-image: url(../images/b-rentner-reparatur.jpg);
    background-repeat: no-repeat;   
    float: left;
    font-size: 0.7em;
    line-height: 100%;
}

/*
.centerBox02a:hover {                                                                                                                                    
    background-image: url(../images/b-rentner-reparatur-active.jpg);
    background-repeat: no-repeat;   
    padding: 0px;
                                                                
}
*/

.centerBox02aactive {  
    width: 330px; 
    height: 45px;                                                                                                                                 
    padding: 0px;
    margin: 0px;                                                                 
    background-image: url(../images/b-rentner-reparatur-active.jpg);
    background-repeat: no-repeat;
    float: left;
}

.centerBox02b {
      width: 305px; 
      height: 45px;                                                                                                                                      
    padding: 0px;
    margin: 0px;                                                                 
    background-image: url(../images/b-gold-zins.jpg);
    background-repeat: no-repeat;   
    float: left;                                                                  
    font-size: 0.7em;
    line-height: 100%;
}

/*
.centerBox02b:hover {                                                                                                                                     
    background-image: url(../images/b-gold-zins-active.jpg);
    background-repeat: no-repeat;   
}
*/

.centerBox02bactive {
      width: 305px; 
      height: 45px;                                                                                                                                 
    padding: 0px;
    margin: 0px;                                                                 
    background-image: url(../images/b-gold-zins-active.jpg);
    background-repeat: no-repeat; 
    float: left; 
}

.centerBox02c {
      width: 326px; 
      height: 45px;                                                                                                                                      
    background-image: url(../images/b-gratis-solar-rente.jpg);
    background-repeat: no-repeat;   
    float: left;                                                                  
    font-size: 0.7em;
    line-height: 100%;
}

/*
.centerBox02c:hover {                                                                                                                                   
    background-image: url(../images/b-gratis-solar-rente-active.jpg);
    background-repeat: no-repeat; 
                                                                   
}
*/

.centerBox02cactive {    
      width: 326px; 
      height: 45px;                                                                                                                             
    padding: 0px;
    margin: 0px;                                                                 
    background-image: url(../images/b-gratis-solar-rente-active.jpg);
    background-repeat: no-repeat; 
    float: left;    
                                                          
}

#centerBox03a {
    clear: left;
    float: none;
    padding: 0px;
    margin: 0px 0px 0px 39px !important;
    *margin: 0px 0px 0px 39px;
    display: none;
    visibility: hidden;                                                                
}

#centerBox03aoben {
    background-image: url(../images/hg-gruen-oben-01.jpg);
    background-repeat: no-repeat; 
    height: 10px;
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}

#centerBox03amitte {
    background-image: url(../images/hg-gruen-mitte-01.jpg);
    background-repeat: repeat-y; 
}

#centerBox03aunten {
    background-image: url(../images/hg-gruen-unten-01.jpg);
    background-repeat: no-repeat; 
    height: 10px;
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}                        

#centerBox03b {
    clear: left;
    float: none;
    padding: 0px;
    margin: 0px 0px 0px 39px !important;
    *margin: 0px 0px 0px 39px;
/*
    display: none;
    visibility: hidden;                                                                
*/
    }

#centerBox03boben {
    background-image: url(../images/hg-beige-oben-durchg.jpg);
    background-repeat: no-repeat; 
    height: 10px;
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}

#centerBox03bmitte {
    background-image: url(../images/hg-beige-mitte-02.jpg);
    background-repeat: repeat-y; 
    padding: 20px;
}

#centerBox03bunten {
    background-image: url(../images/hg-beige-unten-02.jpg);
    background-repeat: no-repeat; 
/*
    height: 10px;
*/    
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}                        

#centerBox03c {
    clear: left;
    float: none;
    padding: 0px;
    margin: 0px 0px 0px 39px !important;
    *margin: 0px 0px 0px 39px;
    display: none;
    visibility: hidden;                                                                
}

#centerBox03coben {
    background-image: url(../images/hg-blau-oben-03.jpg);
    background-repeat: no-repeat; 
    height: 10px;
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}

#centerBox03cmitte {
    background-image: url(../images/hg-blau-mitte-03.jpg);
    background-repeat: repeat-y; 
}

#centerBox03cunten {
    background-image: url(../images/hg-blau-unten-03.jpg);
    background-repeat: no-repeat; 
    height: 10px;
    padding: 0px;
    margin: 0px;
    font-size: 0.0001em;
}                        



















































       






/* FORMATIERUNG: rightBox (NEWS, LOGIN) */

.newsOben {                                                                     
    font-size: 1.1em;
  font-weight: bold;
      
  background-color: #ffffff;
    border-right: 1px solid #D1CFD1;
    
  margin: 0px 0px 0px 0px;
    padding: 10px 0px 8px 0px;
}

.newsMitte {                                                                    
    font-size: 0.85em;
  font-weight: bold;
      
  background-color: #ffffff;
    border-right: 1px solid #D1CFD1;
    
  margin: 0px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
}

.newsMitteLink {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.newsMitteLink a {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.newsMitteLink a:hover {
  font-weight: bold;
    text-decoration: none;
    border: none;
  color: #000000;
  margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.newsUnten {                                                                    
    width: 240px;
    height: 15px;
    
    background: url('../images/rightBox_bottom.png');                             
  background-repeat: no-repeat;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#rightBox img {                                                                 
    width: 128px;
    border: 1px solid #ffffff;
    
    margin: 0px;
    
    padding: 0px;
}




/* LOGIN */

.loginOben {                                                                    
  /*height: 29px;*/
  margin: 0px 0px 0px 0px;

    padding: 10px 0px 2px 8px;
    font-weight: bold;
    font-size: 1.01em;
    line-height: 1.5em;
    color: #56b100;
    border-bottom: 1px solid #56b100;
    text-decoration: none;

    /*background-image: url('../images/xx.jpg');
    background-repeat: no-repeat; */

}

.loginMitte {
  width: 166px;
    /*background-image: url('../images/xx.jpg');
    background-repeat: no-repeat; */

}

.loginUnten {
  height: 20px;
    /*background-image: url('../images/xx.jpg');*/
    /*background-repeat: no-repeat; */
    float: none;
}


#rightBox form {                                                                
    margin: 5px 0px 0px 0px;
    width: 237px;
    border: 1px solid #56b100;
}

#login .inputSet {                                                              
    margin: 5px 10px 0px 10px;
    display: block;
    float: none;
    clear: both;
}

#login .input {                                                                 
    width: 200px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    
}

#login .button {                                                                
    text-align: right;
}
 
#login label {                                                
    width: 200px;
    text-align: left;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    color: #56b100;
    font-weight: normal;
    float: left;
}

#login .primaryAction {                                                         
  margin: 4px 0px 8px 1px;
    color: #56b100;
    font-weight: normal;
    border: 1px solid #56b100;
    background-color: #e3f0cc;
}

#login .primaryAction:hover {
    background-color: #ffffff;
  border: 1px solid #56b100;
}





              





/* FORMATIERUNG: footerBox */
#footerNav {                                                                    
    text-align: left;
    padding: 13px 0px 0px 10px;
}

.footerNavDivider {                                                             
    font-size: 0.7em;
    font-weight: bold;
    color: #000000;

}

#footerNav a {
    font-size: 0.75em;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}


#footerNav a:hover {
    text-decoration: none;
    border: none;
    color: #FF9900;
}

#footerNav .active {
    border: none;
    color: #FF9900;
    text-decoration: none;
}