/* css-formate */
/* vob2 */

/* START REITER */
.tab, tab a, .tab:link, .tab:visited, .tab:hover, .tab:active, .tab:focus {
margin:3px 5px 0px 0;
padding:0px 5px 2px 5px;
width:auto;
border-top:1px solid #264468;
border-right:1px solid #264468;
border-bottom:2px solid #FFFFFF;
border-left:1px solid #264468;
background-color:#FFFFFF;
float:left;
display:block;
color:#000000;
text-decoration:none;
}



.tab-an, tab-an a, .tab-an:link, .tab-an:visited, .tab-an:hover, .tab-an:active, .tab-an:focus {
margin:3px 5px 0 0;
padding:3px 5px 2px 5px;
width:auto;
border-top:1px solid #264468;
border-left:1px solid #264468;
border-right:1px solid #264468;
background-color:#264468;
float:left;
display:block;
color:#FFFFFF;
text-decoration:none;
font-size:100%;
}



.tabbox {
   background-color:#FFFFFF;
   width:97%;
   float:left;
   margin: 3px 0 0 5px;
   padding:5px 0 0px 0px;
   font-size:0.75em;
   border-bottom:1px solid #264468
   }

  * html .tabbox
{ /* fuer IE Win */
  margin: 5px 0 0 2px;

/* */
}   

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:101%;
  background-color:#FFFFFF;
}

p {
 font-size:80%;
  color:#000000;
  margin:0px;
  padding:3px 0 0 5px;
  }

  /* kgo - Ergaenzt da fehlender Absatz bei p */
  .absatz {
  color:#000000;
  padding:3px 0 0 5px;
  margin-top:2px;
  margin-bottom:8px;
  }
  

  
.preis {
  text-align:right;
  } 
 
  
.klein {
   color:#000000;
   font-size:80%;
   }  
  
.fett {
  color:#000000;
  font-weight:bold;
  /*font-size:0.85em;*/
   }  
  
.blau-fett {
  color:#264468;
  font-weight:bold;
  /*font-size:0.9em;*/
  }  
  
.suche-blau {
  color:#264468;
  font-weight:bold;
  font-size:85%;
  line-height:190%;
  }  
  
.blau-klein {
  color:#264468;
  font-size:90%;
  text-align:right;
  padding: 5px 5px 0 0;
  }  
 
 .blau-fett-rechts {
  color:#264468;
  font-weight:bold;
  /*font-size:0.85em;*/
  text-align:right;
  padding: 5px 5px 0 0px;

  }  

 .anker {
  font-size:0.1%;
  display:none;
  }
 
  
.header-weiss {
  color:#FFFFFF;
  font-weight:bold;
  padding:3px 0px 3px 5px;

  }  
  
.header-main-ob {
  color:#000000;
  font-weight:bold;
  padding:5px 5px 0 5px;
  width: 99%;

  }  
  
  
.rechtsausrichten {
   text-align:right;
   padding:10px 5px 20px 5px;
   }  
   
.rechts-waren {
   text-align:right;
   padding:0px 5px 2px 5px;
   }  
 
 /*fuer Trefferanzeige*/
   
.mittig {
   text-align:left;
   padding:0 15px 0 5px;
   }   
   
.mehr {
  font-weight:normal;
  margin:0 0 2px 0;
  }	

/* Allgemeine Formatierungen fuer Redakteure */  

h1 {
  font-size:110%;
  color: #000000;
	padding:0 0 0 5px;
  font-weight:bold;
  } 
  
 h2 {
   font-size:80%;
    color:#000000;
	font-weight:bold;
	padding:0 0 0 5px;
	margin:0;
	} 
	

 h3 {
   font-size:80%;
    color:#264468;
	font-weight:bold;
	padding:0 0 0 5px;
	margin:0;
	} 
	
	
/* Listen */	
  

  
.ul-warenkorb {
  text-align:left;
  list-style-type:none;
  list-style-image:url(/pic/icons/warenkorb1.gif);
  margin:0;
  }  


   
 /* Formate Links*/

