/* gesamtcontainer der Seite */
.gesamt {
  width:100%;
  height:100%;
  margin:0 0 0 0;
  padding:0;
  /*border:1px solid #004080;*/
}

/* Container fuer Gesamten Header */

.header-ges {
  width:100%;
  float:right;
  
}

/*container fuer Header-Bereich links  - Logo */

.header-li-home {
  width:20%;
  margin:0;
  padding: 10px 0px 0 0px;
  
  float:left;
  height:80%;
  font-size:95%;
  color: #000000;
  font-weight:bold;
}

/*container fuer Header-Bereich links  - Logo */

.header-li {
  width:20%;
  /*background-image:url(/pic/farbbalken_din_kat_halb.gif);
  background-position:bottom left;
  background-repeat:no-repeat;*/
  margin:0;
  padding: 0px 0px 0 0px;
  float:left;
  height:45px;
  font-size:80%;
  color: #000000;
  font-weight:bold;
}




/*container fuer Header-Bereich  - Bild gesamt ohne bild*/

.header-bild-con {
  width: 80%;
  height:45px;
  background-color:#BFD5DD;
  float:left;
  margin:0;
  }
  
  /*container fuer Header-Bereich  - Bild gesamt ohne bild*/

.header-bild-con-home {
  width: 80%;
  height:80px;
  background-color:#BFD5DD;
  float:left;
  margin:0;
  }

  
  
/* conatiner fuer Bild links */

.bild-links {
  width:79%;
  height:45px;
  background-image:url(/pic/header_din_kat_li.gif);
  background-repeat:no-repeat;
  float:left;
  border-top: 0px;
  border-right:0px; 
  border-bottom: 0px;
  border-left:3px solid #004080;
  margin:0;
} 

/* conatiner fuer Bild links */

.bild-links-home {
  width:79%;
  height:80px;
  background-image:url(/pic/header_din_kat_li.gif);
  background-repeat:no-repeat;
  float:left;
  border-top: 0px;
  border-right:0px; 
  border-bottom: 0px;
  border-left:3px solid #004080;
} 


 

/* conatiner für Bild rechts */
.bild-rechts-home {
  width:18%;
  /*height:75px;*/
  float:left;
  text-align:right;
  padding: 0 5px 0 0;
  margin:10px 0 0 0;
   }
   
/* conatiner für Bild rechts */
.bild-rechts {
  width:18%;
  /*height:45px;*/
  float:left;
  text-align:right;
  padding: 0 5px 0 0;
  margin:10px 0 0 0;
   }



/*container fuer meta-navi*/

.meta-navi-ges {
  float: left;
  width: 100%;
  /*height:20px;*/
  border-bottom: 1px solid #004080;
  margin: 3px 0 3px 0;
  }
  
.meta-navi {
  float: right;
  width: 75%;
  /*height:20px;*/
  text-align:right;  
  /*border-bottom: 1px solid #004080;*/
  padding: 0px 0 0px 0;
  margin:0 10px 0 0;
  }
  
.meta-stand {
 float:left;
 width:20%;
 padding: 0px 0 3px 10px;
 } 

/*Container Pfadnavigation */

.pfad-con {
 width:100%;
 float:left;
}

.pfad {
  width:53%;
  float:left;
  height: 20px;
  text-align:left;
  padding:0px 0 0px 0;

  }
  
/*Container Link Warenkorb*/

.waren {
  width:25.0%;
  float:right;  
  margin:0;
  text-align:right;
  padding:1px 15px 2px 0px;
  background-color:#EAF1F4;
  border-left:1px solid #004080;
  font-size:80%;
  }  
  
  
.leer-con-re {
  width:18%;
  float:right;
  border-top:0px;
  border:0px;

  } 
  
/*Gesamtcontainer main Bereich beinhaltet linke und rechte Navigation und main bereich */

.main-ges {
  width:100%;
  float:left;
  margin: 0px 0 0 0;
}  

/*container linke Navigation */

.nav-con-li {
  width:17%;
  border-top:0px;
  border-right:1px solid #004080;
  border-bottom:0px;
  border-left:0px;
  float:left;
  height:100%;

  }
  
/*Container top fuer Titel - blau*/

.titel-li {
  width:100%;
  background-color:#004080;
  height:20px;
  float:left;
  }  
  
