/* ######################################## */  
/* Zentrale Formate fuer alle Seiten (1) */
/* ######################################## */  

/* ## Grundformat ALLES ## */      
* {
    border-spacing: 0px;    
    border-style: none;
    border-width: 0px;
    font-family: Arial;
    margin: auto;     
    padding: 0px;
    table-layout: fixed;
    text-align: center;
  }

/* ## Grundformat Body (1) ## */
body  {		      
          background-color: #e2e9f4;                             
      }
      
/* ######################################## */      
/* Formate fuer  Kopfteil (2) */		
/* ######################################## */  

/* ## Grundformat Headerbereich  (2.1) ## */
.mainpart_head {
                  background-color: #003a7d;
                  height: 60px;
                  width: 1280px;
                }

/* ## Format Bilder  Headerbereich (2.2) ## */        
.images_l {
            text-align: left;
            width: 135px;
          }

.images_l img {                                                                                      
                text-decoration: none;                                
              }
              
.images_m {
            text-align: left;
            width: 710px;
          }
                
.images_m img {          
                text-decoration: none;
              }
              
.images_r {         
            padding: 0px 4px 0px 0px;
            text-align: right;
            width: 431px;
          }
        
.images_r img {
                height: 20px;
                text-decoration: none;
              }              

/* ## Format fuer Last Updated Headerbereich (2.3) ## */
.lupdate  {
            font-size: 10px;
            color: #ffffff;
            text-align: right;                        
          }

/* ######################################## */      
/* Formate fuer Menue Kopfteil */		
/* ######################################## */  

/* ## Grundformat Menue Kopfbereich  (3.1) ## */
.mainpart_menu {
                  background-color: #003a7d;
                  height: 24px;                                      
                  width: 1280px;
               }


/*  ## Kopfmenue Menueformatierung (3.2) ## */		
#dhtmlgoodies_menu  {
                      color: #ffffff;
                      font-size: 12px;
                      text-align: center;                      
                      visibility: hidden;
					  height: 24px;
	                  }
	
#dhtmlgoodies_menu ul {
		                background-color: #003a7d;
		                border-color: #e2e9f4;
                        border-width: 4px 0px 0px 0px; 
                        border-style: solid;                        
                        color: #ffffff;		      		                    		                    
		                padding: 1px;	
                        text-align: left;	                    
	                    }
	                                 
#dhtmlgoodies_menu li {
		                color: #ffffff;
		                list-style-type: none;	/* No bullets */
                        text-align: left;		                    
	                    }	

#dhtmlgoodies_menu ul li ul {
		                          background-color: #000000;
                              color: #ffffff;
		                          display: none;	/* Needed to display ok in Opera */
		                          text-align: left;
                              text-decoration: none;                              		                          
	                          }

#dhtmlgoodies_menu a  {
                        color: #ffffff;
		                    padding: 0px 2px 0px 2px;                        
		                    text-align: left;
                        text-decoration: none;		                    
	                    }


#dhtmlgoodies_menu .currentDepth1 { 
                                    border: 1px solid #d3dfef;
                                    text-align: left;
                                    text-decoration: none;                                                                        
	                                }

#dhtmlgoodies_menu .currentDepth1 div {
                                    padding: 0px 5px 0px 5px;	
}
#dhtmlgoodies_menu .currentDepth1over {                                        
                                        background-color: #d3dfef;                                        
                                        border: 1px solid #000000;                                        	
                                        text-align: left;
                                        text-decoration: none;                                        
                                      }

#dhtmlgoodies_menu .currentDepth1over div {
                                        padding: 0px 5px 0px 5px;
}

#dhtmlgoodies_menu .currentDepth1 a {
		                                  font-weight: normal;
		                                  text-align: left;
                                      text-decoration: none;		                                  
	                                  }

#dhtmlgoodies_menu .currentDepth1over a {	/* Text rules */
                                          color: #003a7d;
      		                                font-weight: normal;
      		                                text-align: left;
                                          text-decoration: none;      		                                
	                                      }