a:link {
  text-decoration: underline;
  font-size: 100%;
  text-align:left;
  font-weight: normal;
  color:  #000000;
  background-color:transparent;
 /* outline: none;*/

}

a:visited {
  text-decoration: underline;
  font-size: 100%;
  text-align:left;
  font-weight: normal;
  color:  #808080;

  /*outline: none;*/

}

a:hover {
  text-decoration: underline;
  font-size: 100%;
  text-align:left;
  font-weight: normal;
  color:  #000000;

  /*outline: none;*/

}

a:active {
  text-decoration: none;
  font-size: 100%;
  text-align:left;
  font-weight: normal;
  color:  #000000;

  /*outline: none;*/

}


a:focus {
  text-decoration: underline;
  font-size: 100%;
  text-align:left;
  font-weight: normal;
  color:  #000000;

  /*outline: none;*/


}


   
/* Formate Links*/

a.fett-rechts {
  color:#000000;
   /*font-weight:bold;
 font-size:0.85em;*/
  text-align:right;
  padding: 5px 5px 0 0px;
  }



a.suche-img {
  border:0px;
  text-decoration:underline;
  }    

.img-logo {
  margin:0;
  padding:0;
  border:0px;
  }

/*fuer verlinkte Bilder ohne sichtbaren Rahmen*/  
.img-auswahl {
	border:0px;
	margin:2px 0 0 0px;
	text-decoration:none;
   }  
   
/* Bilder in der Titel-Leiste Anzeige */
.img-leiste {
	border:0px;
	margin:2px 5px 0 0px;
	text-decoration:none;
   }    
 
 /*fuer icon hintereinander ausrichten*/  
 .icon-ausrichten {
   border:0px;
   float:left;
   text-decoration:none;
   margin:0 10px 0 0;
   }  
/* Formatierung fuer alle Listen in den Metanavigation oben */

.ul-oben {
  text-align:right;
  margin:0px;
  padding:3px 0 0 0;
  color:#000000;
}

/* Liste Pfadnavigation */

.ul-pfad {
  text-align:left;
  margin:0px;
  padding:3px 0 0 0;
  color:#000000;
}



/*Navigationsleiste im Contentbereich */

.ul-main-nav {
  float:left;
  /*text-align:left;*/
  margin:10px 0 0 0;
  padding:0;

}

.ul-auswahl {
  text-align:left;
  list-style-type:none;
  padding:0 0 0 5px;
  margin:0;
  }


/* Formatierung fuer meta-navi */

.li-meta {
  display:inline;
  list-style-type: none;
  padding: 0 0px 0 0px;
  font-size:80%;
  

}


.li-meta a {
  color:#000000;
  text-decoration:none;
}


.li-meta a:hover {
  background-color: #E3E8F0;
  text-decoration:underline;
}


.li-meta a:active {
  text-decoration:none;
  color:#264468;
}

.li-breadcrumb {
display:inline;
list-style-type: none;
padding: 0 5px 0 5px;
font-size:80%;


}

.li-breadcrumb a {
color:#000000;
text-decoration:underline;
}


.li-breadcrumb a:hover {
background-color: #E3E8F0;
text-decoration:underline;
}


.li-breadcrumb a:active {
text-decoration:none;
color:#264468;
}



/* liste fuer den Nav Bereich im Content */
.li-main-nav {
   display:block;
   float:left;
   list-style-type:none;
   border-top:0;
   border-right:1px solid #264468;
   border-bottom:0;
   border-left:0px solid #264468;
   padding: 3px 10px 3px 10px;
   background-color:#E3E8F0;
   color:#000000;
   line-height:125%;

   }
   
.li-main-nav a{
   text-decoration:underline;
   float:left;
}

.li-main-nav a:hover {
   text-decoration:underline;
  background-color: #E3E8F0;
   }

.li-main-nav a:active {
   text-decoration:underline;
   background-color:#FFFFFF;
   color:#264468;
}

/* listenelement fuer den Nav Bereich im Content speziell Hilfe*/
.li-main-nav-hilfe {

   display:block;
   float:left;
   list-style-type:none;
   border-top:0;
   border-right:1px solid #264468;
   border-bottom:0;
   border-left:3px solid #264468;
   padding: 3px 10px 3px 10px;
   background-color:#E3E8F0;
   color:#000000;
   line-height:125%;
   font-weight:bold;
   }
   