.nav-inhalt {
  width:98%;
  /*width: 100px;*/
  float:left;
  border-top:0px;
  border-right:0px;
  border-bottom:1px solid #004080;
  border-left:0px;
  padding:0 0 5px 0;
}  
  
  
/*Container main Content Bereich */

.main-content {
  width:65%;  /* 58 */
  float:left;
  margin:0 5px 0 5px;
  padding:0;
  }
  
.titel-main {
  width:100%;
  border-top:3px solid #004080;
  border-right:0px solid #004080;
  border-bottom:0px;
  border-left:3px solid #004080;
  /*background-color:#004080;*/
  height:20px;
  float:left;
  margin:0 0 2px 0;
  }  
  
.titel-print{
  display:none;
  }
  
/*Container fuer Homepage Titel mit border oben*/  
.con-titel-main-home {
  width:100%;
  border-top:3px solid #004080;
  border-right:0px solid #004080;
  border-bottom:0px;
  border-left:0px solid #004080;
  /*background-color:#004080;*/
  float:left;
  }  
  
  
 /*Container fuer  Titel Home mit border links*/
 
 .titel-main-home {
   width:98%;
   float:left;
   border-top:0px solid #004080;
   border-right:0px solid #004080;
   border-bottom:0px;
   border-left:3px solid #004080;
  
   }
 
  
  
  
/*Spalte fuer Lesezeichen titel main Contentbereich - Ergebnisliste und Volltext Bereich */
.spalte-main-15 {
   width:15%;
   float:left;
   height:20px;
}  


  
/* Spalte fuer Artikel-titel in Ergebnisanzeige und Volltext im Titelbereich und Warenkorb*/
.spalte-main-60 {
   width:75%;
   float:left;
   /*height:20px;*/
   border-top:0px;
   border-right:0px;
   border-bottom:0px;
   border-left:1px solid #004080;
   margin:0;
   padding:0;
      }
/*Container fuer Container Artikelanzeige Volltext pro Datenfeld - beinhaltet daten-main-30 und daten-main-60*/  

.daten-main-100 {
   width:100%;
   float:left;
   margin: 2px 0 0 0;
   }
	  
/* Container fuer   Datenfeldbezeichnung -Artikelbezeichnungenin Volltextanzeige	 */ 

.daten-main-30 {
    width:30%;
	float:left;
	text-align:left;
	/*height:100%;*/
	}  
 /* Container fuer  Artikelbezeichnungen - Datenfeldbezeichnung Volltext  */
 
 .daten-main-60 {
    width:65%;
	float:right;
	text-align:left;
	}
	  
/*container Ergebisanzeige einspaltig hell */
.ergebnis-einsp-hell {
   width:100%;
   float:left;
   margin: 0px 0 0 0;
   padding:0;
   background-color:#EAF1F4;
   }
	  
	  
/*container Ergebisanzeige einspaltig hell mit Border unten*/
.ergebnis-einsp-hell-border-top {
   width:100%;
   float:left;
   margin: 0;
   padding: 0px 0 0 0;
   border-top:1px solid #FFFFFF;
   background-color:#EAF1F4;
   }
	  
/* Container fuer Artikel im Warenkorb */
.waren-artikel {
   width:100%;
   float:left;
   background-color:#EAF1F4;
   margin:10px 0 0 0;   
   }	



	  
/* Container fuer Warenkorb Spalte 13% links*/
.waren-main-13 {
   width:13%;
   float:left;
   margin:0;
   padding:0;
   }	
   
/* Container fuer Warenkorb Spalte 15% links PREIS Gesamt*/
.waren-main-gesamtpreis {
   width:30%;  /*18*/
   float:left;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
     
   padding:0 0 0 6px;
   text-align:right;
   }	

/* Container fuer Warenkorb Spalte 15% links PREIS Einzel*/
.waren-main-einzelpreis {
   width:30%;  /*18*/
   float:left;
   border-top:0px;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   padding:0 0 0 6px;
   text-align:right;
   }	

/* Container fuer Warenkorb Bestellung Spalte 15% rechts PREIS Gesamt*/
.waren-bestell-gesamtpreis {
   width:18%;
   float:right;
   border-top:0px;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
 
   padding:0 0 0 6px;
   text-align:right;
   margin-right: 16px;
   }	

.waren-bestell-gesamtpreis-border {
   width:18%;
   float:right;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
 
   padding:0 0 0 6px;
   text-align:right;
   margin-right: 16px;
   }	