#dhtmlgoodies_menu .currentDepth2 {
		                                background-color: #003a7d;
                                    border: 1px solid #ffffff;
                                    color: #000000;
		                                padding-right: 2px;	
                                    text-align: left;
                                    text-decoration: none;                                    
	                                }

#dhtmlgoodies_menu .currentDepth2over {		                                    
		                                    background-color: #d3dfef;
		                                    border: 1px solid #000000;
		                                    padding-right: 2px;
		                                    text-align: left;
                                        text-decoration: none;		                                    
	                                    }	

#dhtmlgoodies_menu .currentDepth2over a {	/* Text rules */
		                                      color: #003a7d;
		                                      text-align: left;
                                          text-decoration: none;		                                      
	                                      }	
	
#dhtmlgoodies_menu .currentDepth3 {
		                                background-color: #003a7d;
                                    border: 1px solid #ffffff;
                                    color: #000000;
		                                text-align: left;
                                    padding-right: 2px;		                                                              
	                                }

#dhtmlgoodies_menu .currentDepth3over {
		                                    background-color: #d3dfef;
                                        border: 1px solid #000000;
                                        color: #003a7d;
		                                    text-align: left;
                                        padding-right: 2px;		                                    
	                                    }
	
#dhtmlgoodies_menu .currentDepth3over a {	/* Text rules */
		                                      color: #003a7d;
		                                      text-align: left;
	                                      }	
	
#dhtmlgoodies_menu .currentDepth4 {		                                
		                                border: 1px solid #ffffff;
		                                padding-right: 2px;
		                                text-align: left;
	                                }

#dhtmlgoodies_menu .currentDepth4over {		                                    
		                                    background-color: #ebede3;
		                                    border: 1px solid #000000;
		                                    padding-right: 2px;
		                                    text-align: left;
                                      }

/* ######################################## */      
/* Formate fuer Kategoriemenue (4) */		
/* ######################################## */  

/* ## Grundformat Tabelle (4.1) ## */
#mainpart_article {                                                    
                    width: 1280px;                  
                  }
/* ######################################## */

/* ## Grundformat Kategoriemenue TD (4.2) ## */                                      
#mainpart_article .mainpart_navi {
                  background-color: #e2e9f4;                  
                  vertical-align: top;
                  width: 216px;
               } 

/* ## Format Kategoriemenue DIV (4.3) ## */
#mainpart_article .navi_border  {
                background-color: #d3dfef;
                border-color: #003a7d;
                border-style: solid;
                border-width: 2px;
                margin: 4px auto 4px auto;
                padding: 4px 0px 4px 4px;                                
                white-space: wrap;
                overflow: auto;
                width: 212px;                
              }

/* ## Topmenuepunkt Kategoriemenue  (4.4) ## */                      
#mainpart_article .navi_top {           
            color: #003a7d;             
            font-size: 11px;            
            font-weight: bold;
            text-align: left;
            vertical-align: top;
          }

#mainpart_article .navi_top img {
                vertical-align: middle;
              }          
          
/* ## Untermenupunkte Kategoriemenue  (4.5) ## */
#mainpart_article .navi_point {
              color: #003a7d;             
              font-size: 10px;              
              font-weight: normal;
              text-align: left;
              vertical-align: top;
            }
            
#mainpart_article .navi_point img {
                vertical-align: middle;
              }                      
                                  
#mainpart_article .navi_point a:link  {    
                      color: #003a7d;
                      text-align: left;
                      vertical-align: top;
                    } 

#mainpart_article .navi_point a:visited {    
                        color: #003a7d;
                        vertical-align: top;
                      }                       

#mainpart_article .navi_point a:hover {    
                      color: #000000;
                      vertical-align: top;
                    }

/* ######################################## */      
/* Formate fuer Mittelteil (6) */		
/* ######################################## */  