.li-main-nav-hilfe a{
   text-decoration:underline;
   font-weight:bold;

}

.li-main-nav-hilfe a:hover {
   text-decoration:underline;}

.li-main-nav-hilfe a:active {
   text-decoration:underline;
   background-color:#FFFFFF;
   color:#264468;
}



/* liste fuer den Nav Bereich im Content -Ergebnisliste */
.li-main-nav-norm {
   display:block;
   /*vertical-align:middle;*/
   float:left;
   list-style-type:none;
   border-top:0;
   border-right:1px solid #264468;
   border-bottom:0;
   border-left:0;
   padding: 3px 5px 3px 5px;
   color:#000000;
   font-weight:bold;
   line-height:125%;

   }
   
.li-main-nav-norm a:link{
   text-decoration:underline;
}

.li-main-nav-norm a:visited .li-main-nav-norm a:hover {
   text-decoration:underline;
   font-weight:bold;
}   

.li-main-nav-norm a:active .li-main-nav-norm a:focus{
   text-decoration:none;
   background-color:#E3E8F0;
   color:#264468;
   font-weight:bold;
}
 



/*Navigation links */

.ul-nav-links {
  /*text-align:left;*/
  /*width:12em;*/
  margin:0;
  padding:0;

}


.li-nav-links  {
  background-image:url(/pic/vob2_liste-code.gif);
  background-repeat:no-repeat;
  background-position:left 5px;
  border-top:0px;
  border-right: 0px solid #264468;
  border-bottom: 0px solid #264468;
  border-left:0px solid #264468;
  color:#000000;
   margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
   text-decoration:none;
   width:80%;
   list-style-type:none;
   font-size:80%;

   }  
   
.li-nav-links a{
  display:block;
  color:#000000;
  margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  text-decoration:none;
  float:none;
}   

   
   
.li-nav-links a:link{
  display:block;
  color:#000000;
  margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  text-decoration:none;
  width:80%;
  float:none;
   
}   

.li-nav-links a:visited{
  display:block;
  color:#000000;
  margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  text-decoration:none;
  width:80%;
  float:none;
  
}   
 
.li-nav-links a:hover{
   text-decoration:underline;
}   
  
.li-nav-links a:active{
   text-decoration:none;
   color:#000000;
} 


.li-nav-links a:focus{
   text-decoration:none;
   color:#000000;
} 



/*Formatierung fuer Links Eurocode*/

.ul-code {
   margin: 0%;
   padding:0%;

 }

.li-nav-code  {
  display:block;
  background-image:url(/pic/liste-allgem.gif);
  background-repeat:no-repeat;
  background-position:left 5px;
  border-top:0px;
  border-right: 0px solid #264468;
  border-bottom: 1px solid #264468;
  border-left:0px solid #264468;
  color:#000000;
   margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
   text-decoration:none;
   width:90%;
   list-style-type:none;
   font-size:75%;
   line-height:160%
  
   }  
   
.li-nav-code a{
  display:block;
  color:#000000;
  margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  width:90%;
  float:none;
  text-decoration:none;

   
}
   
   
.li-nav-code a:link{
  display:block;
  color:#000000;
  margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  width:90%;
  float:none;
  text-decoration:none;

   
}

.li-nav-code a:visited{
   text-decoration:none;
    margin: 0 0 0 3%;
   padding: 0% 0% 1% 5%;
  width:90%;
   

}   
   
 
.li-nav-code a:hover{
   text-decoration:underline;
   

}   
  
.li-nav-code a:active{
   text-decoration:none;
   color:#000000;
} 

.li-nav-code a:focus{
   text-decoration:none;
   color:#000000;
} 


/*Liste mit hellem Hintergrund*/  
  
 .li-nav-links-ebene2  {
  display:block;
  float:left;
  width:85%;
  background-color: #E3E8F0;
  border-top:0px;
  border-right:0;  
  border-bottom: 0px solid #FFFFFF;
  border-left:3px solid #264468;
  color:#000000;
  margin: 0 0 0px 1px;
  padding: 2px 6px 3px 8px;
  text-decoration:none;

   }  
   