/* Container fuer Warenkorb Spalte 15% rechts PREIS Einzel*/
.waren-bestell-einzelpreis {
   width:18%;
   float:right;
   border-top:0px;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   padding:0 0 0 6px;
   text-align:right;
   margin-right: 16px;
   }	

   
 /* Container fuer Warenkorb Spalte 20% rechts*/
.waren-main-20-re {
   float:right;
   width:100%;
   margin:0;
   padding:0;
   
   }	
   
 .waren-edit-row {
   
   width:100%;
   padding:0 0 0 6px;
   
 } 
   
   
   
   
   
   
   
/*Container fuer Artikel-bestellen unterhalb vom Artikel*/
.waren-artikel-bestellen {
  float:right;
  width:30%;
  padding:3px 0 0 0;
  }
   
   
/* Container fuer Warenkorb Spalte 50% links*/
.waren-main-50 {
   width:50%;
   float:left;
   margin:0;
   padding:0;
   }	

/* Container fuer Warenkorb Spalte 50% rechts*/
.waren-main-50-rechts {
   width:50%;
   float:left;
   margin: 5px 0 0 0;
   padding:0;
   text-align:right;
   }	


.waren-main-80 {
   width:80%;
   float:left;
   margin:0;
   padding:0;
   }	
    
   
 /*Spalte fuer gesetzte Funktionalitaeten Ergebnisanzeige und Volltext ubd Warenkorb Artikel-Titel*/
 .spalte-main-30 {
    width:20%;
	float:right;
	/*height:20%;*/
	border-top:0px;
    border-right:0px;
    border-bottom:0px;
    border-left:1px solid #004080;
	text-align:right;
	margin:0;
	padding:0;
	}  

  
/*Container fuer Content weiss einspaltig nimmt wenn Zweispaltig den Inhalt auf */  

.main-einsp-weiss {
   background-color:#FFFFFF;
   width: 99%;
   float:left;
   margin: 0px 0 0 0;
   padding:0 0 5px 0;
   }
   
/*Container fuer Content weiss einspaltig mit oberem Border fuer Formulare - Registrierung */  

.main-einsp-weiss-border {
   background-color:#FFFFFF;
   width:100%;
   float:left;
   margin: 10px 0 0 0;
   padding:10px 0 0 0;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;

   }
   
 
 /* Zwischencontainer fuer Ergebnisanzeige inkl nach oben und Container fuer Suche */
   
.main-nach-oben {
   width:100%;
   float:left;
   margin: 2px 5px 0 0;
   background-color:#FFFFFF;
   }
   
   
/*Container fuer Inhalte doppelspaltig  wie Ergebnisliste Auspraegung der Artikel mit border oben*/   
.main-zwsp-48-li  {
   float:left;
   width:49%;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   margin:10px 0 0 0;
   }  
   
.main-zwsp-48-re  {
   float:right;
   width:49%;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   margin:10px 0 0 0;
   text-align:right;
   }  
   
   
 /*Container fuer Inhalte doppelspaltig  wie Ergebnisliste Auspraegung der Artikel ohne border */   
.zwsp-48-li-o  {
   float:left;
   width:49%;
   margin:10px 0 0 0;
   }  
   
.zwsp-48-re-o  {
   float:right;
   width:49%;
   margin:10px 0 0 0;
   }  
  


/* rechte Spalte mit links ausgerichtetem Text fuer Impressum */
.main-zwsp-48-re-text-li {
   float:right;
   width:49%;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   margin:10px 0 0 0;
   text-align:left;
   }  


  
/*container Content einspaltig hell */
.main-einsp-hell {
   width:100%;
   float:left;
   margin: 10px 0 0 0;
   background-color:#EAF1F4;
   }
   
/*container Content einspaltig hell mit Border oben*/
.main-einsp-hell-border {
   width:100%;
   float:left;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;
   margin: 10px 0 5px 0;
   background-color:#EAF1F4;
   }
   
   
/*container ContentNav hell */
.main-einsp-nav {
   width:100%;
   float:left;
   margin: 10px 0 0 0;
   background-color:#EAF1F4;

   }
   
   
/*titel fuer Container einspaltig hell */
.einsp-hell-titel{
   width:100%;
   background-color:#BFD5DD;
   float:left;
   padding:0;
   height:auto;
   }   
  