/* ## Grundformat Mittelteil  TD (6.1) ## */  
#mainpart_article .mainpart_maintext  {
                                        background-color: #e2e9f4;                                        vertical-align:top;
                                        width: 640px;                                      
                                      }           

/* ## Grundformat Mittelteil DIV (6.2) ## */
#mainpart_article .mainpart_object  { 
                                      padding: 4px 0px 0px 4px;
                                      margin-left: 4px;
                                      overflow: auto;
                                      width: 640px;              
                                    }

#mainpart_article .mainpart_object_maintext {
                                              border-color: #003a7d;
                                              border-style: solid;
                                              border-width: 2px; 
                                            }

/* ## Textformatierungen Mittelteil Kurztext Ueberschrift (6.3) ## */          
#mainpart_article .mainpart_kurztext_head {                  
                                            background-color: #003a7d;                          
                                            color: #ffffff;                         
                                            font-size: 18px;
                                            font-weight: bold;
                                            padding: 4px;
                                            text-align: left;
                                          }                   
                          
/* ## Textformatierungen Mittelteil ERP Nummer (6.4) ## */
#mainpart_article .maintext_erp {                
                                  background-color: #d3dfef;                                
                                  color: #003a7d;
                                  font-size: 16px;
                                  font-weight: bold;
                                  padding: 10px 4px 10px 4px;                
                                  text-align: left;
                                }

/* Preis (wenn veröffentlicht) 
#mainpart_article .maintext_preis {
    background-color: #D3DFEF;
    color: #003A7D;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 4px;
    float:right;
    margin-right: 0.3em;
}*/
#mainpart_article .maintext_preis {
                                  background-color: #d3dfef;                                
                                  color: #003a7d;
                                  font-size: 0.8em;
                                  padding: 10px 4px 10px 4px;                
                                  text-align: left;
							      background-color: #D3DFEF;
								  border-color: #003A7D;
								  border-style: solid;
								  border-width: 2px;
								  margin-top: 10px;
}
#mainpart_article .maintext_preis p {
									text-align: left;
									margin: 5px;
}

/* ## Textformatierungen Mittelteil Brotkrumennavigation (6.5) ## */
#mainpart_article .brotkrumen {
                                background-color: #003a7d;              
                                color: #ffffff;                           
                                font-size: 12px;
                                font-weight: bold;
                                padding: 4px;
                                text-align: justify;
                              }

/* ## Textformatierungen Mittelteil Produkttext mit Rand (6.6) ## */
#mainpart_article .maintext_prodtext_rand {
                                            background-color: #d3dfef;                          
                                            color: #003a7d;
                                            display: block;                       
                                            font-size: 14px;
                                            font-weight: normal;
                                            padding: 10px 4px 10px 4px;
                                            text-align: justify;
                                            
                                          }
                                          

                    
/* ## Textformatierungen Mittelteil WIR SUCHEN ## */                    
#mainpart_article .ankauf {          
                            background-color: #d3dfef;
                            color: #ff0000;
                            font-weight: bold;
                            padding: 10px 4px 10px 4px; 
                            text-align: left;         
                          }                        

/* ## Textformatierungen Mittelteil Hintergrund Unten (6.7) ## */
#mainpart_article .kurztext_bot {
                                  background-color: #003a7d;                                
                                  font-size: 12px;
                                  font-weight: bold;
                                  text-align: center;                  
              }

#mainpart_article .kurztext_bot a {
                                    text-decoration: none;
                                  }
                
#mainpart_article .kurztext_bot a:link  { 
                                          color: #ffffff;
                                        }
          
#mainpart_article .kurztext_bot a:hover { 
                                          color: #d3dfef;                        
                                        }
                
#mainpart_article .kurztext_bot a:visited { 
                                            color: #ffffff;
                                          }                

/* ## Textformatierungen Mittelteil Produkttext mit Rand Kopfzeile (6.10) ## */

#mainpart_article .maintext_contact_border  {
                                              background-color: #d3dfef;
                                              border-color: #003a7d;
                                              border-style: solid;
                                              border-width: 2px; 
                                              margin-top: 10px; 
                                            }
                                            