.li-nav-links-ebene2 a{
   width:85%;
   display:block;
   float:left;
   line-height: 145%;
   color: #000000;
   margin: 0 0 0px 1px;
   padding: 2px 6px 3px 8px;
   background-color:#E3E8F0;
   list-style-type:none;
   text-decoration:none;
}   
 
.li-nav-links-ebene2 a:hover{
   text-decoration:underline;
   background-color:#E3E8F0;

}   
  
.li-nav-links-ebene2 a:active{
   text-decoration:underline;
   background-color:#E3E8F0;
   color:#264468;
}   

.iebug {
  font-size: 1%;
  display: none;
  
}

.rot-fett {
  color:#FF0000;
  font-weight:bold;
  }  
 


   .waren-main-funktionen {
   float:right;
   text-align:right;
   border: 0px;
   background-color:#E3E8F0;
   color:#000000;
   text-decoration: underline;
   margin: 0;
   padding:0;
   }	

   .waren-main-funktionen-100 {
   float:right;
   text-align:right;
   border: 0px;
   background-color:#E3E8F0;
   color:#000000;
   text-decoration: underline;
   margin: 0;
   padding:0;
   font-size: 100%;
   }	
 
   .waren-main-funktionen-100-unten {
   background-color:#E3E8F0;
   color:#000000;
   border:0;  
   margin:0 0 -1px 0;
   padding:0px;
   font-size: 101%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration: underline;
   }	   
   
   .waren-main-funktionen-weiss {
   float:right;
   text-align:right;
   border: 0px;
   background-color:#FFFFFF;
   color:#000000;
   text-decoration: underline;
   margin: 0;
   padding:0;
   }	
   
   .waren-main-funktionen-blau-100 {
   border: 0px;
   background-color:#E3E8F0;
   color:#000000;
   text-decoration: underline;
   margin: 0 0 0 -3px;
   padding:0;
   font-size: 100%;
   }	

   .waren-main-funktionen-weiss-100 {
   border: 0px;
   background-color:#FFFFFF;
   color:#000000;
   text-decoration: underline;
   margin: 0 0 0 -3px;
   padding:0;
   font-size: 100%;
   }	

.bestellen {
   color:#000000;
   text-decoration:none;
   font-size:100%;
   } 
   
.bestellen:hover {
   color:#004080;
   background-color:#E3E8F0;
   text-decoration:none;
   }  
    
.bestellen:active {
   color:#E3E8F0;
   text-decoration:none;
   }  

/* Listen */	
  
ul { }
  
  
ol { }
  
   
  
li {
   line-height: 130%;
   margin:0px 0 0 0;
   color: #000000;
   font-size:80%;
   text-align:left;
   }  
   
.li-quadrat{
   list-style-type:square;
  }


.ul-ebene2 {
  font-size:120%;
  margin:0 0 0 1.5%;

  padding:0;
  list-style-type:square;
  }  


.ul-ebene3 {
  font-size:120%;
  margin:0 0 0 1.0%;
  padding:0;
  list-style-type:circle;
  }  
  
/* vob online 2002 und 2006 */
a.eins, a.zwei {
  text-align:center;
  font-weight:normal;
}

a.eins{
  background-image: url(/pic/vob2_navi_farbe_1.gif);
  background-repeat: repeat-y;}

a.zwei{
  background-image: url(/pic/vob2_navi_farbe_2.gif);
  background-repeat: repeat-y;
}		

a.eins:link, a.eins:visited {
  text-align:center;
  font-weight:normal;
}

a.eins:hover, a.eins:active, a.eins:focus {
  background-color: #EC1C34;	
  color: #ffffff;
  text-align:center;
  font-weight:bold;
}

a.zwei:link, a.zwei:visited {
  text-align:center;
  font-weight:normal;
}

a.zwei:hover, a.zwei:active, a.zwei:focus {
  background-color: #FFF6BB;	
  color: #000000;
  text-align:center;
  font-weight:bold;
}