body {
  background-image: url(bilder/BG_Verlauf.jpg);
  background-repeat: repeat-x;
  background-color: #20611d;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #020914;
  font-size: 12px;
  line-height: 19px;
    
  font-family: Arial, Helvetica, sans-serif;
  
  
 /*font-family: Arial, Helvetica, sans-serif;
 font-family: "Times New Roman", Times, serif;
 font-family: "Courier New", Courier, monospace;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-family: Geneva, Arial, Helvetica, sans-serif; 
 font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
 font-family: Impact, Arial, Helvetica, sans-serif;*/ 
}







/* Ueberschriften ..............................................................*/


h1 {
 font-weight: 800;
 letter-spacing: 0.5px;
 color: #20621e;
 font-size: 18px;
 line-height: 22px;
 margin: 10px 10px 10px 0px;
}



h2 {
 font-weight: 800;
 letter-spacing: 0.5px;
 color: #20621e;
 font-size: 18px;
 line-height: 22px;
 margin: 10px 10px 10px 0px;

}



h3 {
 font-weight: 800;
 letter-spacing: 0.5px;
 color: #20621e;
 font-size: 11px;
 line-height: 12px;
 margin: 0px 0px 0px 0px;
 
}



span.HeadlineProdukte{
 font-weight: 800;
 letter-spacing: 0.5px;
 color: #ffffff;
 font-size: 16px;
 line-height: 22px;
 margin: 132px 10px 0px 10px;
 padding: 2px 0px 1px 5px;
 background-color: #20621e;  
 display:block;
}

span.HeadlineProdukte2{
 font-weight: 800;
 letter-spacing: 0.5px;
 color: #ffffff;
 font-size: 16px;
 line-height: 22px;
 margin: 80px 10px 0px 10px;
 padding: 2px 0px 1px 5px;
 background-color: #20621e;  
 display:block;
}







/* Texte ..................................................................*/


span.Kursiv {
 font-style: italic;
}

span.Produkte{
 color: #000000;
 font-size: 11px;
 text-align:left;
 line-height: 12px;
 margin: 0px 0px 0px 0px;
 padding: 5px 15px 15px 15px;
 display:block;
}

span.Anwendungen{
 color: #000000;
 font-size: 11px;
 text-align:left;
 line-height: 12px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
  display: inline;
}


span.GruenBold{
 color: #20621e;
 font-weight: 800;
 text-align:left;
}






/* Links ..................................................................*/


a:link {
  		color: #395c25;
   		text-decoration:none;
		}
		
a:visited {
		color: #395c25;
   		text-decoration:none;
		}
		

a:hover {
		color: #882129;
   		text-decoration:none;
   		}
		
a:active {
		color: #395c25;
		text-decoration:none;
		}





/* Links Class - Type2 ................................*/



a.type2:link
		{		
		font-size: 10px;
		font-weight: 700;
		color: #3c3c3c;
   		text-decoration: none;
		}
		
a.type2:visited 
		{
		font-size: 10px;
		font-weight: 700;
		color: #3c3c3c;
   		text-decoration: none;
		}
		

a.type2:hover
		{
		font-size: 10px;
		font-weight: 700;
		color: #395c25;
   		text-decoration: none;
 		}
		
a.type2:active 	
		{
		font-size: 10px;
		font-weight: 700;
		color: #3c3c3c;
   		text-decoration: none;
		}
		
		
		
		
		
/* Links Class - Type3 ................................*/



a.type3:link
		{
		color: #20621e;
		font-size: 11px;
		font-weight: 800;
		text-align: right;
		display: block;
		margin-right: 15px;
		}
		
a.type3:visited 
		{
		color: #20621e;	
		font-size: 11px;
		font-weight: 800;
		text-align: right;
		display: block;
		margin-right: 15px;
		}
		

a.type3:hover
		{
		color: #882129;	
		font-size: 11px;
		font-weight: 800;
		text-align: right;
		display: block;
		margin-right: 15px;	
 		}
		
a.type3:active 	
		{
		color: #20621e;	
		font-size: 11px;
		font-weight: 800;
		text-align: right;
		display: block;
		margin-right: 15px;
		}
		
		

	
/* Links Class - Type4 ................................*/



a.type4:link
		{
		color: #395c25;
		font-size: 12px;
		font-weight: 800;
		}
		