#mainpart_article .maintext_neuprodukte  {
                                            background-color: #003a7d;
                                            color: #ffffff;
                                            font-size: 16px;
                                            font-weight: bold;
                                            margin-top: 10px;
                                            padding: 4px 4px 4px 4px;
                                            text-align: left;
                                          } 

#mainpart_article .maintext_neuprodukte a:link  {
                                                  color: #ffffff;
                                                }


#mainpart_article .maintext_contact_head  {
                                            color: #FFFFFF;
                                            font-size: 16px;
                                            font-weight: bold;
                                            padding: 4px;
                                            text-align: left;
											background-color: #003a7d;
                                          }
                        
#mainpart_article .maintext_contact_head a:link {
                                color: #003a7d;
                              }
                              
#mainpart_article .maintext_contact_head a:visited {
                                    color: #003a7d;
                                 }       

#mainpart_article .maintext_contact_head a:hover  {
                                  color: #000000;                            
                                }                          

#mainpart_article .maintext_contact_border a:link {
                                  color: #ffffff;
                                }
                              
#mainpart_article .maintext_contact_border a:visited  {
                                      color: #ffffff;
                                    }       

#mainpart_article .maintext_contact_border a:hover  {
                                    color: #dedfef;                            
                                  }                                                                                  

/* ## Textformatierungen Mittelteil Kontakttext ohne Rand (6.12) ## */
#mainpart_article .maintext_contact {
                    
                    color: #003a7d;
                    font-size: 16px;
                    font-weight: bold;
                    padding: 10px 4px 10px 4px;
                    text-align: left;
                  }

#mainpart_article .maintext_contact a:link  {
                            color: #003a7d;
                          }
                              
#mainpart_article .maintext_contact a:visited {
                              color: #003a7d;
                            }       

#mainpart_article .maintext_contact a:hover {
                            color: #000000;                            
                          }                                                        
                  
/* ## Textformatierungen Mittelteil Produkttext mit Rand (6.13) ## */
#mainpart_article .maintext_contact_rand {                          
                                            color: #003a7d;                        
                                            font-size: 14px;
                                            font-weight: normal;
                                            padding: 0px 4px 10px 4px;
                                            text-align: justify;                                                                              
                                        }  

#mainpart_article .maintext_contact_rand a:link {
                                                  color: #003a7d;
                                                }
                              
#mainpart_article .maintext_contact_rand a:visited  {
                                                      color: #003a7d;
                                                    }       

#mainpart_article .maintext_contact_rand a:hover  {
                                                    color: #000000;                                                                   
                                                  } 

#mainpart_article .maintext_contact_rand ul {
                                              padding: 0px 4px 0px 20px;                           
                                            }
                                
#mainpart_article .maintext_contact_rand ul li  {
                                                  text-align: left;
                                                }

                                
/* ## Textformatierungen Mittelteil Produkttext mit Rand Abschluss Unten (6.14) ## */                    
#mainpart_article .maintext_bot {  
                                  background-color: #d3dfef;
                                  border-color: #003a7d;
                                  border-style: solid;
                                  border-width: 2px;
                                  height: 0px;
                                }
                                         
/* ## Favicons Mittelteil (6.15) ## */
#mainpart_article .images_fav {                
                                padding: 0px 4px 10px 4px;
                                text-align: center;
                                
                              }

#mainpart_article .images_fav input {                                 
                                      text-decoration: none;
                                    }
            
#mainpart_article .images_fav a img {                                      
                                      text-decoration: none;
                                    }                  

/* ######################################## */      
/* Formate fuer Bildteil Rechts (7) */		
/* ######################################## */  

/* ## Grundformat Bildteil  TD (7.1) ## */
#mainpart_article .mainpart_pictures_table  {                                                 
                                              background-color: #e2e9f4;
                                              padding: 4px 0px 4px 4px;
                                              vertical-align: top;
                                              width: 400px;
                                            }