/* Container fuer Artikelinhalte Ergebnisliste und Volltext */
.main-zwsp-60 {
   float:left;
   width:56%;
}  


/* Container fuer Funktionsbereich am Artikel in Ergebnisliste*/
.main-zwsp-30 {
   float:right;
   width:38%;
   background-color:#EAF1F4;
}  


/*Container fuer Artikel-Navigation unterhalb vom Artikel*/
.main-artikel-nav {
  float:left;
  width:70%;
  /*width:50%;*/
  padding:3px 6px 3px 3px;
  margin:0;
  text-align:left;
  }


/*Container fuer Artikel-bestellen unterhalb vom Artikel*/
.main-artikel-bestellen {
  float:right;
  width:22%;
  padding:3px 6px 3px 6px;
  background-color:#EAF1F4;
  border-top:2px solid #004080;
  border-right:0px solid #004080;
  border-bottom:0px solid #004080;
  border-left:2px solid #004080;
  text-align:center;
  }

/* Container fuer Login in Navigation Linkes*/
.nav-hintergrund {
   float:left;
   width:96%;
   background-color:#EAF1F4;
   margin:0;
   padding:3px 0 10px 5px;
}  


/* Container fuer vor und zurueck Button Navigation */
.main-15 {
   float:left;
   width:15%;
   margin:10px 0 0 0;
}  

/* Container fuer Anzahlanzeige Volltext Navigation */
.main-auto {
   float:left;
   width:auto;
   padding: 0 0 10px 5px;
}  


/* Container login mit blauem Hintergrund */
.login-titel {
   float:left;
   width:100%;
   background-color:#004080;
}
  
/* Container rechte Navigation */

.nav-con-re {
  width:16%;
	/*position:absolute;*/
  float:right;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left:1px solid #004080;
  height:100%;

  } 
  
  * html .nav-con-re
{ /* fuer IE Win */
position:absolute;
/* */
} 

  
/*Container fuer Zwischentitel Blau hinterlegt*/   
  
 .titel-re {
  width:100%;
  background-color:#004080;
  height:20px;
  float:left;
  margin: 0 0 5px 0;
 }
 
/*Container fuer Link ausrichtung*/

.nav-re-link {
  width:100%;
  float:left;
  margin: 10px 0 10px 0;
  padding: 0px 5px 0px 5px;
  } 

.leer-ie {  float:left; width:96%; color:#FFFFFF; background-color:#FFFFFF;}

/*Container fuer Index*/
  
.index-20-li {
  width:20%;
  display:block;
  color:#000000;
  float:left;
  }
  
  .index-80-re {
  width:80%;
  display:block;
  color:#000000;
  float:right;
  }


.ics-25{
   float:left;
   width:20px;
   }
   
  
.ics-ebene {
  float:left;
  width:auto;
  clear:right;
  font-size:80%;
  color:#000000;
  margin:0px;
  padding:3px 0 0 5px;
  }


.druck-zeile {
 float:left;
 font-size:1%;
 width:100%;
 display: none;
 }

.main-ics {
   background-color:#FFFFFF;
   width:100%;
   float:left;
   margin: 0px 0 0 0;
   padding:0 0 0px 0;
   }

.main-art-auspraegungen-100 {
  width: 99%;
  float: left;
 margin:0 0 0 0;
  padding:0;
}

.main-art-auspraegungen-100-rechts {
  width: 99%;
  float: right;
 margin:0 0 0 0;
  padding:0;
text-align: right;
}

.main-art-auspraegungen-20 {
  width:20%;
  float:left;
  margin:0 0 0 0;
  padding:0;
}

.main-art-auspraegungen-25 {
  width:24%;
  float:left;
  margin:0 0 0 0;
  padding:0;
}

.main-art-auspraegungen-15 {
  width:15%;
  float:left;
  margin:0 0 0 0;
  padding:0;
}

.main-art-auspraegungen-30 {
  width:31%;
  float:left;
 margin:0 0 0 0;
  padding:0;
}

.main-art-auspraegungen-35 {
  width:35%;
  float:left;
 margin:0 0 0 0;
  padding:0;
}

.daten-main-50 {
  float:left;
  width:48%;
  } 
  
  .main-art-auspraegungen-50 {
  width:49%;
  float:left;
 margin:0 0 0 0;
  padding:0;
}