a.type4:visited 
		{
		color: #395c25;	
		font-size: 12px;
		font-weight: 800;
		}
		

a.type4:hover
		{
		color: #882129;
		font-size: 12px;
		font-weight: 800;
 		}
		
a.type4:active 	
		{
		color: #395c25;
		font-size: 12px;
		font-weight: 800;
		}
		
		






/* Bilder .........................................................*/



img {

  border: none;

}


/* Tabellen .........................................................*/

td {
text-align:left;
}


td.Rueckruf {

  background-image: url(bilder/BG_Rueckruf.gif);
  background-position:bottom;
  background-repeat: no-repeat;
}


td.Trennscheiben {

  background-image: url(bilder/BG_Trennscheiben.jpg);
  background-position:bottom;
  background-repeat: no-repeat;

}

td.Schleifteller {

  background-image: url(bilder/BG_Schleifteller.jpg);
  background-position:bottom;
  background-repeat: no-repeat;

}

td.Fraeser {

  background-image: url(bilder/BG_Fraeser.jpg);
  background-position:bottom;
  background-repeat: no-repeat;

}

td.Bohrkronen {

  background-image: url(bilder/BG_Bohrkronen.jpg);
  background-position:bottom;
  background-repeat: no-repeat;

}

td.Zubehoer {

  background-image: url(bilder/BG_Zubehoer.jpg);
  background-position:bottom;
  background-repeat: no-repeat;

}


/* INHALT .........................................*/


#Content {
 background-image: url(bilder/BG_Content.png);
 background-repeat: repeat-y;
 padding: 0 0 40px 0;
 width: 900px;
 margin-left: -450px;
 position: absolute;
 top: 0px;
 left: 50%;
 }


#Kopf {
 background-image: url(bilder/Kopf_Startseite.jpg);
 background-repeat: no-repeat;
 margin: 0px 0px 0px 25px;
 padding: 9px 0px 0px 0px;
 width: 850px;
 height: 250px;
 text-align: right;
 }
 
 #dieTexte {
 float: right;
 text-align: justify;
 margin: -50px 10px 0px 0px;
 padding: 0px;
 width:684px;
 z-index: 15;
 }

#RueckrufForm{
  color: #000000;
 font-size: 11px;
 text-align: left;
 padding: 125px 15px 0px 20px;
 display:block;
}


/* MENUE..........................................................*/


#Menue {
 background-image: url(bilder/BG_Menue.jpg);
 background-repeat: repeat-x;
 width: 180px;
 height: 260px;
 text-align: left;
 margin: 15px 0px 0px 25px;
 padding: 5px 0px 0px 0px;
 float: left;
}


/* TEASER ........................................................*/

#TeaserAbbLinks {
 background-image: url(bilder/Barracuda.gif);
 background-repeat: no-repeat;
 width: 290px;
 height: 380px;
 float: left;
 margin-top: -100px;
 margin-left: -67px;
 z-index: 100;

 }
 
 
#Stoerer {
 background-color: #78004c;
 position:relative;
 float: left;
 margin-top: 15px;
 margin-left: -60px; 
 width: 240px;
 color: #FFFFFF;
 text-align: center;
 z-index: 102;

 }
 
 
 #TeaserText {
 background-image: url(bilder/BG_TeaserText.jpg);
 background-repeat: repeat-y;
 background-position: 10px 10px;
 position:relative;
 float: right;
 margin-top: 20px;
 margin-right: 30px;
 width: 620px;
 padding:5px;
 z-index: 103;

 
 }



/* FUSSZEILEN INNERHALB DER WEISSEN FLAECHE........................*/

#ZeileUnten {
 float: left;
 text-align: center;
 font-size:12px;
 font-weight: 800;
 color: #20621e; 
 margin: 40px 0px 0px 20px;
 padding: 5px 5px 5px 5px;
 width:840px;
 }




/* Konzeption & Gestaltung: www.brockfeld-design.com ................................*/


span.BrockfeldKursiv {
 font-style: italic;
 color: #7d7d7d;
}



a.Brockfeld:link
		{		
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}
		
a.Brockfeld:visited 
		{
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}
		

a.Brockfeld:hover
		{
 font-size: 12px;
 font-style: italic;
 color: #882129;
 text-decoration:none;
 		}
		
a.Brockfeld:active 	
		{
 font-size: 12px;
 font-style: italic;
 color: #7d7d7d;
 text-decoration:none;
		}