/* ## Grundformat Bildteil  DIV (7.2) ## */                    
#mainpart_article .mainpart_pictures  {
                                        border-color: #003a7d;
                                        border-style: solid;
                                        border-width: 0px 2px 2px 2px;
                                        margin: 0px auto 0px auto;
                                        width: 400px;      
                                      }

/* ## Format Bilder  ## */
/* #mainpart_article .mainpart_pictures img  {  
                                            width: 400px;
                                          }                      */

/* ## Format Produktampel (7.3) ## */
#mainpart_article .ampel  {        
                            background-color: #003a7d;
                            height: 32px;      
                            text-align: left;
                            vertical-align: middle;                
                          }

#mainpart_article .ampel_l  {                 
                              height: 32px;
                              vertical-align: middle;
                            }

#mainpart_article .ampel_l img  {                           
                                  height: 24px;
                                  vertical-align: middle;
                                  width: 64px;
                                }
                        
#mainpart_article .ampel_r  {                                                                
                              color: #ffffff;          
                              font-size: 12px;
                              font-weight: bold;                      
                              font-variant: small-caps;
                              height: 32px;                                                                                                                                                  
                            } 
             
#mainpart_article .lupdate_ampel  {                  
                  color: #ffffff;               
                  font-size: 10px;
                  height: 32px;
                  line-height: 32px;                                      
                  width: 212px;
                }
                                                
/* ######################################## */      
/* Formate fuer Favourite Products Unten (9) */		
/* ######################################## */  

/* ## Grundformat Favourite Products Tabelle  (9.1) ## */ 
#mainpart_fav {
                background-color: #ffffff;
                margin-top: 10px;
                width: 1280px;
              }

/* ## Format Favourite Products Zellen  (9.2) ## */
#mainpart_fav .favourites {                     
                            color: #003a7d;
                            font-size: 12px;              
                            text-align: center;
                          }
            
#mainpart_fav .favourites a:link  {
                                    color: #003a7d;
                                  }          

#mainpart_fav .favourites a:visited {
                                      color: #003a7d;
                                    }          

#mainpart_fav .favourites a:hover {
                                    color: #000000;                      
                                  }                  
          
/* ## Format Favourite Products Spalten  (9.3) ## */          
#mainpart_fav .favourites td  {
                                padding: 10px;
                                vertical-align: top;
                                width: 236px;                      
                              } 

/* ########################################   */      
/* Formate fuer Angebotsbedingungen Unten (8) */		
/* ########################################   */  

/* ## Grundformat Angebotsbedingungen Tabelle (8.1) ## */  
#mainpart_agb {                              
                background-color: #e2e9f4;
                width: 1280px;
              }

/* ## Format Angebotsbedingungen Ueberschrift  (8.2) ## */
#mainpart_agb .agb_type1  {
                            background-color: #003a7d;          
                            color: #ffffff;              
                            font-size: 18px;
                            font-weight: bold;          
                            padding: 4px;
                            text-align: left;
                          }

/* ## Format Angebotsbedingungen Text Normal  (8.4) ## */          
#mainpart_agb .agb_type3 {             
                            color: #003a7d;              
                            font-size: 12px;          
                            padding: 10px 0px 10px 0px;;
                            text-align: justify;              
                          }
           
#mainpart_agb .agb_type3 a:link {
                                  color: #003a7d;                    
                                }          

#mainpart_agb .agb_type3 a:visited  {
                                      color: #003a7d;
                                    }          

#mainpart_agb .agb_type3 a:hover  {
                                    color: #000000;                      
                                  }                    

/* ######################################## */      
/* Formate fuer Footermenu Unten (11) */		
/* ######################################## */  

/* ## Grundformat Footermenu Tabelle (11.1) ## */          
#mainpart_footmenu  {          
                      background-color: #003a7d;
                      height: 40px;
                      margin: 0px auto 4px auto;
                      width: 1280px;
                    }                 

/* ## Format Footermenu Zelle  (11.2) ## */                       
#mainpart_footmenu .footmenu_l  {             
                                  color: #ffffff;            
                                  font-size: 14px;
                                  padding: 0px 0px 0px 4px;
                                  text-align: left;              
                                  width: 1000px;                                    
                                }

/* ## Format Footermenu Linkfarben ## */          
#mainpart_footmenu .footmenu_l a:link { 
                                        color: #ffffff;
                                      }
          
#mainpart_footmenu .footmenu_l a:hover  { 
                                          color: #e2e9f4;
                                        }
                
#mainpart_footmenu .footmenu_l a:visited  { 
                                            color: #ffffff;                      
                                          }
/* ## Format Footermenu Suche ## */
#mainpart_footmenu .footmenu_r  {                           
                                  color: #ffffff;            
                                  font-size: 14px;
                                  padding: 0px 4px 0px 0px;
                                  text-align: right;                       
                                  width: 268px;                                   
                                }

#mainpart_footmenu .footmenu_r form fieldset  {
                                                text-align: right;
                                              }

#mainpart_footmenu .footmenu_r form fieldset legend {
                                                      display: none;
                                                    }

#mainpart_footmenu .footmenu_r form input {
                                            border-color: #646464;
                                            border-style: solid;
                                            border-width: 2px;
                                            color: #003a7d;
                                            text-align: left;
                                            width: 100px;
                                          }

/* ######################################## */
/* ######################################## */
/* ######################################## */

/* ######################################## */      
/* Formatierungen Indexseite            */		
/* ######################################## */  

/* ## Kategoriebilder Indexseite  ## */
.categories {                                                                                
              background-color: #ffffff;              
              color: #000000;
              font-size: 14px;       
			  line-height: 20px;
              text-align: center;
              width: 1276px;
            }
            
.categories_div {
                  border-color: #003a7d;
                  border-width: 2px;
                  border-style: solid;
                  margin-top: 4px;
                  width: 1276px;
                }            

.categories tr td {                                        
                    color: #000000;
                    text-align: center;
                    padding: 10px 6px 10px 6px;
                    width: 220px;
                  }
            
.categories img {                   
                        height: 50px;
                        width: 220px;
                      }     

/* ## Indexseite Linkfarbe ## */
.categories a {
                color: #000000;
                text-align: center;                
              }            
            
.categories a:hover {
                      color: #000000;
                      text-align: center;
					  font-weight: bold;
					  text-decoration: none;
                    }
            
.categories a:link  {
                      color: #000000;
                      text-align: center;
					  text-decoration: none;
                    }
            
.categories a:visited {
                        color: #333333;
                        text-align: center;                        
                      }                    





/* CSS Tree menu styles */
ol.navi_tree
{
	padding: 0 0 0 23px;
	max-width: 180px;
	font-size: 0.8em;
}
	li.navi_folder
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
		font-size: 0.8em;
		font-size: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;

	}
	li.navi_article
	{
		margin-left: -15px !important;
		font-size: 0.8em;
		font-size: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
	}
		li.navi_article a
		{
			background: url(https://www.brakensiek.de/grafik/article.png) 0 0 no-repeat;
			color: #000;
			padding-left: 21px;
			text-decoration: none;
			display: block;
			text-align:left;
		}
		li.navi_article a:hover
		{
			color: #D3DFEF;
			background-color: #555555;
		}
	li.navi_separator 
	{
		margin-left: -10px !important;
		margin-right: 150px !important;
	}
	li.navi_folder input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
	
		li.navi_article input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li.navi_folder input + ol
		{
			background: url(https://www.brakensiek.de/grafik/folder-closed.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
		
	li.navi_folder label
	{
		cursor: pointer;
		display: block;
		padding-left: 20px;
		text-align:left;
	}


	li.navi_folder input:checked + ol
	{
		background: url(https://www.brakensiek.de/grafik/folder-opened.png) 40px 1px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 65px;
		height: auto;
	}
		li.navi_folder input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li.navi_folder input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }